* {
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	background-color: #fff;
	color: #000;
	font-family: "Open Sans", sans-serif !important;
	font-size: 16px;
	line-height: 19px;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55);
	border: #b5bdc3 1px solid;
	border-top: none !important;
}

footer {
	max-width: 1000px;
	border: #b5bdc3 1px solid;
	border-top: none !important;
	margin: 0 auto;
}

#footer {
	height: 120px;
	position: relative;
	margin-top: -120px;
	bottom: 0;
}

a, a:visited {
	color: #005cb7;
	text-decoration: none;
}

#faqs a, #faqs a:visited {
	color: #000;
}

h1, h2, h3, h4, h5 {
	color: #005CB7;
	padding-bottom: 20px;
}

h1 {
	font-size: 26px;
	line-height: 30px;
}

h2 {
	font-size: 24px;
	line-height: 28px;
}

h3 {
	font-size: 22px;
	line-height: 26px;
}

h4 {
	font-size: 20px;
	line-height: 24px;
	color: #1C1C1D;
}

h5 {
	font-size: 18px;
	line-height: 22px;
}

h6 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
}

h5 i {
	font-size: 26px;
	vertical-align: middle;
}

h6 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}

hr {
	width: 80%;
	height: 2px;
	color: #919BA4;
	background-color: #919BA4;
	margin: 0 auto;
}

#information {
	background-color: #f1f1f1;
	padding: 0px 20px;
}

menu li {
	list-style: none;
	padding-left: 15px;
	padding-right: 15px;
}

#information ul {
	text-align: right;
}

#information ul li {
	display: inline-block;
	font-size: 16px;
}

#logo img {
	width: 100%;
	max-width: 450px;
}

#navigation {
	/*background-color: #b5bdc3;*/
	background: #b5bdc3;
	background: -moz-linear-gradient(top,  #b5bdc3 0%, #f4f8f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc3), color-stop(100%,#f4f8f9));
	background: -webkit-linear-gradient(top,  #b5bdc3 0%,#f4f8f9 100%);
	background: -o-linear-gradient(top,  #b5bdc3 0%,#f4f8f9 100%);
	background: -ms-linear-gradient(top,  #b5bdc3 0%,#f4f8f9 100%);
	background: linear-gradient(to bottom,  #b5bdc3 0%,#f4f8f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc3', endColorstr='#f4f8f9',GradientType=0 );
	padding: 0px 20px;
}

#main-navigation ul {
	text-align: center;
	line-height: 30px !important;
}

#main-navigation ul li {
	color: #1c1c1d;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 30px;
	width: 100%;
	max-width: 180px;
}

#main-navigation ul li a {
	color: #1c1c1d !important;
}

#main-navigation ul li.current_page_item a {
	background: #5d6368;
	padding: 6px 10px !important;
}

#main-navigation ul li.current_page_item a {
	color: #fff !important;
}

#dashboard-menu {
	text-align: right;
	padding-top: 20px;
}

#content {
	background-color: #fff;
	padding: 40px 20px 120px 20px;
	min-height: 300px;
}

#content #sidebar #faqs {
	background-color: #dee8ea;
	padding: 10px;
}

#content #sidebar #faqs li {
	list-style: inside decimal;
	margin-bottom: 10px;
}

#content #sidebar #featured {
	margin: 30px 0px;
}

#content #sidebar #featured h4 {
	background: url(../img/featured_proj.png) left 2px no-repeat;
}

#content #sidebar #faqs h4, #content #sidebar #featured h4 {
	text-align: center;
}

.tabs ul, .tabs .ui-widget-header, .tabs .ui-widget-content .ui-state-active, .tabs .ui-widget-content .ui-state-default, .tabs ul li {
	background: none !important;
	border: none !important;
	font-family: "Open Sans", sans-serif !important;
	font-size: 15px !important;
}

div[role="tabpanel"] {
	border: none !important;
	font-size: 15px !important;
	color: #000 !important;
}

#footer {
	background-color: #b5bdc3;
	padding: 0;
	text-align: center;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
}

#footer #footer-navigation, #footer #copyright {
	text-align: center;
	margin-left: 0;
	margin-right: 0;
}

#footer ul {
	text-align: center;
}

#footer ul li {
	display: inline-block;
	padding-top: 10px;
}

