ÿþ/* Basics (from common.css)
--------------------*/

form, div, table, td, tr, img, h1, h2, h3 , fieldset                { margin: 0; padding: 0; }
body              { font-family: Arial, Helvetica, sans-serif; margin: 0 auto; font-size: 12px;}
a                 { text-decoration: none; color: #0066CC;}
a:hover           { text-decoration: underline; color: #5CA30A;}
img               { border: none; }
h1                { font-size: 26px; color: #f30/* #E65600 */; font-weight: normal; margin: 10px 0 30px 0;line-height:26px}
h1.search					{color:#FD6700;margin-bottom:0;}
h2                { font-size: 18px; color: #0066CC; font-weight: normal; margin: 20px 0;}
h3                { font-size: 1.2em; margin: 10px 0;}
h4								{ margin:0; font-size:14px; color:#f60; text-align:left;}
input, textarea   { font-family: Arial, sans-serif; font-size: 100%; }
input             { padding-left: 2px; }
textarea          { padding: 3px; }
hr {
	border: 1px solid #ff3300;
	height: 1px;
	margin: 20px auto;
	width: 80%;
	}
th {
	text-align:left;
	font-weight:bold;
	}

.hidden { display:none; }
.bold             { font-weight: bold; }
.italic						{ font-style:italic; }
.fleft            { position: relative; float: left; display: block; }
.fright           { position: relative; float: right; display: block; }
.small            { font-size: 11px; }
.smaller          { font-size: 10px; }
.red              { color: red; }
.medium           { font-size: 13px; }
.medium_spacing   { line-height: 1.3em; }
.darkgray         { color: #666666; }
.required         { font-weight: bold; color: red; }
.underline        { text-decoration: underline; }
.white            { color: #fff; }
.green            { color: #5CA30A; }
.lightgreen {color: #9ECC00; }
.blue             { color: #0066CC; }
.linkBlue         { color: #3F8CD9; }
.orange           { color: #f60/* #FFC670 */; }
.darkorange       { color: #f30/* #E65600 */; }
.clear, .clearLeft            {margin: 0px; padding: 0px; clear: both; }
.clearLeft		{clear:left;}
.upper            { text-transform: uppercase; }
.capital          { text-transform: capitalize; }
.boxTopMargin     { margin-top: 8px; }
.block            { display: block; }
.missing          { background-color: #F9C0CA; }
.missingSelect    { background-color: #F9C0CA; }
.printOnly        { display: none; }
.ifJs {
	display: none;
	}


.short_input      { width: 150px; }
.medium_input     { width: 170px; }
.long_input       { width: 350px; }

#container        { margin: 0 auto; width: 912px; }
.main_content     { margin-top: 10px; }

/* school_compare */
#programs_details_table     { margin-left: 19px; font-size: 11px; }
#programs_details_table td  { padding-top: 5px; }

.blue_box_header            { color: #FF3300; font-weight: bold; font-size: 12px; padding-left: 14px; display: block; }
.blue_box_content           { display: block; margin: 0 auto 0; width: 184px; }

/* Header */
#header {height: 140px; margin: 0 auto; width: 913px;}
#logo {left: 25px; position: relative; top: -35px;}
#headerGraphic {background: url(../images/banner_background.gif) no-repeat top left; height: 99px; margin-top: 35px; width: 913px;}
#howToChoose {height: 43px; left: 25px; position: relative; top: -30px; width: 184px;}
#newsletterForm {float: right; left: -15px; position: relative; top: -110px;}
#newsletterForm input {color: #999999;}
#banner {
		height: 97px;
		background: url(/images/tab1_banner.gif) no-repeat top left;
		}
#searchSidebar select {
  width:150px;
  margin-top:10px
  }
#languageSelect, #languageSelectIndex {
	width: 450px;
	float: left;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-260px;
}
#languageSelectIndex {
	top:0;
	margin-left:-225px;
	}
#languageSelect a, #languageSelectIndex a {
	color: #06c;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
}
#languageSelect table, #languageSelectIndex table {
	margin: 1em auto;
	width: 450px;
}
#languageSelect .altCharSet, #languageSelectIndex .altCharSet {font-size: 13px; font-weight: normal;}
#topContent	{
	background: transparent url(/images/content_logo_top.gif) no-repeat scroll left bottom;
	height: 40px;
	padding-top: 10px;
}
#newsletterContainer {
	padding: 0;
	margin: 0;
	width:  220px;
	float: right;
}
#newsletterContainer div {
	width: 150px;
}
#newsletterContainer a {
	margin: 20px 0 0 3px;
	display: block;
	float: left;
}
#newsletterContainer input {
	width: 142px;
}
#banner .topLink {
	width:180px;
	height:0;
	padding-top:80px;
	display:block;
	overflow:hidden;
	position:relative;
	left:18px;
	top:-40px;
	outline:none;
	}
#banner .chooseSchool {
	width:180px;
	height:0;
	padding-top:25px;
	display:block;
	overflow:hidden;
	position:relative;
	left:18px;
	top:-20px;
	}

/* terms of service */
ol.tos {
	margin:0 0 40px 20px;
	padding:0 0 0 20px;
	color:#333;
	}
ol.tos h4 {
	margin:20px 0 5px 0;
	color:#000;
	}


/* Footer */
#footer {border-top: 1px solid #FF3300; margin: 12px auto; padding-top: 10px; text-align: center;  width: 913px;}
#footer ul {margin: 0 auto; width: 530px;}
#footer li {float: left; list-style: none;}
#footer a {margin: 0 0.5em;}
#footerLogos {
	width:442px;
	height:100px;
	margin:10px auto;
	text-align:center;
	}
#footerLogos div {
	width:100px;
	display:block;
	float:left;
	}
#footerLogos div.AuthorizeNetSeal a img {
	width:75px;
	height:60px;
	}
#copyright {
	margin:2em;
	}




