body {
	/*background:#779AC9 url('../../image/testpattern.png') 0 0 repeat;*/
	background:#779AC9;
	font:normal 0.8em arial, helvetica, sans-serif;
	color:#000;
	padding:3px 0 3px 0;
	}
a {text-decoration: none; color: #0081e4; }
a:hover {text-decoration: underline; color: #0081e4;}
a:visited { color: #0081e4;}
img {border:0;}
.hover {border-bottom: 1px #0081e4 solid;}
#wrapper { padding: 0; margin: 0 auto; width: 965px; }

.page { width:925px; padding: 20px 20px 20px 20px; background:url(../../image/cdo_background.gif) 0 0 repeat; border-right: solid black 1px; border-left: solid black 1px; border-bottom: solid black 1px; height: 3000px; }

#panel_top { border: solid black 1px; height: 136px; color: #cb7916; margin-bottom: 15px; background: url(../../image/logo.gif) 0 0 ; }
/*#panel_top { border: solid black 1px; width: 964px; height: 136px;color: #cb7916; margin-bottom: 15px; background: url(../../image/projectlogo.png) 0 0 ; }*/
#panel_top span {font-size: 1.1em; padding: 5px 0 0 5px;}

#top-menu {float: right; font-size: 1.8em; color: #faeacc;}
#top-menu-show { font-size: 1.8em; color:#faeacc;height: 20px; width:955px; top: -10px;position:relative;}
#top-menu span {padding-left: 15px; cursor:pointer;}
#top-menu-show span {float: right; cursor:pointer;}

#WaitDiv { float: left; margin: 10px 0 0 10px; color: #071e75;}
.LoginStatus { color: #ffffff; padding-left: 5px;}
/********************************************************************/
.spacer {clear:both; display: block; height: 30px; width: 800px; }
.small-spacer {clear:both; display: block; height: 1px; }
.clear { clear: both; }
.main-box {float:left; width: 940px;}

.project-list { padding-top: 25px;}
.new-project-text {width: 400px; height: 20px; font-size: 1.2em; line-height: 18px;}

/* help box*/
.help-man 
{
    float: right;
    position: relative;
    top: -70px;
    margin-bottom: -70px;
}
.help-box 
{
    float:left;  
    margin:  0 0 0 30px; 
    width: 210px;  
    
}
.help-box-page2
{
    float:left;  
    margin:  0 0 0 195px; 
    width: 200px;  
    
}
.help-box-page3
{
    float:left;  
    margin:  0 0 0 205px; 
    width: 200px;  
}
.help-box-460
{
    float:left;  
    margin:  0 0 0 140px; 
    width: 200px;  
}

div.news-box {
	width: 175px;
	background: url(../../image/news-bkg.png) repeat-y 0 0;
	overflow: hidden;
	padding: 5px 15px;
	color: #071e75;
	
}

div.news-box-top {
	background: url(../../image/news-top.png) no-repeat 0 0;
	overflow: hidden;
	width: 205px;
	height: 10px;

}

div.news-box-btm {
	background: url(../../image/news-btm.png) no-repeat 0 0;
	overflow: hidden;
	width: 205px;
	height: 10px;
	margin: 0 0 15px 0;
}

div.news-box h2 {
	margin: 0 0 5px 0;
    font-size: 1.2em;
	font-weight: normal;
    text-align: right; 
    text-indent: 40px;
    background: url(../../image/help.png) 0 0px no-repeat; 
    line-height: 48px;
	color: #0081e4;
	
}

.news-hide {  display: none;}
.helptitle { cursor: pointer;}
div.news-box p {
	
	
	line-height: 140%;
}
.hide { margin:0; background: url(../../image/close.png) no-repeat 0 0; width:23px; height: 23px; cursor: pointer; display: block;}
div.news-box li{
	
	padding: 5px 0 0 0;
}

div.news-box p a {
	font-weight: bold;
}

div.news-box p span {
    font-weight: bold;
	color: #7c72c4;
}

div.news-box p a:link, div.news-box p a:visited {
	text-decoration: none;
}
div.news-box p a:hover {
	text-decoration: underline;

}
/* Gray Box */

div.gray-box {
	width: 490px;
	background: url(../../image/graybox-bkg.gif) repeat-y 0 0;
	overflow: hidden;
	padding: 7px 15px;
}

div.gray-box a {
    color: #fff;
}

div.gray-box-top {
	background: url(../../image/graybox-top.gif) no-repeat 0 0;
	overflow: hidden;
	width: 520px;
	height: 10px;
}

div.gray-box-btm {
	background: url(../../image/graybox-btm.gif) no-repeat 0 0;
	overflow: hidden;
	width: 520px;
	height: 10px;
	margin: 0 0 0px 0;
}

div.gray-box h3 {
	margin: 0 0 10px 0;
	font-weight: normal;
	color: #fff;
	font-size: 123.1%;
	font-family: "Swiss721BT", "Helvetica-Neue", Helvetica, sans-serif;
}

div.gray-box h3.health {
	background: url(../images/health-icon.gif) no-repeat 0 0;
	padding: 0 0 7px 55px;
}

div.gray-box p {
    font-family: "Swiss721BT", "Helvetica-Neue", Helvetica, sans-serif;
	color: #fff;
	font-size: 108%;
	padding: 0 0 0 10px;
	margin: 0;
}

div.gray-box p span {
	color: #0c0c0c;
}

div.gray-box h3.help {
	background: url(../images/help-icon.gif) no-repeat 100% 0;
	padding: 7px 0 19px 10px;
	margin: 0;
}

.bullet { background: url(../../image/blue-check.png) 0 0px no-repeat ; line-height: 22px;}
.bullet a {margin-left: 25px; }

/* head box*/
#head-box-wrapper
{
    display: block;
    width: 450px;
    float: left;
}
.plan-name 
{
	color: #071e75;
	font-size: 1.4em;
	vertical-align:bottom;
}

div.head-box {
	width: 400px;
	background: url(../../image/head-bkg.png) repeat-y 0 0;
	overflow: hidden;
	padding: 0px 15px;
}
div.head-box-top {
	background: url(../../image/head-top.png) no-repeat 0 0;
	overflow: hidden;
	width: 430px;
	height: 10px;

}
div.head-box-btm {
	background: url(../../image/head-btm.png) no-repeat 0 0;
	overflow: hidden;
	width: 430px;
	height: 15px;
	margin: 0;
}
/* info box*/
.info-icon 
{
    background: url(../../image/info-green.png) no-repeat right top;
    display: block;
    width: 48px;
    height: 50px;
    float: left
}

/* evaluation box*/
.evaluation-head-wrapper
{
    display: block;
    width: 530px;
    float: left;
}

.eval-h2
{
   	float: left;
	width: 450px;
    display: block;
    height: 38px;    
    color: #0081e4;
	font-size: 1.2em;
	padding-top: 20px;
}

.evaluation-speil p
{
    color: #071e75;
	font-size: 1.0em;  
	padding-left: 5px;
}
.evaluation-speil li
{
    color: #071e75;
	font-size: 1.0em;  
	 
}
.evaluation-speil h2
{
    color: #071e75;
	font-size: 1.2em;  
	font-weight: normal;    
}
div.eval-box {
	width: 500px;
	background: url(../../image/speil-bkg.png) repeat-y 0 0;
	overflow: hidden;
	padding: 0 15px 0 10px;
	
}
div.eval-box-top {
	background: url(../../image/speil-top.png) no-repeat 0 0;
	overflow: hidden;
	width: 520px;
	height: 10px;

}
div.eval-box-btm {
	background: url(../../image/speil-btm.png) no-repeat 0 0;
	overflow: hidden;
	width: 520px;
	height: 15px;
	margin: 0;
}
/**/
/* impact evals box*/


div.impact-eval-box {
	width: 620px;
	background: url(../../image/gray-620-bkg.png) repeat-y 0 0;
	overflow: hidden;
	padding: 0 15px 0 10px;
	color: #fff;
}
div.impact-eval-box-top {
	background: url(../../image/gray-620-top.png) no-repeat 0 0;
	overflow: hidden;
	width: 640px;
	height: 10px;

}
div.impact-eval-box-btm {
	background: url(../../image/gray-620-btm.png) no-repeat 0 0;
	overflow: hidden;
	width: 640px;
	height: 15px;
	margin: 0;
}
div.impact-eval-box a {
    color: #fff;
}

/* white box 700px box*/

.white-700-box p {}
.white-700-box img { padding: 4px; }
.white-700-box ul li { color: #071e75; font-size: 0.9em; padding: 0 5px 0 5px; }

div.white-700-box {
	width: 680px;
	background: url(../../image/white-700-bkg.png) repeat-y 0 0;
	overflow: hidden;
	margin-right: 20px;
	padding: 0 15px 0 10px;
	color: #071e75;
	font-size: 1.0em;
}
div.white-700-box-top {
	background: url(../../image/white-700-top.png) no-repeat 0 0;
	overflow: hidden;
	width: 720px;
	height: 10px;

}
div.white-700-box-btm {
	background: url(../../image/white-700-btm.png) no-repeat 0 0;
	overflow: hidden;
	width: 720px;
	height: 15px;
	margin: 0;
}
/* white 620*/
div.white-620-box {
	width: 620px;
	background: url(../../image/white-620-bkg.png) repeat-y 0 0;
	overflow: hidden;
	padding: 0 15px 0 10px;
}
div.white-620-box-top {
	background: url(../../image/white-620-top.png) no-repeat 0 0;
	overflow: hidden;
	width: 640px;
	height: 10px;

}
div.white-620-box-btm {
	background: url(../../image/white-620-btm.png) no-repeat 0 0;
	overflow: hidden;
	width: 640px;
	height: 15px;
	margin: 0;
}

/* white 460*/
div.white-460-box {
	width: 460px;
	background: url(../../image/white-460-bkg.png) repeat-y 0 0;
	overflow: hidden;
	padding: 0 15px 0 10px;
}
div.white-460-box-top {
	background: url(../../image/white-460-top.png) no-repeat 0 0;
	overflow: hidden;
	width: 480px;
	height: 10px;

}
div.white-460-box-btm {
	background: url(../../image/white-460-btm.png) no-repeat 0 0;
	overflow: hidden;
	width: 480px;
	height: 15px;
	margin: 0;
}

#div-eval-text { display: none; width: 700px;}
#div-desc-text { display: none; width: 700px;}
#div-budget-text { display: none; width: 700px;}
#priority-text { display: none; width: 500px;}
#priority-title { cursor: pointer;}
#eval-info-text { display: none; width: 500px;}
#eval-info-head { cursor: pointer;}

#div-other-eval { display: none;}

/*******************************/
.plan-title {clear: both; font-weight: bold; font-size: 1.1em; display:block; color: #cb7916; margin:0 0 2px 5px;}
.plan-title-inline {clear: both; font-weight: bold; font-size: 1.1em; display:inline; color: #cb7916; margin:0 0 2px 5px;}

.input-save { float: left; padding-left: 10px; display: block; }
.attendeeage { float: left; padding-left: 10px; display: block; }
.impact-save-impact { float: left; padding-left: 12px; display: block; }
.input-save-text { float: right; padding-right: 10px; display: block; }
.save-control {background: url(../../image/save.png) 0 0 no-repeat; border:0; width:50px; height: 58px; margin-left: 10px; float:left;}
.save-control-button {background: url(../../image/save.png) 0 0 no-repeat; border:0; width:50px; height: 58px; margin-left: 10px; float:left;}

.input-wrapper { display: block; float: left; width: 640px; font-size: 1.1em; }
.input-box { float: left; width: 525px;  font-size: 1.1em;  }
.input-wrapper-620 { display: block; float: left; width: 630px;}

.input-box-page2 { float: left; width: 550px;  margin-bottom: 10px;  }

.small-input-wrapper { display: block; float: left; width: 290px;}
.medium-input-wrapper { display: block; float: left; width: 150px; margin: 10px;}
.smaller-input-wrapper { display: block; float: left; width: 180px;}
.input-box-small { float: left; width: 80px;  margin:0 0 10px 5px; font-size: 1.0em; }


.three-input-wrapper { display: block; float: left; width: 230px;}
.input-box-medium { float: left; width: 130px;  margin-bottom: 10px; font-size: 1.0em; }

.showchkbox {font-size: 0.7em; white-space:nowrap; background: #F2F2F2;border:ridge 3px silver; }
.showchkbox td { white-space:nowrap; padding: 0 10px 0 0; vertical-align: top; }


/********************************************************************/
/** Imapact eval ****/

#ImpactEval { color: #fff; width: 700px; }
.impact-save {  float: left; padding-left: 25px; display: block;}

.impact-one { color: #fff; font-size: 1.1em;}
.impact-two { color: #fff; font-size: 1.1em;}
.impact-three { color: #fff; font-size: 1.1em;}
.impact-four { color: #fff; font-size: 1.1em;}
.impact-five { color: #fff; font-size: 1.1em;}

/********************************************************************/

#budget {color : #fff; font-size: 1.1em;}
#budget td {}
#budget th { font-size: 1.2em; font-weight: bold;}
#budget-totals { display: block; text-align: center; color : #fff; font-size: 1.2em; width: 500px;}


/********************************************************************/
.selected {
	background-color:Highlight;
	color:HighlightText;
}
.activeInput {
	background-color : #000;
	
}

/* styles from closable fieldsets */
fieldset.closable {
	width: 1px;
	display:block;
}
fieldset.closable legend {
	font-weight : bold;
    color: Blue;
	cursor:pointer;
	text-decoration: underline;
	border-bottom: solid 1px black;
	width: 1px;
}
fieldset.closable div {
    white-space:nowrap;
}

/* input types */
input.inp_num   {   }
input.inp_list  {   }
input.inp_date  {   }
table.inp_grid  {   }
div.inp_dropchk { }

/* tab styles */
.tab_LeftUnsel {
    background:url('../../image/img/tab.png') no-repeat;
    padding: 0px 10pt 0 8pt;
    font-size : 1.0em;
    color: #fff;
}

.tab_LeftSel {
    background:url('../../image/img/tab.png') no-repeat;
    padding:0 10pt 0 8pt;
    background-position:0px -62px;
    color: #071e75;
}

.tab_RightUnsel {
    background:url('../../image/img/tab.png') no-repeat;
    background-position:100% -125px;
    
}

.tab_RightSel {
    background:url('../../image/img/tab.png') no-repeat;
    background-position:100% -187px;
}

.nexttab { float: right; padding: 20px 250px 0 0;}
.nexttab span { font-weight: bold; font-size: 1.1em; display:inline; color: #cb7916; margin:0 0 2px 5px; line-height: 50px; vertical-align:top; }

.prevtab { float: left; padding: 20px 0 0 0;}
.prevtab span { font-weight: bold; font-size: 1.1em; display:inline; color: #cb7916; margin:0 0 2px 5px; line-height: 50px; vertical-align:top; }

/* e-form common styles */
.efrm_Elem {
    vertical-align:middle;
    white-space: normal;
    border-collapse: collapse;
    border: none;
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    z-index:1;
}

.efrm_HLine {
	border-top: 1px solid black;
    position:absolute;
    background-color:transparent;
    overflow:hidden;
    z-index:-2;
}
.efrm_VLine {
	border-left: 1px solid black;
    position:absolute;
    background-color:transparent;
    overflow:hidden;
    z-index:-2;
}
.prompt {
    float:left;
	padding-right: 4px;
}
.smallFont,
table.smallFont input, div.smallFont input, 
table.smallFont select, div.smallFont select,
table.smallFont th,
table.smallFont td {
	font-size:2.0em;
	white-space:nowrap;
	vertical-align:baseline;
}
table.smallFont textarea,
div.smallFont textarea  {
	font-size:2.0em;
}
div.smallFont,
.smallFont th,
.smallFont td {
	padding-right: 4px;
}

@media screen {
	fieldset.closable div.closed {
		display:none;
		visibility:hidden;
	}
	.invScreen {
		display: none;
		visibility: hidden;
	}
	input[type="text"] {
		background-color: #e8e8ff;
	}
}

@media print {
	.invPrint {
		display: none;
		visibility: hidden;
		position:absolute;
		height:0px;
		width:0px;
		overflow:hidden;
	}
	input {
		border: none 0 white;
	}
	.invScreen {
		display: inline-block;
	}
}

 /*Modal Popup*/
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup {
    background-color:#ffffff;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    text-align:center;
    font-family: Arial;
    font-size: 1.3em;
}
.hidden-popup {display:none;}
/** front page **/
#plan-list { display: none; width: 600px; padding:10px 0 0 1px; font-size: 1.2em; color: #000;}
#plan-list a {color: #1f5bb3; font-weight: bold;}
.dateclass { color: #0e3f87; font-size: 0.9em; }
.status { padding-right: 5px; display:inline;color: #0e3f87; }
#plan-list li { padding: 10px 0 5px 0; list-style: none;}

.locked { color:  #c917e4; font-size: 0.9em;}
.locked_red { color:#be390a; font-size: 0.9em;}
.inprogress { color: #137b10; font-size: 0.9em;}
.evaluation {color: #0747ff;font-size: 0.9em; }
.completed {color: #555555;font-size: 0.9em; }
.pic-strip {   float:right;position: relative; top: -150px;}
.flipindex-strip { float:right;position: relative; top: -200px;right: 200px;}

.admin-util
{
    font-size: 1.1em;
	border:1px solid #bfbfbf;
	border-right-color:#908d8d;
	border-bottom-color:#908d8d;
	padding:2px .6em;
	background:#e1e1e1 url(../../image/obar.gif) left center repeat-x;
	color:#000;
	font-weight:normal !important;
	text-decoration:none;
	width: auto;
	letter-spacing: 1.5px;
	cursor:pointer;
}
.admin
{
	background: url(../../image/bbar.gif) 0 0 repeat-x;
	border:1px solid #bfbfbf;
	border-right-color:#908d8d;
	border-bottom-color:#908d8d;
	padding:2px .6em;
	color : #ffffff;
	width: auto;
	cursor:pointer;
	letter-spacing: 1.5px;
}
.copyright { width: 970px; font-weight:bold; text-align:center; padding:4px 0 0 0; color: #e8e8f4;}
.copyright a { color: #e8e8f4; }

.go-submit { cursor:pointer;}
#go-delete { cursor:pointer; color: #a41300;}

/********* table *******/

.blueBg {
	width: 670px;
	margin: 0 0;
	color: #000;
	text-align: left;
	
}
.blueBg th {
	
	vertical-align: top;
	padding: 10px 0 3px 10px;
	border: 1px solid #b9c5c5;	
	
	text-indent: 0px;
	text-align: left;
}
.th-left{
	width: 45%;
}

.blueBg td {
	
	vertical-align: top;
	padding: 10px 0 3px 10px;
 	
	font-size:1.1em;
	text-indent: 0px;
	text-align: left;
}
.td-left{
    
	width: 45%;
}
.radio-admin
{
	width: 5%;
    
}

.blueBg a {
	
	color: #0081e4;
	font-weight: bold;
	
}

.blueBg a:hover {
	
}

.blueBg h4 {

	
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
}
/*      admin           */
#admin-textboxes
{   
    width: 600px;
}
#admin-url
{
    display: none;
}
#admin-browse
{
    display: none;
}
.extimg
{
    float: right;
    padding: 5px 10px 0 0;
}
/* txt boxes for admin  */
#adminPanel
{
    
}
#admin-table
{
    width: 600px;
    margin: 5px 0 0 5px;
    padding: 0;
}
.txt-name
{
    width: 400px; 
    height: 24px;  
    color: #000;
    font-size: 15px;
    padding: 1px 0 0 5px;
    background-color: #9197a2;
    border: 3px solid #b9c5c5;
    
}
.txt-url
{
   width: 400px; 
    height: 20px;  
    color: #000;
    font-size: 15px;
    padding: 1px 0 0 5px;
    background-color: #9197a2;
    border: 3px solid #b9c5c5;
}
.txt-desc
{
    width: 400px; 
    height: 70px;  
    color: #000;
    font-size: 15px;
    padding: 1px 0 0 5px;
    background-color: #9197a2;
    border: 3px solid #b9c5c5;
}
.txt-link
{
    width: 500px;
    color: #fff;
    font-size: 15px;
    padding: 1px 0 0 5px;
    background-color: #9197a2;
    border: 3px solid #b9c5c5;
}

.txt-drop
{
    width: 148px;
    height: 25px;
    color: #ffffff;
    background: #9197a2;
    border: 0;
    margin: 5px 0 15px 0;
    padding: 2px 0 2px 5px;
    font-size: 1.0em;
    cursor:pointer; 
}

#resource-list { cursor:pointer; color: #0081e4; font-weight: bold;}
/************************************/
/* admin */
.admin-table { width: 100%;}
.print_report { font-size: 0.9em;}

.table-admin {
	width: 99%;
	background-color: #FFFFFF;
	
}


.table-admin td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:1px 1px 1px 5px;
	font-size: 0.9em;
	
}
.auth {
    background-color: Gray;
    color: #fff;
    font-weight: bold;
}

.table-admin span { font-size: 1.0em;}

.table-admin th {
	padding: 0;
	text-indent: 5px;
	text-align: left;
}

.table-admin h5 {
	color:#FFF;
	background-color: #404457;
	padding:0px;
	margin:0px;
	font-size:1.0em;
	margin:0px;
	height:30px;
	line-height:30px;
}

.admin-budget { cursor:pointer; text-decoration: none; color: #0081e4;font-weight:bold; }
.admin-manager { cursor:pointer; text-decoration: none; color: #0081e4;font-weight:bold; }

#admin-budget { margin-top: 30px; width: 900px; float: left;}
/* html replacement code  */
/**************************/


.desc { color:#6b6b6b;}
.desc a {color:#0092dd;}

.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; display: inline; }
.dropdown dd { position:relative;  }
.dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}
.dropdown a:hover { color:#5d4617;}
.dropdown dt a:hover { color:#5d4617; border: 1px solid #d0c9af;}

.dropdown dt a {background:#e4dfcb url(../../image/arrow.png) no-repeat scroll right center; display:block; padding-right:20px;
                border:1px solid #d4ca9a; width:150px;}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
.dropdown dd ul { background:#e4dfcb none repeat scroll 0 0; border:1px solid #d4ca9a; color:#C5C0B0; display:none;
                  left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}
.dropdown span.value { display:none; }
.dropdown dd ul li a { padding:5px; display:block;}
.dropdown dd ul li a:hover { background-color:#d0c9af;}

.brown_button { 
    margin:0px; padding:0 15px 0 10px; display: inline; height: 30px;text-align: right; 
    background:#e4dfcb url(../../image/arrow-next.png) no-repeat scroll right center; border:1px solid #d4ca9a;  color:#816c5b;
    font-weight:bolder; cursor:pointer;
 }
 /* log in*/
/*.LoginText {float: right; width: 260px;}*/
.LoginText{
    background-color:#779ac9;margin:0;padding:8px 8px;border:2px solid #d8d8d8;
    border-right-width:0;outline-width:0;
    -webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    -webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    font:18px Helvetica,Arial,Sans-serif;
    width:330px;float:right;}
    
.logcursor {cursor: pointer; color: #0081e4;}

#datepicker {}
#datepicker	input  { width: 196px; height: 1.1em; }
#datepicker ul { font-size: 62.5%; }

#admin-list { float:left; width: 870px; }