#footer ul li a {
	color: #ffffff;
	font-weight: 700;
	font-weight: 700;
}

.clear {
	clear: both;
	height: 20px;
}

.accordion-heading, .accordion-group h4 {
	background: #f5f5f5;
	border: #eee solid 1px;
	padding: 10px 12px;
	font-size: 15px !important;
	cursor: pointer;
}

.accordion-heading a.accordion-toggle {
	font-weight: 700;
	color: #000;
}

.accordion-heading a i, .accordion-group h4 i {
	/*float: right;
	margin-top: 5px;*/
	margin-right: 10px;
}

.accordion-body {
	border: #eee solid 1px;
	padding: 10px 12px;
	height: auto;
	display: none;
}

.accordion-body.more {
	border: none !important;
	padding: 0px !important;
}

/* REGISTRATION AND LOGIN  ------------------------------------- */

.form-name {
	background-color: #353535;
	color: #fff;
	font-weight: 700;
	padding: 14px 0;
	text-align: center;
}

#registration, #login {
	margin: 0 auto;
	border: #eee solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
}

#login {
	width: 50%;
	margin-top: 20px;
}

#login.admin {
	width: 100%;
}

#login.admin input[type="submit"] {
	background-color: #222;
	font-weight: 400;
	font-size: 15px;
	margin: 0;
	left: 0;
	width: 60% !important;
}

#registration {
	width: 70%;
}

#registration i {
	color: #999 !important;
}

#login #login-box {
	padding: 30px 15px;
}

#registration #registration-box .error, #login #login-box .error {
	display: block;
	margin-top: 5px;
	z-index: 9;
}

#registration #registration-box .reg-section {
	background-color: #353535;
	color: #fff;
	font-weight: 700;
	padding: 14px 0 !important;
	margin-bottom: 10px;
	text-align: center;
}

#registration #registration-box .reg-label {
	width: 30%;
	float: left;
	font-size: 13px;
	word-wrap: break-word;
	padding: 5px;
}

#registration #registration-box .reg-input {
	width: 68%;
	float: right;
}

#registration #registration-box .reg-input input, #registration #registration-box .reg-input select, #registration #registration-box .reg-input textarea {
	width: 98%;
	margin-top: 5px;
}

#login #login-box .log-label {
	width: 10%;
	float: left;
	font-size: 13px;
	padding-top: 5px;
	vertical-align: baseline;
	word-wrap: break-word;
	text-align: center;
	background: #E8E8E8;
	box-shadow: #eee 0px -1px 4px 0px inset;
	-moz-box-shadow: #eee 0px -1px 4px 0px inset;
	-webkit-box-shadow: #eee 0px -1px 4px 0px inset;
	border: #ddd solid 1px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
}

#login #login-box .log-input {
	width: 90%;
	float: right;
}

#login #login-box .log-input input {
	-webkit-border-top-right-radius: 3px !important;
	-webkit-border-bottom-right-radius: 3px !important;
	-moz-border-radius-topright: 3px !important;
	-moz-border-radius-bottomright: 3px !important;
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;	
	padding-left: 20px;
}

input, select, input, textarea {
	width: 100%;
	background: #f5f5f5;
	box-shadow: #eee 0px -1px 4px 0px inset;
	-moz-box-shadow: #eee 0px -1px 4px 0px inset;
	-webkit-box-shadow: #eee 0px -1px 4px 0px inset;
	border: #ddd solid 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
}

textarea {
	height: 80px !important;
}

input[type="submit"], input[type="reset"] {
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	background: #005cb7;
	border: none !important;
	padding: 6px 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	width: 40% !important;
	margin: 0 50% 10px 50%;
	left: -20%;
	display: block;
	position: relative;
	height: 40px;
}

input[type="checkbox"] {
	width: auto !important;
	height: inherit !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

#upload-button {
	background: url(../img/upload.png) center no-repeat;
	overflow: hidden !important;
	width: 100%;
}

#upload-button input {
	height: 30px !important;
	opacity: 0 !important;
	overflow: hidden !important;
	cursor: pointer;
}

/* Universal -------------------------------------------- */

.current {
	font-weight: 700;
}
	
.current-page {
	font-style: italic;
	color: #005cb7;
}