/* Forms
--------------------*/

.form_section h3 {
	width:80%;
	border-bottom:1px solid #06c;
	}
label.aboveInput {
	display: block;
	margin-bottom: 1px;
	color: #f60/* #FFC670 */;
	text-transform: uppercase;
	font-weight: bold;
	}
.fieldDesc, .fieldInput {
	margin-bottom: 5px;
	}
.fieldDesc {
	width: 100px;
	float: left;
	clear:left;
	}
.fieldInput {
/* 	width: 480px; */
	float: left;
	}
.form_section .fieldInput {
	margin:10px 0 3px 10px;
	}
.form_section {
	clear: right;
	padding: 10px 0 10px 50px;/* 70px; */
	}
.form_section label span.required {
	display: inline;
	}
.form_section label {
	display: block;
	margin: 10px 0 3px 0;
	}
.missing, .invalid {
  background-color: #F9C0CA;
	}
.inlineContent img {
	display: inline;
	}
.inlineContent label {
	margin: 0;
	padding: 0;
	display: inline;
	}
.orangeButton, .greyButton {
  font-family: arial, helvetica, tahoma, sans-serif;
  font-size: 11px;
  padding: 2px 10px 2px 10px;
  cursor: pointer;
}
.orangeButton {
    background-color: #FF8330;
    color: #ffffff;
    border-top: 1px solid #ffcc99;
    border-left: 1px solid #ffcc99;
    border-right: 1px solid #624500;
    border-bottom: 1px solid #624500;
}
.greyButton {
    background-color: #EDEDED;
    color: #000000;
    border-top: 1px solid #E7E7E7;
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
}
a.greyButton:hover {
	color:#000;
	}
button.orangeButton {
  height: 24px;
  width: 60px;
  margin: 5px 2px;
}
a.orangeButton, a.greyButton {
  height: 15px;
  padding: 4px 5px 3px 5px;
  margin: 5px 2px;
  display: block;
  text-align: center;
  font-weight: normal;
}
a.orangeButton {
    width: 110px;
    color: #fff;
}
a.greyButton {
    width: 60px;
}
.orangeButtonSmall, .orangeButtonMed, .orangeButtonLarge {
	height: 24px;
	padding: 6px 0 0 0;
	margin:0;
	display:block;
	border:0;
	color: #fff;
	text-transform: uppercase;
	text-decoration:none;
	text-align:center;
	font-weight: bold;
	font-size: 13px;
	}
input.orangeButtonSmall, input.orangeButtonMed, input.orangeButtonLarge {
	height:30px;
	padding:0;
	float:right;
	}
.orangeButtonSmall:hover, .orangeButtonMed:hover, .orangeButtonLarge:hover {
	color:#fff;
	text-decoration:none;
	}
.orangeButtonSmall {
	width:114px;
	background: transparent url(/images/orangeButtonSmall.gif) left top no-repeat;
	}
.orangeButtonMed {
	width:180px;
	background: #fff url(/images/orangeButtonMed.png) top left no-repeat;
	}
.orangeButtonLarge {
	width:109px;
	height:54px;
	margin: 4px;
	background: #fff url(/images/orangeButtonLarge.png) top left no-repeat;
	}
button.orangeButtonSmall, button.orangeButtonMed {
	height: 30px;
	padding: 0;
	display:inline;
	cursor: pointer;
	}
.blueButtonSmall {
	width:73px;
	height:17px;
	padding:4px 0 0 0;
	margin:0;
	display:block;
	border:0;
	color: #fff;
	text-transform: uppercase;
	text-decoration:none;
	text-align:center;
	font-weight: bold;
	font-size: 9px;
	background: transparent url(/images/blueButtonSmall.gif) left top no-repeat;
	}
