/*
  Developed by Liz
*/

/*
Reset
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:;font-weight:;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:;font-size:;font-style:;font-weight:;}input,button,textarea,select{*font-size:100%;}


/* TABLE OF CONTENTS

    1: - Global Styles
    
        1.1: - General
        1.2: - Headings       
        1.3: - Lists
        1.4: - Extras
    
    2: - Layout (Global)
    
        2.1: - Header
        2.2: - Navigation
        2.3: - Content
        2.4: - Footer
    
    3: - Inside
        3.1: - Head Content
        3.2: - Right Column Content
        3.3: - Home Content
        3.4: - Connect Content
			3.4.1: - Reason Content
		3.4: - Marketing Content
		3.4: - Other Pages Content
		
	4: - Login
        4.1: - Login Content
    
        
    5: - Course Information
    
        !*!*Colors!*!*!
        Grey (Font)    	#4e565c
		Grey (Light)   	#b3c5cf
		Grey (Lightest) #e5eaee
        Blue (Links) 	#2E9CA5

*/



/* 1 :-------- Global Styles ------------ */
        
    /* 1.1 : -------- General ------------ */
	
body {
	margin: 10px 0 0 0;
	padding: 0;
	background: #fff;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #4e565c;
	text-align: left;
}

input, select,td,th {
	font-size: 1em;
	
}

a, a:visited {
	color: #2E9CA5;
	text-decoration: none;
}

a:focus, a:hover, a:active {
	text-decoration: underline;
}

b, strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

p {
	margin: 5px 0;
}



    /* 1.2 : -------- Headings ------------ */


h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
	
	
	/* 1.3 : -------- Lists ------------ */

ul,li {list-style-type: none;}		

ul.regular {
	padding: 0.5em 0;
}

ul.regular li {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0.4em 0 0.4em 24px;
}
		
	/* 1.4 : -------- Extras ------------ */
	
.rule {
	margin: 1.3em 0;
	height: 1px;
	border-top: 1px dotted #b3c5cf;
	clear: both;
}

.clear {
	clear: both;
}

p.break {
	margin-top: 2em;
}

.breakout {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 1.2em 0;
}	

.marginRight {
	margin-right: 27px;
}

.notbold {
	font-weight: normal;
}

.alignRight {
	display: inline;
	float: right;
}

.alignLeft {
	display: inline;
	float: left;
}



/* 2 :-------- Layout (Global) ------------ */
        
    /* 2.1 : -------- Header ------------ */
	
#signIn {
	color: #FFFFFF;
	display: block;
	width: 68px;
	height: 24px;
	background: url(http://media.studylink.com/xl/common/solutions/new/sign-in.gif) no-repeat 0 0;
	text-align: center;
	font-weight: bold;
}


#signIn:hover { 
  background-position: 0 -24px;
  text-decoration: none;
}	


	/* 2.2 : -------- Navigation ------------ */
			
#nav {
	height: 30px;
	vertical-align: top;
}

.navigation {
	padding: 4px 0 0 0;
	float: left;
}

.tabInActive {
	height: 20px;
	display: inline;
	float: left;
	padding: 6px 10px 0 14px;
	background: #d6dfe4 url(http://media.studylink.com/xl/common/solutions/new/tab_grey_left.gif) no-repeat left;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.tabInActive a, .tabInActive a:visited {
	color: #717D85;
	font-weight: bold;
}

.tabInActive a:hover {
	color: #fff;
	text-decoration: none;
}
.tabInActive a:active {
	color: #fff;
}

.tabActive {
	height: 20px;
	display: inline;
	float: left;
	padding: 6px 10px 0 14px;
	background: #bac8d1 url(http://media.studylink.com/xl/common/solutions/new/tab_darkgrey_left.gif) no-repeat left;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.tabActive a, .tabActive a:visited {
	color: #fff;
	font-weight: bold;
}

.tabActive a:hover {
	color: #717D85;
	text-decoration: none;
}

.tabActive a:active {
	color: #717D85;
}

.tabRight {
	display: inline;
	float: left;
	margin-right: 2px;
}

ul.tech {
	vertical-align: top;
	padding: 0 0 4px 0;
}

ul.tech li {
	display: inline;
	float: right;
	font-size: 1.2em;
	line-height: 24px;
	margin-left: 13px;
}
	

	/* 2.3 : -------- Content ------------ */
	
#pageContainer {
	width: 950px;
	display: table;
	margin: 0 auto;
}

#container2Column {
	width: 630px;
	display: inline-table;
	float: left;
	margin: 0 10px 0 0;
}

#container1Column {
	width: 309px;
	display: inline;
	float: left;
	
}
	
.textContainer {
	clear: both;
	margin: 0;
	padding: 1em 25px 1.5em 2px;
	font-size: 1.3em;
	line-height: 1.5em;
}

