/** {margin: 0; padding: 0;}*/

html{
	min-height: 100%;
	height: auto;
}

img{vertical-align:middle; border: 0px;}
/*img.center{}*/



img.overlayCheck{
	background:url('../images/16x16/check2.png');
}

input.phoneField{width:150px;}

.colordemo{width:80px; height:20px;}

#colorSelector {
	position: relative;
	width: 36px;
	height: 36px;
	background: url(../images/select.png);
}
#colorSelector div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(../images/select.png) center;
}


body{	
	color: #003071;
	background: #91bde4 url(../images/footer_back.gif) 0px bottom repeat-x;	
	font: 12px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	margin: 0;
	padding: 0;
	/*text-align: center;*/
}

/* Custom font sizes for "portal" mode. */
body#portalInterface .content {font-size: 14px;}




body#portalInterface .content table.managetable { font-size: 14px; }
body#portalInterface .content table.managetable th {font-size: 15px; }

/* Prevent header background highlight since the "portal" does not support paging. */
body#portalInterface table.managetable th:hover{
	background: url("../images/gradhead.png") repeat-x scroll 0 0 #B9C9FE
}

/* Do not show "pointer" cursor on calendar event when in portal mode */
body#portalInterface .fc-event a{cursor:default;}


#repeat_modal_inline table.repeattable td{
	padding: 0px;
	vertical-align:middle;
}


/* Form table */
a, table.formtable a{
	/*color: #3570c1;*/
	text-decoration: none;
}

a:hover, table.formtable a:hover{
	text-decoration: underline;
}

/* Override to not show highlight in the calendar */
.fc-content a:hover{
	text-decoration: none;
}



/*table.formtable.twocol th, table.formtable.twocol td, table.formtable.twocol tr, table.formtable.twocol { margin:0px !important; padding:0px !important; border:0px;}*/

/* Prevent modal dialog from displaying the bar of empty space at the bottom. This might cause problems later if we add more to the modal. */
#cboxLoadedContent{height: inherit !important;}