.special-link {
	color: #005cb7 !important;
	text-decoration: underline;
	font-style: italic;
}

.specifications {
	text-decoration: underline;
}

.submenu-link {
	color: #005cb7;
	cursor: pointer;
	position: relative;
	padding-bottom: 12px;
}

.submenu-link ul {
	display: none;
	padding: 20px 6px;
}

.submenu-link:hover ul {
	display: block;
	width: 200px;
	position: absolute;
	background: #fff;
	text-align: left !important;
	line-height: 22px;
	right: 0px;
	margin-top: 10px;
}

.submenu-link ul li {
	padding-bottom: 4px;
}

.left {
	float: left;
	width: 48%;
}

.right {
	float: right;
	width: 48%;
}

#goBack {
	display: block;
	float: right;
}

#goBack a {
	font-style: italic;
	color: #fff !important;
	text-transform: none !important;
	font-size: 14px;
}

#department-list-nav li {
	display: block;
	width: auto;
	min-height: 10px !important;
	float: left;
	padding: 6px 12px;
	margin-right: 20px;
	background-color: #e3e3e3;
	cursor: pointer;
}

.learn-more {
	display: block; 
	float: right;
	font-size: 13px;
	color: #333;
	font-style: italic;
	cursor: pointer;
}

.hide {
	display: none;
}

.indent {
	margin-left: 40px;
}

#notice {
	font-weight: 700;
	float: right;
	color: #C00;
	font-size: 18px;
}

.actionButton {
	display: block;
	margin-bottom: 20px;
	padding: 8px 12px;
	background-color: #f5f5f5;
	border: #e6e6e6 1px solid;
	color: #333 !important;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.actionButton.addLink {
	width: 220px;
	float: right;
}

#askButton {
	position: absolute;
	display: block;
	z-index: 100;
	bottom: 100px;
	right: 0;
	background-color: #005cb7;
	cursor: pointer;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(255,255,255,0.3);
	-moz-box-shadow: 0px 2px 6px 0px rgba(255,255,255,0.3);
	box-shadow: 0px 2px 6px 0px rgba(255,255,255,0.3);
}

#askButton a {
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	display: block;
	padding: 12px 18px;
}

.requestButton {
	background-color: #333;
	height: auto;
	color: #fff;
	cursor: pointer;
	padding: 6px 12px;
}


.feedback.success {
	background-color: #D4F2CB;
	padding: 20px;
}

.feedback.error {
	background-color: #F0C2C2;
	padding: 20px;
	display: block !important;
}

.block-link {
	background: #f2f2f2;
	display: inline-block;
	padding-top: 25px;
	width: 300px;
	height: 50px;
	border: 1px solid #ccc;
	font-size: 22px;
	font-weight: 700;
	color: #111 !important;
	margin: 0px 20px;
}

.center {
	text-align: center;
}

.center-div {
	margin: 0 auto;
}

.align-right {
	text-align: right;
}

.bold {
	font-weight: 700;
}

.space {
	display: inline-block;
	width: 50px;
}

.member-bg {
	background-color: #E6FCE6;
}

.small-text {
	font-size: 13px;
}

.italic {
	font-style: italic;
}

.canceled-bg {
	background: #CC0E0E;
	padding: 10px;
}

.paused-bg {
	background: #E6C01C;
	padding: 10px;
}

.pending {
	background: #FCE995;
}

.denied {
	background: #FA7C6B;
}

.text-medium {
	font-size: 18px;
}


/* DASHBOARD ---------------------------------------------- */

.show-profile {
	width: 60%;
	margin: 0 auto;
	padding: 20px;
	border: #eee solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.show-profile input[type="submit"] {
	left: 0;
	margin: 0;
	margin-top: 5px;
	font-size: 15px;
	width: 100% !important;
}

.show-profile table {
	margin: 0 auto;
}

.show-profile table.user-avatar td {
	padding: 5px;
	vertical-align: top;
	text-align: left;
}

.admin-heading {
	background-color: #005cb7;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 8px;
	margin: 20px 0;
}

.admin-item {
	text-align: center;
	color: #383e42;
}

.admin-item .item-icon {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	max-height: 80px;
	min-height: 80px;
	font-size: 20px;
}

.admin-item .item-icon a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

.admin-item .item-icon .icon {
	font-size: 46px;
}