a.smallButton {
  padding: 4px 15px 3px 15px;
  width: 60px;
  float: left;
}
a.button:hover, a.orangeButton:hover, a.greyButton:hover {
  text-decoration: none;
}
.msg, .errorMsg, .info {
	padding: 5px;
 	width: 90%;
 	margin: 5px auto;
	}
.msg, .errorMsg {
	font-weight: bold;
	}
.info {
	font-size: 13px;
	}
.msg {
	background-color: #C4E858;
	color: #444;
	}
.errorMsg {
	background-color: #F9C0CA;
	}
.textbox {
	color: #000;
	border: 1px solid #CCC;
	padding: 2px;
	}
.blurred, .example {
	color: #aaa;
	font-style: italic;
	}
.example {
	color: #06c;
	}
.floatContent * {
	float: left;
	display: block;
	}
.hasDatepicker {
	float:left;
	}


/* Search Results Page
--------------------*/

.searchResultPrograms {
	width: 100%;
	}
.searchResultPrograms span {
	font-size: 11px;
	}
.hiddenPrograms, .hidden {
	display: none;
	}
#searchSidebar {
	width:182px;
	height:447px;
	padding:10px 15px;
	background:#fff url(/images/boxSearchSidebar.png) left top no-repeat;
	}
.programCountryName {
	height:30px;
	padding: 15px 0 0 45px;
	display:block;
	background-position: left center;
	background-repeat: no-repeat;
	font-weight:bold;
	color:#03a;
	}
.programCountryMap {
	margin:0 auto;
	display:block;
	}
#searchCountryContainer {
	height:180px;
	overflow:hidden;
	}
a#magnifier {
	width: 60px;
	height: 15px;
	padding:15px 0 0 12px;
	display:block;
	float:right;
/* 	position: relative; */
	background: transparent url(/images/magnifier.gif) left top no-repeat;
	font-size:10px;
	}
#searchLinks {
	margin-top:1em;
	padding:0 50px;
	border-top:1px solid #f30;
	}
#searchLinks p {
	margin:1em 0;
	}
#searchLinks ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
#searchLinks li {
	width:12.5%/* 14.28% */;
	display:block;
	float:left;
	}



/* School Overview
--------------------*/

.graySidebar {
	background:transparent url(/images/galleryBG.png) left top no-repeat;
	margin:10px auto;
/* 	background-color:#f00; */
	}
.graySidebar .bg {
	width:214px;
	padding-top:10px;
	background:transparent url(/images/galleryBGbody.png) 0px 303px no-repeat;
	}
.graySidebar .bgBottom {
	width:214px;
	height:0;
	padding-bottom:19px;
	overflow:hidden;
	background:transparent url(/images/galleryBGbottom.png) left top no-repeat;
	}
.graySidebar h3 {
	font-size:12px;
	color:#f30;
	}
.graySidebar h4 {
	margin-left:7px;
	}
.graySidebar table {
	width:100%;
	}
.graySidebar td, .graySidebar th {
	font-size:10px;
	color:#666;
	}
.graySidebar th {
	width:100px;
	color:#06c;
	font-weight:bold;
	}
.mapContainer {
	position:relative;
	}
.graySidebar #magnifier {
	position:absolute;
	}
#magnifier.canada {
	top:0px;
	right:0px;
	}
#magnifier.usa {
	top:90px;
	right:0px;
	}
#magnifier.uk {
	top:0px;
	right:0px;
	}
#magnifier.australia {
	top:90px;
	left:20px;
	}
.gallery {
	background:transparent url(/images/galleryBG.png) left top no-repeat;
	text-align:center;
	}
.gallery h4 {
	margin-left:7px;
	}
.gallery .bg {
	width:214px;
	padding-top:10px;
	background:transparent url(/images/galleryBGbody.png) 0px 303px no-repeat;
	}
.gallery .slides {
	width:204px;
	height:160px;
	margin:10px 5px;
	position:relative;
	}
.gallery .slides a {
	width:204px;
	position:absolute;
	left:0;
	top:0;
	}
.gallery .thumbs {
	padding:0 4px 12px 4px;
	background:transparent url(/images/galleryBGbottom.png) left bottom no-repeat;
	}
.gallery .thumbs a {
	width:65px;
	height:70px;
	margin:0 1.5px;
	float:left;
	}
.gallery .thumbs img {
	width:65px;
	}
#googleMap {
	margin:15px 0;
	border:1px solid #03a;
	}
#left_content .label {
	width:12em;
	display:block;
	float:left;
	color:#06c;
	}
