/* 
css: Common Styles CUSA Directory
author: Peter Lo
*/

/* CSS reset
-----------------------------------------------------------*/
p,form,div,span,iframe,object,a,strong,em,img,h1,h2,h3,h4,h5,h6,table,caption,tbody,tfoot,thead,form,input,ul,li {margin:0;padding:0;}

img {border:none;}

p {margin-bottom:10px;}

/* General
-----------------------------------------------------------*/
body { margin:0 auto; text-align:center; }

a.headerlogolink { text-indent:-99999px; overflow:hidden; width:130px; height:75px; display:block; position:absolute; top:0; left:0; }

.clear {clear:both;}

.textleft {text-align:left}

.textcenter {text-align:center;}

.textright {text-align:right;}

.operationBusy {
    cursor: wait;
}



/* Core - Minimum selectors to render CUSA layout
-----------------------------------------------------------*/
#container { margin: 0 auto; width: 100%; text-align:center; background:url(../images/bkgrnd976x1.gif) repeat-y top center;  }

#maincontainer { width:950px; margin: 0 auto; text-align: left; }

#breadcrumb {}

#header { background:url(../../common/images/headers/cusasiteheader.gif) no-repeat top right;	height:75px; margin:0; position:relative;}

#leftnav {float:left; background-color:#ecf3fb; width:148px; border-left:1px solid #c9e0f0; border-right:1px solid #c9e0f0; margin-top:5px; margin-right:5px; clear:both; /*total width 150px*/}

/* Default 2 columns */
#maincontent {width:795px;float:left; margin-top:5px; }

/* 1 column full width of template */
#maincontainer.full #leftnav {display:none;}

/* 3 column with sidebar */
#maincontainer.threecol #maincontent {width:560px;}

/* 3 column no sidebar */
#maincontainer.nosidebar #maincontent {width:560px;}

#maincontainer.nosidebar #sidebar {display:none;}

#tabscontainer {width:485px; left:280px; top:30px; position:absolute;  }

#footercusa {width:962px; border-top:5px solid #000; clear:both; text-align:center; padding-top:5px; margin: 0 auto; clear:both;overflow:hidden;}


/* Top navigation tabs
-----------------------------*/
ul#tabs { 	margin: 0; padding: 0;	list-style-type: none;}

#topTab li {float: left; background: url(../images/tabs.gif) 0 0 no-repeat;	margin-right:2px; text-align:center; line-height:21px; }

#topTab a { color: #333; text-decoration: none;	font-weight:bold; height: 21px; width:77px; display:block;	float:left; }

#topTab a:hover { color: #fff; 	background:url(../images/tabs.gif) 0 -21px no-repeat; }

#topLinks { width:100px; margin-left:835px; line-height:14px; }

/* left navigation
-----------------------------*/
ul.firstlevel {list-style:none; padding:0; margin:0;}

ul.secondlevel{list-style:none; padding:0; margin:0; }

ul.firstlevel li {list-style:none; padding:0; margin:0;}

