/* Global */
body { 
	background-color: #FFFFFF; color:#68707B; margin:0;
}
body, table, td, p, ul, ol, input, select, textarea, span, button { 
	font-family:helvetica, arial, helvetica, sans-serif; font-size:12px; font-weight:normal;
}


/* Typography */
a, a:link, a:active { text-decoration: none; color: #2849B1; }
a:hover { text-decoration: underline; } 
a img { border:0; }

h1, h2, h3, h4 { font-family:Helvetica, sans-serif; }
h1 { font-size: 20px; margin:0 0 0 0; padding:0 0 10px 0; color: #2849B1; } 
h2 { font-size:170%; margin:0 0 10px 0; }
h3 { font-size:120%; margin:0 0 15px 0; }
h4 { font-size:110%; margin:25px 0 5px 0; }

p { margin: 0 0 11px 0; line-height:20px; }

ul, ol { margin:10px 0 10px 0; }
li { margin:5px 0 5px 0; padding:0 0 0 20px; }

span { color:#00b34d; }
hr { margin:20px 0 20px 0; height:1px; border:none; color:#726C16; background-color:#726C16; }
label {  }

/* Global */
.clearFloat { clear: both; border: 1px solid blue; margin-top: -1px; }
.clear { clear: both; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.absmiddle { vertical-align:middle; }


/* Main Styles */
#wrapper {
	height:auto; margin:0 auto 0 auto; width:900px; padding:0; 
}
#header {
	width:auto; height:95px; margin:0 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #333333;
}
#menu {
	padding:0 0 0 0; height:auto; margin:18px 0 0 0; text-align: right;
}
#submenu {
	padding:0 0 0 0; height:auto; margin:5px 0 0 0; text-align: right;
}
#content {
	padding:20px 0 20px 0; margin:0 0 0 0; width:auto; 
}
#footer {
	height:30px; padding-top:10px; border-top: 1px solid #333333;
}

/* Child Styles */
#logo { float:left; }
#login { text-align: right; }

#menu a, #submenu a { margin:0 0 0 0; color: #68707B; font-size: 14px;  }
#menu a:hover, #submenu a:hover { color: #2849B1; text-decoration:underline; }
#menu span, #submenu span { margin: 0 10px 0 10px; color: #68707B; font-size: 14px; }

#footer span, #footer label, #footer a { color: #86909B; font-size: 11px; font-weight: bold; }
#footer span { float: right; }
#footer label { margin-right: 10px;  }

/* Specific */
#colLeft { float:left; display:inline; width:650px; margin:0 0 0 0; }
#colRight { float:left; display:inline; width:250px; margin:0 0 0 0; text-align: right; }

.profile { clear: both; border-bottom: 1px solid #EAEAEA; margin: 0 0 10px 0; }
.profileLogos { float:left; margin:0 10px 10px 10px; width:125px; height:125px; line-height:125px; border: 1px solid #EAEAEA; text-align: center; }
.profileLogos img { vertical-align: middle; }
.profileInfo { float:left; width:250px;  }
.profileDescription { float:left; width:500px; /*background-color: aqua;*/  }

.selProfiles .menuProfiles, .selOffers .menuOffers, .selUpdates .menuUpdates, .selContact .menuContact { text-decoration: underline; }
.selCalendar .menuCalendar, .selAnnouncements .menuAnnouncements, .selReferrals .menuReferrals, .selAuth .menuAuth { text-decoration: underline; }

/* Tables */
.tableDisplay { margin:0 0 25px 0; width:100%; }
.tableDisplay th { background-color:#000F29; border-bottom:1px solid #723E11; padding:7px 5px 7px 5px; text-align:left; color:#FFFFFF; }
.tableDisplay th.action { text-align:center; }
.tableDisplay td { padding:5px; }
.tableDisplay a, .tableDisplay a:link, .tableDisplay a:active { text-decoration:underline; }
.tableDisplay img a, .tableDisplay img a:link, .tableDisplay img a:active { text-decoration:none; }

.tableEdit {  }
.tableEdit th { padding:10px 5px 5px 5px; text-align:left; font-weight:normal; font-size:110%; background-color:#FFFFFF; border-bottom:1px solid #CCCCCC; }
.tableEdit td { padding:5px; }
.tableEdit td.formSubmit { padding:20px 0 20px 0; }

.tableEdit th h2 { font-size:120%; color:#333333; }
.tableEdit th p { color:#333333; }

.tableAction { margin:5px 0 10px 0; }
.tableAction td { padding:7px; background-color:#1B1D1C; }

/* Drag and drop */
#sortA { border: 1px dashed #666; }
#sortB {  }
.imagesOverflow { height:300px; width:100%; overflow-y:scroll; white-space:nowrap; }
.sortHelper { border: 1px dashed #666; background-color:#E6F7D4; float:left; margin:0; padding:0; }

.gallery { float:left; text-align:center; margin:15px 0 0 15px; }
.gallery .border { border:5px solid #B5B29F; margin:0 0 0 0; }
.gallery .dotted a { display:block; margin:0 0 0 0; text-align:left; }

/* Actions */
span.actionAdd a, span.actionAdd a:link, span.actionAdd a:active { padding:3px 0 3px 22px; background:url('/images/icons/add.gif') 3px 5px no-repeat; font-size:110%; background-color: #EAEAEA; display: block; }
span.actionCancel a, span.actionCancel a:link, span.actionCancel a:active { padding:3px 0 3px 22px; background:url('/images/icons/cross.gif') 3px 5px no-repeat; font-size:110%; background-color: #EAEAEA; display: block; }
#btnAdd { padding:5px; font-size:110%; background-color: #EAEAEA; display: block; margin:0 0 10px 0; }

/* Error message styling */
#errorMessage {  border:1px solid #FF0000; background-color:#FFCCCC; color:#000000; width:auto; padding:5px; margin:10px 0 10px 0;  }
#errorMessage p { font-size:120%; font-weight:bold; margin-top:2px; margin-bottom:2px; }
#errorMessage ul { padding:0 0 0 25px; margin:0 0 0 25px; }
span.warning { color:#FF0000; }

/* Success message styling */
#successMessage { border:1px solid #008000; background-color:#E2F9E3; color:#000000; width:auto; padding:5px; margin:10px 0 10px 0; }
#successMessage p { font-size:120%; font-weight:bold; margin-top:2px; margin-bottom:2px; }

/* Upload Progress */
p#uploadprogress { color:#000000; }
p#uploadprogress a { color:#000000; }

/* Paginator */
.paginator { height:auto; width:auto; margin:0 0 0 0; padding: 5px 0 5px 0; border-top:1px solid #8F8689; }
.paginator p { float:left; width:50%; margin:0; padding:0 0 0 0; }