.textContainer h1 {
	font-size: 1.5em;
	padding: 0 0 5px 0;	
}

.textContainer h2 {
	font-size: 1.2em;
	padding: 0.5em 0;	
}


.textContainer p {
	margin: 0.6em 0;
}

.quoteContainer {
	width: 272px;
	clear: both;
	background: #e5eaee url(http://media.studylink.com/xl/common/solutions/new/side-box-top.gif) no-repeat;
	margin-top: 10px;
	padding: 15px 20px;
	font-size: 1.1em;
	line-height: 1.5em;
}

.quoteContainer h2 {
	font-size: 1.3em;
	line-height: 1.3em;
	color: #333;
}

.quoteContainer p {
	margin: 0.6em 0;
}
	
			
	/* 2.4 : -------- Footer ------------ */


.footer {
	display: table;
	clear: both;
	border-top: 5px solid #e5eaee;
	margin: 1.5em 0 0 0;
	width: 950px;
	font-size: 1.1em;
	line-height: 1.5em;
}

.officeAddressContainer {
	text-align: left;
	display: inline;
	float: left;
	width: 150px;
	margin: 10px 30px 10px 0px;
}

.copyright {
	text-align: left;
	display: table;
	margin: 10px 0 10px 0;
	clear: both;
}



/* 3 :-------- Inside ------------ */
        
    /* 3.1 : -------- Head Content ------------ */
	
.masthead {
	margin: 0 0 10px 0;
	clear: both;
	display: block;
	padding: 0;
}

/* Reasons Mast Slideshow */

#slideshow {
    height: 200px;
	width: 953px;
	position: relative;
	margin: 0 0 10px 0;
	clear: both;
}

#slideshow IMG {
	position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow #learnMore {
	width: 109px;
	height: 27px;
	display: block;
	position:absolute;
	top:152px;
	left:26px;
	z-index:11;
	background: url(http://media.studylink.com/xl/common/solutions/new/learn-more.gif) no-repeat 0 0;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 27px;
}


#slideshow #learnMore:hover { 
  background-position: 0 -27px;
  text-decoration: none;
}

    /* 3.2 : -------- Right Column Content ------------ */

#news ul {
	margin: 0.9em 0 0 17px;
}

#news li {
	list-style: none outside url(http://media.studylink.com/xl/common/solutions/new/list-img-news.gif);
	margin: 0 0 0.7em 0;
}

ul.benefits {
	margin: 9px 0 0 17px;
}

ul.benefits li {
	list-style: square outside;
	margin: 0;
	padding: 0 0 5px 0;
}

#contactBox {
	width: 297px;
	height: 139px;
	padding: 10px 0 0 15px;
	clear: both;
	background: url(http://media.studylink.com/xl/common/solutions/contact-box.jpg) no-repeat;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #fff;
}


#contactBox h2 {
	font-size: 1.4em;
	line-height: 1.4em;
}

#contactBox a, #contactBox a:visited {
	color: #fff;
	text-decoration: underline;
	margin: 0 0 15px 0;
	font-size: 1.1em;
}

#contactBox a:hover {
	color: #fff;
	text-decoration: none;
}

#contactBox p {
	margin: 1em 0;
}

#targetBox {
	width: 282px;
	height: 230px;
	padding: 13px 15px 0 15px;
	margin: 0 0 10px 0;
	clear: both;
	background: url(http://media.studylink.com/xl/common/solutions/new/target-box.jpg) no-repeat;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #fff;
}

#targetBox h2 {
	font-size: 1.4em;
	line-height: 1.4em;
}

#targetBox p {
	margin: 0.8em 0;
}

#targetBox a, #targetBox a:visited {
	color: #fff;
	font-weight: bold;
}

#targetBox a:hover {
	text-decoration: underline;
}

.dropdown {
	width: 270px;
}

#appcounterBox {
	color: #fff;
	display: block;
	width: 297px;
	height: 148px;
	margin: 10px 0 0 0;
	background: url(http://media.studylink.com/xl/common/solutions/new/counter-bg-2.jpg) no-repeat 0 0;
	padding: 16px 0 0 15px;
	font-size: 1.8em;
	font-weight: bold;
	color: #fff;
}

#appcounterBox:hover { 
  background-position: 0 -164px;
  text-decoration: none;
}

    /* 3.3 : -------- Home Content ------------ */

    /* 3.4 : -------- Connect Content ------------ */
	
.caseStudy {
	width: 285px;
	display: inline;
	float: left;
	vertical-align: top;
	padding: 0.5em 0 1.5em 0;
}

.caseStudy img {
	margin: 0 0 1em 0;
}

/* Reasons Mast Slideshow */

#logoslideshow {
    height: 86px;
	width: 601px;
	position: relative;
	margin: 10px 0 0 0;
	clear: both;
}