/* Form table */
table.formtable{padding-bottom: 10px; border-top:1px #999 dashed; width:100%;}
table.formtable:first-of-type{border-top:none;}

table.formtable thead th{font-size:16px; font-weight:bold;}
table.formtable tbody th{font-weight:bold;  text-align:left; width:25%;  vertical-align:top;}
table.formtable thead td{font-size:14px; font-weight:bold; border-bottom: 1px solid #000; width:75%}
table.formtable tbody td, table.formtable thead td{padding:5px;}

table.formtable.twocol {width:100%; background-color: #fff; border: 1px solid #A3C0E8; border-collapse : collapse; margin-bottom:8px;}
table.formtable.twocol thead th{ text-transform:uppercase; background: #dee6fe; padding: 6px; border-bottom: 1px solid #A3C0E8; height: 50px;}
table.formtable.twocol thead th a{ float: right; } 
table.formtable.twocol tbody th{width:20%; padding:4px; background: #f3f6ff; vertical-align:top;}
table.formtable.twocol tbody td{width:30%; padding:4px; vertical-align:top;}

table.innerTable td{white-space:nowrap; vertical-align: top;}

.buttonPadding{margin-top:2px; margin-bottom:6px;}

table.formtable tbody.clickablerow tr:hover{background-color:#ddd; cursor:pointer;}

p{
	padding: 0px 0px 5px 0px;
}

p.singleLine{
	padding: 0px;
}

td p{
	padding: 0px 0px 10px 0px;
	margin:0px;
}

h1{
	color: #f47f24;
	font-size: 32px;
	margin-top:0px;
	margin-bottom:0px;
}

h2{
	color: #003071;
	font-size: 24px;
	margin-top:0px;
	margin-bottom:0px;
}

h4{
	color: #f47f24;
	font-size: 18px;
}

/*textarea,  input{
	font: 14px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
}*/

/*-- MAIN ELEMENTS --*/

.clear{
	clear: both;
}

.header{
	width: 100%;
	background: url(../images/bg.gif) repeat-x;
}

.container{
	background: url(../images/main_bg.gif);
	width: 990px;
	margin: 0px auto 0px auto;
	text-align: left;
}

.header_1{
	background: url(../images/header.jpg) no-repeat;
	width: 990px;
	height: 52px;
}

.header_2{
	background: url(../images/header_2.jpg) no-repeat;
	width: 734px;
	height: 119px;
	float: left;
	display: block;
}


a.logo{
	background: url(../images/logo.gif) no-repeat;
	width: 256px;
	height: 139px;
	display: block;
	float: left;
	text-indent: -9999px;
}

.nav{
	/*background: yellow;*/
	float: right;
	display: inline;
	list-style: none;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #e5e5e6;
	border-left: 1px solid #e5e5e6;
}

.nav li{
	float: left;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.nav li a{
	color: #ffffff;
	background: #0081c6;
	display: block;
	padding: 5px;
	font-size: 15px;
	font-weight: bold;
	height:25px;
}

.nav li.minorMenuItem a {
	background: #446679;
}

.subnav li a{
	background: #2faaed;
}

.nav li a:HOVER{
	background: #0e59c1;
}

.nav li.selected a, .nav li.selected a:HOVER{
	background: #f47f24;
}

.nav li.nav_1{
	border-left: 1px solid #ffffff;
}

#locationSelector{
	display:inline;
	position:relative;
	top:5px;
	left:20px;
	font-weight:bold;
}

.wrapper{
	width: 990px;
	margin: 0px auto 0px auto;
	text-align: left;
}

.main{
	background: url(../images/main_bg.gif);
	width: 990px;
}

.header_strip{
	background: url(../images/header_strip.gif) no-repeat;
	width: 990px;
	height: 38px;
}

/*.left{
	width: 360px;
	float: left;
	margin: 10px 0px 0px 25px;
	display: inline;
}

.left .pic{
	background: url(../images/home_pic.jpg) no-repeat;
	width: 358px;
	height: 360px;
}

.right{
	width: 550px;
	float: right;
	margin: 10px 25px 0px 0px;
	display: inline;
}

.right .points{
	float: left;
	margin: 5px 0px 0px 0px;
}

.right .points ul{
	width: 550px;
	margin: 5px 0px 0px 0px;
	float: left;
	list-style: none;
}

.right .points li{
	background: url(../images/points_icon.gif) 0px 3px no-repeat;
	padding: 4px 5px 4px 22px;
}

.right .video{
	background: #d2e8fb;
	width: 258px;
	height: 172px;
	float: left;
	margin: 15px 0px 0px 0px;
}

.right a{
	text-decoration: underline;
	font-weight: bold;
}

.right a:HOVER, .nav_footer a.mail:HOVER{
	text-decoration: none;
}*/


/*-- OUR FAMILY --*/

.content{
	width: 900px;
	margin: 10px 0px 0px 25px;
	padding: 00px 20px 40px 20px;
}

.family h1{
	padding-bottom: 15px;
}

.family .member{
	padding: 10px 0px 10px 0px;
}

.family .member .pic{
	float: left;
	padding: 0px 10px 5px 0px;
}



/*-- FOOTER --*/

.footer{
	background: url(../images/footer.gif) no-repeat;
	width: 990px;
	height: 27px;
	clear: both;
}

.nav_footer{
	color: #3570c1;
	text-align: center;
	margin: 5px 0px 40px 0px;
}

.nav_footer a{
	text-decoration: underline;
	font-weight: bold;
}

.nav_footer a:HOVER, .nav_footer a.mail:HOVER{
	text-decoration: none;
}

.nav_footer a.mail{
	color: #ffffff;
	text-decoration: underline;
	line-height: 24px;
	font-weight: normal;
}


/*
	BH: My classes
*/

.dateInput{width:70px;}
div.login{ width:400px; margin: 20px auto 0px auto; padding: 20px}
.login h1{text-align:center;}
.login label{ width:100px; display:block; }

.bordered{ border: 1px solid #E5E5E6; padding: 12px;}

label{font-weight:bold; padding-right: 10px; /*line-height: 1.5em;*/ padding: 4px 10px 10px 0px; text-align:right;}


input {
	border:1px solid #CCCCCC;
	/*width:200px;*/
}

input, select, textarea {
	/*color:##444444;*/
	font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size:13px;
	font-weight:600;
	padding:4px;
}

input.error {
	border:1px dotted red;
}

label.error {
	display:block;
	margin-left:10px;
	padding: 0px 0px 0px 0px;
	color: red;
	font-style:italic;
	text-align:left;
	/*width: auto !important;*/
}


/* Manager Table */
table.managetable
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
table.managetable th
{
	font-size: 13px;
	font-weight: normal;
	text-align:left;
	padding: 8px;
	line-height:1.6em;
	background: #b9c9fe url('../images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}

table.managetable th:hover{
	background: #b5cced url('../images/gradhead_hover.png') repeat-x;
}

.hovercursor:hover{
	cursor:pointer;
}
	
table.managetable td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('../images/gradback.png') repeat-x;
}
table.managetable tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #003399;
}
table.managetable tbody tr:hover td
{
	background: #d0dafd url('../images/gradhover.png') repeat-x;
	color: #339;
	cursor:pointer;
}

table.managetable tfoot div.showcount{float: left;}
table.managetable tfoot div.pageselect{float: right;}
table.managetable tfoot div.pagesizeselect{float: right; padding-right:20px;}

table.managetable div.pageselect button{padding:0px; margin: 0px;}
/*table.managetable .managerpagebutton span.ui-button-icon-primary{}*/
table.managetable div.pageselect .ui-button-text-icon-primary span.ui-button-text{padding: 0.4em 0.5em 0.4em 1.6em}
table.managetable div.pageselect .ui-button-text-icon-secondary span.ui-button-text{padding: 0.4em 1.6em 0.4em 0.5em;}
table.managetable div.pageselect .ui-button-text-only span.ui-button-text{padding: 0.4em 0.5em}

table.managetable div.pageselect span.ui-button-icon-primary{left:0.2em}
table.managetable div.pageselect span.ui-button-icon-secondary{right:0.2em}






/* Custom icons for states */
.state-icon-error{background-image:url("../../images/32x32/warning.png"); width:32px; height:32px; float: left; margin-right: .3em;}
.state-icon-check{background-image:url("../../images/32x32/check2.png"); width:32px; height:32px; float: left; margin-right: .3em;}
.state-icon-info{background-image:url("../../images/32x32/information2.png"); width:32px; height:32px; float: left; margin-right: .3em;}

a.state-link{color:#0081c6; text-decoration:underline;}
a.state-link:hover{text-decoration:none;}

ul.icons { margin:0; padding:0; }
ul.icons li { cursor:pointer; float:left; list-style:none outside none; margin:2px; padding:4px 0; position:relative;}
ul.icons span.ui-icon {float:left; margin:0 4px;}

.ui-button-link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
.ui-button-link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

/* Format overrides for in-calendar controls */
table.fc-header button.ui-button{
	padding: 0px;
}

div.requiredStar{
	display:inline;
	color:red;
	font-size:16px;
	
}

div.statuserror{
	width: 80%;
	text-align:center;
	padding: 10px;
	border: 1px solid #ff0000;
	background-color:#FFC6C6;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
}


div.controlbar{ border: 1px solid #a3c0e8; padding:6px; margin:5px 0px 5px 0px; background: #e8edff url('../../images/gradback.png') repeat-x;}		

div.controlbar.displayRegion{padding:0px;}
div.controlbar.displayRegion tbody td{padding:2px;}
div.controlbar.displayRegion thead th{background: #e8edff url('../../images/titlebackground.png') repeat-x}


div.left{float:left; display:inline; vertical-align:middle;}
div.left div{vertical-align:top; display:inline; padding-right:5px;}
div.right{float: right; display:inline;}
div.right div{display:inline;}

/* 
	Scheduling
*/
/*
.scheduleBlockFullDay, .scheduleBlockFullDay a{background-color:#3366cc;}
.scheduleBlockHalfDayAM, .scheduleBlockHalfDayAM a{background-color:#58ad29;}
.scheduleBlockHalfDayPM, .scheduleBlockHalfDayPM a{background-color:#605e43;}
.scheduleBlockRegular{text-align:center;}
.scheduleBlockSick{text-align:center;}
.scheduleBlockVacation{text-align:center;}
.scheduleBlockSick a{background-color:#999 !important;}*/

/* Overide to calendar tab
div#calendar .ui-tabs .ui-tabs-nav li a { padding: .1em 0.1em;} */
.scheduleBlockItem_closure, .scheduleBlockItem_closure a{
	background: #777 url('../../images/diagonalbg.gif') repeat;
	border-color: #777;
	min-height:30px;

}

div.ajaxloading img{vertical-align:middle;}
div.ajaxloading {font-size:16px; font-weight:bold; padding:10px;}

.itemBullet{vertical-align:middle; padding: 0px 5px 0px 0px; border: 0px;}

.contactinfo p{}

.displayColumnHalf{width: 50%; float: left;}

.displayColumnHalf .displayRegion{ margin: 0px 5px 10px 5px;}
.displayRegion table{width:100%;}
.displayRegion table th, .displayRegion table td{ vertical-align:top;}
.displayRegion thead th{font-size:14px; text-align:center; padding:5px; font-weight:bold; border-bottom: 1px solid #A3C0E8 !important;}
.displayRegion tbody th{text-align:left;}

.itemIsChecked{background:#fff0a5 !important;}

/*
	FullCalendar overrides
*/	
.fc-header-center{width:20% !important;}
.fc-header-right .ui-button-text-only .ui-button-text { padding: 0.1em 0.1em; }

.reportTable td{padding:5px;}
#tabs ul.ui-tabs-nav li.error{background: url("ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40lighter.png") repeat scroll 50% 50% #B81900;}
#tabs ul.ui-tabs-nav li.error a{ color:#bbb;}
#tabs ul.ui-tabs-nav li.error.ui-tabs-selected{background: url("ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png") repeat scroll 50% 50% #B81900;}
#tabs ul.ui-tabs-nav li.error.ui-tabs-selected a{ color:#fff;}
/*#tabs ul.ui-tabs-nav li.error a:after{content:"ERROR!";}*/

.fc-event p{ margin:0px; padding:0px; font-weight:bold; font-size: 1.2em; background-image:url('../images/caltransp.png'); background-repeat:repeat;}

table.statsDisplay{width:auto;}
table.statsDisplay td, table.statsDisplay th{padding-right:10px;}