/* GENERAL */
* {border-style: none; border-color: inherit; border-width: medium; outline: none; margin: 0 0; padding: 0; -resize:none;}
body {font-family:Arial, Helvetica, Sans-Serif; font-size:12px;}
.centered{width:960px; margin:auto;}
.floatRight {float:right;}
.alignRight {text-align:right;}
.floatLeft {float:left;}
.paddingRight {padding-right:20px;}
.clearBoth {clear:both;}
.red {color:red;}



/* HEADER */
.header {background:#FFE226; padding:5px; text-align:right; color:black; min-height:20px;}
.headerboomerang {
  background: white;
  border-bottom: 1px dashed #777;
  padding: 5px;
  text-align: right;
  color: black;
  min-height: 20px;
}
.header .boxcontent {border-left:2px solid #FF7E00; display:inline; margin:5px; padding-left: 5px;}
.header a, .header a:visited {color:#FF8F22; text-decoration: none; margin-left:5px;}

/* BANNER */
#bgbanner {height:241px; background:#25250B url('img/ban-rep.jpg') repeat-x top left;}
#bgbannerboomerang {height:160px; background:white;}
#logo-login {width:800px; height:300px; background:#25250B url('img/Field_Employee_Portal.jpg') no-repeat top left; margin:auto;}
#logoboomerang-login {
    width: 801px;
    height: 136px;
    background: white url('img/Banner_Boomerang-Employee_Portal.jpg') no-repeat top left;
    margin: auto;
}

/* MENU */
#bgmenu{background:#F0F0F0}
#bgtitle {background:white;}
#bgmenu .title {color:#212809; font:20px Tahoma;}

/* MAINCONTENT */
#maincontent {background-color:white; min-height:320px; padding-top:40px ;padding-bottom:40px;}
.validationsummary {margin-top:10px; margin-bottom:10px; color:red; padding-left:20px}

.loginpanel {width:320px; margin:auto; margin-top:50px; padding: 50px 50px;
             padding: 0; background:#EFEEEE; border: 1px solid #B6B6B6; -webkit-border-radius: 5px; -moz-border-radius: 5px; -radius: 5px;
    margin-bottom: 20px; box-shadow: 0px 1px 1px #AAA;}
.loginpanel-title {
    background:#8D8D8D; min-height:20px; color:white; -webkit-border-radius:5px 5px 0px 0px; padding:5px; font-size:16px;
border-bottom:1px solid #CDCDCD; margin:0; margin-bottom:inherit;}
.loginpanelboomerang-title {
  background: black;
  min-height: 20px;
  color: #DDD;
  text-shadow: #444 0px -1px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  padding: 5px;
  font-size: 16px;
  border-bottom: 1px solid #CDCDCD;
  margin: 0;
  margin-bottom: inherit;
}
.loginpanel-content {padding:10px}


.loginpanel a {font-family:Georgia, Verdana, Serif; font-style:italic; font-size:12px; color:black; font-weight:normal;}
.loginpanel a:hover {color:#666;}
.loginpanel input {width:285px;}
.loginpanel .row {width:300px; margin-bottom:10px;}
.loginpanel .submitbutton {margin-right:9px;}

.passrecoverypanel {width:320px; margin:auto; margin-top:50px; padding: 50px 50px;
    padding: 0; background:#EFEEEE; border: 1px solid #B6B6B6; -webkit-border-radius: 5px; -moz-border-radius: 5px; -radius: 5px;
    margin-bottom: 20px; box-shadow: 0px 1px 1px #AAA;}
.passrecoverypanel-title {
    background:#2F4014; min-height:20px; color:#DDD; text-shadow:#444 0px -1px 0px; -webkit-border-radius:5px 5px 0px 0px; padding:5px; font-size:16px;
border-bottom:1px solid #CDCDCD; margin:0; margin-bottom:inherit;}
.passrecoverypanel-content {padding:10px}


.passrecoverypanel a {font-family:Georgia, Verdana, Serif; font-style:italic; font-size:12px; color:black; font-weight:normal;}
.passrecoverypanel a:hover {color:#666;}
.passrecoverypanel input {width:285px;}
.passrecoverypanel .row {width:300px; margin-bottom:10px;}
.passrecoverypanel .submitbutton {margin-right:9px;}

.myaccountpanel {width:400px; margin:auto; padding: 50px 50px;
                 padding: 0; background:#EFEEEE; border: 1px solid #B6B6B6; -webkit-border-radius: 5px; -moz-border-radius: 5px; -radius: 5px;
    margin-bottom: 20px; box-shadow: 0px 1px 1px #AAA;}
.myaccountpanel-title {
    background:#2F4014; min-height:20px; color:#DDD; text-shadow:#444 0px -1px 0px; -webkit-border-radius:5px 5px 0px 0px; padding:5px; font-size:16px;
border-bottom:1px solid #CDCDCD; margin:0; margin-bottom:inherit;}
.myaccountpanel-content {padding:10px}

.myaccountpanel .row {width:420px;margin-bottom:10px;}
.myaccountpanel fieldset {border:1px solid #818181; padding:10px;}
.myaccountpanel a {font-family:Georgia, Verdana, Serif; font-style:italic; font-size:12px; color:black; font-weight:normal;}
.myaccountpanel a:hover {color:#666;}

.passchangepanel {width:420px; margin:auto; padding: 50px 50px;
                  padding: 0; background:#EFEEEE; border: 1px solid #B6B6B6; -webkit-border-radius: 5px; -moz-border-radius: 5px; -radius: 5px;
    margin-bottom: 20px; box-shadow: 0px 1px 1px #AAA;}
.passchangepanel-title {
    background:#2F4014; min-height:20px; color:#DDD; text-shadow:#444 0px -1px 0px; -webkit-border-radius:5px 5px 0px 0px; padding:5px; font-size:16px;
border-bottom:1px solid #CDCDCD; margin:0; margin-bottom:inherit;}
.passchangepanel-content {padding:10px}


.passchangepanel .row {width:400px; margin-bottom:10px;}
.passchangepanel label {width:120px; padding-top:3px;}
.passchangepanel input {width:260px;}
.passchangepanel .submitbutton {margin-right:14px;}
.passchangepanel a {font-family:Georgia, Verdana, Serif; font-style:italic; font-size:12px; color:black; font-weight:normal;}
.passchangepanel a:hover {color:#666;}


.newexpensepanel {}
.newexpensepanel .row {width:450px; margin-bottom:10px;}
.newexpensepanel fieldset {border:1px solid #818181; padding:10px; width:450px; margin-bottom:6px;}
.newexpensepanel label {width:80px; padding-top:3px;}
.newexpensepanel .fieldsetdesc {border:1px solid #818181; padding:10px; width:938px;}
.newexpensepanel .rowdesc {width:940px; margin-bottom:10px;}
.newexpensepanel textarea {padding:5px; height:12px; font-family:Arial, Times New Roman, Times, Serif; font-weight:normal;}
.newexpensepanel a {font-family:Georgia, Verdana, Serif; font-style:italic; font-size:12px; color:black; font-weight:normal;}
.newexpensepanel a:hover {color:#666;}
.newexpensepanel .year {width:60px; margin-right:5px;}

.validationpanel {}
.validationpanel label {padding-top:3px;}
.validationpanel fieldset {border:1px solid #818181; padding:10px; }
.validationpanel .chkbox input{border-style: none; margin-right:10px;}

.schedulepanel {width:900px; margin:auto; min-height:450px; background:#C8C9C9 url('images/title.png') top left repeat-x; -webkit-border-radius:6px; clear:both; padding: 10px 30px;}
.schedulepanel .leftschedule {width:300px; float:left;}
.schedulepanel .rightschedule {width:600px; float:left;}
.schedulepanel label {width:80px; padding-top:3px;}



.margin5right {margin-right:5px;}




/* FOOTER */
#footer {background:#CCC url(Images/bgReset.png) repeat-x left top; color:#4D4D4D; padding:40px 0px; clear: both;}
#footer h3 {margin-bottom:15px; padding-bottom:5px; border-bottom:1px dotted #CCC; text-align: left; font-size: 18px; color:#8A8700;}
#footer p {width:250px; display:inline-block; float:left;}
#footer strong {color:#8A8700; border-left:2px solid #8A8700; padding-left:5px;}
#footer a {color:#8A8700;}

/* BOTTOMFOOT */
#bottomfoot {background:#999; color:#EFEFEF; height:20px; padding:10px; clear:both; text-align:center;}
#bottomfoot a, #bottomfoot a:visited {color:#CCC; text-transform:uppercase; font-size:11px; letter-spacing:2px; text-decoration:none; font-weight:bold;}


.cToolTipClearFlow {
    clear:both;
    width:0;
    height:0;
    overflow:hidden;
    font-size:1pt;
}
.cToolTipContainer {
    width:300px;
    font-family:Tahoma;
    font-size:12pt;
}
.cToolTipTopLeftCorner {
    background: url(../images/ToolTipImages/TopLeft.png) no-repeat left top;
    height:7px;
    width:7px; 
    overflow:hidden; 
    float:left;    
}
.cToolTipTopSide {
    background: #eff5d7 url(../images/ToolTipImages/dot.gif) repeat-x left top;
    height:7px;
    overflow:hidden;
    width:286px; 
    float:left;
}
.cToolTipTopRightCorner {
    background: url(../images/ToolTipImages/TopRight.png) no-repeat left top;
    height:7px;
    width:7px;
    overflow:hidden;
    float:left;
}
.cToolTipLeftSide {
    background: #eff5d7 url(../images/ToolTipImages/dot.gif) repeat-y left;
    width:300px;
    overflow:hidden;
}
.cToolTipRightSide {
    background: url(../images/ToolTipImages/dot.gif) repeat-y right;
    width:300px;
    overflow:hidden;
}
.cToolTipBottomLeftCorner {
    background: url(../images/ToolTipImages/BottomLeft.png) no-repeat;
    height:7px;
    width:7px; 
    overflow:hidden; 
    float:left;
}
.cToolTipBottomSide {
    background: #e4eac8 url(../images/ToolTipImages/dot.gif) repeat-x bottom;
    height:7px;
    overflow:hidden;
    width:286px; 
    float:left;
}
.cToolTipBottomSideSizeFixer {
    width:0px;
    height:7px;
    overflow:hidden;
}
.cToolTipBottomRightCorner {
    background: url(../images/ToolTipImages/BottomRight.png) no-repeat;
    height:7px;
    width:7px;
    overflow:hidden;
    float:left;
}
.cToolTipFooter {
    background-color: #e4eac8 !important;
}
.cToolTipSeparatingStrip {
    background: #d7ddc1;
    overflow:hidden;
    height:1px;
}


.errorPanel
{
	width: 80%;
	height: 54px;
	padding-top: 33px;	
	margin: 43px auto -50px auto;	
	background-color: #F8EAEA;
	font-size: 14px;
	text-align: center;
}


html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 40px; /* bottom = footer height */
}
#bas {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
}