/* GLN Common CSS Document */



/* Global */

body { 

	margin: 0;

	padding: 0;

	font-size: 76%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #333333;

	text-align: center;

	background-color: #CCCCCC;

}



p {

	font-size: 0.9em;

	line-height: 1.2em;

	margin: 0.9em 0em 0.9em 0em;

}



blockquote {

	margin-left: 1.0em;

}



ol  {

	list-style-type:decimal;

	font-size: 0.9em;

	margin-left: 2.1em;

}



ul {

	font-size: 0.9em;

	padding: 0;

	padding-left: 0.9em;

	margin: 0;

	margin-left: 0.6em;

	

	list-style-position: outside;

}



li {

	padding: 0;

	padding-right: 0;

	margin: 0;

}



.normalList ul {

	font-size: 0.9em;

	padding: 0;

	padding-left: 1.5em;

	margin-left: 0;

	margin: 0;

	list-style-type: square;

	list-style-image: none;

	list-style-position: outside;

}



.normalList li {

	padding: 0;

	padding-right: 0;

	margin: 0;

}



form { 

	margin: 0;

	padding: 0;

}



a {

	text-decoration: underline;

	font-weight: bold;

	color: #425980;

}

	

a img { 

	border: 0;

}



div.clear { clear:both; }



.hide {

	display: none;

	visibility: hidden;

	position: absolute;

	left: -999px;

}



.orangeBold {

	font-weight: bold;

	color: #E37B00;

}



.errorText {

	font-size: 0.9em;

	line-height: 1.2em;

	font-weight: bold;

	color: #8d0909;

	margin: 0; 

}



.errorMessageBox {

	border: 1px;

	border-style: solid;

	border-color: #8d0909;

	background-color: #ffffff;

	width: 483px;

	margin-top: 5px;

	margin-bottom: 5px;

}



.errorPading {

	padding: 8px 10px 10px 8px;

}



.darkRed {

	color: #8D0909;

}



.dynamicPageTitle {

	font-size: 1.2em;

	margin: 0em 0em 0.2em 0em;

	font-weight: bold;

	color: #425980;

}



.dynamicDateTitle {

	font-size: 0.9em;

	margin: 0em 0em 0.2em 0em;

	font-weight: bold;

	color: #425980;

}



/* Page Framework */

#shell {

	width: 760px;

	margin: 0px auto;

	padding: 0px;

	text-align: left;

	background-color: #FFFFFF;

}



#headArea {

	position: relative;

	width: 760px;

	height: 102px;

}



#headLogo { 

	position: absolute;

	left: 0;

	top: 3px;

}



#headImage { 

	position: absolute;

	left: 187px;

	top: 30px;

}



#bodyArea { 

	position: relative;

	width: 760px;

	margin: 0;

	padding: 0;

}



#footerArea {

	clear: both;

	position: relative;

	width: 760px;

	margin: 0;

	padding: 0;

	background-color: #E0E0E0;

	text-align: center;

}



#footerArea p {

	font-size: 0.8em;

	margin: 0.3em 0em 0.4em 0em;

}



.greyDivider {

	background-image: url(../images/divider_grey_dot.gif);

	background-repeat: repeat-x;

	width: 100%;

	height: 2px;

	padding: 0;

	padding-bottom: 6px;

	margin: 0;

	overflow:hidden;

}



.greyBox {

	border: #efefef solid 1px;

}



.orangeBox {

	border: #eba34c solid 1px;

}



/* Current Members Table styles */

.orangeCell {

	background-color: #eba34c;

	border-right: 1px solid #ffffff;

	border-bottom: 1px solid #ffffff;

}



.orangeCellNoBorder {

	background-color: #eba34c;

	border-bottom: 1px solid #ffffff;

}



.greyCellPad {

	border-right: 1px solid #ffffff;

	padding: 3px 0 3px 10px;

	font-size: 0.9em;

	line-height: 1.2em;

}



.greyCellNoPad {

	padding: 3px 0 3px 0;

	font-size: 0.9em;

	line-height: 1.2em;

}



.whiteCellPad {

	background-color: #ffffff;

	border-right: 1px solid #ffffff;

	padding: 3px 0 3px 10px;

	font-size: 0.9em;

	line-height: 1.2em;

}



.whiteCellNoPad {

	background-color: #ffffff;

	padding: 3px 0 3px 0;

	font-size: 0.9em;

	line-height: 1.2em;

}





