/*positioned elements*/
html {overflow: auto;}
body {margin:0;  border:0;   padding:0; height:100%;  max-height:100%;  width:100%; max-width:100%; font-family:Verdana; font: normal 0.8em/1.25em Verdana, Arial, Helvetica, sans-serif; line-height:1.3em;}
#headwrapper {height:50px; background:#008b34 url(../Images/bg_rt_header_caya.jpg) no-repeat top right; margin:5px; width:auto; display:block; overflow:hidden;}
#head {height:50px; background:url(../Images/bg_lt_header_caya.png) no-repeat top left; width:100%; z-index:1;}

.navpane {float:left; position:static; clear:left; width:150px; height:auto !important; margin: 10px 10px 100px 10px;border-top:#ccc solid 1px;}
.contentpane {position:fixed; top: 60px; left:175px; bottom:35px; right:5px; overflow:auto; font-size:11px;height:auto;}
body#noNav div.contentpane {position:static; overflow:visible; margin-left:30px; margin-right:10px; padding-bottom:50px; left:auto; }
body#noNav div#dialog {margin-left:10px; zoom:1; padding-bottom:5px;}
 
div.title {position:absolute; top:0px; left:0px; padding: 0px 0 0 30px; font-size:20px; line-height:60px; font-weight:bold;color:#fff; z-index:200; zoom:-1; height:40px;  }
div.title span {font-size:12px;}

.footbox, #foot { position:fixed; background-color:#d1f9dd; border-top:2px solid #bde1d1; bottom:0; left:0; width:100%; margin-top:5px; color:#000; height:auto; z-index:1; display:block;   overflow:auto; }

* html #headwrapper { }
* html .footbox, * html #foot { float:left; clear:both; position:static; margin-top:15px; }
* html {height:100%;}
* html body {max-height:auto; height:100%; width:100%;}
* html body .contentpane { padding-bottom:15px; width:auto !important; margin-left:175px; display:inline; height:285px; overflow:visible; position:static;} /*height mimics min-height in ie6*/
*html body#noNav div.contentpane {padding-bottom:15px;}
* html body .navpane { top: 60px; left:5px;  margin:10px 0 0 5px; width:150px; position:absolute;}
* html body .navpane div.button {zoom:1; z-index:5000;}
.logInWrapper {margin:100px auto; width: 379px;background:#eaf3fc url(../Images/bg_dialogue_bot_caya.png) 0 bottom no-repeat; } 
.logIn {padding-left:100px; padding-bottom:20px; width:279px;  background: transparent url(../Images/bg_dialogue_top_caya.png) 0 0 no-repeat;}
.message{padding-left:10px; padding-bottom:20px; width:369px;  background: transparent url(../Images/bg_dialogue_top_nologo.png) 0 0 no-repeat;}

.framenavpane { width:200px; float:left;}
.framenavpane table{width:190px; margin:5px;}
.framepane {  bottom:0 top:0; right:0;border-left:solid 3px #ccc; position:fixed; left:200px; height:100%} 
iframe {border:none; border:0;}
.hiddenButton{position:absolute;top:-90000px;left:-90000px;}

body#popUp {}

div.helpNav { float:right; margin-top:17px; margin-right:20px; margin:17px 20px 0 20px;}
div.helpNav a.prev { display:inline-block; padding-left:12px; background:url(../Images/icon_prev.gif) 0 50% no-repeat; padding-right:10px; border-right:1px solid #ccc; margin-right:8px;}
div.helpNav a.next {display:inline-block; padding-right:14px; background:url(../Images/icon_next.gif) 100% 50% no-repeat;}
div.helpNav a.content {display:inline-block; padding-left:12px; padding-right:10px; border-right:1px solid #ccc; margin-right:8px;}

a.prev { display:inline-block; padding-left:12px; background:url(../Images/icon_prev.gif) 0 50% no-repeat; padding-right:10px; border-right:1px solid #ccc; margin-right:8px;}
a.next {display:inline-block; padding-right:14px; background:url(../Images/icon_next.gif) 100% 50% no-repeat;}

/*end positioned elements */

table caption {text-align:left;}


hr {border:1px dotted #999;}


a {color:#01ac4e; text-decoration:none; margin:1px;}
a:hover, td.menusection a:hover {text-decoration:underline;}
#head a {font-size:11px;}
a.headlink {color:#fff;text-decoration:none; padding-left:5px;padding-right:5px; position:relative; left:-20px;}
a.headlink:hover {text-decoration:underline; background-color:transparent; color:#fff;}
a.sortbutton {border:1px solid #9bdea3;}
a.sortbutton:hover {background-color:#FFFFFF;border:1px solid #919B9C;}
a.viewbutton {text-indent:-99999px; background:url(../Images/information.png) no-repeat bottom left; height: 16px; width:16px; display:inline-block;}
a.viewbutton:hover {background:url(../Images/information.png) no-repeat top left;}
td a.viewbutton{ vertical-align: text-bottom;}
a.emailbutton {text-indent:-99999px; background:url(../Images/bg_email.png) no-repeat bottom left; height: 16px; width:16px; display:inline-block;}
td a.emailbutton{ vertical-align: text-bottom;}

input, select {font-family:verdana;font-size:8pt;font-weight:normal;}
input.check {border:none;}

input.w250 {width:250px;}
	input.w200 {width:200px;}
	input.w150 {width:150px;}
	input.w100 {width:100px;}
	input.w50 {width:50px;}
  input.w500 {width:500px;}

select.w250 {width:250px;}
	select.w200 {width:200px;}
	select.w100 {width:100px;}
	select.w150 {width:150px;}
	select.w50 {width:50px;}
textarea {font-family:verdana;font-size:8pt;font-weight:normal;border:1px solid #000000;color:#000000;}


.headbutton {float:right;height:50px; line-height:40px;padding:5px;}

ul {margin-top:0.5em; margin-left:2em;}
td.menusection ul.menu1, .menusection ul.menu2 {list-style:none; list-style-image:none;margin-top:5px;margin:0px; padding:0;line-height:13px;}
td.menusection ul li.head4 {margin:10px 0;}
td.menusection ul li ul li { margin:0; padding:0;}
td.menusection ul li ul li a {display:block; margin:0; padding:1px 3px 1px 20px; background:url(../images/arrow.gif) no-repeat 0 50%; font-weight:normal; }



.menusection {width:170px;padding:10px;}
.menuhead {font-size:15px; line-height:1.6em; font-weight:bold; display:block; width:100%;  border-bottom:solid 1px #269710; padding:2px 0; color:#269710;}
h1, .head1 {font-size:14px;font-weight:bold;color:#014611; text-transform:uppercase;margin-top:30px;}
h2, .head2 {font-size:12px;font-weight:bold;color:#28b835;}
h3, .head3 {font-size:11px;font-weight:bold;color:#00643b;}
h4, .head4 {font-size:11px;font-weight:bold;color:#000000;}

h1.header_dialog { font-size:12px; font-weight:bold; background: #008b34 url(../Images/bg_rt_corner_caya.gif) top right no-repeat; margin:5px; }
h1.header_dialog span { display:block;  color:#FFF; background:transparent url(../Images/bg_lt_corner_caya.gif) no-repeat; padding-left:15px; line-height:30px;}

.logIn h1, .message h1{font-size: 13px; line-height:1.3em; text-transform:none; margin-top:0; padding-top:20px;}
.caption {font-size:11px;font-weight:bold;color:#000000;}
.normal {}
.red {color:#CC0000;}
.headrow {font-size:10px;font-weight:bold;color:#062b4d;background-color:#9bdea3;}
table.thinborder {cellspacing:0; border-collapse:collapse; border-spacing:0;}
.thinborder td {padding:3px 7px; border-top: solid 2px #fff; vertical-align:top;}
table td a {color:#01ac4e;}
.thinborder td a:hover {background-color:transparent; color:auto; text-decoration:underline;} 
table {font-size:11px; line-height:1.2em;}
textarea{line-height:1.3em;}

.footbuttonr {float:right;height:20px;padding:5px;}
.footbuttonl {float:left;height:20px;padding:5px;}
.footspanr {float:right;height:20px;font-size:7pt;padding:5px;color:#000;}
.footspanl {float:left;height:20px;font-size:7pt;padding:5px;color:#000;}

.searchnav {font-size:7pt;background-color:#F6F6F6;padding:3px;border:1px solid #919B9C;}
.wingding 	{FONT-WEIGHT: bold;	FONT-SIZE: 10px;	font-family:wingdings !important; }
.RED {color:red; font-size:11px;}
.multiCheckContainer { overflow-x: hidden !important; padding-bottom:10px;}
.multiCheckContainer  label.multiCheckLabel {overflow:hidden !important; overflow-x: hidden !important; line-height:auto !important; }

/*minimize flashing of all the contents displayed at once */
 #content_2, #content_3, #content_4, #content_5, #content_6, #content_7, #content_8, #content_9, #content_10, #content_11, #content_12, #content_13, #content_14 {display:none;}
body#noNav #content_1, body#help #content_1 {display:block;}
/*END minimize flashing of all the contents displayed at once */


/*dashboard menu*/
#dashboard{width:960px; padding-top:10px;} 
* html body#noNav #dashboard {zoom:1;}

#dashboard .search{background-color:#e9f2ec; }
#dashboard .search td{padding:11px 5px;}
.dashboardLeftPane{
	float:left; 
	margin-right:30px;
}

.dashboardRightPane{
	float:left; 
}
.dashboardRightPane h2 { border-bottom: 1px solid; margin-bottom:0; padding:1px 3px; background-color:#008b34; color:#FFFFFF;}
.dashboardRightPane ul li{ margin:5px 0;}
.accordion {
	width: 440px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	background: #e9e7e7 url(../images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion div {
	background: white;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
}

.accordionContentPane {overflow:auto; max-height:300px;}
* html .accordionContentPane {height:300px;}

.actionMenu {
	width: 450px;
	border-bottom: solid 1px #c4c4c4;
}

.actionMenu h3 {
	background: #e9e7e7;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
}

.actionMenu div {
	background: white;
	margin: 0;
	padding: 5px 25px 5px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}
/*end of dashboard*/

table#tblWorkPlan {width:100%;}
td.showhide{width:99%;}
div.middleDivider {background: url(/Images/bg_grey1px.gif) repeat-x 0 50%;}
div.middleDivider span {background:#FFFFFF; padding:0 5px; line-height:50px;}
ul.noBulletList li {list-style-type: none;padding: 0;margin-left: 0em;
}

/*dialog popup*/
.ui-widget-header {
  background: #008b34 url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;	
}