/* TUITIONWISE SCREEN CSS 

Contents

- IE png fix
- Basic styles
- Logo
- Quicklinks
- Main menu
- 2nd level navi
- Links
- Content area styles
- FMH approach table
- Industry information chart image
- Footer styles
- Investor styles 

*/
/* IE6 PNG FIX*/
 img, div { behavior: url(css/iepngfix.htc) }
 /*since positioning and tiling of png bg's won't work on IE, make you bg's large*/

/* Base */

BODY{
margin: 0;
padding: 0;
font-size: 78%;
line-height: 1.5em;
color: #333;
font-family: 'Lucida Grande', 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
background:  #f4f4f4 url(../i/bg.png) repeat-x;
}
/* clears */
H1, H2, H3, H4, p, ul, ol, li, form,  dt{
margin: 0;
padding: 0;
}
.clear{
clear: both;
}

/*floats*/
.flright{
float: right;
}
.flleft{
float: left;
}

/*links*/
A{
color:#678cb6;
}
A:hover{
color: black;
}
A:visited{
color: #666; 
}
.newwindow{
padding-right: 20px;
background: url(../i/newwindow.png) top right no-repeat;
}

/*small size*/
small{
font-size:90%;
}

/* BASIC STYLES */
/* Header*/
.header, .footer, .disclosure{
width: 795px;
margin-left:auto; 
margin-right:auto;
margin-bottom: 0px;
}
.header{
height: 156px;
background: url(../i/header.png) no-repeat top center;
}

/*logo*/
.header h1{
margin-bottom: 0;
padding-top: 75px;
padding-left: 35px;
}
.header h1 a 
{
width: 290px;
height: 74px;
background: url(../i/tw-logo-white.png) left top no-repeat;
display: block;
text-indent: -3000px;
padding: 0;
background-color: transparent;
border: none;
}
.header h1 a:hover {
top: auto;
left: auto;
}

/*Phone number on the top */
.phone{
color: #666;
width: 745px;
padding-top: 50px;
text-align: right;
display: block;
margin-bottom: -85px;
}
.phone A{
padding-right: 20px;
background: url(../i/lock.gif) top right no-repeat;
}

/* MENU */
/*Check css/menu.css */


/* Content area */
.wrapper{
width: 725px;
margin-left:auto; 
margin-right:auto;
background: transparent url(../i/contentbg.png);
padding: 0px 30px 0px 40px;
}

/* Content styles */	
.content{
width: 450px;
}
.content UL{
margin: 5px 45px 10px 0px;
padding: 5px 0px 5px 0px;
}
.content LI{
margin: 0px 0px 10px 30px;
}
.content P{
margin: 10px 45px 15px 0px;
}
.content h1{
font-weight: normal;
color: #666;
margin: 10px 45px 25px 0px;
font-size: 210%;
}
.content h2, .content h3, .content h4{
margin: 20px 45px 5px 0px;
padding-bottom: 4px;
border-bottom: 1px solid #ccc;
}
.home .content h2, .intro{
font-weight: normal;
line-height: 1.5em;
margin: 7px 50px 0px 0px;
font-size: 140%;
border: none;
}
.content h2{
line-height: 1.5em;
font-size: 140%;
}
.content h2 strong{
color: black;
}
.content h2 strong span{
color:#009933;
}