.admin-item .item-icon .item-icon-note {
	font-size: 18px !important;
	display: inline-block;
	position: absolute;
	margin-top: -10px;
	margin-left: 5px;
}

#schedule-content {
	color: #383e42;
	padding: 6px;
}

#schedule-content ul li {
	margin-left: 10px;
}

#schedule-content #sc-date {
	display: block;
	text-align: right;
	font-weight: 700 !important;
	font-size: 13px !important;
}

#schedule-content #sc-tasks, #schedule-content #sc-payments {
	margin-top: 15px;
	max-height: 160px;
	overflow: auto;
}

#schedule-content .sc-type {
	font-weight: 700 !important;
	display: block;
	margin-top: 10px;
}

#admin-sidebar li {
	padding-bottom: 10px;
	list-style: none;
}

#tab-info #tab-details li {
	float: left;
	padding-left: 20px;
	list-style: none;
}

.list-container li {
	list-style: none;
	display: block;
	min-height: 40px;
	width: 100%;
	display: block;
}

.list-container ul.content li {
	margin-bottom: 10px;
}

.list-container li div {
	word-wrap: break-word;
	font-size: 14px;
	float: left;
	width: 16.6%;
}

.list-container li div span {
	padding: 0 2px;
}

#current-projects li div, #messages-box li div {
	width: 20%;
}

#messages-nav li, #settings-nav li {
	list-style: none;
	display: block;
	margin-bottom: 5px;
	cursor: pointer;
	padding: 4px 8px;
	width: 70%;
}

#messages-nav li:hover, #settings-nav li:hover {
	background-color: #f2f2f2;
}

#settings-nav li.admin-heading:hover {
	background-color: #005cb7;
}

#messages-nav li#compose-button:hover {
	background-color: #f5f5f5;
}

#messages-nav li#compose-button {
	display: block;
	margin-bottom: 20px;
	padding: 8px 0;
	background-color: #f5f5f5;
	border: #e6e6e6 1px solid;
	color: #333;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
}

#messages-nav li.active, #settings-nav li.active {
	font-weight: 700;
}

#messages-box li div#message-subject {
	width: 40%;
}

#messages-box li div#message-date, #messages-box li div#message-type {
	text-align: right;
}

#messages-box li {
	position: relative;
}

#messages-box li a#message-link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
}

#quick-reply {
	width: 80%;
	float: right;
	cursor: pointer;
}

#quick-reply .admin-heading {
	background-color: #333 !important;
}

#sent-list, #trash-list {
	display: none;
}

#registered-clients li div span {
	padding: 0 2px;
}

#registered-clients li div span#client-fname {
	padding: 0 0 0 2px;
}

#registered-clients li div span#client-lname {
	padding: 0 2px 0 0;
}

#registered-clients li div:nth-child(1) {
	width: 13%;
}
#registered-clients li div:nth-child(2) {
	width: 20.2%;
}

#client-msg {
	cursor: pointer;
	color: #005cb7;
}

#client-projects li div {
	width: 25%;
}

#compose-box, #tasks-box, #applications-box {
	display: none;
}

#current-projects-tasks li {
	list-style: none;
	float: left;
	width: 100%;
}

#current-projects-tasks li div {
	float: left;
	width: 25%;
}

#notes-box {
	display: none;
}

#notes-container {
	font-size: 13px;
}

#notes-container li {
	width: 100% !important;
}

#notes-container li div {
	width: 100%;
	max-height: 400px;
	overflow: auto;
	margin-bottom: 40px;
}

#note-title {
	font-weight: 700;
}

#note-info ul li {
	border-bottom: #bbb 1px solid;
	margin-bottom: 8px;
}

#notes-container input[type="submit"], .form-container input[type="submit"] {
	background-color: #222 !important;
	font-weight: 400 !important;
	margin: 0;
	left: 0;
}

/* Clients list ----------------------------------------------- */

#client-profile {
	line-height: 22px;
}

/* Projects --------------------------------------------------- */

td#project-read-more {
	position: relative;
}

span#read-more {
	color: #005cb7;
	cursor: pointer;
}

td#project-read-more:hover #project-description {
	display: block;
}
	
