/* @override http://ooc.ut/c-century-study/www/Assets/css/style.css */

/*
Theme Name: Century Health Study
Theme URI: http://www.uth.tmc.edu/pet/century-study/
Description: Designed by <a href="http://med.uth.tmc.edu/">The Office of Communications</a>. You may not use this theme/CSS or make any changes for any other website other than the one listed above.
Version: 2
Author: Eric Rasch
Author URI: http://med.uth.tmc.edu/comm/
Tags: UT-Houston, Medical School, OOC, Weatherhead PET, Century Study
*/

/* @group Colors */

/*	=COLOR SCHEME
	.............................................................. */
/**************************************
- black		#000
- white		#fff
-           #
-           #
-           #
***************************************/

/* @end */

/* @group Globals */

/*	=GLOBALS
	.............................................................. */

/* @group Skip to Content */

#skip a, #skip a:hover, #skip a:visited {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}

#skip a:active, #skip a:focus {
	position:static;
	width:auto;
	height:auto;
	}

/* @end */

body {
	background: #EFF0F2 url(../images/bg-homepage.jpg) repeat-x scroll 0 0;
	width: 100%;
	margin: 0;
	padding: 0;
    }

.floatL {float: left;}
.floatR {float: right;}

/* @end */

/* @group Masthead */

/*	=MASTHEAD
	.............................................................. */

* html #masthead {
	margin: 0;
    }

#masthead form {
	margin: .5em 0 .2em 0 !important;
	float: none;
	position: relative;
    }

* html #masthead form {
	margin: 1em 0 0 0 !important;
	position: relative;
    }

#masthead label, #masthead input {
	color: #184714;
    }

#headerSearch {
	text-align: right;
height: 99px;    }

#quicklinks {
	list-style: none;
	margin: 1em 0 0 0;
	padding: 0;
	text-align: right;
	white-space: nowrap;
    }

#quicklinks li {
	display: inline;
	margin: 0;
    }

#quicklinks a {
	color: #184714;
	font: normal bold .8em/140% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	padding: .3em .5em .4em .5em !important;
    }

#quicklinks a:hover {
	color: #FFFFFF;
	background: #31455a !important;
    }

/* @end */

/* @group Navigation */

/*	=NAVIGATION
	.............................................................. */

.navigation {
	color: #CCCCCC;
	font: normal bold .9em/140% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    }

.minitabs-01, .minitabs-02 {
	list-style: none;
	margin: 11em 0 0 0;
	text-align: right;
	white-space: nowrap;
    }

.minitabs-02 {
	text-align: left;
	margin: 2.65em 0 -1em 0;
    }

.minitabs-01 li, .minitabs-02 li {display: inline;}

.minitabs-01 a:link, .minitabs-01 a:visited, 
.minitabs-02 a:link, .minitabs-02 a:visited {
	text-decoration: none;
	text-transform: uppercase;
	padding: .6em .9em .6em .3em;
	border-right: 1px solid #DDDDDD;
	color: #184714;
    }

.minitabs-01 a:link.endOfLine, .minitabs-01 a:visited.endOfLine, 
.minitabs-02 a:link.endOfLine, .minitabs-02 a:visited.endOfLine {
	border-right: none;
    }

.minitabs-01 a#current, .minitabs-02 a#current {
	color: #0099FF;
	text-decoration: none;
    }

.minitabs-01 a:hover, .minitabs-02 a:hover {
	color: #333333;
	background-color: #E9EAED;
	text-decoration: none;
    }

/* @end */

/* @group Featured Bar */

/*	=Featured Bar
	.............................................................. */

#featuredbar {
	background: url(../images/bg-homepage-main-bar.jpg) no-repeat center top;
	padding-bottom: 2em; 
	}

/* *** IE Hack: IE 7 and below *** */
	*:first-child+html #featuredbar {margin-top: -.25em;}
	 * html  #featuredbar {margin-top: -.25em;}
	
	#featuredbar h3 {
		font: normal 4em/98% "Gill Sans", "Gill Sans MT", "Tw Cen MT", Candara, "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif;
		color: #FFF;
		text-align: center;
	    }

