/* General reset stuff */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, em, font, img, small, strong, sub, sup, ol, ul, li, form {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
    vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
ol, ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none outside none;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
input:focus {
    outline: medium none;
}
.left
{
    float:left;
}
.error
{
    color:Red;
}

.inputBorder
{
    border: 3px solid green;
}

/* ---------------------------------------------------------------------------------------------------------------
    Clearfix
------------------------------------------------------------------------------------------------------------------ */

/* Clearing floats without extra markup [ http://www.positioniseverything.net/easyclearing.html ] */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix			{display: inline-block;}
* html .clearfix	{height: 1%;}
.clearfix 			{display: block;}

/* Master page - shared between almost all pages */
html {
    width: 100%;
}
body {
    background: url("/images/bar_sitebkg_repeat.png") repeat scroll left top #83B8DA;
    color: #3B3B3B;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 100%;
    letter-spacing: 0.01em;
    line-height: 17px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

div#container {
    background: url("/images/bar_farbkg_repeat.png") repeat-x scroll left top transparent;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
div#mainCanvas {
    background: url("/images/bar_mainbkg_repeat.png") repeat-y scroll center top transparent;
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 1052px;
}
div#header {
    background: url("/images/bar_header_repeat.jpg") repeat-x scroll left top transparent;
    height: 80px;
    margin: 0 0 0 22px;
    width: 1008px;
}
div#logo {
    background: url("/images/logo.gif") no-repeat scroll left top transparent;
    float: left;
    height: 59px;
    margin: 12px 40px 0 20px;
    width: 163px;
}
#welcomeMessage {
    width:757px;
    float:left;
    margin:50px 0 0 0;
    padding-right:10px;
    text-align:right;
    color:#2f7eb0; /*Blue Color*/
}
#welcomeMessageLabel {
    font-weight:bold;
}

div.contentContainer
{
    width:95%;
    clear:both;
    margin:20px auto 0;
}

.colmask {
    overflow: hidden;
    position: relative;
    width: 98%;
}
.leftmenu .colright {
    min-height: 300px;
    position: relative;
}
.leftmenu .col1wrap {
    display: block;
    float: right;
    margin-top: 9px;
    width: 800px;
}
.leftmenu .col1 {
    position: relative;
}
.leftmenu .col2 {
    float: left;
    width: 170px;
}
/* Left navigation that's on the dashboard and a few other pages. */
#navigationbkg {
    background: none repeat scroll 0 0 #F6FAFC;
    height: 100%;
    width: 170px;
}
#navigation {
    left: 12px;
    position: relative;
    top: 2px;
    width: 143px;
}
#navigation li {
    border-bottom: 1px solid #FFFFFF;
    line-height: 30px;
    padding: 3px 0 6px;
}
#navigation .active {
    font-weight: bold;
    letter-spacing: 0.03em;
    text-shadow: 1px 1px 0 #F6F6F6;
}


/*Footer*/

#footer {
    background:url(/images/footer.png) no-repeat top center;
	clear:both;
	float:left;
	width:1051px;
	padding-top:22px;
}
#footer p {
    padding-right:20px;
    background:#83b8da url(/images/bar_sitebkg_repeat.png) repeat top left;
    width:98%;
    text-align:right;
    font-size:10px;
    line-height:14px;
    color:#477592; /*Md Blue*/
}

/*Font Colors*/

.dkblue {
    color:#105987;
}
.blue {
    color:#2f7eb0;
}
.ltblue {
    color:#9bccec;
}
.white {
    color:#fff;
}
.dkgrey {
    color:#3b3b3b;
}
.ltgrey {
    color:#a9a9a9;
}

.font8 {
    font-size:8px;
    line-height:10px;
}
.font10 {
    font-size:10px;
    line-height:12px;
}
.font12 {
    font-size:12px;
    line-height:14px;
}
.font14 {
    font-size:14px;
    line-height:16px;
}
.font16 {
    font-size:16px;
    line-height:18px;
}


/*Orientations*/

.left {
    float:left;
}
.right {
    float:right;
}
.clear {
    clear:both;
}
.center {
    margin:0 auto;
}
.centertxt {
    text-align:center;
}
.pullup {
    position:relative;
    top:-10px;
}
.padtop1 {
    margin-top:25px;
}


/*Weights & Changes*/

.bold {
    font-weight:bold;
}
.normal {
    font-weight:normal;
}
.italic {
    font-style:italic;
}
.underline {
    text-decoration:underline;
}

