@import url(developer.css);

/*= STRUCTURE === === === === === === === === === === */


body { background:url('/img/bgSlice.jpg') 0 0 repeat-x #4ea474; }
.container_24 { background:transparent; overflow:hidden;}



#header {height:118px;}

#footer { 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:#fff; 
	overflow:hidden; 
	width:940px; 
	margin:0; 
	margin-top:10px; 
	padding:10px;
	margin-bottom:20px;
	color:#FF9700;
}

#contentBlock.homeFooter {	margin:0; 
	padding:5px; 
	background:url("../img/footer.jpg") no-repeat scroll 0 0 #fff; 
	-moz-border-radius-bottomright:10px; 
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-right-radius:10px; 
	-webkit-border-bottom-left-radius:10px; 
	-moz-border-radius-bottomleft:10px; 
	padding-top:29px;}

.loginuser{background-image:url(/img/username.jpg);background-repeat:no-repeat;}
.loginpass{background-image:url(/img/password.jpg);background-repeat:no-repeat;}
.loginuser2{background-image:url(/img/username.jpg);background-repeat:no-repeat;}
.loginpass2{background-image:url(/img/password.jpg);background-repeat:no-repeat;}
	
#homeBanner { margin-bottom:0; margin-left:0; }
#homeBanner img { display:block; }
#mainMenu { height:52px; width:960px; background:url('/img/menuBG.jpg') no-repeat white; margin-bottom:0; margin-left:0; padding-left:8px;}
#carousel { margin-bottom:0; margin-left:0; }

#contentBlock 
{ 
	margin:0; 
	padding:5px; 
	background:url("../img/footer4.jpg") no-repeat scroll 0 0 #fff; 
	-moz-border-radius-bottomright:10px; 
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-right-radius:10px; 
	-webkit-border-bottom-left-radius:10px; 
	-moz-border-radius-bottomleft:10px; 
	padding-top:29px;
}

#contentBlock ul {}
#contentBlock ul li { padding:10px; float:left; width:216px; height:150px; list-style-type:none; padding-bottom:10px; overflow:hidden; border-right:1px solid #ccc;}
li.row { border-right:0 !important; }
#contentBlock ul li h3, #contentBlock ul li p { float:left; width:115px; font-size:13px; line-height:1.2; }
#contentBlock ul li a.img {float:right;}

#loginForm {background:url('/img/login.gif') no-repeat 0px -4px;}
#loginForm fieldset {margin-left:31px;}
form#loginForm {  display:block; overflow:hidden; width:230px; float:right; margin-right:10px;	margin-top:17px; color:#ccc;}
form#loginForm button{ background:orange; text-decoration:none; color:white; }


#mainMenu ul#loggedIn { display:block; overflow:hidden; width:230px; float:right; margin-top:17px; }
#mainMenu ul#loggedIn li { border:0; }
#mainMenu ul#loggedIn li a { padding:5px 0 0 30px; display:block; font-size:10px; background:url('/img/users.jpg') 0 0 no-repeat; }
#mainMenu ul#loggedIn li.myProgress a { background:url('/img/clock.jpg') 0 0 no-repeat; padding-bottom:2px; }

#progMeter { background:url('/img/smallLogo.jpg') no-repeat top right #88bc46; padding:4px 15px; margin:0px 0 0 0;  width:930px; -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.5); border-top:5px #fff solid;}
#progMeter label { float:left; color:white; margin-right:20px; font-weight:bold; font-size:17px; margin-top:2px;}
#progMeter ul {padding:6px; overflow:hidden; width:500px;}
#progMeter ul li { list-style-type:none; float:left; display:inline-block; margin-right:5px; }
#progMeter ul li a { height:15px; width:15px; display:block; background:url('/img/status-sprite.gif') no-repeat 0 0; text-indent:-9999px;  }
#progMeter ul li.fin a { background-position:0 -32px; }
#progMeter ul li.inprog a { background-position:0 -16px; }
#progMeter ul li li.todo a { background-position:0 -16px;}

#progMeter ul .current_notcomplete a { background-position:0 -48px; }
#progMeter ul .current_complete a {  background-position:0 -48px;} 
#progMeter ul .notcomplete a { background-position:0 -32px; } 
#progMeter ul .complete a { background-position:0 0px; } 


.infoBox {width:910px; -moz-border-radius: 10px; padding:10px; display:block; background: rgba(0, 0, 0, 0.3); overflow:hidden; margin-top:20px;}
.infoBox ul {list-style-type:none;}
.infoBox ul li {width:293px; float:left; display:block; margin-bottom:30px; margin-left:15px;}
.infoBox ul li.infoBoxleft {margin-left:0px;}
.infoBox ul li p {margin-top:0px;}
.infoBox ul li h5 {margin-top:5px;}

.regInfo {width:32%; -moz-border-radius: 10px; display:block; background: rgba(0, 0, 0, 0.3); overflow:hidden; margin-top:65px;}
.regInfo ul {list-style-type:none;}
.regInfo ul li {margin-bottom:20px;}

