@charset "utf-8";
/* Discover Student Center CSS  */

#card-nav {
	background: url("/student-center/images/bg-card-top-nav.gif") left top no-repeat;
	height: 33px;
	padding: 0 20px;
	line-height: 33px;
}
#card-nav ul {
	float: left;
}
#card-nav ul li {
	float: left;
	font-size: .9em;
	font-weight: bold;
}
#card-nav ul li.div {
	color: #8a9499;
	padding: 0 15px;
}
#card-nav ul li.active {
	font-weight: bold;
}

#card-nav ul li.active a {
	color:#000;
	}

#card-nav #card-nav-button {
	padding:4px 10px 4px 0;
	float:right;
	}

#card-nav #card-nav-right {
	float:right;
	font-size: .75em;
	font-weight: bold;
	color: #576166;
	line-height:33px;
}

#card-main.student-center {
	background: url("/student-center/images/student-center-main.jpg") left top no-repeat;
	padding:10px 15px 10px 15px;
}
#card-main #card-specs {
	width:475px;
	background:#edf1f2 url(/student-center/images/bg-card-specs.gif) top left no-repeat;
	padding:10px 20px 5px 20px;
}
#card-main #card-specs h2 {
	font-size: 1.6em;
	font-weight:normal;
	}

#card-main #card-specs p {
	font-size:.85em;
	margin:10px 0px 10px 0;
	line-height:1.2;
	}

#card-main #card-specs ul {
	font-size:.75em;
	}
#card-main #card-specs ul li {
	line-height:1.3;
	background: url("/student-center/images/bullet.gif") left .35em no-repeat;
	padding-left:10px;
}

.col470 {
	width:470px;
	float:left;
	margin-top:15px;
}

.col470 h2 {
	font-size: 1.05em;
	font-weight: bold;
	padding:0 20px 10px 20px;
	border-bottom: 1px solid #c0c8cc;
	color:#293033;
}

.col470 p {
	font-size:.75em;
	margin: 15px 0px 15px 20px;
	}

.col470 ul#credit li {
	float:left;
	width:135px;
	margin-top:10px;
	padding-left:20px;
	}

.col470 ul#credit li img {
	float:left;
	padding-right:5px;
	}

.col470 ul#credit li h3 {
	margin-top:5px;
	font-size: .85em;
	font-weight:bold;
	}

.col470 ul#credit li p {
	margin:7px 0 0 0;
	padding:0;
	line-height:1.35em;
	}

.col470 ul#credit li p.quiz {
	margin-left:39px;
	}
	
.col470 ul#credit li p.calc {
	margin-left:34px;
	}
	
.col470 ul#credit li p.glossary {
	margin-left:47px;
	}

.col470 ul.regular {
	float:left;
	padding:0 20px 0 20px;
	}

.col470 ul.regular li {
	line-height:1.3;
	background: url("/student-center/images/bullet.gif") left .4em no-repeat;
	padding-left:10px;
	font-size:.75em;
	}

a.details {
	background: url("/student-center/images/triangle.gif") right .4em no-repeat;
	padding-right:7px;
	}
	
a h3 {
	color: #000000;
}
a:hover h3 {
	text-decoration: none;
}

p.buttons {
	line-height:20px;
	float:left;
	margin-top:10px;
	display:inline;
	}
p.buttons2 {
	line-height:20px;
	float:left;
	margin-top:10px;
	display:inline;
	margin-left:10px;
	}

.box {
	float:left;
	width:450px;
	display:inline;
	padding:0px 10px 0 10px;
	position:relative;
	margin-top:5px;
	margin-bottom:5px;
	}

.box450 {
	border-right:solid 1px #d3d6d8;
	border-left:solid 1px #d3d6d8;
	padding:10px;
	width:428px;
	min-height:135px;
	height:auto !important;
	height:135px;
	}

.box450_border {
	height:5px;
	float:left;
	width:450px;
	}

.box450 h3 {
	font-size: 1.05em;
	font-weight: bold;
	margin-bottom:10px;
	}
.box450 h3.box-head a{
	color:#000;
	}

.box450 h3.box-head a:hover {
	text-decoration:underline;
	
	}

.box450 p {
	font-size:.75em;
	line-height:1.3;
	margin-right:230px;
	}

.box450 p.bottom {
	position:absolute;
	top:111px;
	}

.box450 h4 {
	font-size:.85em;
	font-weight:bold;
	margin-bottom:10px;
	}

.box450 ul {
	margin-bottom:0px;
	}

.box450 ul li {
	background: url(/student-center/images/bullet.gif) left .4em no-repeat;
	padding-left:10px;
	font-size:.75em;
	padding-bottom:5px;
	width:300px;
	}

.box450 img.jw {
	float:right;
	padding-top:20px;
	}

.box450 img.art {
	float:right;
	padding-top:5px;
	}