/*Links*/
a, .ui-widget-content a {
    color: #2F7EB0;
    text-decoration: none;
}
a:hover, .ui-widget-content a:hover {
    color: #105987;
    text-decoration: none;
}
a:active, .ui-widget-content a.active {
    color: #2F7EB0;
    text-decoration: none;
}
a:visited, .ui-widget-content a:visited {
    color: #2F7EB0;
    text-decoration: none;
}

/*Login page*/
.loginMainBody {
    min-height: 300px;
}
.loginBox {
    background: none repeat scroll 0 0 #83b8da;
    border: 1px solid gray;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 1px 4px #AAAAAA;
    height: 151px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    width: 300px;
    line-height: 31px;
}
.loginBox div {
    left: 10px;
    position: relative;
    top: 5px;
}
.loginBox td label { 
    color:#fff;
    padding: 4px;
}
.loginBox input { 
    color:#3b3b3b;
    padding: 4px;
}

/*General field entry/popup/table stuff*/
#topNavSection
{
}
/*Entity title in field entry */
#mainNavSection #docTitle 
{
    width:570px;
    height:26px;
    overflow:hidden;
    margin-left:10px;
    font-size:22px;
    line-height:24px;
    margin-bottom:10px;
}
/*Dashboard | Back to Families List in the credentialist's view */
#secondaryNav 
{
    float: right;
    width: 287px;
    height: 27px;
    text-align: right;
    color: #105987;
    overflow: hidden;
    margin-right: 20px;
}
#secondaryNav li
{
    float: right;
    padding-right: 5px;
    font-size: 15px;
    line-height: 18px;
}

/*Tabs*/
/* container that holds both tabs */
#nav {
    height:68px;
    width:990px;
    margin:0 auto;
}
#nav a:link, #nav a:visited, #nav a:active, #nav a:hover {
    color:#fff;
}
#rowsContainer
{
    width:960px;
    margin:0 auto;
    background-image: url(/images/tabs2layer.png);
    background-repeat:no-repeat;
    background-position:left;
    height: 68px;
}
#nav div.tab
{
    display:inline-block;
    vertical-align:top;
    padding-right:10px;
    padding-left:10px;
    margin-top:8px;
    border-right:1px solid #b8daf0;
}
#navR2 div.tab
{
    margin-top:10px;
    vertical-align: middle;
}
.compositeLabel {
    font-weight:bold;
    color:#2f7eb0;
}
.fieldTextBox {
    margin:5px 0;
    padding:2px;
}
#fieldForm select {
    margin:5px 0;
}
#fieldForm {
    width:780px;
    min-height:480px;
}

/* the left and right images surrounding the active tab text */
#nav div.activeTab img.activeTabSides {
    width:7px;
} 
#nav div.activeTab a:link, #nav div.activeTab a:hover, #nav div.activeTab a:visited, #nav div.activeTab a:active {
    color:#2f7eb0; /*Blue Color*/
}
#nav div.tab.activeTab {
    background: url(/images/nav_active_repeater.png) repeat-x bottom left;
    height: 34px;
    margin-top:-3px;
    padding:0px;
    border-right:none;
}
#navR2 div.tab.activeTab {
    background: url(/images/nav_active_repeater.png) repeat-x bottom left;
    height: 34px;
    margin-top:8px;
    padding:0px;
    border-right:none;
}

#nav div.tab.activeTab a 
{
    position: relative;
    top: 8px;
    vertical-align: top;
}
div#navR2
{
    margin-top:-2px;
}
/*fields and their labels*/
div.fieldContainer
{
    display:inline-block;
    margin-left:20px;
    margin-top:10px;
    vertical-align:top;
}

span.fieldTextLabel
{
    display:block;
}
span.checkBoxLabel.fieldTextLabel { display:inline; }

div.saveContainer
{
    margin-left:20px;
}

div.multipleEntryPopup.narrow span.fieldTextLabel
{
    float:left;width:150px;
}

div.multipleEntryPopup.narrow input,div.multipleEntryPopup.narrow select,div.multipleEntryPopup.narrow textarea
{
    float:left;width:150px;margin-left:10px;
}

/*Dashboard page*/