#glossary strong {background:url(/img/glossary-button-white.png) no-repeat 0 0; overflow:hidden; font-weight:bold; font-size:30px; width:43px; float:left; text-align:center; margin-right: 30px}
#glossary strong span {}
.entry a { color: #FFFFFF; }
.entry a:hover { color: #0D4924; text-decoration: underline; }
.entry {width:910px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; padding:10px; display:block; background: #88BC46; margin-top:20px;}
.entry ul {list-style-type:none;}
.entry ul li {float:left;}
.entry ul li a { text-decoration:underline; color:#fff; margin-right:15px;}
.entry ul li a:hover { color:#fff000;}
.entry ul li a:active { color:#fff000;}

.def {width:890px; background:#fff; padding:10px; -moz-border-radius: 10px; margin-top:10px;}

#sidebar ul {list-style-type:none;}
#sidebar ul li {margin-bottom:10px;}
.dlicon {background:url('/img/dl-icon.gif') no-repeat 0 0; height:44px;padding-left:45px; padding-top:12px;}

#mainContent #adRight {float:right;width:175px;height:117px; -moz-border-radius: 10px; clear:both; margin:0px 0px 0px 20px; background:#fff; padding:10px;}
.introWrap {width:680px;}

.downloadwrap ul {list-style-type:none; margin-top:20px;}
.downloadwrap ul li {margin-bottom:20px; }
.downloadwrap ul li.dlicon {float:left; margin-left:110px;}
.downloadwrap ul li.first {margin-left:0px;}
.downloadwrap ul li a {color:#81BB4A; text-decoration:none; padding-top:10px; padding-bottom:10px;}
.downloadwrap ul li a:hover {color:#81BB4A; text-decoration:underline;}

#subNav {background:#88BC46; height:22px; margin-top:5px; padding:7px 15px; -moz-box-shadow:0px 0px 5px rgba(0,0,0, 0.5);}
#subNav ul {list-style-type:none; }
#subNav ul li {float:left; margin-right:25px;}
#subNav ul li a {color:white; display:block; text-decoration:none; font-size:12px;}
#subNav ul li a:hover {color:#0d4924;}

.glossNav { display:block; clear:both; margin-top:10px; height:15px; -moz-border-radius: 10px; padding:5px 10px 10px 10px; background: #B2B2B2;}
.glossNav ul {list-style-type:none;}
.glossNav ul li {float:left; display:block; margin-right:15px;}
.glossNav ul li a {color:#fff; padding:3px;}
.glossNav ul li a:hover {color:#fff000;}

/*= LINKS , LISTS AND NAVIGATION === === === === === === === === === === */

a {color:#81BB4A;}
a:hover {text-decoration:underline; color:#81BB4A;}
a:active {}

ol { list-style:decimal; margin-left:20px; }
/*ul { margin-left:20px; }*/
a:focus { outline:0; } 

hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0; }

.nav ul { list-style:none; }
.nav ul li { float:left; margin:0 5px; }
.nav ul li a {}

a.logo, a.sglogo {display:block; text-indent:-9999px; margin-top:20px;}
a.logo {height:90px; width:190px; background:url('/img/logo.jpg') no-repeat; float:left; margin-left:10px;}
a.sglogo {height:53px; width:144px; background:url('/img/sglogo.jpg') no-repeat; float:right; margin-right:10px; margin-top:40px;}

#mainMenu ul { overflow:hidden; width:710px; float:left; }
#mainMenu ul li {border-right:1px solid rgba(255,255,255,0.5); padding-right:5px;}
#mainMenu ul li a {color:white; font-size:10px;  display:block; padding:23px 3px 10px 3px; text-decoration:none; }
#mainMenu ul li a:hover {color:#0d4924;}
#mainMenu ul li.row { margin-right:0; padding-right:0; border:none; }

#footer ul li a {color:#888;}
#footer ul.green li a { color:#FF9700; }
#footer ul.green li a{/*border-right:1px solid green;*/ padding-right:10px;}
#footer ul.green li.row a{border-right:0; padding-right:0;}

#contentBlock { /* opp */ }
#contentBlock ul {}
#contentBlock ul li {}
#contentBlock ul li a {}
#contentBlock ul li h3 a {color:#81BB4A; margin-right: 10px;}
#contentBlock ul li p {margin:5px 0; color:#666;}
#contentBlock ul li a.link {color:#FF9700;}
#contentBlock ul li a.img {}

.bg {background:#fff; overflow:hidden;}


a.prevBtn, a.nextBtn, div.prevBtn, div.nextBtn { display:block !important; padding: 0px !important; height:31px !important; width:120px !important; text-align:center; color:#15582b; font-weight:bold; padding-top:15px !important;  margin-top: 0px !important; background-color: #bcda98 !important;}
a.prevBtn:hover { background-color: #fff !important;}
a.nextBtn:hover { background-color: #fff !important;}



form#actions div {background:#88bc46; overflow:hidden; width:180px; padding:4px; margin-top: 0px; text-align: center; }
form#actions div span {font-size:11px; font-weight:bold; line-height:11px; color:white; margin-top: 5px; height:30px; display:block; }
form#actions div span label {font-size:11px; font-weight:normal; line-height:11px;}
form#actions a, form#actions div {float:left; margin-right:0px; height: 38px; }


.bgHome{
background: url('/img/greenfade.gif');
/*background-repeat: repeat;*/
height:100%;
overflow:hidden;
}

#sidebar .pad {padding:5px 10px; padding-top: 15px;}
.pad {padding:10px 15px 0 15px;}

/*= FONTS === === === === === === === === === === */

body { font:13px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #434343; }
h1 {font-size:24px;}
h2 {font-size:24px;}
h3 {font-size:17px; line-height:23px; color:#81BB4A; }
h4 {font-size:19px;}
h5 {font-size:17px;}
h6 {font-size:15px;}
p  {font-size:13px; margin-top:5px;}
p a {color:#81BB4A;}
address {font-style:normal;}

#mainContent form {
	overflow:hidden;
}


#mainContent fieldset {
	padding:5px;
	padding-left:0px;
	margin-bottom:10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px; 
	margin-top: 2px;

	margin-bottom: 20px;

	
}


#mainContent fieldset.stepnav {
	padding:5px;
	padding-left:10px;
/*	margin-bottom:10px;*/
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px; 
	margin-top: 20px;
	background:#cee4b3;
	margin-bottom: 20px;

	
}

#mainContent legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}

#mainContent fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}

#mainContent fieldset p label {
	width:98%;
	color:white;
	
}

#mainContent fieldset p input {
	width:98%;
}

#mainContent fieldset p select {
	width:99%;
}

#mainContent fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}

#mainContent fieldset.login p input {
	width:60%;
}

#mainContent fieldset.login input.button {
	margin-left:35%;
}

#mainContent form p.notice {
	font-weight:bold;
}

#mainContent input.search.text {
	width:66%;
}

#mainContent input.search.button {
	width:28%;
	margin-left:2%;
}
#mainContent fieldset p label{color:#339241;}

#imagewrap {float:left; width:306px; height:545px; overflow:hidden;}

#desc-box {float:left; width:590px; background:#fff; -moz-border-radius: 10px; margin:7px 0 0 20px;}
#mainContent fieldset p.formcheck input {width:auto;}
#mainContent fieldset p label span {color:#fff;}


small {font-size:70%;}
/*
.texthighlight {-moz-border-radius: 10px; border:1px #88BC46 solid; background:#fff url('../img/money-icon.png') no-repeat 10px 13px; width:650px;  padding:3px 10px 10px 20px; display:block; margin-top:10px;}
*/
.texthighlight {-moz-border-radius: 10px; border:1px #88BC46 solid; float:left;  width:670px;  padding:3px 10px 10px 0px; display:block; margin-top:10px;}
.texthighlight .image { background:#fff url('../img/money-icon.png') no-repeat 10px 13px; width: 56px; height: 63px; float:left; margin-left: 5px; }
.texthighlight .text { float:left; width: 609px;}


/*.helphighlight {-moz-border-radius: 10px; border:1px #88BC46 solid; background:#fff url('../img/help-icon.png') no-repeat 10px 13px; width:650px; padding:3px 10px 30px 20px; display:block; margin-top:10px;}
*/
.helphighlight {-moz-border-radius: 10px; border:1px #88BC46 solid; float:left;  width:670px;  padding:3px 10px 10px 0px; display:block; margin-top:10px; margin-bottom: 20px;}
.helphighlight .image { background:#fff url('../img/help-icon.png') no-repeat 10px 13px; width: 56px; height: 63px; float:left; margin-left: 5px; }
.helphighlight .text { float:left; width: 609px;}

/*
.adminhighlight {-moz-border-radius: 10px; border:1px #88BC46 solid; background:#fff url('../img/admin.png') no-repeat 10px 13px; width:650px; padding:3px 10px 30px 20px; display:block; margin-top:10px;}
*/
.adminhighlight {-moz-border-radius: 10px; border:1px #88BC46 solid; float:left;  width:670px;  padding:3px 10px 10px 0px; display:block; margin-top:10px; }
.adminhighlight .image { background:#fff url('../img/admin.png') no-repeat 10px 13px; width: 56px; height: 63px; float:left; margin-left: 5px; }
.adminhighlight .text { float:left; width: 609px;}


.texthighlight span, .helphighlight span, .adminhighlight span {font-weight:bold; color:#88BC46; margin-left:20px; font-size:18px; }
.texthighlight p, .helphighlight p, .adminhighlight p {font-weight:bold; color:grey; margin-left:20px; margin-top:-3px; font-size:13px; }



span.reg { line-height:-15px; vertical-align:top;}
.headerHelp{position:absolute;left:480px;top:-109px;}

