/*************************************************************
UT System Tuition Affordability screen style sheet

Written by Daniel Noll 
djnoll(at)gmail.com
*************************************************************/

/*************************************************************
General site wide styles
*************************************************************/
body {background-image:url(../images/background.gif); background-repeat:repeat-x; font-size: 65%; font-family: Verdana, Arial, Helvetica, sans-serif; position:relative;}

.hide { display: none;}
.show { display: block;}
.left { float: left;}
.right { float: right;}
.nomargin {	margin: 0;}	

img{border:none;}
#wrapper{width:770px; margin: 20px auto 0px auto; padding:0px; position: relative; }
/*#casing2 {width: 768px; height: 100%; min-height: 626px; background-image:url(../images/casing_middle.gif); margin: 0px auto 0px auto; position:inherit; padding:0px 0px 0px 0px; background-repeat:repeat-x;}	
#casing_top{width:770px; height:10px; background:url(/affordability/images/casing_top1.gif); padding: 0px 0px 0px 0px; margin:0px 0px -2px 0px; position: relative;}*/

#content{min-height: 540px; height: 100%; position: relative; background-repeat:repeat-x; margin: 0px; padding: 0px 10px 0px 10px; background-image: url(../images/casing_middle.gif);}
 
#content_left {
	float: left;
	/*top: 0px;
	left: 10px;*/
	width: 196px;
	/*position: absolute;
	min-height: 539px;
	height: 539px;*/
	background-image: url(/affordability/images/nav_background.gif);
	
}

#content_right {
	/*position:absolute;*/
	float: left;
	margin-left:0px;
	/*width: 553px; Original width */
	width: 553px;
	/*left: 206px;
	top:0px;*/
	min-height: 540px;
	_height:540px;
}

/*************************************************************
Header styles
*************************************************************/
#header {width:770px; height:98px; margin-bottom:0px; padding:0px; position: relative; background: url(../images/header_background.gif);}
#header h1 {background: url(../images/header.gif); width:750px; height: 88px; margin:0px; left: 10px; top: 10px; position: absolute;}
#header h1 a{display: block; width:750px; height:88px; background:none; margin:0px;}	
#header h1 span {display:none; }
#header h2 {display:inline;}
#header h2 span {display:none; }
#header p {display:inline;}
#header p span {display:none;} 

/*************************************************************
Navigation styles
*************************************************************/
#nav {width:196px;  margin: 0px; padding: 0px; text-align: left;}
#nav ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#nav ul li { display: inline; margin-bottom: 0px;}
#nav ul li a { display: block; width: 196px; height: 32px; margin: 0px; padding: 0px;}
#nav ul li a span {display: none;}

#nav ul li#profiles a { background: url(../images/nav_student_profiles.gif); }
#nav ul li#process a { background: url(../images/nav_tuition_setting.gif); }
#nav ul li#more a { background: url(../images/nav_finding_more.gif); }
#nav ul li#comparison a { background: url(../images/nav_how_compares.gif); }
#nav ul li#faq a { background: url(../images/nav_faq.gif); }
#nav ul li#budget a { background: url(../images/nav_budget.gif); }
#nav ul li#resources a { background: url(../images/nav_resources.gif);}
#nav ul li#work a { background: url(../images/nav_tuition_fee_proposals.gif);}

#nav ul li#profiles a:hover,
#nav ul li#process a:hover,
#nav ul li#more a:hover,
#nav ul li#comparison a:hover, 
#nav ul li#faq a:hover,
#nav ul li#budget a:hover, 
#nav ul li#resources a:hover,
#nav ul li#work a:hover {background-position: 0 -32px;}
	
