/* Copyright Bridgeline Software, Inc. An unpublished work created in 2009. All rights reserved. This software contains the confidential and trade secret information of Bridgeline Software, Inc. ("Bridgeline"). Copying, distribution or disclosure without Bridgeline's express written permission is prohibited. */
/***** BASIC STYLES *****/
html, body, form{
	margin: 0;
	padding: 0;
}
body{
	font: 75%/1.4em arial, helvetica, sans-serif;
	background: #5fa7c9 url('/images/truman/misc/bodyBg.gif') repeat-x left top;
	color: #666;
}
input, select, textarea{
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
	color: #666;
}
h1, h2, h3, h4, h5, h6, p{margin: 0;}
h1{	font-size: 220%;}
h2{font-size: 180%;}
h3{font-size: 160%;}
h4{font-size: 130%;}
/* Set default margins for h5 & h6 as they may be part of free-form content*/
h5{
	margin: 0 0 0.5em 0;
	font-size: 1.333em;
	font-weight: normal;
}
h6{
	margin: 0 0 0.5em 0;
	font-size: 110%;
}
ul{  
	margin-left: 2em;
	padding: 0;
}
ul li{list-style-type: disc;}
ol{
	margin-left: 2em; /*allow room for 2-digit numbers*/
	padding: 0;
}
ol li{/*add numbered list margins/padding if needed*/}
ul, ol{
	margin-top: 0;
	margin-bottom: 1.1em;
}
table{  
    border-collapse:collapse;   
    border-spacing:0;   
} 
td, th{font-size:100%;}
a, a:visited{
	text-decoration: none;
	color: #3389c5;
}
a:hover, a:active{text-decoration: underline;}
fieldset, img {border:0;}
hr{
	height: 1px;
	margin: 15px 0;
	border: 0;
	background: #a1d1e2;	
	color: #a1d1e2;
}
/* Horizontal Line or Rule Skin */
div.skinScholar hr{background: #006bb6; color: #006bb6;}
div.skinCandidate hr{background: #899b28; color: #899b28;}
div.skinFaculty hr{background: #ce400f; color: #ce400f;}
div.skinFriend hr{background: #eb8a2a; color: #eb8a2a;}

/***** BASIC LAYOUT *****/
div.wrapper{
	width: 970px;
	margin: 0 auto;
	background: #e5e0ce url('/images/truman/misc/wrapperBg.gif') repeat-x left top;
}
div.header{
	float: left;
	width: 570px;
	padding: 2px 0 7px 14px;
	background: #fefefd url('/images/truman/misc/headerBg.gif') repeat-x;
}
div.contentWrapper{padding: 1px;}
div.sidebar{
	float: left;
	width: 182px;
	padding-right: 15px;
}
div.mainContentWrapper{
	float: left;
	width: 771px;
}
div.mainContent{
	float: left;
	padding: 0 0 25px 26px;
	width: 580px;
}
/* Main Content with Extra Information Wrapper */
div.extraInfoWrapper div.mainContent{
	width: 505px;
	margin-right: 25px;
}
div.extraInfoBar{
	float: left;
	width: 195px;
}
/***** Site Footer *****/
div.footer{
	margin-left: 200px;
	padding: 8px 10px 13px;
	font-size: 0.95em;
	line-height: 1.45em;
	border-top: 1px solid #d2cdba;	
}
div.footer div.content{text-align: right;}
div.footer ul{
	float: right;
	margin: 0;
	padding: 0;
}
div.footer ul li{
	float: left;	
	margin: 0;
	padding: 0;
	list-style: none;
}
div.footer ul li span{padding: 7px;}
div.footer p.credit{
	clear: both;
	float: right;
}

/***** Page Headers *****/
div.pageHead{
	position: relative;
	padding-bottom: 30px;
	padding-top: 1px;
	background: url('/images/truman/misc/pageHeaderBorder.gif') no-repeat 0 -4px;
	color: #fff;
}
div.pageHead div.content{
	height: 125px;
	background: url('/images/truman/misc/pageHeaderGeneric.gif') repeat-x;
}
div.pageHead div.imageHolder{
	position: absolute;
	bottom: 30px;
	right: 0px;
}
div.pageHead .brandImg{display: inline;}
div.pageHead img{display: block;}
div.pageHead div.titleSection h2{
	z-index: 1000;
	width: 585px;
	position: relative;
	bottom: -2px;
	left: 0;
	padding-left: 27px;
	height: 32px;
	font: normal 18px/32px arial;
	background: url('/images/truman/misc/pageHeadBgSubTitle.png');
}
/* Default - Show only current Page Title */
div.pageHead div.content h1{
	padding-left: 27px;
	padding-top: 41px;
	padding-bottom: 4px;
	font: 36px/36px "Times New Roman";
	color: #fff;
}
/* Show ParentPage title and CurrentPage title */
div.pageHead div.titleParentCurrent h1{
	padding-top: 30px;
	padding-bottom: 26px;	
}
/* Show CurrentPage title and Description */
div.pageHead div.titleParentAndDesc h1{padding-top: 35px;}
div.pageHead p.description{padding: 0 0 15px 27px; line-height: 1em;}

/* Show ParentPage title, CurrentPage title and Description */
div.pageHead div.titleParentCurrentAndDesc h1{padding-top: 21px;}
div.pageHead div.titleParentCurrentAndDesc p.description{ padding-bottom: 18px;}

/*** Skining for Page Head ***/
div.skinScholar div.pageHead{background-position: 0 0;}
div.skinScholar div.pageHead div.content{background: url('/images/truman/misc/pageHeaderScholar.gif') repeat-x;}
/* Candidate */
div.skinCandidate div.pageHead{background-position: 0 -1px;}
div.skinCandidate div.pageHead div.content{background-image: url('/images/truman/misc/pageHeaderCandidate.gif');}
/* Faculty */
div.skinFaculty div.pageHead{background-position: 0 -2px;}
div.skinFaculty div.pageHead div.content{background-image: url('/images/truman/misc/pageHeaderFaculty.gif');}
/* Friend */
div.skinFriend div.pageHead{background-position: 0 -3px;}
div.skinFriend div.pageHead div.content{background-image: url('/images/truman/misc/pageHeaderFriend.gif');}

/*********** WEBSITE NAVIGATION **********/
/***** Global Navigation *****/
ul.globalNav{
	margin: 0;
	padding: 0 0 15px;
	border-top: 1px solid #d2cdba;
}
ul.globalNav li{
	margin: 0;
	padding: 9px 0 9px 18px;	
	list-style: none;
	font-size: 0.95em;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #d2cdba;
}
ul.globalNav li a, ul.globalNav li a:visited{color: #006bb6;}
/** Second Level **/
ul.globalNav ul{
	margin: 0;
	padding: 2px 0 0;
}
ul.globalNav ul li{
	padding: 3px 0 2px 0;	
	line-height: 1.39em;
	text-transform: none;
	border: none;
}
ul.globalNav ul li.last{padding-bottom: 0;}
/** Skinning **/
ul.globalNav li li a, ul.globalNav li li a:visited,
ul.globalNav li.scholar a, ul.globalNav li.scholar a:visited,
ul.globalNav li.candidate a, ul.globalNav li.candidate a:visited,
ul.globalNav li.faculty a, ul.globalNav li.faculty a:visited,
ul.globalNav li.friend a, ul.globalNav li.friend a:visited{
	color: #a7a087;
}
/** Menu Styles for Nomination Or Application Steps **/
ul.globalNav li.steps span.num{
	display: block;
	float: left;
	width: 16px;
	text-align: right;
	color: #a7a087;
}
ul.globalNav li.steps span.name{
	display: block;
	float: left;
	width: 144px;
	padding-left: 4px;
}
/* Number Color Change for Selected Menu */
ul.globalNav li.scholar li.sel span.num, ul.globalNav li.scholar li.sel span.name a{color: #9aab38;}
ul.globalNav li.candidate li.sel span.num, ul.globalNav li.candidate li.sel span.name a{color: #9aab38;}
ul.globalNav li.faculty li.sel span.num, ul.globalNav li.faculty li.sel span.name a{color: #ce4110;}
ul.globalNav li.friend li.sel span.num, ul.globalNav li.friend li.sel span.name a{color: #eb8b2b;}
/* Active Page */
ul.globalNav li li a.sel, ul.globalNav li li a.sel:visited{color: #006bb6;}
ul.globalNav li.scholar a.sel, ul.globalNav li.scholar a.sel:visited{color: #026cb7;}
ul.globalNav li.candidate a.sel, ul.globalNav li.candidate a.sel:visited{color: #9aab38;}
ul.globalNav li.faculty a.sel, ul.globalNav li.faculty a.sel:visited{color: #ce4110;}
ul.globalNav li.friend a.sel, ul.globalNav li.friend a.sel:visited{color: #eb8b2b;}

/***** USER SPECIFIC NAVIGATION *****/
ul.userNav{
	height: 36px;
	margin: 0;
	padding: 0;
}
ul.userNav li{
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	list-style: none;
}
ul.userNav li.last{margin-right: 0;}
ul.userNav li a{
	display: block;
	width: 192px;
	height: 36px;	
	text-indent: -999em;
	background: url('/images/truman/misc/userSpecificNav.gif') no-repeat 0 0;
}
ul.userNav li a:hover{background-position: 0 -36px;}
ul.userNav li a:focus{outline: 0;}
/* Menu Specific */
ul.userNav li.link1 a.sel{background-position: 0 -72px;}

ul.userNav li.link2 a{background-position: -192px 0;}
ul.userNav li.link2 a:hover{background-position: -192px -36px;}
ul.userNav li.link2 a.sel{background-position: -192px -72px !important;}

ul.userNav li.link3 a{background-position: -384px 0;}
ul.userNav li.link3 a:hover{background-position: -384px -36px;}
ul.userNav li.link3 a.sel{background-position: -384px -72px !important;}

ul.userNav li.link4 a{background-position: -576px 0;}
ul.userNav li.link4 a:hover{background-position: -576px -36px;}
ul.userNav li.link4 a.sel{background-position: -576px -72px !important;}

/*************** TRUMAN SITE COMPONENTS ***************/
/***** Tabular Data Styles *****/
table.record{width: 100%;}
table.record th{
	padding: 7px 4px;
	text-align: left;
	text-transform: capitalize;
	color: #fff;
}	
table.record td{
	padding: 7px 4px;
	background: #efece1;
}
table.record th.lastCol, table.record td.lastCol{border-right: none !important;}
table.record tr.altRow td{background: #f7f5f0;}
/* Skin Scholar */
div.skinScholar table.record{border: 1px solid #a1d1e2;}
div.skinScholar table.record td, div.skinScholar table.record th{border: 1px solid #a1d1e2;}
div.skinScholar table.record th{background: #66a6d3;}
/* Skin Faculty */
div.skinFaculty table.record{border: 1px solid #dd7a58;}
div.skinFaculty table.record td, div.skinFaculty table.record th{border: 1px solid #dd7a58;}
div.skinFaculty table.record th{background: #e79d83;}

/***** Tabluar Information *****/
table.info{width: 100%;}
table.info td{
	vertical-align: top;
	border: 1px solid #fff;
	background: #f7f5f0;
}
table.info h6{padding: 6px 2px;}
table.info td{padding: 10px 6px;}
table.info tr.sectionTitle td{padding: 0;}
table.info tr.sectionTitle h6{margin: 0;}
table.info td.colHighlight{
	background: #efece1;
	font-weight: bold;
	text-align: right;
}
/* Scholar Photo */
table.info td.scholarPhoto{text-align: right;}
table.info td.scholarPhoto img{
	padding: 2px;
	border: 1px solid #c3b584;
}
/* Skin Scholar */	
div.skinScholar table.info h6{background: #66a6d3; color: #fff;}

/***** Summary *****/
div.summary{
	margin-bottom: 10px;
	padding: 12px 12px 7px;
	border: 1px solid #a1d1e2;
	background: #fff;
}
div.summary h5{
	margin-bottom: 12px;
	padding-bottom: 4px;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px solid #a1d1e2; 
}
div.summary p{margin-bottom: 5px;}
div.summary strong{color: #369;}

/***** User Login *****/
div.sidebar div.userLogin{
	margin-bottom: 14px;
	padding: 10px 10px 8px 16px;	
	background: #e4e1d9 url('/images/truman/misc/userLoginBg.gif') repeat-x;
}
div.sidebar div.userLogin h6{
	padding-bottom: 3px;
	font-size: 1em;
	line-height: 1.2em;
}
div.sidebar div.userLogin input.fieldTxt{
	margin-bottom: 8px;
	width: 133px
}
div.sidebar div.userLogin input.password{margin-bottom: 4px;}
div.sidebar div.userLogin p{
	margin: 0 0 5px;
	font-size: 0.95em;
}
div.sidebar div.userLogin a.submit{
	display: block;
	padding-right: 9px;
	float: right;
	font-weight: bold;
	background: url('/images/truman/misc/arrowBlue.gif') no-repeat right 4px;
}

/***** Logged-In User *****/
div.sidebar div.userInfo{
	margin: 4px 0 14px;
	padding: 10px 16px 11px 16px;	
	background: #e4e1d9 url('/images/truman/misc/userInfoBg.gif') repeat-x;
}
div.sidebar div.userInfo p{
	padding-bottom: 11px;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
}
div.sidebar div.userInfo a.logout{
	display: block;
	padding-right: 10px;
	float: right;
	font-weight: bold;
	background: url('/images/truman/misc/userLoginArrow.gif') no-repeat right 4px;
}

/***** GoTOTop Bookmark Container *****/
div.goTop{
	text-align: right;
	font-weight: bold;
}

/***** Extra Information Bar common styles *****/
/** Extra Information Box Head **/
div.extraInfoBar h4.extraInfoBoxHead{
	margin-bottom: 1px;
	padding:  7px 14px 6px;
	font-size: 1.167em;
	color: #fff;
}
/* Skinning */
div.skinScholar h4.extraInfoBoxHead{background: #0d73ba;}
div.skinCandidate h4.extraInfoBoxHead{background: #aabd41;}
div.skinFaculty h4.extraInfoBoxHead{background: #cf4414;}
div.skinFriend h4.extraInfoBoxHead{background: #eb8b2b;}

/** Extra Information Box Body **/
div.extraInfoBar div.extraInfoBoxBody{padding: 10px 14px 15px;}
/* Skinning */
div.skinScholar div.extraInfoBoxBody{background: #e0eaf1;}
div.skinCandidate div.extraInfoBoxBody{background: #e7eccb;}
div.skinFriend div.extraInfoBoxBody{background: #f6ebe0;}
div.skinFaculty div.extraInfoBoxBody{background: #f5ece9;}

/***** User Specific Login ******/
div.userSpecificLogin{margin-bottom: 20px;}
div.userSpecificLogin div.description{margin-bottom: 9px;}
div.userSpecificLogin input.fieldTxt{
	width: 150px;
	margin-bottom: 8px;
}
div.userSpecificLogin a.submit{
	display: block;
	float: right;
	margin-bottom: 15px;
	padding-right: 9px;
	font-weight: bold;
	line-height: 1em;	
	background: url('/images/truman/misc/arrowBlue.gif') no-repeat right 3px;	
}
div.userSpecificLogin div.helpContainer{clear: both;}
div.userSpecificLogin div.helpInfo{margin-bottom: 16px;}
div.userSpecificLogin div.helpContainer{font-size: 0.917em;}

/***** Dates To Watch *****/
/* Used in all Landing Pages of User Specific Navigation (For Scholors, For Faculty, etc) */
div.datesWatch{margin-bottom: 20px;}
div.datesWatch h5{
	margin: 0;
	font-size: 1em;
	font-weight: bold;
}
div.datesWatch span.date{
	display: block;
	margin-bottom: 5px;
	font-size: 0.917em;
}
div.datesWatch p.description{margin-bottom: 16px;}
div.datesWatch p.descriptionLast{margin: 0;}
/* Skinning */
div.skinScholar div.datesWatch h5{color: #006bb6;}
div.skinCandidate div.datesWatch h5{color: #899b28;}
div.skinFaculty div.datesWatch h5{color: #ce400f;}
div.skinFriend div.datesWatch h5{color: #eb8a2a;}

/***** Heading and Bottom Line *****/
div.heading h4{font-weight: normal;}
div.heading hr{margin: 14px 0 11px;}

/***** Heading, Link and Bottom Line *****/
div.headingAndLink h4{
	float: left; 
	width: 410px;
	margin: 0;
	font-weight: normal;
	line-height: 1.3em;
}
div.headingAndLink a{
	display: block;
	float: right;
	width: 135px;
	margin: 3px 0;
	padding-right: 10px;
	text-align: right;
	background: url('/images/truman/misc/arrowBlue.gif') no-repeat right center;
}
div.headingAndLink hr{margin: 9px 0 11px;}

/***** Person Information List *****/
div.personInfoList h5{
	margin-bottom: 16px;
	font-size: 1.3em;
}

/************* FORMS BASIC STYLES *************/
/* Form Wrapper*/ /* Used for almost all form pages*/
div.formWrapper div.mainContent{
	padding-top: 30px;
	padding-bottom: 70px;
}
div.formWrapper input.fieldTxt{
	float: left;
	width: 223px;
	color: #666;
}
div.formWrapper select{
	width: 243px;
	padding: 1px 0 1px 6px;
	border: 1px solid #d2cdba;
}
/* Form Section Heading */
h4.sectionHeading{
	margin-bottom: 22px;
	padding: 8px 0;
	font-size: 1.333em;
	font-weight: normal;
}
h4.sectionHeading .info{
	padding-left: 4px;
	font-size: 0.7em;
}
/* Form Container */
div.formContainer{padding-bottom: 30px;}
div.formContainer div.formRow{padding-bottom: 12px;}
div.formContainer label, div.formContainer div.quesContainer{
	display: block;
	float: left;
	width: 147px;
	padding: 5px 10px 5px 0;
	text-align: right;
	font-weight: bold;
}
div.formContainer div.quesContainer{
	padding-top: 0;
	padding-bottom: 0;	
}
div.formContainer p.fieldData{padding: 4px 0 4px 12px;}
/* Section (For Form Columns) */
div.formContainer div.section{float: left;}
div.formContainer div.section input.fieldTxt{margin-right: 12px;}
div.formContainer div.section p.fieldInfo{
	clear: both;
	float: none;
	padding: 0 7px;
	font-size: 0.95em;
	color: #a7a087;
}
/* Phone */
div.phone input.fieldTxt{width: 144px;}
div.phone input.ext{width: 50px;}
/* Form Navigation */
div.formNav{margin: 10px 0 0; padding: 10px 0 0;}
div.formNav a{
	display: block;
	float: left;
	padding: 0 0 0 12px;
	font-size: 1.25em;
	font-weight: bold;
	background: url('/images/truman/misc/formNavPrev.gif') no-repeat left center;
}
div.formNav a.next{
	float: right;
	padding: 0 12px 0 0;
	background: url('/images/truman/misc/formNavNext.gif') no-repeat right center;	
}
div.formNav a.normalNavLink{
	padding: 0;
	background: none;
}
/* Form Button */
div.formBtnContainer{padding-top: 10px;}
div.formBtnContainer input{
	float: right;
	padding: 3px;
	margin-left: 10px;
	color: #000;
}

/** Form Basic Styles **/
input.fieldTxt, input.fieldTxtSmall{
	padding: 6px 8px;	
	border: 1px solid #d2cdba;
	color: #a7a087;
}
input.fieldTxtSmall{width: 50px;}
select.fieldDdmSmall{width: 50px !important;}
input.btn{
	padding: 3px;
	color: #000;
}
textarea{width: 220px; border: 1px solid #d2cdba;}
.fieldChk label{padding-left: 5px; *padding-left: 3px;}
div.fieldChkContent input{float: left; margin-right: 5px;}
div.fieldChkContent div.content{float: left; padding-top: 2px;}

/* Check Boxes Group */
.fieldChkGroup input, .fieldOptGroup input{
	float: left;
	margin: 3px 5px 0 0;
}
.fieldChkGroup label, .fieldOptGroup label{
	padding: 0 0 3px!important;	
	font-weight: normal !important;
	text-align: left !important;
}

/*** Skinning ***/
div.skinCandidate h4.sectionHeading{border-bottom: 1px solid #aabd41;}
div.skinCandidate div.formNav{border-top: 1px solid #aabd41;}

div.skinScholar h4.sectionHeading{border-bottom: 1px solid #006bb6;}
div.skinScholar div.formNav, div.skinScholar div.formBtnContainer{border-top: 1px solid #006bb6;}

div.skinFaculty h4.sectionHeading{border-bottom: 1px solid #ce400f;}
div.skinFaculty div.formNav{border-top: 1px solid #ce400f;}

/***** MISCELLANEOUS *****/
.show{display: block;}
.hide{display: none;}
.clearFix{
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	float: none;
	font-size: 0;
}

/***** Author Styles *****/
.BlueColor{color: #006bb6;}
.GreenColor{color: #9aab38;}
.RedColor{color: #ce400f;}
.OrnageColor{color: #eb8a2a;}
.HighlightHeading{
	display: block;
	margin-bottom: 0.5em;
	font: 1.167em	"Times New Roman";
}

/***** Code Snippet *****/
/** 3 Column Table **/
div.threeColTab{
	clear: both;
	margin-left: 15px;
	padding: 15px;
	border: 1px solid #899b28;	
}
div.threeColTab table{width: 100%;}
div.threeColTab table td{padding: 3px;}