ul.secondlevel li {list-style:none; border-bottom:1px dotted #bdc2c9;padding:0; margin:0; }

.firstlevel span {display:block; background:url(../images/firstlvl-bg.gif) no-repeat 0 0; padding:0; margin:0; padding-left:3px;/*bg img has height of 21px to play nice with the line-height of 21px*/ }

.firstlevel span.whatshot {display:block; background:url(../images/whatshot-bg.gif) no-repeat 0 0;color:#fff; font-weight:bold;padding-left:3px; }

.firstlevel span.Info {display:block; background:url(../images/firstlvl-bg.gif) no-repeat 0 0;color:#fff; font-weight:bold;}

#leftnav {line-height:21px; /*line-heigh at 21px for total leading of 10px */ }


/* leftnav links
------------------------------*/
#leftnav a {display:block; padding-left:3px;text-decoration:none; width:145px; /* width equals: leftnav width minus padding */}

.firstlevel span {color:#fff; font-weight:bold; }

/* Set leftnav each state below
------------------------------*/
#leftnav  ul.firstlevel a:link ,#leftnav  ul.firstlevel a:active, #leftnav ul.firstlevel a:visited, #leftnav ul.firstlevel a:hover {color:#fff; text-decoration:none; }

#leftnav ul.secondlevel a:link, #leftnav ul.secondlevel a:active, #leftnav ul.secondlevel a:visited { color:#000033;text-decoration:none; }

#leftnav ul.secondlevel a:hover {text-decoration:underline; color:#ff7e00; } 


/* Sidebar
------------------------------*/
#sidebar {width:229px; float:right; margin:5px 0 0 0; display:inline;}

.sidebarouter {width:227px; background:#fff url(../images/sidebarbg.gif) repeat-x 0 0; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}

#sidebar .innerwrapper {padding:0px 5px;}

.sidebartop {width:229px; height:10px; background:url(../images/sidebartop.gif) no-repeat 0 0; font-size:0;}

.sidebaroutershort {width:227px;  background:#fff url(../images/sidebarbgshort.gif) repeat-x 0 0; border-left:1px solid #e8e8e8;  border-right:1px solid #e8e8e8;}

.sidebarbottom{width:229px; height:10px; background:url(../images/sidebarbottom.gif) no-repeat 0 0; font-size:0;}

#sidebar ul {margin-left:10px; padding-left:10px; padding-bottom:10px;}

#sidebar li {}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 {color:#892d3c;}



/* Typography 
------------------------------*/
body {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000;}

h1 { font-size:22px; margin: 0px 0px 10px 0; color:#273869;}

h2 {font-size:18px; margin: 0px 0px 10px 0;}

h3 {font-size:16px; margin: 0px 0px 10px 0;}

h4 {font-size:14px; margin: 0px 0px 10px 0;}

#footercusa {font-size: 10px; line-height: 14px; color:#1e3b8f;}

#footercusa .outlinks {color:#999;}	

.red {color:#892d3c;}

.bluegreen {color:#0e5c88;}

/* Links
------------------------------*/
a:link, a:active, a:visited {color:#3366cc; text-decoration:underline;}

a:hover {color:#ff7e00;text-decoration:underline;}

#footercusa a:hover {color:#999; }

#footercusa .outlinks a:link, #footercusa .outlinks a:active, #footercusa .outlinks a:visited {color:#999; text-decoration:none;}

#footercusa .outlinks a:hover{ text-decoration:underline;}

#footercusa .pageDebugInfo {color:#efefef;font-size:10px;}

/* Images
------------------------------*/
#logo { float: left; }

/* End Core 
-----------------------------------------------------------*/




/* Page Specific Selectors (move up to Core if selector becomes common
-----------------------------------------------------------*/

/* Advertise Your School Page
------------------------------*/
.errormsgwrapper span {display:block; background-color:#ffffcc; font-weight:bold; color:red; line-height:18px; padding:0 5px;}

.astericks {color:#e40022;}

.advertiseform {padding:0px 30px;}

.lineup {float:left; width:158px;}

.lineup2 {float:left; width:200px;}

.lineup3 {float:left; width:80px;}

form div {margin-bottom:8px;}

/* Compare Mortgage Rates Page
------------------------------*/
#loandiv {width:757px; margin:0 auto;font-size:12px;}

.loanbody {width:757px; background:#fff url(../images/loancenter/main-bg2.gif) repeat-y 0 0; margin:0; padding:0;}

.loanquest_lft {width:369px; margin-right:5px; text-align:right; float:left; margin-bottom:20px; line-height:16px;}

.loanquest_rgt {width:369px; margin-left:5px; float:left; margin-bottom:20px;}

h1.loancta {width:757px; height:57px; background:url(../images/loancenter/top2.gif) no-repeat 0 0; text-indent:-9000px; overflow:hidden; margin:0; padding:0; }

/* Partners Page
------------------------------*/
.partnercolumn {width:250px; float:left; margin-left:15px; }

.partnercolumn div {width:250px; height:70px; border-bottom: 1px solid #ccc; margin-bottom:5px; padding:3px 0px; text-align:center; }

/* About Us
------------------------------*/
ul.aboutUs {padding:12px 0 12px 23px;}
div.pdf {float:left; margin-right:15px;}
div.magazine {}

/* Press Room
------------------------------*/
ul.presslist {padding:5px 0 12px 14px;}
ul.presslist li {padding:0 0 12px 0;}
#sidebar ul.mediaSidebar {margin-left: 3px;}
ul.mediaSidebar li {padding:0 0 5px 0;}

/* OCP page
------------------------------*/
.tyimage {float:left; width:340px;}

.tymessage {float:left; width:350px; text-align:center;}

.tylogo {padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #ccc;}

.tycontent { background:#f4f9fe url(../images/ocp/thanksxrepeat.gif) repeat-x 0 0; margin: 0px 5px; padding:5px;}

.tycontentleft { width:355px; height:120px;  float:left; margin-left:10px; margin-right:10px; border-right:1px solid #e5e9ef; display:inline; }

.tycontentright { width:550px; float:left; }

.tybrowse { background:url(../images/ocp/thanksyrepeat.gif) repeat-y 0 0; }

.tycontentleft ul {width:165px; float:left; margin-right:10px;}

.tycontentright ul {width:265px; float:left; }

.tycontent ul, .tycontent li {list-style:none; font-size:12px; padding:2px 0;}


/* Article Pages
------------------------------*/
#degreefinder { width:783px; overflow:auto; background-color: #fc8e44; padding: 0px 0px 6px 10px; border: 1px solid #666; color: #fff; margin-bottom:10px; }

#articlecontent {font-size:12px;}

* html div#degreeFinder { height: 1%;}

#degreefinder a:link, #degreefinder a:visited, #degreefinder a:active {color: #fff; font-weight: bold; text-decoration: none; }

#degreefinder a:hover { color: #fef502; text-decoration: underline; }

.degreelist ul {margin-left:15px;}

.degreebtn {float:left;  margin: 8px; padding-right: 10px; }

.degreelist {margin-top: 10px;}

.degreefloat {float: left; width: 150px;}

.articleol li {margin-bottom:15px;}

#searchwidget {height:220px;width: 300px;float: right;margin: 10px 15px 10px 10px; border: 1px solid #666;background-image: url(../images/articles/watermark.gif); text-align:center;}

#searchwidget select { width:200px; padding:0px 2px; font-size:10px;}

#searchwidget .submitbutton { display:block; margin:10px auto 0px auto; }

.searchform {margin-top: 150px;}

#articlecontent ul li{
	margin-left:30px;	
}
/* Article And News
------------------------------*/
ul.articlesAndNews{
	font-size:14px;
}
ul.articlesAndNews li{
	margin-left:30px;
	height:26px;
	line-height:26px;
}
div#cusaWidget{
	width:318px;
	height:140px;
	background:url(../images/articles/widgetBG1.gif) 0 0 no-repeat;
	padding:0;
	position:relative;
	margin:0;
}
div#cusaWidget #advertisement {
	color:#999999;
	font-size:10px;
	left:122px;
	position:absolute;
	top:138px;
}
input.cusaWidgetGoBtn{
	width:90px;
	height:30px;
	position:absolute;
	background:url(../images/articles/cusaWidgetGoBtn.gif) 0 0 no-repeat;
	border:0;
	left:205px;
	top:84px;
	cursor:pointer;
}
div.cusaFormField{
	position:absolute;
	font-family:arial;
	left:29px;
	top:69px;
}
div.cusaFormField label{
	font-size:13px;
	font-weight:bold;	
	letter-spacing:-1px;
}
div.cusaFormField select{
	width:152px;	
}
div.sideCapsule{
	margin-top:20px;
	background:#faf8f5;	
	border:1px solid #fde2ca;
}
div.sideCapsule ul{
	font-size:16px;
}
div.sideCapsule ul li{
	margin-left:8px;	
}
div.sideCapsule ul li a{
	text-decoration:none;
	color:#3399cc;	
}
div.sideCapsule ul li a:hover{
	color:#3399cc;
	text-decoration:underline;	
}
div.capsuleHeadline{
	font-size:14px;
	font-weight:bold;	
	padding:6px 0 6px 10px;
}

/* Become Affiliate Form
------------------------------*/
.becomeAfForm {padding:0px 30px;}
.beAf {
  clear:both;
}

.personalInfo h3, .websiteInfo h3, .paymentInfo h3, .additionalInfo h3, .contactInfo h3, .beAf {
  background-color:#f2f2f2;
}

div.personalInfo, div.websiteInfo, div.paymentInfo, div.additionalInfo {
  overflow:auto;
	clear:both;
}

div.contactInfo{
	padding-bottom: 80px;
	clear:both;
}

div.questionBox {
 	clear:both;
	padding:0 0 4px 0;
  	_padding:0 0 8px 0;
  	float:left;
}
div.questionBox div {
  float:left;
  width:150px;
}
div.personalInfo input, div.paymentInfo input, div.websiteInfo input, div.websiteInfo textarea, div.personalInfo select {
  float:left;
  width:180px;
}
div.additionalInfo div.questionBox div {
  float:none;
  width:auto;
}
div.additionalInfo  div.questionBox {
  clear:both;
	padding:0 0 4px 0;
  _padding:0 0 8px 0;
}

div.additionalInfo input.inputWide {
  width:360px;
}

ul.listSpacing {
  margin:0 0 10px 20px;
}

/**************************************
* Footer Links
**************************************/
div#footerLinks{
	height:100px;
}
div#footerLinks ul{
	list-style:none;
	margin:10px 0 0 20px;
}
div#footerLinks ul li{
	display:block;
	float:left;
	height:100px;
	text-align:left;
	line-height:17px;
	margin-right:38px;
}
div#footerLinks ul li a{
	display:block;
	font-size:12px;
}

/**************************************
* Contact Us Form
**************************************/
.contactUsForm {
padding:0 30px;
clear:both;
height: 1000px;
}

div.contactInfo input, div.contactInfo select, div.contactInfo textArea {
  float:left;
  width:350px;
}

div.contactInfo div.questionBox {
  float:left;
  width:600px;
}

ul.policyList li{margin-left:30px;padding:4px 0;}