#subnav {background-color:#c5cfd6; padding: 4px 0px 0px 8px;}
.navtitle {color:#62584b; margin: 5px 0px 6px 6px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; display: inherit;}
.navtitle a {color:#846d74; text-decoration:none;}
.navtitle a:hover {color:#34495d;}

.navItem {margin:1px 0px 0px 14px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; display: inherit; color:#34495d;
font-weight:bold;}
.navItem a {text-decoration:none; color:#34495d;}
.navItem a:hover{color:#f17c0e;}

#nav h2 {margin: 0px 0px 0px 0px; background: url(../images/Nav_header.gif) no-repeat top left; width: 194px; height:32px;}
#nav h2 span {display: none;}
#nav h2 a {display: block; width:194px; height:32px; background:none; margin:0px;}
#nav h3 {color:#5f4c52; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 6px 0px 0px 6px; line-height:14px; font-weight:bold;}


/*#nav h1{margin-left: 6px; margin-bottom: 10px; line-height:5px;}
#nav h1 a {font-decoration:none; }
#nav h2 {margin: 0px 0px 0px 0px; background: url(../images/Nav_header.gif) no-repeat top left; width: 194px; height:32px;}
#nav h2 span {display: none;}
#nav h2 a {display: block; width:194px; height:32px; background:none; margin:0px;}
#nav h3 {color:#5f4c52; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 6px 0px 0px 6px; line-height:14px; font-weight:bold;}
#nav p {color:#40576c; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 6px 0px 0px 20px; line-height:14px; font-weight:bold;}
#nav p a {color:#40576c; text-decoration:none;}*/

#thumbnail_TopLeft{float:left; width:50px; height:50px; margin:4px 5px 5px 7px;}
#thumbnail_TopLeft p { width:50px; height:50px; margin:0px; }
#thumbnail_TopLeft p a{display: block; background-image: url(../images/UTABreandaWilliamsTN.jpg); width:50px; height:50px; margin:0px;}
#thumbnail_TopLeft p span{display:none; margin:0px;}
#thumbnail_TopLeft p a:hover{background-position: -50px;}	

#thumbnail_TopMid{float:left;  height:50px; width:50px; margin:4px 5px 5px 0px;}
#thumbnail_TopMid p {width:50px; height:50px; margin:0px;}
#thumbnail_TopMid p a{display: block; background-image: url(../images/UTAustinStacyTorresTN.jpg); width:50px; height:50px;}
#thumbnail_TopMid p span{display:none;}
#thumbnail_TopMid p a:hover{background-position: -50px;}	

#thumbnail_TopRight{float: left;  width:50px; height:50px; margin:4px 0px 6px 0px;}
#thumbnail_TopRight p {width:50px; height:50px; margin:0px;}
#thumbnail_TopRight p a{display: block; background: url(../images/UTBStevenAguilarTN.jpg); width:50px; height:50px;}
#thumbnail_TopRight p span{display:none;}
#thumbnail_TopRight p a:hover{background-position: -50px;}

#thumbnail_MidLeft{float: left;  width:50px; height:50px; margin:0px 5px 5px 7px;}
#thumbnail_MidLeft p {width:50px; height:50px; margin:0px;}
#thumbnail_MidLeft p a{display: block; background: url(../images/UTDKennethLeathermanTN.jpg); width:50px; height:50px;}
#thumbnail_MidLeft p span{display:none;}
#thumbnail_MidLeft p a:hover{background-position: -50px;}

#thumbnail_MidMid{float: left; width:50px; height:50px; margin:0px 5px 5px 0px;}
#thumbnail_MidMid p {width:50px; height:50px; margin:0px;}
#thumbnail_MidMid p a{display: block; background: url(../images/UTEPMiguelCervantesTN.jpg); width:50px; height:50px;}
#thumbnail_MidMid p span{display:none;}
#thumbnail_MidMid p a:hover{background-position: -50px;}

#thumbnail_MidRight{float: left; width:50px; height:50px; margin:0px 0px 5px 0px;}
#thumbnail_MidRight p {width:50px; height:50px; margin:0px;}
#thumbnail_MidRight p a{display: block; background: url(../images/UTPAStephanieOrtizTN.jpg); width:50px; height:50px;}
#thumbnail_MidRight p span{display:none;}
#thumbnail_MidRight p a:hover{background-position: -50px;}

#thumbnail_BottomLeft{float: left; width:50px; height:50px; margin:0px 5px 0px 7px;}
#thumbnail_BottomLeft p {width:50px; height:50px; margin:0px;}
#thumbnail_BottomLeft p a{display: block; background: url(../images/UTPBOrtizTwinsTN.jpg); width:50px; height:50px;}
#thumbnail_BottomLeft p span{display:none;}
#thumbnail_BottomLeft p a:hover{background-position: -50px;}

#thumbnail_BottomMid{float: left; width:50px; height:50px; margin:0px 5px 0px 0px;;}
#thumbnail_BottomMid p {width:50px; height:50px; margin:0px;}
#thumbnail_BottomMid p a{display: block; background: url(../images/UTSAQuintonHendersonTN.jpg); width:50px; height:50px;}
#thumbnail_BottomMid p span{display:none;}
#thumbnail_BottomMid p a:hover{background-position: -50px;}

#thumbnail_BottomRight{float: left; width:50px; height:50px; margin:0px 0px 20px 0px;}
#thumbnail_BottomRight p {width:50px; height:50px; margin:0px;}
#thumbnail_BottomRight p a{display: block; background: url(../images/UTTylerFredaWilsonTN.jpg); width:50px; height:50px;}
#thumbnail_BottomRight p span{display:none;}
#thumbnail_BottomRight p a:hover{background-position: -50px;}

/*************************************************************
Homepage styles
*************************************************************/
#subtitle {float:left; width: 554px; height:64px; background-image:url(../images/homepage_subtitle.gif); background-repeat:no-repeat;}
#subtitle h3{margin:0px;}
#subtitle h3 span{display:none;}

#profile1 {width:111px; height:342px; float:left; margin: 0px 0px 0px 0px;}
#profile1 h4{width:111px; height:342px; margin:0px;}
#profile1 h4 a{ display: block; width:111px; height:342px; background:url(../images/2010/AddaMazariegosHP.jpg); alt = "UT Brownsville student, Steven Aguilar"}
#profile1 h4 a:hover{background-position: -111px;}
#profile1 h4 span{display:none;}

#profile2{width:110px; height:342px; float:left; margin: 0px 0px 0px 0px;}
#profile2 h4{margin:0px; width:110px; height:342px; margin:0px;}
#profile2 h4 a{display: block; width:110px; height:342px; background:url(../images/2010/UrielUrangaHP.jpg); alt = "UT Arlington student, Breanda Williams"}
#profile2 h4 a:hover{background-position: -110px;}
#profile2 h4 span{display:none;}

#profile3{width:111px; height:342px; float:left; margin: 0px 0px 0px 0px;}
#profile3 h4{margin:0px; width:111px; height:342px; margin:0px;}
#profile3 h4 a{display: block; width:111px; height:342px; background:
url(../images/2010/SalemWashmonHP.jpg); alt = "UT San Antonio student, Quinton Henderson"}#profile3 h4 a:hover{background-position: -111px;}
#profile3 h4 span{display:none;}

#profile4{width:110px; height:342px; float:left; margin: 0px 0px 0px 0px;}
#profile4 h4{margin:0px; width:110px; height:342px; margin:0px;}
#profile4 h4 a{display: block; width:110px; height:342px; background:url(../images/2010/JeremyPattonHP.jpg); alt = "UT Austin student, Stacy Torres"}
#profile4 h4 a:hover{background-position: -110px;}
#profile4 h4 span{display:none;}

#profile5{width:111px; height:342px; float:left; margin: 0px 0px 0px 0px;}
#profile5 h4{margin:0px; width:111px; height:342px; margin:0px;}
#profile5 h4 a{display: block; width:111px; height:342px; background:url(../images/2010/ClaudiaBerumenHP.jpg); alt = "UT El Paso student, Miguel Cervantes"}
#profile5 h4 a:hover{background-position: -111px;}
#profile5 h4 span{display:none;}

#mission {margin: 0px 0px 0px 0px; width:521px; background-color:#587992; padding: 12px 16px 5px 16px; border-top: 1px solid #b3b3b3;}
#mission h2{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; font-weight:bold; text-transform:uppercase; }
#mission p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ececec; }
/*************************************************************
Footer styles
*************************************************************/
#footer { width:770px; margin:0px auto 20px auto; height: 94px; min-height: 94px; background-image:url(../images/footer_background.gif); background-color:#5278a0; position: inherit; }

#footerSystem {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 400px; height: 68px; float:left;}
#footerSystem h3 {background-image:url(../images/footer_UTSystem.gif); background-position:top; width: 400px; height: 64px; margin: 16px 0px 0px 12px; padding: 0px;}
#footerSystem h3 span{display:none;}
#footerSystem h3 a{display: block; width:290px; height:64px; background:none; margin:0px;}

#footerLinks {margin: 20px 0px 0px 0px; padding: 0px 25px 0px 0px; text-align:right; float:right;}
#footerLinks p{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#e0e1e5; line-height: 18px;}
#footerLinks a{font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#cdd6df; text-decoration: none;}
#footerLinks a:hover {color: #ffffff; text-decoration: none;}

/*************************************************************
Student Profile styles
*************************************************************/
#profileContent {float:left; position:relative; width:553px; height:auto; min-height: 345px; background-color: #fff; margin:0px 0px -1px 0px;}

#profileHeader {position:relative; height:276px; width: 553px; }
#profileHeader h3{margin:0px;}
#profileHeader h3 span{display:none;}
#profileHeader p{margin:0px;}
#profileHeader p span{display:none;}

#profileBox_Text{margin: 10px; padding: 0px 0px 0px 0px; z-index:2; position:relative;}
#profileBox_Text h3{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#cee2f8; font-weight:bold; }
#profileBox_Text h4{margin: 0px 0px 5px 0px; padding: 0px 0px 4px 0px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#cee2f8; font-weight:bold; border-bottom:#FFFFFF 1px solid; }
#profileBox_Text p{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ffffff; line-height:18px;}

#profileBox_bgTransparent{margin: 0px; padding: 2px; width: 100%; height: 100%; position: static; background-color:#587fa3; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; z-index:1;}

#profileBox_placement_UTA {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; top: 75px; left: 27px; width: 250px; position:absolute;} 
#profileBox_placement_UTAustin{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; top: 50px; left: 30px; width: 200px; position:absolute;} 
#profileBox_placement_UTB{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; top: 70px; left: 25px; width: 240px; position:absolute;}
#profileBox_placement_UTD{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; top: 75px; left: 15px; width: 240px; position:absolute;}
#profileBox_placement_UTEP {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; top:100px; left: 27px; width: 230px; position:absolute;}
#profileBox_placement_UTPA{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; top: 50px; left: 20px; width: 240px; position:absolute;}
#profileBox_placement_UTPB{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; top: 50px; left: 250px; width: 255px; position:absolute;}
#profileBox_placement_UTSA{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; top: 100px; left: 30px; width: 225px; position:absolute;}
#profileBox_placement_UTT{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; top: 100px; left: 275px; width: 240px; position:absolute;}

#financialSources {margin:0px; padding: 15px 25px 15px 25px; width: auto; background-color: #62584b;}
#financialSources h3{margin: 0px 0px 5px 0px; padding: 0px; font:Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-transform:uppercase; color:#cfe0f0}
#financialSources p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; margin: 0px 0px 4px 0px;}

#financialSummary {float:left; width: 265px; height:164px; min-height:164px;  margin:8px 10px 0px 0px;}
#financialSummary_header{float:left; width:24px; height:154px; background-image:url(../images/financial_summary.gif); background-repeat:no-repeat; background-color:#886d5b; background-position:0 -7px; vertical-align:top;}
#financialSummary_header h3{margin:0px;}
#financialSummary_header h3 span{display:none;}
#financialSummary_text{float:left; margin: 0px 0px 0px 2px; background-color:#baae9e; width:215px; height:105px; padding:15px 8px 8px 8px;}
#financialSummary_text p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; margin: 0px 0px 2px 0px;}
#financialSummary_total {float:left; margin:2px 0px 0px 2px; background-color:#8398af; width:215px; height:20px; padding:2px 8px 2px 8px;}
#financialSummary_total p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; margin: 4px 0px 0px 2px; font-weight:bold;}

#profileStory {margin: 20px 0px 20px 0px; padding: 0px 20px 0px 25px; width:auto; position:inherit;}
#profileStory h2{font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#5e819b; margin: 0px 0px 5px 0px; text-transform:uppercase;}
#profileStory p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5c7588; margin: 0px 0px 10px 0px;}

.spotlightQuote {color:#baa990; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:20px 35px 20px 35px;}
.spotlightQuote a {color:#baa990;}
.spotlightQuote a:hover {color:#456079;}


/*************************************************************
Tuition page styles
*************************************************************/
#tuition_right {
	/*position:absolute;*/
	float: left;
	margin-left:0px;
	/*width: 553px; Original width */
	width: 553px;
	/*left: 206px;
	top:0px;*/
	min-height: 540px;
	_height:540px;
}

.HeaderOrange {margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;  color: #cc5500; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold;}
	
.contentTitle {margin: 10px 0px 6px 10px; color: #366093; font-size: 1.6em; font-weight: bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.contentText {margin: 0px 10px 0px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #535353;}
.contentText a {color: #1e4a70; text-decoration: none;}
.contentText a:hover {color: #1e4a70; text-decoration: underline;}

.spotlightTitle {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #cc5500; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold;}
.spotlightText {margin: 4px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #535353; line-height: 12px;}

.divisionLine {border-top: dotted 1px #8c8c8c; padding: 0px 0px 0px 0px;}

.contentTitle2{ color:#cc5500; margin: 5px 0px 6px 10px; font-family:Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold;}
.contentTitle2 a {color:#cc5500; text-decoration:none;}
.contentTitle2 a:hover {color:#cc5500; text-decoration:underline;}

.returnTop {font-family: Arial, Helvetica, sans-serif; line-height: 12px; color: #2e6492; margin: 10px 10px 0px 10px; text-decoration:none;}
.returnTop a{text-decoration:none; color:#2e6492;}