#schoolInfo {
	font-size:95%;
	}
#founded {
	margin:1em 0;
	}
#visitedSchools .bg {
	min-height:280px;
	}
#visitedSchools .school {
	min-height:70px;
	margin:10px 5px 0 5px;
	padding:0;
	border-bottom:1px solid #333;
	clear:left;
	}
#visitedSchools img {
	width:70px;
	float:left;
	}
#visitedSchools p {
	margin:0 0 0 80px;
	}



/* Sample Schedules
--------------------*/

.sampleSchedule {
	width: 100%;
	margin: 5px auto 30px auto;
	text-align: center;
	}
.sampleSchedule th {
	padding: 5px;
	background: url(/images/program_info_feature_bg3.gif) repeat-x top left;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	width:15%;
	}
.sampleSchedule th.time {
	width:50px;
	}
.sampleSchedule td {
	padding: 8px 13px;
	background: url(/images/program_info_feature_bg4.gif) repeat-x top left #FFF2BF;
	color: #666;
	font-size: 10px;
	}



/* Program Info
--------------------*/

.courseList {
	width: 100%;
	margin: 10px 0 20px 0;
	border-spacing: 1px;
	clear: both;
	}
.courseList td, .courseList th {
	text-align: center;
	vertical-align: middle;
	}
.courseList th {
	background: #06c url(/images/program_info_feature_bg.gif) repeat-x top left;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	}
.courseList td {
	background: #d0d0d0 url(../images/program_info_feature_bg2.gif) repeat-x top left;
	padding: 7px 4px;
	color: #666;
	}
#left_content {
	width: 477px;
	}
#right_content {
	width: 205px;
	}
#content_image {
	width:11em;
	min-height:9em;
/* 	height:9em; */
	margin-right:1em;
	padding-top: 10px;
	text-align: center;
	float:left;
	}
#content_info {
	width: 351px;
	padding-top: 10px;
	}
.tinyTable {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-spacing: 3px 0;
	}
.tinyTable th, .tinyTable td {
	padding: 0;
	background: transparent;
	color: #666;
	text-align: center;
	}


/* Housing Info
--------------------*/

.housingOptions {
	width: 475px;
	margin-bottom:20px;
	border-spacing: 1px;
	}
.housingOptions td, .housingOptions th {
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	}
.housingOptions th {
	background: transparent url(/images/program_info_feature_bg3.gif) repeat-x scroll left top;
	color: #fff;
	font-weight: bold;
	}
.housingOptions td {
	background-color: #fff2bf;
	text-transform: capitalize;
	color: #666;
	}
.housingOptions .tinyTable {
	border-spacing: 0 3px;
	}
.housingOptions .tinyTable td {
	width:50%;
	padding: 6px;
	background-color: #ffffe0;
	text-align: left;
	}
	



/* Login
--------------------*/

.loginForm {
	width: 260px;
	padding: 10px;
	float: right;
	}
.loginForm .fieldInput {
	width:180px;
	}
.loginForm .fieldDesc {
	width:80px;
	}
h2.newStudentLogin, h2.returningStudentLogin, h2.newSchoolLogin, h2.returningSchoolLogin {
	height:60px;
	color:#f30;
	text-transform:uppercase;
	font-weight:bold;
	}
h2.newStudentLogin, h2.newSchoolLogin {
	width:140px;
	padding:20px 0 0 80px;
	background: transparent url(/images/newStudent.png) left top no-repeat;
	}
h2.returningStudentLogin, h2.returningSchoolLogin {
	width:170px;
	padding:20px 0 0 110px;
	background: transparent url(/images/returningStudents.png) left top no-repeat;
	}
h2.newSchoolLogin {
	background-image: url(/schools/images/newSchool.png);
	}
h2.returningSchoolLogin {
	background-image: url(/schools/images/returningSchools.png);
	}



/* Student Page
--------------------*/

table.invoices {
	width: 100%;
	}
.invoice th {
	/*background-color: #FF8330;*/
	background-color: #eee;
	border: 1px solid #ccc;
	font-weight: bold;
	text-align: center;
	}
.invoice th, .invoice td {
	padding: 5px;
	}
.invoice tr.colored {
	background-color: #eee;
	}

#boxPassportCentral, #boxContactUs, #boxFeedback {
	width:279px;
	height:167px;
	margin:0 0 10px 0;
	padding:10px;
	background: #fff url(/images/passportCentral.png) left top no-repeat;
	}
/*
#boxPassportCentral p {
	margin:65px 0 0 0;
	}
*/
#boxPassportCentral .review {
	text-align:right;
	font-size:13px;
	}
.uploadDone, .uploadPending {
	width:135px;
	margin:115px 0 0 15px;
	padding-left:30px;
/* 	float:left; */
	background: transparent url(/images/xRedOnOrange.png) left center no-repeat;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	color:#f30;
	}