#logoslideshow IMG {
	position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#logoslideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#logoslideshow IMG.last-active {
    z-index:9;
}


	/* 3.4.1 : -------- Reason Content ------------ */
	
#reasonwrapper {
	background: url(http://media.studylink.com/xl/common/solutions/new/reason-bg.jpg) no-repeat;
	height: 555px;
	width: 954px;
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
}

#reasonwrapper h2 {
	font-size: 18px;
	color: #4e565c;
}

#reasonwrapper p {
	width: 290px;
	margin: 1em 0;
}

#reasonInnerwrapper {
	height: 522px;
	width: 923px;
	position: relative;
	left: 31px;
	top: 33px;
}

#reasonwrapper h1 {
	height: 60px;
	padding: 0;
	margin: 0;
	font-size: 30px;
	color: #4e565c;
}


#reasonContent {
	height:462px;
	width: 651px;
	position: relative;
	display: inline;
	float: left;
	overflow: hidden;
	margin: 0 0 0 50px;
}

#reasonContent .cover{
	height:462px;
	width: 2604px;/*------- class mystuff width * number of mystuff divs (160 * 3 = 480)---------- */
	position: absolute;
	}

.reasontext {
	height: 462px;
	width: 651px;
	display: inline;
	float: left;
	font-size: 12px;
	line-height: 16px;
}

.bg01 {
	background: url(http://media.studylink.com/xl/common/solutions/new/reason-bg-01.jpg) no-repeat right bottom;
}

.bg02 {
	background: url(http://media.studylink.com/xl/common/solutions/new/reason-bg-02.jpg) no-repeat right bottom;
}

.bg03 {
	background: url(http://media.studylink.com/xl/common/solutions/new/reason-bg-03.jpg) no-repeat right bottom;
}

.bg04 {
	background: url(http://media.studylink.com/xl/common/solutions/new/reason-bg-04.jpg) no-repeat right bottom;
}

#reasonnav {
	width: 221px;
	display: inline;
	float: left;	
}


#reasonnav a {
	width: 211px;
	height: 35px;
	display: block;
	padding: 0 0 0 8px;
	border-top: 1px dotted #b3c5cf;
	color: #717D85;
	font-size: 12px;
	line-height: 35px;
}

#reasonnav a:hover {
	background: url(http://media.studylink.com/xl/common/solutions/new/reason-nav-01.jpg) no-repeat right;
	color: #4e565c;
	text-decoration: none;
}

#reasonnav a.active {
	background: url(http://media.studylink.com/xl/common/solutions/new/reason-nav-01.jpg) no-repeat right;
	color: #4e565c;
	font-weight: bold;
}

	
	/* 3.6 : -------- Other Pages Content ------------ */	
	
#address li {
	list-style-type: none;
	list-style-position: inside;
	display: block;
	margin-left: 0px;
	padding-left: 24px;
	line-height: 1.9em;
}

#address li.telephone {
list-style-type: none;
	background: url(http://media.studylink.com/xl/common/solutions/new/icon-tel.gif) no-repeat 0px 5px;
}

#address li.mail {
	background: url(http://media.studylink.com/xl/common/solutions/new/icon-mail.gif) no-repeat 0px 5px;
}

#address li.address {
	background: url(http://media.studylink.com/xl/common/solutions/new/icon-address.gif) no-repeat 0px 5px;
}

#address h4 {
	margin: 1em 0 0.5em 0;
	font-size: 1.1em;
}

.mediaContainer {
	width: 310px;
	display: inline-table;
	float: left;
	margin: 0 10px 0 0;
	padding: 15px;
	border: 1px dotted #b3c5cf;
	font-size: 1.3em;
	line-height: 1.5em;
}

.mediaContainer h1 {
	font-size: 1.5em;
	padding: 0 0 5px 0;	
}

.mediaContainer ul {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.mediaContainer li {
	margin: 0 0 0.7em 0;
}

.newsLink, .newsLinkAlt {
	font-weight: bold;
}

#rsslink {
	display: none;
}


ul.resourcesList li {
	margin-bottom: 5px;
	list-style-position: inside;
	list-style-image: url(http://media.studylink.com/xl/solutions/icon_pdf_small.gif);
}

#resourcesBox {
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: -webkit-gradient(linear, left top, left bottom, from(#6390a1), to(#7cacba));
	background: -moz-linear-gradient(top,  #6390a1,  #7cacba);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6390a1', endColorstr='#7cacba');
	color:#FFF;
	font-size:1.3em;
	padding:10px;

}

#resourcesBox a {
	color:#FFFFFF;
}

#resourcesBox h2 {
	font-size:1.4em;
}

#resourcesBox h2 a {
	text-decoration:underline;
}

#resourcesBox img {
	float:right;
	padding-left:10px;
	padding-bottom:10px;
}