a.details2 {
	background: url("/student-center/images/triangle.gif") right .4em no-repeat;
	padding:0 7px 0 0;
	position:relative;
	left:10px;
	top: 5px;
	}

img.sheets {
	padding-right:3px;
	}

#card-faq {
	font-size: .75em;
	padding-left: 20px;
	border-top: 1px solid #c6d2d6;
	line-height: 27px;
	margin-top: 25px;
}

.get-your a{
	color:#000000;
}

#choose-a-card {
	margin: 0px auto;
	padding: 0px 0px 0px 10px;
	text-align: center;
}
#choose-cards .choose-row{
	background: #c0c8cc;
	padding: 2px 7px;
	clear:both;
}
#choose-cards .col1, #choose-cards .col2, #choose-cards .col3, #choose-cards .col4, #choose-cards .col5{
	background: url('/more/images/bg-choose-card-td.jpg') no-repeat top left;
	width: 20%;
	height:113px;
	float: left;
	margin: 3px 0px;
	padding: 0px;
	text-align: left;
}
#choose-cards img{
	padding: 7px 0px 3px 20px;
}
#choose-cards h3{
	color: #000;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
	clear: both;
}
#choose-cards a.more{
	color: #267BB1;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
	margin: 0px;
	padding-left: 19px;
	clear: both;
}
#apply-button .apply-now{
	margin-top:4px;
}
#apply-button a.apply-now:hover{
background-position: top right;
}
#sidebar {
	width: 166px;
	height: 100%;
	background: #c0c8cc;
	float: left;
	text-align: left;
}		
#sidebar li a {
	height: 18px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 12px;
	text-decoration: none;
	}	
	
#sidebar li a:link, #sidebar li a:visited {
	color: #293033;
	display: block;
	padding: 3px 0 3px 10px;
	font-size: 12px;
	font-weight: bold;
	}
	
#sidebar li a:hover, #sidebar li.active {
	color: #fff;
	background: #8a9499;
	padding: 3px 0 3px 10px;
	font-size: 12px;
	font-weight: bold;
	}

#card-right {
	background: #fff;
	width: 683px;
	height: 370px;
	float: left;
	overflow: hidden;
}

#prev-next {
	color: #576166;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	text-align: right;
	padding-right: 20px;
}
#prev-next a{
	color: #576166;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
}
#prev-next a:hover {
	text-decoration: underline;
}
#previous {
	background: url("/more/images/previous.gif") left 4px no-repeat;
	padding-left: 10px;
}
#next {
	background: url("/more/images/next.gif") right 4px no-repeat;
	padding-right: 10px;
}
#card-info{
	clear: both;
}
#card-large-display{
	width: 330px;
	height: 230px;
	float: left;
	text-align: center;
	padding-top: 10px;
}
#card-details{
	width: 353px;
	height: 225px;
	float: left;
	text-align: left;
	color: #323637;
	overflow: hidden;
}
#card-details h1{
	color: #2f3334;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6em;
	padding-left: 4px;
}	
#card-details ul{
	padding-right: 10px;
}
#card-details li{
	font-size: 0.8em;
	line-height: 1.2em;
	margin-bottom: 7px;
	background: url("/more/images/bullet.gif") left 5px no-repeat;
	padding-left: 8px;	
}
#card-details .apply-now{
	margin-left: 8px;
}
#card-details p{
	font-size: 0.8em;
	line-height: 1.2em;
	margin-left: 10px;	
	
}
#card-scroll {
	clear: both;
	background: url("/more/images/bg-card-scroll.gif") top left no-repeat;
	width: 683px;
	height: 106px;
}
#scroll-contain {
	overflow: scroll;
	overflow-y: hidden;
	width: 646px;
	height: 82px;
	padding: 8px 0px;
	margin: 0px 18px;
}
#scroll-body {
	width: 2000px;
	height: 100px;
	text-align: left;
	color: #fb9812;
}
#scroll-body img{
	padding: 3px;
}
#scroll-body .card-thumb{
	padding: 1px 4px;
	float: left;
	text-align: center;
}
#scroll-body .card-name a{
	color: #666;
	text-decoration: none;
	font-size: 11px;
	line-height: 16px;
}
#scroll-body .card-name a:hover{
	text-decoration: underline;
}

#scroll-body a:hover img{
	background: url("/images/bg-card-hover.gif") top left no-repeat;
}
.yellow {
	background: url("/images/bg-card-hover.gif") top left no-repeat;
}

/*#scroll-body a img{
	padding: 2px;
	background: #fb981d;
}	*/
#placeholder {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}

#footer {
       margin: 0px 10px 0px 10px;
       width: 950px;
       font-size: .69em;
       color: #c0c8cc;
       border-top: 1px solid #c6d2d6;
       padding: 20px 0px 10px 0px;
}