/*Apply box*/
.applybox{
width: 290px;
margin-left: -25px;
}
/* Application header & form*/
.applyhead{
background: transparent url(../i/apply-head-bg.png);
height: 140px;
}
.applyhead h2{
text-align: center;
padding-top: 9px;
font-size: 130%;
}
.applyhead h2 A, .applyhead h2 A:VISITED{
color: white;
text-decoration: none;
}
.applyhead P small{
line-height: 1.3em;
display: block;
color: #666;
padding: 0px 25px 0px 25px;
margin: 17px 0px 10px 0px;
}
.applyhead select, .applicationboxwide select{
width: 220px;
font-size: 120%;
}
.selectwrap{
padding: 4px;
background: #d5d9e0;
width: 220px;
margin: 0px 0px 0px 30px;
}
.applyadvantages{
background: transparent url(../i/applybg.png);
height: 253px;
}
.applyadvantages h3{
padding: 20px 0px 9px 0px;
margin: 0px 25px 10px 25px;
border-bottom: 1px solid #ccc;
font-size: 130%;
line-height: 1.4em;
color: black;
}
.applyadvantages h3 span{
color:#009933;
}
.applyadvantages UL{
margin: 0px 20px 0px 40px;
}
.applyadvantages LI{
padding: 0px 0px 5px 3px;
}
.applyadvantages P{
padding: 0px 20px 0px 25px;
margin-top: -12px;
margin-bottom: 6px;
}
.applylogos{
background: transparent url(../i/apply-foot-bg.png);
height: 139px;
padding-top: 20px;
}

/*APPLICATION FORM*/

/* content overrides */
.apply .content, .legal .content, .status .content{
width: 705px;
}

/*tabs*/
.apptabs P{
width: 235px;
display: block;
float:left;
text-align: center;
font-weight: bold;
background: url(../i/menu-bg.png);
padding: 5px 0px 5px 0px;
color: #999;
margin: 0px;
margin-bottom: -10px;
}
.apptabs P.selected{
background: url(../i/menu-selected-bg.png);
color: white;
}
.apptabs{
height: 28px;
}
/*wide app box*/
.applicationboxwide{
background: #efefef;
padding: 10px 20px 20px 20px;
border: 1px solid #6fc217;
}
.applicationboxwide h2{
margin: 0px;
}
.applicationboxwide P{
margin-right: 0px;
}
/*iFrame*/
.ifr{
margin-top: 15px;
width: 632px;
padding: 15px;
height: 440px; 
border: 1px solid #ccc; 
background: #fff url(../i/loading.gif) 120px 120px no-repeat;
}

/*footers*/
hr.foot{
width: 705px;
color: #999;
margin: 10px 0px 20px 0px;
}
.greenfooter{
height:4px; 
font-size: 1px;
width: 705px; 
background: #6fc217; 
}
.footer{
background: url(../i/footer.png) no-repeat top center;
height: 83px;
padding-top: 15px;
color:#678cb6;
}
/*disclosure*/
.disclosure{
color: #000;
line-height: 1.4em;
font-size:90%;
margin-bottom: 3em;
}
.disclosure ol{
padding-left: 70px;
padding-right: 60px;
}
.disclosure li{
margin: 0 0 10px 0;
}

/*TABLES*/
TABLE{
font-size: 0.8em;
padding: 0;
margin-top: 20px;
}
TR, TD{
padding: 10px; 
vertical-align: top;
}
TD{
border-right: 1px solid #ccc;
border-bottom: 1px solid #333;
}
.tabletoprow{
background: #6fc217; 
color: white;
font-weight: bold;
}
.even{
background: #efefef;
}
.none{
border-right: none;
}	
/*__________________________ MODAL WINDOW ___________________*/
.jqmOverlay { background-color: #000; }
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
*#applyModal {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');	 
}
#applyModal{background-color:#fff; padding:20px; border:solid 2px #28B95C; display:none; width:598px; z-index:999999;position: fixed;top: 10%;left: 50%;margin-left: -250px; padding:8px;
}
div.SimpleTuitionWidgetModal{float:left; width:300px; margin-left:150px; padding:10px 0px;}
div.SimpleTuitionWidgetModal label{float:left; width:120px;}
div.SimpleTuitionWidgetModal input{float:left;}
div.SimpleTuitionWidgetModal ul{float:left; list-style-type:none;}
div.SimpleTuitionWidgetModal li{margin:5px 0px; float:left; width:370px;}
div.SimpleTuitionWidgetModal a.apply{float:right; background-image:url(imgs/homepageApply.png); background-repeat:no-repeat; width:148px; height:31px; display:block; cursor:pointer; margin-right:40px; margin-top:10px;}

.fill{cursor:pointer;
display:block;
height:100%;
width:100%;}