.whiteBoxForm {

	border: 1px solid #ffffff;

	background-color: #efefef;

}



.whiteBoxForm2 {

	border-bottom: 1px solid #ffffff;

	border-left: 1px solid #ffffff;

	border-right: 1px solid #ffffff;

	background-color: #efefef;

}



.whiteCell {

	background-color: #efefef;

	border-bottom: 1px solid #ffffff;

}



.whiteCellRB {

	background-color: #efefef;

	border-right: 1px solid #ffffff;

}



.whiteCell2 {

	background-color: #efefef;

	border-bottom: 1px solid #ffffff;

	border-right: 1px solid #ffffff;

}



.clearCell p {

	margin: 0;

}



.requiredAsterick {

	color: #e37b00;

}



.buttonArea {

	width: 100%;

	margin-top: 10px;

}



.profileHeader {

	font-size: 1.2em;

	margin: 0em 0em 0.2em 0em;

	font-weight: bold;

	color: #425980;

}



.messageBar {

	padding-left: 10px;

}



.textInput {

	width: 125px;

	border: 1px;

	border-style: solid;

	border-color: #999999;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin: 5px 0px 5px 0px;

}



.textInput2 {

	width: 116px;

	border: 1px;

	border-style: solid;

	border-color: #999999;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin: 0px;

}



.textInput3 {

	width: 300px;

	border: 1px;

	border-style: solid;

	border-color: #999999;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin: 0px;

}



.textInput4 {
	width: 240px;
	border: 1px;
	border-style: solid;
	border-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
}



.textBoxInput {

	border: 1px;

	border-style: solid;

	border-color: #999999;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin: 2px 0px 0px 0px;

}



.checkBox {

	border: none;

	margin: 0px 6px 0px 4px;

}



.dropDownSelect {
	width: 245px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.dropDownSelectSmall {
	width: 130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}



/* Personal Navigation Bar Unauthenticated */

#personalNav {

	position: relative; 

	width: 760px; 

	height: 22px;

	background-color: #666666;

}



#personalNav div { 

	float: left; 

	display: inline;

}



.login {

	width: 109px;

	border: 1px;

	border-style: solid;

	border-color: #999999;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin: 2px 0px 0px 0px;

}



.password {

	width: 101px;

	border: 1px;

	border-style: solid;

	border-color: #999999;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin: 2px 0px 0px 0px;

}



.forgotPassword {

	padding: 0px 0px 0px 0px;

}



/* Personal Navigation Bar Authenticated */

#personalNavAuth {

	

	width: 760px; 

	height: 22px;

	background-color: #98a75c;

}



#personalNavAuth div { 

	float: left; 

	display: inline;

}



.userName {

	width: 260px;

	padding-left: 10px;

}


.userName p {

	font-size: 0.9em;

	margin: 0;

	padding-top: 5px;

	color: #ffffff;

}

.busUserName {
	width: 255px;
	padding-left: 10px;
}

.busUserName p {
	font-size: 0.9em;
	margin: 0;
	padding-top: 5px;
	color: #ffffff;
}


/* Content Templates */

/* Added for Dashboard page */

/* one column template */

#oneColumn {

	width: 720px;

	padding: 0 20px 20px 20px;

}



.memberBox {

	width: 720px;

	padding: 20px 20px 0 20px;

}



.memberName {

	font-size: 1.2em;

	font-weight: bold;

	color: #486381;

	padding-bottom: 4px;

}



.greenAdminLabel {

	width: 246px;

	font-size: 1.1em;

	font-weight: bold;

	color: #5f6c29;

	padding-top: 10px;

	padding-bottom: 10px;

}



.greenAdminDashLabel {

	width: 246px;

	font-size: 1.1em;

	font-weight: bold;

	color: #5f6c29;

	padding-bottom: 5px;

	padding-left: 20px;

}



.greenAdminCell {

	background-color: #5f6c29;

	border-right: 1px solid #ffffff;

}



.adminCellPad {

	padding-left: 10px;

}

.adminCellButtonPad {
	padding-top: 5px;
	padding-left: 10px;
}

.adminCellButtonPad p {
	margin-top: 0;
	padding-left: 14px;
}

/* Year Nav Bar */

.annualBar {

	position: relative; 

	width: 760px; 

	height: 30px;

	border-bottom: #5f6c29 solid 1px;

	padding-top: 6px;

}



.annualBar div {

	float: left;

}



.yearNavBar {

	width: 523px;

	padding-left: 20px;

}