#noteListContainer {
    background: url("/images/container_striped.jpg") no-repeat scroll left top transparent;
    float: left;
    overflow: auto;
    padding: 10px 0 0 11px;
    margin-bottom:14px;
    width: 358px;
    overflow:hidden;
    height:197px;
}
#noteDetailContainer {
    background: url("/images/container_white.jpg") no-repeat scroll left top transparent;
    color: #2F7EB0;
    float: right;
    height: 210px;
    overflow: auto;
    padding: 15px 0 0 25px;
    width: 403px;
}
#noteDetailContainer .subject { 
    font-size: 15px;
}
#noteDetailContainer .reminderDate { 
    color: #3B3B3B;
    font-size: 13px;
    margin: 3px 0 10px;
}
#noteDetailContainer .editNoteLink { 
    color: #2d2d2d;
    font-size: 13px;
}

#noteListResults {
    line-height: 27px;
    margin-left: 10px;
    margin-top: 1px;
}
#noteListResults .reminderDate {
    float: right;
    margin-right: 20px;
    font-size:11px;
}
#noteListResults .comments {
    font-size: 13px;
    line-height: 26px;
    width: 339px;
}
#DetailContent {
    float: left;
    height: 181px;
    margin-right: 9px;
    overflow: hidden;
    width: 254px;
}
#DetailContent ul {
    margin-top: 8px;
}
#DetailContent li {
    line-height: 23px;
}
#DetailPhoto {
    border: 3px solid #FFFFFF;
    float: left;
    height: 121px;
    margin-top: 6px;
    width: 111px;
}
#DetailPhoto img {
    height: 121px;
    width: 111px;
}
#noteListFilter {
    margin-left: 10px;
    margin-top: 11px;
}
#noteListHeader {
    color: #2078b0;
    margin-left: 10px;
    margin-top: 5px;
}

#recentActivityTable {
    color:#2f7eb0; /*blue*/
    padding-top: 10px;
}

#recentActivityTable_filter {
    font-size: 13px;
    color:#3B3B3B;
}
#recentActivityTable_length {
    font-size: 13px;
    color:#3B3B3B;
    padding-left: 10px;
}

#dashboardContentBottom {
    margin-top:14px;
}
#dashboardContentBottom h1 {
    font-weight:bold;
    color:#105987; /*dk blue*/
    line-height:20px;
    padding-left: 9px;
}
.dataTables_wrapper {
    padding-top:5px;
}

/*checkboxes behave a little different on the UI than other fields*/
div.multipleEntryPopup.narrow span.checkBoxLabel
{
    display:inline;
    float:none;
    width:auto;
}

div.multipleEntryPopup.narrow input[type="checkbox"]
{
    float:none;width:auto;margin-left:0px;
}

table.multipleEntryTable  th { padding-left: 20px; }

span.fieldTextLabel.multipleEntryLabel
{
    font-size: 18px;
    font-weight: normal;
    line-height: 26px;
    text-shadow: 1px 1px 0 white;
}


div.fieldContainer.newline
{
    clear:both;
}
div.newlineSpacer
{
    clear:both;
    padding-top:10px;
}

div.multipleEntryTableContainer.simple div.dataTables_length, 
div.multipleEntryTableContainer.simple div.dataTables_filter, 
div.multipleEntryTableContainer.simple thead, 
div.multipleEntryTableContainer.simple div.dataTables_info
{
    display:none;
}
div.afterTableBreak
{
    height:5px;/*make sure the add button goes to the next line.*/
}
.button {
    margin:29px 0 10px;
}
input.afterTableButton
{
    display:block;
    clear:both;
}
/*
div.dataTables_paginate.paging_two_button
{
    display:none;
}*/
span.textAreaLabel
{
    display:block;
}

span.passwordValue
{
    border: 1px solid red;
}

span.fieldDescription
{
    display:none;
}
/***************Admin Mapping Form******************/
div.fieldMappingContainer
{
    border: 1px solid black;
    padding:8px;
    margin-top:15px;
}

div.parameterFields
{
    display:inline-block;
}

div.subfieldOptions
{
    display:inline-block;
}

/*********Auditing************/
.auditHistory
{
    width:16px;
    height:16px;
    background-image: url(/images/history.png);
    background-repeat: no-repeat;
    display:inline-block;
    cursor:pointer;
}
.auditHistoryTable
{
    width:100%;
}


#textLoaderContainer {
    margin: 0px auto;
    color: #FFFFFF;
	z-index:2000000000;
    position: absolute;
	top:0px;
	left:0px;
    background-color: rgba(238,238,238,.8);
	text-align:center;
}
div.isd-preloader-image {
    background-image: url(../images/preloaderTransparent.gif);
    width:128px;
    height:128px;
	margin-top:400px;
    margin-left:auto;
    margin-right:auto;
}