#project-description {
	background-color: #f2f2f2;
	border: 1px solid #e5e5e5;
	padding: 6px;
	z-index: 10;
	display: block;
	position: absolute;
	width: 400px;
	display: none;
}

/* Message box for projects ----------------------------------- */

.message-container {
	border: 1px solid #f5f5f5;
	margin-bottom: 10px;
	display: none;
}

.message-header {
	background: #f2f2f2;
	padding: 6px;
	font-weight: 700;
	cursor: pointer;
}

.message-author {
	font-weight: normal !important;
	font-size: 13px;
	font-style: italic;
}

.message-text {
	padding: 12px 6px;
}

.comment-block {
	margin-bottom: 10px;
	margin-left: 50px;
}

.comment {
	background-color: #F2F5F8;
	padding: 6px;
	margin-bottom: 10px;
}

.comment-author {
	font-weight: 700;
	line-height: 18px;
}

.comment-text {
	font-size: 13px;
}

#form_comment input[type="submit"] {
	left: 0px;
	margin: 10px 0 10px 0;
	width: 200px !important;
	float: right;
	font-size: 14px;
	background-color: #333;
}

#form_comment textarea {
	min-width: 100% !important;
}

/* Tables for information display ----------------------------- */

table.table-list {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

table.table-list tr.odd {
	background-color: #eee;
}

table.table-list th {
	background: #333; 
	color: white; 
	font-weight: bold; 
	padding: 6px;
	text-align: left;
}

.table-header {
	background: #333;
	color: white;
	font-weight: bold;
}

table.table-list tr, table.table-list th { 
	border-bottom: 1px solid #ccc; 
}

table.table-list td {
	padding: 6px; 
}

div.divTable {
	display: table;
	width: auto;
	/*border: 1px solid #DBDBDB;*/
}

div.divTableRow {
	display: table-row;
	width: auto;
	clear: both;
}

div.divTableCol {
	display: table-column;
	float: left;
	width: 200px;
	padding: 5px;
}

div.divTableCol.one {
	width: 50px !important;
}

div.divTableBg {
	background-color: #f2f2f2;
}

div.divTableHeader {
	font-weight: 700;
}
	
	
/* Payment Settings ------------------------------------ */

#payment-settings li {
	width: 100%;
	min-height: 20px !important;
}

#payment-settings li div {
	width: 33.33%;
}

#payment-settings input[type="submit"], #feedback-msg input[type="submit"] {
	margin-bottom: 30px;
}

#add-payment {
	display: block;
	padding: 8px 12px;
	background-color: #005cb7;
	color: #fff;
	font-weight: 700;
	border: #024C96 1px solid;
	width: 260px;
	margin: 20px auto 0 auto;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
}


/* Notifications ----------------------------- */
#notifications-list {
	height: 100%;
	max-height: 280px !important;
	overflow: auto;
}

#notifications-list li {
	list-style: none;
	float: left;
	width: 100%;
	font-size: 13px !important;
	word-wrap: break-word;
}

#notifications-list li div {
	float: left;
	width: 33.33%;
}

#notifications-list ul#titles li {
	height: 40px;
}

/* Invoice --------------------------------------------- */
#invoice-options li {
	float: left !important;
	padding: 0px 10px;
	display: inline-block;
	width: auto;
}


/* Dashboard - Members List ---------------------------- */
#members-list li {
	width: 25%;
	list-style: none;
	font-size: 13px;
	height: 290px;
	float: left;
	display: block;
	position: relative;
}


#members-list li a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: -9999px;
}

#members-list li div {
	width: 100%;
}

#members-list li div img {
	width: 100%;
	max-width: 100px;
	height: 100%;
	max-height: 100px;
	margin: 0 auto;
	clear: both;
	padding: 4px;
}

/* Forms -------------------------------------------------------------- */
.reveal-modal label {
	display: block;
	margin-top: 20px;
	margin-bottom: 8px;
}

.reveal-modal select {
	height: auto;
	min-height: 30px;
}

.reveal-modal input, .reveal-modal select, .reveal-modal textarea {
	border: #cfcfcf 1px solid;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	padding: 4px;
}

#compose-msg input, #compose-msg textarea, .reveal-modal textarea, .reveal-modal select, .form-container input, .form-container textarea, .form-container select {
	margin-bottom: 20px;
}

#compose-msg textarea, .reveal-modal textarea {
	height: 150px !important;
}