.uploadDone {
	margin-top:100px;
	padding-left:40px;
	background-image: url(/images/chkGreenOnOrange.png);
	color:#A5D413;
	}
.uploadPending {
	width:135px;
	margin:115px 0 0 15px;
	padding-left:30px;
	float:left;
	background: transparent url(/images/xRedOnOrange.png) left center no-repeat;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	color:#f30;
	}
#boxContactUs, #boxFeedback {
	height:71px;
	}
#boxContactUs a, #boxFeedback a {
	width:100%;
	height:0;
	padding-top:71px;
	display:block;
	overflow:hidden;
	}
#boxContactUs {
	background: #fff url(/images/boxContactUs.png) left top no-repeat;
	}
#boxFeedback {
	background: #fff url(/images/boxFeedback.png) left top no-repeat;
	}
table.controlPanel {
	width:100%;
	}
table.controlPanel a {
	width:295px;
	height:0;
	padding-top:135px;
	display:block;
	overflow:hidden;
	}
#boxEditProfile {
	background: #fff url(/images/studentSplashButton1.png) left top no-repeat;
	}
#boxEditProfile:hover {
	background-position:right top;
	}
#boxApplications {
	background: #fff url(/images/studentSplashButton2.png) left top no-repeat;
	}
#boxApplications:hover {
	background-position:right top;
	}
#boxProgramInformation {
	background: #fff url(/images/studentSplashButton3.png) left top no-repeat;
	}
#boxProgramInformation:hover {
	background-position:right top;
	}
#boxInvoices {
	background: #fff url(/images/studentSplashButton4.png) left top no-repeat;
	}
#boxInvoices:hover {
	background-position:right top;
	}
#leftLinksContainer {
	width:291px;
	height:305px;
	padding: 9px 5px 34px 5px;
	background: #fff url(/images/appSidebarBG.png) left top no-repeat;
	}
#leftLinksContainer a {
	width:290px;
	height:0;
	display:block;
	overflow:hidden;
	}
#leftProfile {
	padding-top:85px;
	background: #fff url(/images/appSidebarButton1.png) left top no-repeat;
	}
#leftProfile:hover {
	background-position: right top;
	}
#leftApplications {
	padding-top:70px;
	background: #fff url(/images/appSidebarButton2.png) left top no-repeat;
	}
#leftApplications:hover {
	background-position: right top;
	}
#leftPrograms {
	padding-top:80px;
	background: #fff url(/images/appSidebarButton3.png) left top no-repeat;
	}
#leftPrograms:hover {
	background-position: right top;
	}
#leftInvoices {
	padding-top:60px;
	background: #fff url(/images/appSidebarButton4.png) left top no-repeat;
	}
#leftInvoices:hover {
	background-position: right top;
	}
#passportInfo, #visaStatus, #transferDetails {
	width:440px;
	margin-top:1em;
	}
#visaStatus {
	width:100%;
	}
#healthDetails {
	margin-top:1em;
	}
#healthDetails td {
	vertical-align: top;
	}
a.logoutButton {
	width:78px;
	height:0;
	padding:49px 0 0 0;
	margin:0;
	display:block;
	overflow:hidden;
	background: transparent url(/schools/images/button_logout.gif) left top no-repeat;
	}
a.dashButton {
	width:90px;
	height:0;
	padding:46px 0 0 0;
	margin:0;
	display:block;
	overflow:hidden;
	background: transparent url(/schools/images/button_dashboard.gif) left top no-repeat;
	}