#mainPDFrow {
	background: #EFF0F2;
	border: solid 1px #CCCCCC;
	height: 45px;
	margin: .5em 2em 1em 2em;
	padding: 2.2em 1em 0 1em;
    }

	    
	.pdfLinks a:link, .pdfLinks a:visited,
	#homepage .pdfLinks a:link, #homepage .pdfLinks a:visited {
		background: url(../images/graphic-pdf-link.jpg) no-repeat left top;
		color: #4E160D;
		display: inline;
		font-size: 12px;
		line-height: 131%;
		margin: .2em; padding: 1.2em 3.2em;
		text-decoration: none;
		text-transform: uppercase;
	    }
	#homepage .pdfLinks a:link, #homepage .pdfLinks a:visited {
		background: url(../images/graphic-pdf-link-short.jpg) no-repeat left .6em;
		display: block;
		margin-top: 4.5em !important; margin-right: 0 !important;
		padding: 1em 2em 1em 3.3em;
	    }
		.pdfLinks a:visited {color: #44130b;}
		.pdfLinks a:hover {color: #B5341E;}
		.pdfLinks a:focus, .pdfLinks a:active {color: #c66035;}

.presentationLink a:link, .presentationLink a:visited {
	background: url(../images/graphic-presentation-link.jpg) no-repeat left top;
	color: #FF0000;
	display: block;
	font-size: 12px;
	line-height: 95%;
	padding: .8em 1.2em;
	position: relative; 
	text-decoration: none;
	text-transform: uppercase;
	top: -1em;
	width: 99%;
	}
/* *** IE Hack: IE 7 and below *** */
	*:first-child+html .presentationLink a:link, 
	*:first-child+html .presentationLink a:visited {margin-top: -7.5em;} 
	* html .presentationLink a:link, 
	* html .presentationLink a:visited {margin-top: -7.5em;}
	
	.presentationLink a:visited {color: #970000;}
	.presentationLink a:hover {color: #d00000;}

#presentationImage {
	float: right; 
	position: relative; 
	right: -1em; 
	top: -2em;
	z-index: 1;
	}

#pagetitle {
	padding-top: 1em;
	background: url(../images/bg-homepage-main-bar.jpg) no-repeat center top;
	}
/* *** IE Hack: IE 7 and below *** */
	*:first-child+html #pagetitle {background-position: 0 -3px;}
	 * html  #pagetitle {background-position: 0 -3px;}
	

#pagetitle h1 {
	font: normal bold 2.5em/100% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
    }

/* @end */

/* @group Content */

/*	=Content
	.............................................................. */

#content {
	padding: 1em 0;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC; 
	border-top: none; border-bottom: 5px solid #7EC208;
    }

#homepage #content h1 {
	font: normal 2.8em/100% Arial, Helvetica, sans-serif;
	color: #183805;
	margin-top: .6em;
    }

#content h2 {
	font: normal bold 1.6em/100% Arial, Helvetica, sans-serif;
	color: #000000;
    }

#content h3 {
	font: normal 1.8em/100% Arial, Helvetica, sans-serif;
	color: #004000;
	border-bottom: 1px solid #E5E5E5;
	margin-top: 2em;
    }

#content h4 {
	font: normal bold 1.4em/100% Arial, Helvetica, sans-serif;
	color: #666666;
	background: #F4F4F4 none repeat scroll 0 0;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	padding: 0.5em 0.2em;
    }

#content p {
	font-size: 1.3em;
	line-height: 140%;
	color: #333333;
    }

#content li {
	font-size: 1.1em;
	padding-bottom: .3em;
    }

#content .more {
	text-align: right;
    }

#content .more a {
	background: #ebf1fb;
	color: #0C63A7;
	font: normal bold 1em/35px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: .4em;
	text-decoration: none;
	text-transform: lowercase;
    }

#content .more a:hover {
	color: #0f81dc;
	background-color: #e0e7f0;
	text-decoration: none;
    }

#homepage #content h2 {
	color: #183805;
    }

#homepage #content p {
	font-size: 1.1em;
    }

#homepage #intro p {
	font-size: 1.3em;
    }

#contact {
	border: 1px solid #DDD; border-left: none; border-right: none;
	margin-top: .5em; margin-bottom: .5em; 
	}

#prescreen{
	border-bottom:1px solid #DDD;
	margin-top: .5em; margin-bottom: .5em; 
}
/* @group thinMan Mascot */