#compose-msg input[type="file"] {
	height: 30px;
}

#compose-msg input[type="submit"], .reveal-modal input[type="submit"] {
	margin: 0;
	left: 0;
	float: right;
	background-color: #333;
}

label, select, input, textarea {
	font-family: "Open Sans", sans-serif;
	font-size: 13.5px;
}

#attach-file {
	background: url(../images/attach.png) center no-repeat;
	overflow: hidden !important;
	width: 200px;
}

#attach-file input {
	height: 30px !important;
	opacity: 0 !important;
	overflow: hidden !important;
	cursor: pointer;
}

select {
	height: auto;
}

#search-list li div {
	width: 25%;
}

#searchForm div select {
	width: auto;
}

#searchForm div input[type="submit"] {
	width: 100% !important;
	left: 0;
	margin: 0;
	background: #333;
	font-size: 14px;
}

#search-results {
	display: none;
}

/* JQuery Pagination ------------------------------------------------------------------- */
.page_navigation {
	clear: both !important;
	float: right;
}

.page_navigation a, .alt_page_navigation a{
	padding: 3px 5px;
	margin-right: 4px;
	color: white;
	text-decoration: none;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
	background-color: #333;
}


/* Reveal Popup -------------------------------- */
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}

.reveal-modal {
	visibility: hidden;
	margin: 0 auto;
	width: 700px;
	height: 500px;
	overflow: auto;
	background: #dedede no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -250px;
	left: 50%;
	margin-left: -350px;
	z-index: 101;
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal.profile-box {
	font-size: 13px;
	width: 250px;
	height: 260px;
	margin-top: -125px;
	margin-left: -130px;
}
	
.reveal-modal.small 		{ width: 200px; height: auto; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; height: auto; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
} 


/* Tabs ---------------------------------------------- */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 40px;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 0px 20px ;
	height: 39px;
	line-height: 39px;
	border: 1px solid #bbb;
	border-left: none;
	font-weight: 700;
	font-size: 20px;
	color: #005bc7;
	background: #eee;
	overflow: hidden;
	position: relative;
}

ul.tabs li:hover {
	background: #ccc;
}
	
ul.tabs li.active{
	background: #fff;
	border-bottom: 1px solid #fff;
}

.tab_container {
	border: 1px solid #bbb;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
}

.tab_content {
	padding: 20px;
	display: none;
}

.tab_container img {
	float: right;
	padding: 5px;
	width: 100%;
}

.tab_container #brief img {
	max-width: 320px;
}

.tab_container #services img {
	max-width: 220px;
}

.tab_container #featured img {
	max-width: 180px;
}

#home-boxes #individuals div {
	background: url(../img/bg1.jpg) center no-repeat;
	background-size: cover;
	padding: 15px 10px;
	min-height: 270px;
}

#home-boxes #members div {
	background: url(../img/bg2.jpg) center no-repeat;
	background-size: cover;
	padding: 15px 10px;
	min-height: 270px;
}

#home-boxes  #companies div {
	background: url(../img/bg3.jpg) center no-repeat;
	background-size: cover;
	padding: 15px 10px;
	min-height: 270px;
}


