/*
 * $Id: vitdb.css,v 1.74 2009/07/01 02:52:53 trand Exp $ 
 * GLOBAL STRUCTURE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
	body {
		font-size: 13px;
		font-family:Trebuchet,"Trebuchet MS",Helvetica,Arial,sans-serif;
		color: #111;
		text-align: left;
		margin:0;
		padding:0;
		background:#F4F1EF url('/vitdb/images/bg.jpg') repeat-x;
		line-height:1.4;
	}

	img {
		display: block;
	}
	.inline img {
		display: inline;
	}

	#skip {
		display: none;
	}

	div.clear {
		clear: both;
		}

    .help {
        cursor: help;
    }
    
    .validationError {
		color: #FF0000;
		font-size: 10px;
		display: block;
	}

/* HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	#wrap {
		width:900px;
		margin:0 auto;
		background:#FFF;
		border:10px solid #FFF;
	}
	
	#header {
		padding:0px;
		margin:0 auto;
		height:80px;
		width:900px;
		clear:both;
		background:#FFF url('/vitdb/images/header.jpg') no-repeat;
	}
	
	#top-banner{
		padding:0px;
		margin:5px 0 0 0;
	}
	
	#headerLogo {
		float:right;
	}
	#headerReturn {
		height:80px;
		width:100px;
		display:block;
		border:1px solid #FFF;
	}

	form input.searchBox {
		margin: 2px 3px 8px 0;
		padding: 1px 0 2px 2px;
		background-color: #fff;
		border: 1px solid #CDC2B3;
	}
/**
 * would be good if we could use input[type="submit"], but ie sucks ass
 */
    .linkAsButton {
        
    }
    #content a.linkAsButton, #content a:hover.linkAsButton, #content a:visited.linkAsButton {
	    
	}
    
	form input.submit {
	
	}
	form select {
		margin: 0 3px 8px 0;
		padding: 1px 0 2px 2px;
		clear: both;
		width: 24em;
		background-color: #fff;
		border: 1px solid #CDC2B3;
	}
	form textarea {
		margin: 0 3px 8px 0;
		padding: 1px 0 2px 2px;
		background-color: #fff;
		border: 1px solid #CDC2B3;
	}
	form td b {
	   color: #666666;
	}
	
	form {
		padding-left: 2em;
	}
	#searchForm select {
		height: 8em;
	}
	.multiSelect select {
		height: 8em;
	}
/*
 * this select style is specifically for the standards search, as it is not possible
 * to set the width of these select boxes in any other way, without rewriting the 
 * component, which i don't want to do at the moment
*/
	select#standard {
        width: 400px;
    }
	#pepForm a {
		font-size: 100%;
	}
	#pepForm p {
		font-size: 100%;
		font-weight: normal;
	}
	
	.hiddenTextSize {
	   font-size: 10px;
	}

	strong {
	   font-weight: bold;
	   color: #555555;
	}

/* FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	#footer {
		background:transparent url('/vitdb/images/footer_bg.jpg') no-repeat;
		width:900px;
		padding:25px 0 0 0;
		margin:20px 0 10px 0;
		color:#A39382;
		text-align:left;
		font-size:12px;
	}
	
	#footer a {
		color:#A39382;
	}

/******************************* COMMON *******************************/

	a {
		color:#729102;
		text-decoration:underline;
		}	
	a:hover {
		text-decoration:none;
		color:#729102;
		}	
	
	h1 {
		color:#85B600;
		font-weight:100;
		font-size:28px;
		margin:0 0 10px 0;
		padding:0;
	}
	
	h2 {
		color:#645749;
		font-weight:100;
		font-size:21px;
		margin:0 0 5px 0;
		padding:0;
	}
	
	h3 {
		color:#85B600;
		margin:0 0 10px 0;
		padding:0;
		font-size:16px;
	}
	
	h4 {
		font-size: 100%;
		font-weight: bold;
	}

	h5 {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 105%;
	}

	h6 {
		margin: 5px 0 10px 0;
		padding: 0;
		font-size: 90%;
	}
	
	p {
		margin:0 0 10px 0;
	}
	
	form {
		margin:0;
		padding:0;
	}
	
	img {	
		border:none;
	}
	
	hr {
		border-top:1px dashed #A39382;
		padding:0;
		height:1px;
		margin:10px 0;
		background:#FFF;
		color:#FFF;
	}