.yearTabs div {  

	display: inline;

}



.annualButton {

	width: 197px;

	padding-bottom: 8px;

}



.evaluationBar {

	position: relative; 

	height: 24px;

	padding-top: 7px;

	padding-bottom: 9px;

}



.evaluationBar div {

	float: left;

}



.evalLabel {

	width: 288px;

	font-size: 1.1em;

	font-weight: bold;

	color: #5f6c29;

	padding-top: 10px;

}



.evalAdminLabel {

	width: 211px;

	font-size: 1.1em;

	font-weight: bold;

	color: #5f6c29;

	padding-top: 10px;

}



.evalButtonBox1 {

	width: 190px;

}



.evalButtonBox2 {

	width: 242px;

}



.evalButtonBox3 {

	width: 267px;

}



.stageHeader {

	background-color: #5f6c29;

}



.stageBar {

	position: relative;

	height: 50px;

	padding-top: 4px;

	padding-bottom: 10px;

}



.stageBar div {

	float: left;

}



.stageLabel {

	width: 279px;

	padding-left: 10px;

}



.stageLabel p {

	margin-top: 0;

}



.stage1ButtonBox1 {

	width: 161px;

}



.stage1ButtonBox1 p {

	margin-top: 0;

	padding-left: 15px;

}



.stage1ButtonBox2 {

	width: 270px;

}



.stage1ButtonBox2 p {

	margin-top: 0;

	padding-left: 15px;

}



.stage2ButtonBox1 {

	width: 307px;
	margin-top: 3px;

}



.stage2ButtonBox2 {

	width: 0px;
	margin-top: 0px;

}



.evalTable {

	border: #e3ebc2 solid 1px;

	margin-bottom: 10px;

}



.evalTable td {

	padding-left: 5px;

}



.evalCell p {

	margin-top: 0;

	padding-left: 14px;

}



.greenCell {

	background-color: #e3ebc2;

}



.greyCell {

	background-color: #efefef;

}



.assessbuttonPadding {

	padding-left: 290px;

}



.adobeBar {

	position: relative;

	padding-top: 10px;

	padding-bottom: 10px;

}



.adobeBar div {

	float: left;

}



.adobeButton {

	width: 106px;

}



.adobeText {

	width: 614px;

}



.adobeText p {

	font-size: 0.8em;

	margin: 0.3em 0em 0.4em 0em;

}



.logoBox {

	padding-top: 10px;

}



.logoBox div {

	display: inline;

	white-space: nowrap;

}

/* end */



/* Two column template */

#twoColumn {

	width: 760px;

	margin-top: 18px;

}



#twoColumn div { 

	float: left; 

	display: inline;

}



.leftColumn {
	width: 487px;

	padding: 0px 20px 20px 20px;

	border: 1px;

	border-right-style: solid;

	border-right-color: #BCC8D6;

}



.rightColumn {

	width: 190px;

	padding: 4px 20px 20px 20px;

	margin: 0;

}



.middleColumn {

	width: 384px;

}



/* Left Column content box container */

#contentBox {

	width: 100%;

	padding: 0;

	margin: 0;

}



/* Right Column content box container */

#contentBoxSmall {

	width: 100%;

	padding-bottom: 20px;

	margin: 0;

}



#contentBoxItalic {

	width: 188px;

	padding-bottom: 20px;

	margin: 0;

}



.imageLeft {

	float: left;

}



.imageRight {

	float: right;

}



#logoArea {

	padding-top: 20px;

	padding-bottom: 20px; 

	width:760px

}



.homeLogo {

	padding-top: 34px;
	width: 100%;

}



.breadCrumb {

	width: 720px;

	color: #666666;

	font-size: 0.8em;

	line-height: 1.2em;

	margin: 9px 20px 0 20px;

}



.orangeBar {

	background-color:#EBA34C;

	width: 100%

}



.greenBar {

	background-color:#5f6c29;

	width: 100%;

	margin-top: 20px;

	margin-bottom: 10px;

}



.orangeTitleBar {

	background-color: #EBA34C;

	margin-bottom: 5px;

	width: 100%;

}



.orangeTitleBar p {

	color: white;

	font-size: 11px;

	font-weight: bold;

	padding: 4px 0 4px 5px;

	margin: 0;

}



.sageBar {

	background-color:#E3EBC2;

	margin-top: 20px;

	margin-bottom: 5px;

}



.sageBar p {

	margin: 0;

}