/* STRIPE --------------------------------------------------------- */
.stripe-connect {
  display: inline-block;
  margin-bottom: 1px;

  background-image: -webkit-linear-gradient(#28A0E5, #015E94);
  background-image: -moz-linear-gradient(#28A0E5, #015E94);
  background-image: -ms-linear-gradient(#28A0E5, #015E94);
  background-image: linear-gradient(#28A0E5, #015E94);

  -webkit-font-smoothing: antialiased;
  border: 0;
  padding: 1px;
  height: 30px;
  text-decoration: none;

  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;

  -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);

  cursor: pointer;

  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.stripe-connect span {
  display: block;
  position: relative;
  padding: 0 12px 0 44px;
  height: 30px;

  background: #1275FF;
  background-image: -webkit-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  background-image: -moz-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  background-image: -ms-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  background-image: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);

  font-size: 14px;
  line-height: 30px;
  color: white;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);

  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.stripe-connect span:before {
  content: '';
  display: block;
  position: absolute;
  left: 11px;
  top: 50%;
  width: 23px;
  height: 24px;
  margin-top: -12px;
  background-repeat: no-repeat;
  background-size: 23px 24px;
}

.stripe-connect:active {
  background: #005D93;
}

.stripe-connect:active span {
  color: #EEE;

  background: #008CDD;
  background-image: -webkit-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  background-image: -moz-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  background-image: -ms-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  background-image: linear-gradient(#008CDD, #008CDD 85%, #239ADF);

  -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

.stripe-connect:active span:before {

}

.stripe-connect span:before {
  background-image: url("data:image/png;base64,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");
}


/* Media Queries ------------------------------------------------- */
@media all and (max-width: 800px) {
	#registration, #login {
		width: 95%;
	}
	
	#registered-clients li, #current-projects li {
		width: 33.3%;
		float: left;
		margin-bottom: 20px;
	}
	
	#registered-clients li div, #registered-clients li div:nth-child(1), #registered-clients li div:nth-child(2), #current-projects li div{
		width: 100%;
	}
	
	ul#titles {
		display: none;
	}
	
	ul.tabs li {
		padding: 0px 20px ;
		height: 39px;
		line-height: 39px;
		border: 1px solid #bbb;
		border-left: none;
		font-weight: 700;
		font-size: 15px;
		color: #005bc7;
		background: #eee;
		overflow: hidden;
		position: relative;
	}
	
	.tab_content img {
		max-width: 200px;
	}
	
	#home-boxes #individuals div, #home-boxes #members div, #home-boxes  #companies div {
		background: #dee8ea !important;
		padding: 15px 10px;
		min-height: 0px;
	}
	
	.show-profile {
		width: 100%;
	}
}


@media all and (max-width: 520px) {
	ul.tabs {
		height: auto;
	}
	
	ul.tabs li {
		float: none;
		height: auto;
		line-height: 30px;
	}
	
	.tab_content img {
		display: none;
	}
	
	.left, .right {
		width: 100%;
		float: none;
	}
	
	#registration #registration-box .reg-label, #registration #registration-box .reg-input {
		width: 98%;
		padding-bottom: 5px;
	}
	
	input[type="submit"], input[type="reset"] {
		width: 96% !important;
		margin: 0 auto 10px auto !important;
		left: 0% !important;
	}
	
	#dashboard-menu {
		text-align: center;
		padding-top: 10px;
		margin-bottom: 10px;
	}
	
	#registered-clients li {
		width: 100%;
		float: left;
	}
	
	#searchForm div {
		width: 100% !important;
		float: none;
		margin-bottom: 10px;
	}
	
	#goBack {
		clear: both;
		padding-top: 30px;
		margin-bottom: 20px;
	}
	
	#goBack a {
		color: #005cb7 !important;
	}
	
	ul.content li:after {
		content: \"<hr>"\;
	}
	
	ul.content li, ul.content li div {
		width: 100% !important;
	}
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1023px)  {

	/* Force table to not be like tables anymore */
	table.table-list, table.table-list thead, table.table-list tbody, table.table-list th, table.table-list td, table.table-list tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.table-list thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.table-list tr {
		border: 1px solid #ccc;
	}
	
	table.table-list td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%;
		word-break: break-all;
	}
	
	table.table-list td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-weight: 700;
		text-align: right;
	}
	
	/*
	Label the data
	*/
	table.table-list.table-clients td:nth-of-type(1):before { content: "#"; }
	table.table-list.table-clients td:nth-of-type(2):before { content: "Username"; }
	table.table-list.table-clients td:nth-of-type(3):before { content: "Client Name"; }
	table.table-list.table-clients td:nth-of-type(4):before { content: "Email"; }
	table.table-list.table-clients td:nth-of-type(5):before { content: "Phone"; }
	table.table-list.table-clients td:nth-of-type(6):before { content: "Actions"; }
	
	table.table-list.table-projects td:nth-of-type(1):before { content: "#"; }
	table.table-list.table-projects td:nth-of-type(2):before { content: "Project name"; }
	table.table-list.table-projects td:nth-of-type(3):before { content: "Client"; }
	table.table-list.table-projects td:nth-of-type(4):before { content: "Department"; }
	table.table-list.table-projects td:nth-of-type(5):before { content: "Deadline"; }
	table.table-list.table-projects td:nth-of-type(6):before { content: "Actions"; }
}