/***DEFAULTS***/
body{margin:0;padding:0;background-color:#ffffff;color:#000;font-family: Calibri;}

div, h1, h2, p, form, input, textarea,label, img, span{margin:0; padding:0;}
label{font-size:14px;}
select,textarea,a{ font-family: Calibri;}
input[type="text"]{font-style:italic; font-family:Arial; font-size:11px; color:#000000;}
/***User Defined***/
.info{font-family:Arial; font-size:11px; margin-bottom:5px; margin-top:10px; }
.info1{font-family:Arial; font-size:10px; margin-bottom:5px; margin-top:10px; }
.infoDetails{text-align:left; color:#000000; font-weight:bold;}
.tabDetails{font-family:Arial; font-size:11px; font-weight:bold;}
.colonbold{font-weight:bold;}
.inforightbold{text-align:right; color:#000000; font-weight:bold; width:auto}

.table { background: 	background-image:url(~/Content/Images/CarnivalLoginImg/BG.png) no-repeat; }
   
   
#message_box
{
    border-style: solid;
    border-width: 1px;
    background-position: left top;
    position: fixed;
    bottom: 0px;
    width: 250px;
    height: 120px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-left: 15px;
    right: 0px;
    background-color: #FFFFFF;
    z-index: 10;
}

.normalWS   
{
    white-space: normal !important;
    height:auto;
    vertical-align:middle;
    padding-top:2px;
    word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
 }
 
 
 .loader {
    position:fixed;
    top: 70%;
    left: 47%;    
    margin-left: 0px;
    margin-top: -200px;
    text-align:center;
    z-index:9999;
    overflow:inherit;
    width: 100px;
    height: 102px; 
 }


.ShiftScheduleButtonEdit
{
	font-size: 8pt;
	font-family: Tahoma, Arial, Times New Roman;
	color: Black;
	cursor: hand;
	background-image:url(images/DTRaddshiftbutton.JPG);
	background-repeat:no-repeat;
	background-color:Transparent
}

.OvertimeRequestCancel
{
	font-size: 8pt;
	font-family: Tahoma, Arial, Times New Roman;
	color: Black;
	cursor: hand;
	background-image:url(images/DTROvertimeRequestCancel.JPG);
	background-repeat:no-repeat;
	background-color:Transparent
}

.OvertimeRequestSave
{
	font-size: 8pt;
	font-family: Tahoma, Arial, Times New Roman;
	color: Black;
	cursor: hand;
	background-image:url(images/DTROvertimeRequestSave.JPG);
	background-repeat:no-repeat;
	background-color:Transparent
}

.newRec{font-family:Arial; font-size:11px; font-weight:bold; }
#TotalEmp{font-family:Arial; font-size:11px; text-align:right; font-weight:bold}
#TotalSal{font-family:Arial; font-size:11px; text-align:right; font-weight:bold}

#TotalEmployee{font-family:Arial; font-size:11px; text-align:right; font-weight:bold}
#TotalSalary{font-family:Arial; font-size:11px; text-align:right; font-weight:bold}
.strip{font-family:Arial; font-size:12px; font-weight:bold; color:#000000;  background-color:#eae7e7; height:20px; padding-top:2px;}
.divDetails{}/*height:12px;*/
.divDetailsEB{ width:300px}
.curValue{font-family:Arial; font-size:11px;}
.button{color:#ffffff; font-family:Arial; background-color:#3954a5;}
.txtSmall{font-family:Arial; font-size:11px; color:#000000;  width:50px;}
.txtDefault{font-style:italic; font-family:Arial; font-size:11px; color:#000000;}
.txtMulti{font-style:italic; font-family:Arial; font-size:11px; color:#000000;height:60px;}
.txtNo{font-style:italic; font-family:Arial; font-size:11px; color:#000000; width:50px; }
.txtSt{font-style:italic; font-family:Arial; font-size:11px; color:#000000/*808987*/; width:73px; }
.txtSit{font-style:italic; font-family:Arial; font-size:11px; color:#000000; width:60px;}
.txtSubd{font-style:italic; font-family:Arial; font-size:11px; color:#000000; width:165px;}
.txtEmail{font-style:italic; font-family:Arial; font-size:11px; color:#000000; width:110px;}
.drpDefault{font-style:italic; font-family:Arial; font-size:11px; color:#000000; height:18px; vertical-align:middle;}
.drpExt{font-style:italic; font-family:Arial; font-size:11px; color:#000000; height:18px; width:90px;}
.drpFamilyMember{font-style:italic; font-family:Arial; font-size:11px; color:#000000; height:18px; width:128px;}
.drpOther{font-style:italic; font-family:Arial; font-size:11px; color:#000000; height:18px; width:150px;}
.drpOtherInfo{font-style:italic; font-family:Arial; font-size:11px; color:#000000; height:18px; width:115px;}
.drpshift{font-style:italic; font-family:Arial; font-size:11px; color:#000000; height:18px; width:60px;}
.txtShift{font-style:italic; font-family:Arial; font-size:11px; color:#000000; width:40px;}
.hideShowLink{font-family:Arial; font-size:11px; font-style:italic; text-decoration: underline; color:#036e3d; cursor:pointer}
.recordLabel{font-size: 14px; color: #15428B; font-style:oblique; font-weight: bold;}
.validation{border: 1px solid #ff0000 ; background-color:#ffeeee;}
.edited{  font-family:Arial;  color:Red; }/*height:auto*/
.al{ text-align:left}
.ar{ text-align:right}
.ac{ text-align:center}
/*.texttop {  text-align:center; font-size:17px; display: block; padding: 0px 0px 0px 0px; }
.textbottom { text-align:center; font-size: 17px; display: block; padding: 0px;}
*/

/********************************************** HEADER ****************************************************************/
#header
{
    /*background:url(../Content/Images/genericbanner.jpg) 0 0 no-repeat #ffffff;*/
    /*	background:url(../Content/Images/HRIS_PAYROLL_BANNER.png) 0 0 no-repeat #ffffff;  */
	background:url(../Content/Images/HRMSimages/HRMS-Head.JPG) 0 0 no-repeat #ffffff;
    width:1023px;
    height:124px;
    position:relative;
    margin:0 auto;border:1px solid #000000;border-bottom:none;border-top:none;padding:0; top:-8px;
    }
#header ul	
{
	background:url(../Content/Images/img_nav_repeat.jpg) 0 0 repeat-x; 
    font-family:Calibri;
    height:44px;
    position:relative;
    top:80px;
    margin:0 auto;padding:0;
    }
#header ul li{float:left;margin:0 auto;}
#header ul li a{display:block;color:White; margin-left:0; text-decoration:none;  }


#tabs-ResidentRegistry ul li{float:left;margin:0 auto;}

/*********************** NAVIGATION(menu bar) **********************************/
ul#menu li a img{float:left;border:none; margin-top:-8px;}


ul#menu{list-style-type:none;  font-weight:bold;font-size:14px; border-bottom:2px solid #000000; background:#ffaf24 url(../Content/Images/default.jpg) 0 0 repeat-x}
ul#menu li{display:block; float:left; background:url(../Content/Images/separator.jpg) no-repeat left;  height:44px; margin: 0 auto; }



/**padding depends on the width of the menuLinks
color depends on the main color used for the menu
**/

/*ul#submenu li a.current { color:#000000;  background:#ffaf24 url(../Content/Images/active.jpg) 0 0 repeat-x;  }*/

ul#menu li a.menuLink{color:#000000;height:22px; background:#ffaf24 url(../Content/Images/default.jpg) 0 0 repeat-x; padding:12px 3px; margin-left:2px;  }
ul#menu li a.menuLink:hover {  color:#000000; height:22px; background:#ffaf24 url(../Content/Images/active.jpg) 0 0 repeat-x;  }
ul#menu li a.current { color:#000000;  background:#ffaf24 url(../Content/Images/active.jpg) 0 0 repeat-x;  }

/**for first in the menu: removing the separator and add in padding-left the margin-left of menuLink**/
ul#menu li.rr {  background:#ffaf24 url(../Content/Images/default.jpg) 0 0 repeat-x; margin-left:0px;}
/*ul#menu li.rr a.current { margin-left:0px; padding-left:2px;}
ul#menu li.rr a:hover{ margin-left:0px; padding-left:2px;}
*/

ul#submenu li a img{float:left;border:none;}

ul#submenu{border:0 none ;
	margin-top:25px;
	margin-left:-35px;
	margin-bottom:5px;
	list-style-type:none;
	}
ul#submenu li.rr a.menuSubLink:hover{ background-image: url(../Content/Images/cur_01.jpg) }
ul#submenu li.de a.menuSubLink:hover{background-image:url(../Content/Images/cur_02.jpg)}
ul#submenu li.con a.menuSubLink:hover{background-image:url(../Content/Images/cur_03.jpg)}
ul#submenu li.rc a.menuSubLink:hover{background-image:url(../Content/Images/cur_04.jpg)}
ul#submenu li.rep a.menuSubLink:hover{background-image:url(../Content/Images/cur_05.jpg)}

/*ul#submenu li a{color:Black;  background:#000000 url(../Content/Images/default.jpg) 0 0 repeat-x}
ul#submenu {list-style-type:none;  font-weight:normal; font-family:Arial; font-size:17px;  background:#000000 url(../Content/Images/default.jpg) 0 0 repeat-x}
ul#submenu li{color:#000000; display:inherit; float:left; height:14px; margin: 0 0}


ul#submenu li.submenulink{color:#ffffff; background:#ffffff #ffffff 0 0 repeat-x; padding: 0px 1px  }
ul#submenu li.submenulink:hover {  color:#ffffff;  background:#000000 url(../Content/Images/active.jpg) 0 0 repeat-x;  }
ul#submenu li.submenulink a:hover{color:#ffffff; background:#000000 url(../Content/Images/active.jpg) 0 0 repeat-x;  }
*/
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/*
ul#menu li.sm {  background:#ffaf24 url(../Content/Images/default.jpg) 0 0 repeat-x; margin-left:3px;  }
ul#menu li.rm {  background:#ffaf24 url(../Content/Images/default.jpg) 0 0 repeat-x;  margin-left:3px; }
ul#menu li.cp {  background:#ffaf24 url(../Content/Images/default.jpg) 0 0 repeat-x; margin-left:3px; }
ul#menu li.fm {  background:#ffaf24 url(../Content/Images/default.jpg) 0 0 repeat-x;  margin-left:3px; }
ul#menu li.last {  background:#ffaf24 url(../Content/Images/default.jpg) 0 0 repeat-x;  margin-left:3px; }*/

/************************ NAVIGATION(menu bar) *********************************/
/*ul#navigation {
 padding: 0;
 margin: 0;
 background-color: #e17009;
 color: #000000;
 float: left;
 width: 100%;
 }
 ul#navigation li { display: inline; }
 ul#navigation li a {
 padding: .25em .9em;
 background-color: #e17009;
 color: #000000;
 text-decoration: none;
 float: left;
 border-bottom: solid 1px #fff;
 border-top: solid 1px #fff;
 border-right: solid 1px #fff;
 }
 a:link, a:visited { color: #fff; }
 ul#navigation li a:hover {
 color: #ffffff;
 background-color: #e17009;
 } 
 */
 #navigation {
	width: 100%;
	float: left;
	margin: 0 0 0  0;
	padding: 0 0 0 0;
	list-style: none;
	background-color: #F6e148;
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; }
#navigation li 
{
	display: inline;
	float: left; }
#navigation li a {
	display: block;
	padding: 5px 4px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	border-right: 1px solid #ccc; }
#navigation li a:hover  {
	color: Red;
	background-color: #F6e148; 
	 
	}

#navigation li.highlight a  {
 color: Red;
 background-color: #F6e148; }
/*	
#navigation li.pi a:active {
	color: #ffffff;
	border: 3px solid red;
	background-color: #e17009; }
#navigation li.pa a:active  {
	color: #ffffff;
	
	background-color: #e17009; }
#navigation li.ece a:active  {
	color: #ffffff;
	
	background-color: #e17009; }
#navigation li.ec a:active{
	color: #ffffff;
	
	background-color: #e17009; }
#navigation li.si a:active {
	color: #ffffff;
	
	background-color: #e17009; }
#navigation li.cr  a:active{
	color: #ffffff;
	
	background-color: #e17009; }
#navigation li.ss a:active {
	color: #ffffff;
	
	background-color: #e17009; }
#navigation li.vw  a:active{
	color: #ffffff;
	
	background-color: #e17009; }
*/	
.navigation li.current {border-bottom:1px #333 solid;}

 #navigationResRec {
	width: 100%;
	float: left;
	margin: 0 0 0  0;
	padding: 0;
	list-style: none;
	background-color: #F6e148;
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; }
#navigationResRec li 
{
	display: inline;
	float: left; }
#navigationResRec li a {
	display: block;
	padding: 5px 4px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	border-right: 1px solid #ccc; }
#navigationResRec li a:hover  {
	color:Red;
	background-color: #F6e148; 
	text-decoration: underline;}


#navigationResRec li.highlight a  {
 color: Red;
 background-color: #F6e148; }

.cur
{
	color:Red;
	background-color: #F6e148; 
	text-decoration: underline;
}

#navigationConfirm {
	width: 100%;
	float: left;
	margin: 0 0 0  0;
	padding: 0;
	list-style: none;
	background-color: #F6e148;
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; }
#navigationConfirm li 
{
	display: inline;
	float: left; }
#navigationConfirm li a {
	display: block;
	padding: 5px 4px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	border-right: 1px solid #ccc; }
#navigationConfirm li a:hover  {
	color: Red;
	background-color: #F6e148; }


 #navigation2ResRec {
	width: 100%;
	float: left;
	margin: 0 0 0  0;
	padding: 0;
	list-style: none;
	background-color: #F6e148;
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; }
#navigation2ResRec li 
{
	display: inline;
	float: left; }
#navigation2ResRec li a {
	display: block;
	padding: 5px 2px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	border-right: 1px solid #ccc; }
#navigation2ResRec li a:hover  {
	color: Red;
	background-color: #F6e148; }

#navigation2ResRec li.highlight a  {
 color: Red;
 background-color: #F6e148; }


 #navigation2Confirm {
	width: 100%;
	float: left;
	margin: 0 0 0  0;
	padding: 0;
	list-style: none;
	background-color: #F6e148;
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; }
#navigation2Confirm li 
{
	display: inline;
	float: left; }
#navigation2Confirm li a {
	display: block;
	padding: 5px 2px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	border-right: 1px solid #ccc; }
#navigation2Confirm li a:hover  {
	color: Red;
	background-color: #F6e148; }

 #navigation2 {
	width: 100%;
	float: left;
	margin: 0 0 0  0;
	padding: 0;
	list-style: none;
	background-color: #F6e148;
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; }
#navigation2 li 
{
	display: inline;
	float: left; }
#navigation2 li a {
	display: block;
	padding: 5px 2px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	border-right: 1px solid #ccc; }
#navigation2 li a:hover  {
	color: Red;
	background-color: #F6e148; }
	
#navigation2 li.highlight a  {
 color: Red;
 background-color: #F6e148; }

/**/
#serviceRecordResRec li.highlight a  {
 color: Red;
 background-color: #F6e148; }
 
 #serviceRecordResRec {
	width: 100%;
	float: left;
	margin: 0 0 0  0;
	padding: 0;
	list-style: none;
	background-color: #F6e148;
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; }
#serviceRecordResRec li 
{
	display: inline;
	float: left; }
#serviceRecordResRec li a {
	display: block;
	padding: 5px 4px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	border-right: 1px solid #ccc; }
#serviceRecordResRec li a:hover  {
	color:Red;
	background-color: #F6e148; 
	text-decoration: underline;}
/**/
 #serviceRecord {
	width: 100%;
	float: left;
	margin: 0 0 0  0;
	padding: 0;
	list-style: none;
	background-color: #F6e148;
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; }
#serviceRecord li 
{
	display: inline;
	float: left; }
#serviceRecord li a {
	display: block;
	padding: 5px 4px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	border-right: 1px solid #ccc; }
#serviceRecord li a:hover  {
	color:Red;
	background-color: #F6e148; 
	text-decoration: underline;}

	
 #newHealthNavigation {
	width: 100%;
	float: left;
	margin: 0 0 0  0;
	padding: 0;
	list-style: none;
	background-color: #F6e148;
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; }
#newHealthNavigation li 
{
	display: inline;
	float: left; }
#newHealthNavigation li a {
	display: block;
	padding: 5px 4px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	border-right: 1px solid #ccc; }
#newHealthNavigation li a:hover  {
	color: Red;
	background-color: #F6e148; }	

 #viewHealthNavigation {
	width: 100%;
	float: left;
	margin: 0 0 0  0;
	padding: 0;
	list-style: none;
	background-color: #F6e148;
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; }
#viewHealthNavigation li 
{
	display: inline;
	float: left; }
#viewHealthNavigation li a {
	display: block;
	padding: 5px 4px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	border-right: 1px solid #ccc; }
#viewHealthNavigation li a:hover  {
	color: Red;
	background-color: #F6e148; }	

 /**/
 /*1. the style of the div container with id=”css_horizontal_menu”*/
/*#navigation{
overflow:hidden;
width:100%;
padding:1px; 
background-color:#FFFFFF;
border:1px solid #437E7E;
}

/*2. the style of the links (html element <a>)*/
/*#navigation a{
display:block;
float:left;
width:60px;
height:25px;
margin-left:1px;
padding-left:15px;
background-color:#F0F7F7;
border-left:10px solid #C7E2E2;
font-family:arial;
font-size:10px;
text-transform:uppercase;
text-decoration:none;
color:#437E7E;
line-height:25px;
}
*/
/*3. the css style on the hover state of the links*/
/*#navigation a:hover{
background-color:#E5E5E5;
border-left:10px solid #CCCCCC;
color:#666666;
}*/

/* remove the left margin for the first link*/
/*#navigation a.first{
margin-left:0;
}*/
/********************************************** END of HEADER ****************************************************************/

/********************************************** CONTENT ****************************************************************/
 #content{position:relative;width:1023px;margin:0 auto; top:-8px;
          border:1px solid #000000; border-top:none; border-bottom:none;}
 #outerBox{background-color:#ffaf24; height:10px;}
 #innerBox{background-color:#e4e9f4; padding: 10px 2px; min-height:500px; }
 #contentBox{ background-color:#fff; padding: 10px 2px;  margin-left:10px;  margin-right:10px; height:auto; border-right: 1px solid #808987; border-bottom: 1px solid #808987;} 
/********************************************** END of CONTENT ****************************************************************/

/********************************************** FOOTER ****************************************************************/
 #footer{position:relative;width:1023px; height:19px; top:-8px;
         background-color:#123178; color:#ffffff;border:1px solid #5193ce; border-top:none;
         padding:0px;margin:0 auto; text-align:center; font-size:10px;}
/********************************************** END of FOOTER ****************************************************************/