/******************************* MENU *******************************/
	#menu {
		background:transparent url('/vitdb/images/nav_bg.jpg') no-repeat;
		margin:10px 0;
		width: 900px;
		height: 35px;
		text-align:left;
		}
	
	#menu ul {
		float:left;
		margin: 0; 
		padding:0;
		background-color:transparent;
		text-align: center;
		text-decoration: none;
		height: 35px;
		border-right:1px solid #A5D105;
		}
	#menu li {
		float:left;
		position:relative;
		list-style: none;
		line-height:35px;
		background-color:transparent;
		}
	
	
	#menu a, #menu a:visited {
		background-color:transparent;
		display:block;
		font-size:13px;
		text-decoration:none; 
		color:#fff; 
		padding:0 10px 0 10px; 	
		border-right:1px solid #729102;
		}
	#menu a:hover {
		background:transparent url('/vitdb/images/nav_bit.jpg') no-repeat 50% 100%;
		}
		
	#menu a.current {
		background:transparent url('/vitdb/images/nav_bit.jpg') no-repeat 50% 100%;
		}	

/******************************* FORM ******************************/

dl {
	border:1px solid #CDC2B3;
	margin:0 0 10px 0;
	padding:2px;
	width:640px;
	background-color:#EFEBE6;
	clear:left;
}
dt {
	float:left;
	margin:1px 0 0 0;
	padding:5px;
	width:200px;
	text-align:right;
}
* html dt {
	\width: 210px; /* for IE5 and IE6 in quirks mode */
    w\idth: 200px; /* for IE6 in standards mode */
}

dd {
	background-color:#FFF;
	margin:1px 0 0 210px ;
	padding:5px;
}
* html dd {
	\padding:10px; /* for IE5 and IE6 in quirks mode */
	p\adding:5px; /* for IE6 in standards mode */
}

.textfield {
	padding:3px;
	width:395px;
	margin:2px 0;
	border:1px solid #CDC2B3;
	height:16px
}
.select {
	padding:3px;
	margin:2px 0;
	border:1px solid #CDC2B3;
}
.password {
	padding:3px;
	width:100px;
	margin:2px 0;
	border:1px solid #CDC2B3;
	height:16px
}
.username {
	padding:3px;
	width:180px;
	margin:2px 0;
	border:1px solid #CDC2B3;
	height:16px
}

.textarea {
	height:100px;
	padding:3px;
	width:395px;
	margin:2px 0;
	border:1px solid #CDC2B3;
}

.submit {
	
}

/* CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	#content {
	
	}

/* STANDARD LIST ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
		#content ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		#content ul li {
			margin: 0;
			padding: 0 0 0 15px;
			background: url("/vitdb/images/bullet.gif") left top no-repeat;
		}

		#content dl {
		
		}
		#content dl dt {
		
		}
		#content dl dd {
		
		}
		
		dl.pep dt {
			font-weight: bold;
			width: 50%;
		}
		dl.pep dd {
			margin-left: 50%;
		}

/* WYSIWYG AREAS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.WYSIWYG img {
		margin: 35px 0 12px 15px;
		padding: 0;
		float: right;
		border: 5px solid #E0F5FF;
	}

	/* tables */
	table {
		margin: 1px;
		padding: 3px;
		background: #ffffff;
		border: 1px solid #CDC2B3;
		border-collapse: collapse;
	}

	th {
		font-size: 90%;
		padding: 3px;
		font-weight: bold;
		text-align: center;
		border: 1px solid #CDC2B3;
		background:#645749;
		color:#FFF;
	}

	td {
		vertical-align: top;
		border: 1px solid #CDC2B3;
		text-indent: 4px;
		margin: 0 0 12px 0;
		clear: left;
	}
	table.results {
		width: 100%;
	}
	
	table.results td {
		
	}
	
	tr.even {
		background:#EFEBE6;
		padding:5px;
	}
	
	tr.odd {
		border-left:1px solid #CDC2B3;
		background:#E4DDD4;
		padding:5px;
	}
	
	td.ActionColumnValue {
		width: 8em;
	}
	.tableHeaderTable {
		border: none;
	}
	.tableHeaderTable td {
		border: none;
	}
	
	table.checkTable {
		border-color: #CDC2B3;
	}
	
	table.checkTable td {
		border: 0px;
		padding-right: 6px;
		vertical-align: middle;
	}

	#content table td p {
		margin: 4px 6px 4px 6px;
		padding: 0;
		color: #333;
	}
	
	th.SearchCourseNameColumnHeader {
	   border: none;
	}
	
	td.SearchCourseNameColumnValue {
	   border: none;
	   padding: 10px;
	}

	.searchLink {
	   font-size: 150%;
	   padding-bottom: 4px;
	}

	/* ordered lists */
	ol {
		margin: 0 0 20px 40px;
		padding: 0;
		font-size: 100%;
		color: #333;
	}