/*	=thinMan Mascot
	.............................................................. */

#content #thinMan {
	background: url(../images/graphic-thin-man-reversed.jpg) no-repeat left 1px;
	height: 222px;
	margin-top: -9em;
	position: relative;
	}
/* *** IE Hack: IE 7 and below *** */
	*:first-child+html #content #thinMan {background-position: left top;}
	* html #content #thinMan {background-position: left top;}

#content #thinMan h2 {
	color: #FF0000;
	font-size: 1.3em !important;
	padding-left: 5.7em;
    }

#content #thinMan p {
	font-size: 1em !important;
	line-height: 125%;
	padding-left: 7.5em;
	width: 130px;
    }

/* @end */

/* @group Table style */

/*	=Table style
	.............................................................. */

table {
	font-size: 1.1em;
	}

table th {
	background: #e1ffc4 !important;
	font-size: 1.2em;
	padding: 1em !important;
	}

table td {padding: 1em !important;}

table tr.alt {background: #f4f4f4 !important;}

table li {
	font-size: 1em;
	padding-bottom: .2em;
    }


/* @end */

/* @end */

/* @group Sidebar */

/*	=Sidebar
	.............................................................. */


/* @end */

/* @group dbList */

/*	=dblList
	.............................................................. */

.dblList {
	margin: 1.4em 0;
	padding: 0;
	width: 100%;
	background: none;
	border: 0px solid #CCCCCC;
    }

/*height: 1em;  ***** Firefox doesn't like the height stated here */

.dblList ul li {
	list-style-type: none;
	color: #333333;
	margin: 0;
	padding: .3em 0 .4em 0;
	border-bottom: 1px solid #F4F4F4;
    }

.dblList_alt {
	background-color: #FBFBFB;
    }

/* @end */

/* @group Footer */

/*	=Footer
	.............................................................. */

#footer {
	color: #666666;
	padding-top: 1em; padding-bottom: 1em;
    }

#footer a {
	background: none;
	color: #666666;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	text-decoration: none;
    }

#footer a:hover {
	background: #DDDFE3;
	text-decoration: none;
    }

#footer h3 {
	font-size: 1.2em;
    }

#footer p {
	color: #949494;
	word-spacing: .2em;
	text-align: center;
	margin-top: 2em;
    }

#footer ul {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
    }

#footer li {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
    }

/*\*/

* html #footer li {
	margin: 0 0 -1.5em 0 !important;
	position: relative;
    }

/* @end */


/* NAVIGATION */
#navBar { 
	height:56px; 
	overflow:hidden; 
	padding:0px;
	}

#navList{ 
	margin:0px; 
	padding-top:15px;
	}

#navList li{ 
	display:block; 
	float:left; 
	font-size:12px;
	font-weight:bold; 
	text-transform:uppercase;
	margin:0px;
	}

#navList li a{ 
	padding:5px 15px;
	border-right: 1px solid #ddd;
	line-height:26px;
	color:#184714; 
	text-decoration:none; 
	}
	
#navList li a:hover,
#homepage #navList li#home a,
#studyhighlights #navList li#studyhighlights a,
#media #navList li#media a,
#forms #navList li#forms a,
#resources #navList li#resources a,
#patients #navList li#patients a,
#physicians #navList li#physicians a,
#contactus #navList li#contactus a {
	color: #333333;
	background-color: #E9EAED;
	text-decoration: none;
    }
	
#sidebar{
	padding-bottom:10px;
}

/*TOGGLER*/
.togglebox{
	display:block;
}

#content h4.toggle-trigger{ 
	background:#F4F4F4 url(../images/plus.jpg) no-repeat left center;
	font: normal bold 1.4em/100% Arial, Helvetica, sans-serif;
	color: #444444;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	padding: 0.5em 0.2em;
	padding-left:25px;
	display:block;
	cursor:pointer;
	}

#content h4.toggle-trigger:hover{ 
	color: #222;
	}
	
#content h4.active{
	background:#F4F4F4 url(../images/minus.jpg) no-repeat left center;
	color:#000;
}

.togglebox li{
	list-style-type:disc;
	margin:0 0 0 15px;
}

/* Additional Classes */

.nobullet li{ list-style-type:none;}