a.backButton {
	width:180px;
	height:35px;
	padding:0px 5px 0px 30px;
	margin:10px 0;
	display:block;
	background: #fff url(/images/backArrow.png) left top no-repeat;
	color:#f00;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	}



/* Tabs
--------------------*/

.tabNav {
	height:56px;
	margin:0;
	padding:0 0 0 2px;
	list-style-type:none;
	background: #fff url(/images/studentInfoTab1.png) left top no-repeat;
	}
.tabNav.tab1 {
	background:#fff url(/images/tab1.png) left top no-repeat;
	}
.tabNav.tab2 {
	background:#fff url(/images/tab2.png) left top no-repeat;
	}
.tabNav.tab3 {
	background:#fff url(/images/tab3.png) left top no-repeat;
	}
.tabNav li {
	width:115px;
	padding:10px;
	display:block;
	float:left;
	text-align:center;
	}
.tabNav a {
	display:block;
	color:#06c;
	font-size:12px;
	font-weight:bold;
	line-height:13px;
	text-transform:uppercase;
	}
.tabNav a:hover {
	color:#03c;
	text-decoration: none;
	}
	
	
/* Student Information
--------------------*/


a.editSectionButton {
	width:75px;
	height:13px;
	padding:5px 0;
	margin-right:15px;
	float:right;
	background: #fff url(/images/buttonSmallGray2.gif) left top no-repeat;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	}
a.editSectionButton:hover {
	text-decoration:none;
	}
.studentInfoDisplay table {
	width:450px;
	border-spacing:4px;
	}
.studentInfoDisplay tr {
	height:22px;
	}
.studentInfoDisplay td, .studentInfoDisplay th {
	width:50%;
	}
.studentInfoDisplay th {
/* 	padding-right:50px; */
	text-align:left;
	font-weight:normal;
	}
.studentInfoDisplay p, .studentInfoDisplay label {
	font-weight:bold;
	}
.studentInfoEdit {
	clear:both;
	}
table.familyInfo, table.familyInfoDisplay th {
	text-align:center;
	vertical-align:bottom;
	}
table.familyInfoDisplay {
	width:90%;
	border-spacing: 0;
	border-collapse: collapse;
	}
table.familyInfoDisplay th {
	width:16.6%;
	padding:2px;
	}
table.familyInfoDisplay td {
	width:16.6%;
	border:1px solid #ddd;
	padding: 2px 5px;
	text-align: center;
	}
fieldset {
	margin-bottom:20px;
	}
legend {
	font-size:14px;
	color:#f30;
	}






/* content.css
--------------------*/

#about_box        { height: 302px; width: 302px; background: url(../images/content_about.gif) no-repeat top left; margin-top: 20px; }
#about_box p      { padding: 70px 20px 0px 40px; }

#content_main     { padding: 0 20px 20px; border-right: 1px solid #879FCF; border-left: 1px solid #879FCF; }

.content_header   { color: #FF3300; font-weight: bold; font-size: 16px; text-transform: uppercase;}
.content_body     { padding: 20px 0 40px 20px; line-height: 16px; }

#content_tabs       { }
#content_tabs ul    { list-style: none; }
#content_tabs li    { display: inline; float: left; }
#content_tabs a     { display: block; height: 53px; width: 115px; }
#content_tabs span  { display: block; text-align: center; line-height: 15px; text-transform: uppercase; padding: 8px 10px 0; font-weight: bold; color: #0066CC; }


/* image maps */
/* perhaps this should be elsewhere... */

#imageMap {
background: url(/images/mapStudentResources.png) no-repeat top left;
height: 302px;
position: relative;
}
.countryIcon, .countryText {
position: absolute;
}
.countryText {
text-decoration: none;
text-align: center;
color: #039;
font-family: Tahoma, Verdana, sans-serif;
}
.countryText a:hover {
	text-decoration:none;
	}
.countryName, .countrySchools {
margin: 0;
padding: 0;
}
.countryName {
font-size: 12px;
font-weight: bold;
font-variant: small-caps;
margin-right: 2px;
}
.countrySchools {
font-size: 11px;
font-weight: normal;
}

/* li {margin-bottom: 1em;} */
p {margin-left: 10px;}







/* Levels Charts
--------------------*/
h4.levelsHeader {
	font-weight:bold;
	color:#7b0;
	}
.levelsChart {
	float: left;
	}
.levelsBarsContainer {
	
	}
.levelsBar {
	width: 50px;
	margin: 0 5px;
	float: left;
	border: 1px solid #999;
	text-align: center;
	font-size: 10px;
	background-color: #acd559;
	color: #333;
	}
.toeflBarsContainer {
	clear: both;
	}
.toeflBar {
	padding: 4px 0;
	margin: 4px 5px 0 5px;
	width: 50px;
	float: left;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 10px;
	color: #333;
	background-color: #eee;
	}





/* Choose Course
--------------------*/

div.hasDatepicker {
	margin: 0 auto;
	display: block;
	font-size: 120%;
	}
.ui-datepicker-inline {
	height:15.5em;
	}
#chooseProgramForm label {
	display: block;
	margin-top: 0.5em;
	clear: both;
	font-weight: bold;
	}
#chooseProgramForm p {
	margin: 0.5em 0 0 0.5em;
	}
.appSidebarBox {
	background: #fff url(/images/appSidebarTile.png) left top repeat-y; width:215px;
	}
.appSidebarBoxTop {
	padding:15px 10px;
	background:transparent url(/images/appSidebarTop.png) left top no-repeat;
	}
.appSidebarBoxBottom {
	width:100%;
	height:50px;
	background:#fff url(/images/appSidebarBottom.png) left top no-repeat;
	}
.schoolLogo {
	margin: 10px 0 40px 0;
	}
.column1, .column2 {
	width:50%;
	margin: 0 0 1em 0;
	float:left;
	}