/* SEARCH RESULTS TABLE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	/* list */
	#content ul.results {
		margin: 0 0 20px 0;
		padding: 0;
		/**font-size: 70%;**/
		list-style: none;
	}

	#content ul li {
		margin: 0;
		padding: 0 0 5px 15px;
		background: url("/vitdb/images/bullet.gif") left top no-repeat;
	}

	.nextPreviousLink {
		font-weight: bold;
		font-style: italic;
	}
	
	.currentPage {
	 	font-weight: bold; 
		color: blue;
	}

/* MESSAGES SCRIPTACULOUS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	#pageMessages {
		background-color: #8DC300;
		color: #ffffff;
		padding: 5px;
	}
	#pageMessages div {
		background: url("/vitdb/images/message.gif") left top no-repeat;
		height: 20px;
		text-indent: 18px;
		padding-top: 2px;
	}
	
	#pageErrorMessages {
		background-color: #8DC300;
		color: #ffffff;
		padding: 5px;
	}
	#pageErrorMessages div {
		background: url("/vitdb/images/error.gif") left top no-repeat;
		height: 20px;
		text-indent: 18px;
		padding-top: 2px;
	}
	
	#pageWarningMessages {
		background-color: #8DC300;
		color: #ffffff;
		padding: 5px;
	}
	#pageWarningMessages div {
		background: url("/vitdb/images/warning.gif") left top no-repeat;
		height: 20px;
		text-indent: 18px;
		padding-top: 2px;
	}
/*
 *********************************** reports styles ************************
 */
.reportTable {
    font-size: 90%;
    width: 80%;
}
.reportTable td {
    border: none;
}
.courseTable {
    width: 100%; 
}

.viewsColumn {
    width: 20%;
}
.courseViewsColumn {
    width: 33%;
}
.noBorder {
    border: none;
}
#report {
    padding-left: 8px;
}

.basicReportTable {
    width: 40%;
    font-size: 90%;
    text-align: center;
}

.numAtRankingTh {
    width: 20%;
}
.searchTermTh, .courseTh {
    width: 30%;
}
.numAtRankingData {
    width: 25%;
}
.searchTermData {
    width: 37%;
}
.courseData {
    width: 38%;
}

/* FORMS STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
td.label {
	text-align: right;
}
div.label {
	clear: both;
}
div.label img {
    border: none;
}
p.label {
	clear: both;
}
.requiredMarker {
	color: #FF0000;
	font-size: 10px;
}
.requiredFieldsText {
	
}
.formTip {
	font-size: xx-small;
	vertical-align: top;
	padding-top: 0px;
	font-weight: normal;
	font-style: italic;
	display: block;
}
.pepQ {
	margin-bottom: 20px;
	padding-bottom: 20px;
	clear: both;
}
.pepQLeft {
	width: 60%;
	float: left;
	clear: both;
}

.outline {
	margin: 10px;
	padding: 5px;
}

div.button {
	clear: both;
	padding: 5px 0px 5px 0px;
}

/**
 * paging navigation styles
 */
#searchPageNav {
	display: inline;
	font-size: 100%;
	position: relative;
	top: 4px;
	padding-right: 5em;
}
#searchPageNav .searchNav {
	position: absolute;
	top: 14px;
	left: 0px;
	text-align: center;
}

/*
##############################################################
#################### css class shortcuts #####################
##############################################################
*/
.inline {
    display: inline;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.centre {
    text-align: center;
}
.left {
    text-align: left;
}
.wide168px {
    width: 168px;
}