/*
.appSidebarBox {
	width:195px;
	height:280px;
	padding:15px 10px;
	background: #fff url(/images/appSidebarBorder.png) left top no-repeat;
}
*/




/* Application
--------------------*/

.schoolInfoBox {
	margin-bottom:30px;
	}
.schoolInfoImg, .schoolInfoText {
	float:left;
	padding:10px 10px 10px 0;
	}
.schoolInfoImg {
	width:120px;
	}
.schoolInfoText {
	width:480px;
	margin-left:10px;
	font-size:14px;
	}
.schoolInfoText span {
	display:block;
	}
.schoolInfoText .name {
	font-weight:bold;
	color:#06c;
	}
.schoolInfoText .location {
	color:#06c;
	}
.schoolInfoText .country {
	height:20px;
	margin-top:8px;
	padding: 6px 0 2px 36px;
	background-position: left center;
	background-repeat: no-repeat;
	}
.programNameLink {
	text-transform:uppercase;
	}
#appReview fieldset {
	border:none;
	}
#appReview h2 {
	width:99%;
	height:20px;
	margin:0 0 0 0;
	padding:5px 0 4px 1%;
	display:block;
/* 	float:left; */
	font: bold 14px Verdana, sans-serif;
	text-transform:uppercase;
	background: #d9d9d9 url(/images/gradientYGray.png) left top repeat-x;
	font-size:14px;
	color:#f30;
	}
#appReview .form_section {
	padding-left:0;
/* 	margin-bottom:30px; */
	clear:both;
	}
#appReview h3 {
	width:95%;	
/* 	padding: 5px 0 2px 5%; */
/* 	background: #fff url(/images/gradientYGray.png) left top repeat-x; */
	border:none;
	}
#appReview .editSectionButton {
	margin:0;
	padding:3px 0 7px 0;
	float:left;
	background-color:transparent;
	}
#appReview .legend {
	width:85%;
	float:left;
	}
ol.appReview {
	color:#9c0;
	}
ol.appReview li {
	margin:2.5em 0;
	}
ol.appReview p {
	margin:0.5em 0;
	color:#06c;
	}
ol.appReview a {
	color:#f60;
	font-style:italic;
	text-decoration:underline;
	}





/* Application Status Page
------------------------------*/

.appStatusBox {
	width:565px;
	height:370px;
	margin:20px 0;
	padding:15px;
	background: #fff url(/images/appStatusBox.png) left top no-repeat;
	}
.appStatusBox .studentName {
	width:220px;
	padding: 0 10px 45px 10px;
	font-size:14px;
	font-weight:bold;
	color:#f60;
	text-align:center;
	}
.appStatusBox .titlebar {
	height:20px;
	padding:4px 0 2px 0;
	background: transparent url(/images/program_info_feature_bg.gif) left top repeat-x;
	text-align:center;
	color:#fff;
	font-size:14px;
	}
.appStatusBox .titlebar span {
	width:49%;
	float:left;
	}
.appStatusBox .schoolInfoImg img {
	width:110px;
	}
.appStatusBox .schoolInfoText {
	width:175px;
	font-size:12px;
	color: #333;
	}
.appStatusBox .schoolInfoText .name {
	font-size:13px;
	}
.appStatusBox .schoolInfoText .programName a {
	margin-top:1.5em;
	display:block;
	text-decoration:underline;
	color:#f60;
	}
.appStatus {
	width:240px;
	padding-top:95px;
	float:left;
	background: #fff url() top center no-repeat;
	font-weight:bold;
	}
.statusupload {
	color:#f30;
	background-image: url(/images/appStatusUpload.png);
	}
.statussubmitted {
	color:#a5d413;
	background-image: url(/images/appStatusSubmitted.png);
	}
.statuspending {
	color:#f90;
	background-image: url(/images/appStatusPending.png);
	}
.statusincomplete {
	color:#f90;
	background-image: url(/images/appStatusFound.png);
	}




/* Passport/Document Page
------------------------------*/

.passportCentral img {
	float:right;
	}
.passportCentral p {
	margin:10px 0 10px 10px;
	font-size:13px;
	line-height:1.5em;
	color:#666;
	}
.passportCentral h2, .passportCentral h3 {
	font-weight:normal;
	color:#06c;
	}
.passportCentral h2 {
	margin:10px 0 10px 10px;
	font-size:20px;
	text-transform:uppercase;
	}
.passportCentral h3 {
	height:38px;
	margin:30px 0 5px 0;
	padding:16px 0 0 60px;
	font-size:16px;
	background-position: top left;
	background-repeat:no-repeat;
	}
#passportTop {
	width:325px;
	padding:0 0 0 75px;
	background: transparent url(/images/passportLogo.png) top left no-repeat;
	}
#passportBox1, #passportBox2 {
	width:400px;
	}
#passportBox1 img, #passportBox2 img {
	float:left;
	}
.passportThumb, .passportUpload {
	width:200px;
	position:relative;
	float:left;
	}
.passportThumb {
	padding-top:16px;
	}
.passportThumb img {
	margin-left:10px;
	}
#passportBox1 h3 {
	background-image: url(/images/doc1.png);
	}
#passportBox2 h3 {
	background-image: url(/images/doc2.png);
	}


.docList {
	width:580px;
	margin-top:20px;
	padding:5px;
	}
.docList h3 {
	width:80%;
	color:#06c;
	border-bottom:1px solid #06c;
	text-transform:uppercase;
	}
.docList p {
	width:80%;
	}
.docUpload, .uploadQueue {
	width:280px;
	float:left;
	}
.docUpload {
	margin-left:10px;
	}
.docUpload label {
	display:block;
	margin:10px 0 2px 0;
	}
.uploadQueue {
	
	}
.docBox {
	width:540px;
	margin:20px 0 0 10px;
	border-top:1px solid #06c;
	position:relative;
	clear:both;
	}
a.deleteDoc {
	width:16px;
	height:0px;
	padding-top:16px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:5px;
	right:5px;
	background: transparent url(/images/del.png) top left no-repeat;
	}
.docThumb, .docInfo {
	width:255px;
	margin:10px 0;
	padding:0 5px;
	float:left;
	}
.docThumb {
	margin-right:9px;
	border-right:1px solid #06c;
	}
.docInfo {
	
	}
.docInfo .label {
	font-weight:bold;
	}




/* Payment Page
------------------------------*/

#paymentForm p {
	font-size:13px;
	line-height:18px;
	}
#paymentForm dl {
	margin: 0 0 30px 30px;
	padding-top:10px;
	color:#06c;
	letter-spacing:.3px;
	}
#paymentForm dt, #paymentForm dd {
	margin:-15px 10px 25px 0;
	float:left;
	}
#paymentForm dt {
	clear:left;
	font-weight:bold;
	}
#paymentForm dd {
	width:250px;
	}
h3.appProgramName {
	width:95%;
	height:30px;
	margin:60px 0 15px 0;
	padding:7px 0 0px 5%;
	background: transparent url(/images/program_info_feature_bg.gif) top left repeat-x;
	color:#fff;
	}
.paymentRow {
	width:95%;
	height:18px;
	padding:5px 0 2px 5%;
	clear:both;
	background: #fff url(/images/gradientYGray.png) left top repeat-x;
	text-align:right;
	color:#666;
	}
.paymentRow .item {
	width:73%;
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	}
.paymentItem .item {
	text-align: left;
	font-weight:normal;
	}
.paymentRow .charge {
	width:10%;
	float:left;
	}
.paymentRow .converted {
	width:15%;
	float:left;
	font-style:italic;
	}
.paymentSub {
	background-image: none;
	}
.paymentTotal {
	color:#f30;
	}
.paymentNote {
	margin-bottom:40px;
	text-align:right;
	font-style:italic;
	font-size:11px;
	color:#666;
	}

.loginBox {
	width:274px;
	height:161px;
	margin-top:15px;
	padding-left:70px;
	background: #fff url(/images/loginBox.png) left top no-repeat;
	font-family:tahoma, sans-serif;
	}
#loginBox2 {
	background-position:-344px 0;
	}
#loginBox3 {
	background-position:-688px 0;
	}
.loginTabs {
	margin:0 0 15px 0;
	padding:0;
	list-style-type:none;
	zoom:1;
	margin-left:-70px;
	}
.loginTabs:after {
	content:".";
	display:block;
	height:0;
	clear:left;
	visibility:hidden;
	}
.loginTabs li {
	width:100px;
	height:20px;
	margin:0;
	padding:4px 7px;
	display:block;
	float:left;
	text-align:center;
	}
.loginTabs li a {
	display:block;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	color:#f60;
	}
.loginTabs li a:hover {
	text-decoration:none;
	}
.loginBox form {
/* 	margin:15px 0 0 70px; */
/* 	position:relative; */
/* 	clear:both; */
	}
.loginBox label {
	display:block;
	font-size:13px;
	line-height:15px;
	color:#5CA30A;
	}
.loginBox .rightSide {
	width:75px;
	margin:15px 10px 0 0;
	float:left;
	text-align:center;
	}
.loginBox .leftSide {
	width:189px;
	float:left;
	}
.loginBox .leftSide input {
	width:165px;
	}
.loginBox a.forgotPass {
	margin-top:15px;
	display:block;
	font-size:11px;
	line-height:1.1em;
	}