/* 

CSS for the old OED blue theme 

*/

@import url('reset.css') screen;


#header, #footer, div.messages{
  width: 959px;
  margin: 0px auto;
  padding: 0px;
}
div.schoolResult{
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
}
#navigation, #navigation.oedcc, #widgets div.three.widget.home, div.two.widget.home, #widgets.oedcc, div.pageDescription, div.pageDescription.oedcc, #welcomeMessage, #welcomeMessage.oedcc, #school #OEDResponse, #school.oedcc #OEDResponse {display:none;}
.ft{
  background-color: #fff;
}
div.span10.oedcc{
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  border: none !important;
  width: 900px;
  float: left;
}
div.span10.home div.insideSpan10{
  float:right;
  width: 680px;
  margin: 10px 0 20px 0;  
  clear:right;
}
div.span10.home #search.home{
  float:right;
  width: 680px;
  margin: 0;
  clear:right;
  position: relative;
}
div.span10.home.oedcc #search.home{
  width: 100%;
  margin: 0;
  position: relative;  
}
div.span10.home.oedcc #search.home #zip{
  width: 60px;
  position: static !important;
  height: 18px !important!;
}

div.span10.home #search.home #zip{
  width: 60px;
  position: static;
  height: 16px;
  height: 18px !important!;
}
div.span10.home #search.home #searchBtn{
  position: absolute;
  top: 40px;
  right: 0px;
}
div.span10.home.oedcc #search.home #searchBtn{
  position: static;
}
div.span10.home #search.home h3.alt{
  margin: 0 0 20px 0;
  color:#4180AB;
  font-size:18px;
  padding:0 0 0 1px;  
}
div.insideSpan10{
  clear: both;
  overflow: visible;
  margin: 0px 0px 20px 0px;
  padding: 0px;
}
div.insideSpan10 dl {
  margin: 0px;
  padding: 0px;
}
div.insideSpan10 dl dt{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  font-size: 12px;
}
div.insideSpan10 dl dd{
  margin: 0px;
  margin: 0px 0px 13px 0px !important;
}
div.insideSpan10 dl dd a{
  font-size: 12px !important;
  font-family: verdana, sans-serif;
  color: #666;
}
div.insideContainer {
  padding: 0px;
  margin: 0px;
}
div.insideContainer hr{
  background-color:transparent;
}
div.container {
  background-color: #fff;
  padding: 15px 10px 10px 10px;
  width: 939px;
  margin: 0px auto 10px auto;
  border: 1px solid #d0e2eb;
  background-image: url(../img/containerBack.png);
  background-repeat: no-repeat;
  background-position: 10% 100%;
  border-bottom: none;
  border-top: none;
}
div.container.ft{
  background-color: #fff;
  padding: 0px 10px 10px 10px;
  width: 939px;
  margin: 0px auto 10px auto;
  border: none;
  background-image: none !important;
  border-bottom: none;
}
div.featuredSchoolsResults{
  width: 680px;
  float:right;
}
div.span10.home.oedcc{
  width: 96%;
}
ul.schools{
  list-style-type: none;
  padding: 0px !important;
  margin: 0px !important;
  width: 680px !important;
  float:right;
}
div.span10.home.oedcc ul.schools{
  width: 100% !important;
}
ul.schools li{
  clear: both;
  margin: 0px 0px 20px 0px !important;
  padding: 0px 0px 10px 0px !important;
  border-bottom: 1px dotted #ddd;
  overflow: auto;
  position: relative;
}
ul.states{
  list-style-type: none;
  margin-left: 0;
  padding: 0px;
  margin: 0px;
}
ul.states li{
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 5px 0px;
}
ul.states li a{
  font-weight: bold;
  font-size: 12px;
  margin: 0px;
  color: #222;
}


p.notice {
  margin: 15px 0px;
}
h1.logo {
  font-size: 26px;
  height: 50px;
  margin: 15px 0px 0px 0px;
  padding: 10px 0px 25px 0px;
  background-color:#fff;
}
h1.logo.ft {
  margin: 0px !important;
  padding: 0px !important;
  display:none;
}
p.quiet {
  font-size: 90%;
  clear: both;
  text-align: left !important;
  margin: 0px 0px 0px 0px !important; 
  border-top: 1px solid #ddd;
  padding: 10px 0px 10px 0px;
}
ul.schools li .schoolname{
  font-weight: bold;
  font-size: 16px;
  padding: 0px 0px 0px 2px;
  margin: 0px 0px 0px 0px;
  position: absolute;
  top: 0px;
  left: 0px;
}
ul.schools li a span.schoolname{
  color: #222;
  text-decoration: underline;
}
p.description{
  text-align: left;
  padding: 0px 0px 0px 0px !important;
  margin: 0px 170px 0px 145px;
  color: #444;
  font-size: 12px;
  font-family: arial !important;
}
div.span10.oedcc p.description{
  text-align: left;
  padding: 0px 0px 0px 0px !important;
  margin: 0px 170px 0px 145px;
  color: #444;
  font-size: 12px;
  font-family: arial !important;  
}
h3.featuredSchools, h3.applyToPrograms {
  float:right;
  color: #fff;
  margin: 15px 0px 25px 0px;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  background-color: #4180AB;
  width: 670px;
  letter-spacing: 1px;
}
div.span10.home.oedcc h3.featuredSchools,div.span10.home.oedcc h3.applyToPrograms {
  color: #fff;
  margin: 15px 0px 25px 0px;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  background-color: #4180AB;
  width: 98.5%;
  letter-spacing: 1px;
}
ul.featuredArticles{
  width: 205px;
  list-style-type: square;
  margin:  5px 0px 20px 0px;
  padding:  0px 0px 0px 15px;
}
ul.careerDegreeWidget{
  width: 220px;
  list-style-type: none;
  margin:  5px 0px 20px 0px;
  padding:  0px;
}
ul.careerDegreeWidget li, ul.featuredArticles li{
  border-bottom: 1px solid #ddd;
}
ul.careerDegreeWidget li a, ul.featuredArticles li a{
  padding: 3px 0px 2px 0px;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  color: #222;
  display: block;
  font-weight: bold;
  font-size: 12px;
}
ul.careerDegreeWidget li a:hover, ul.featuredArticles li a:hover{
  background-color: #EEF4FF;
}
ul.careerDegreeWidget li ul{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-top: 1px solid #ddd;
  background-color: #375D81;
}
ul.careerDegreeWidget li ul li{
  padding: 0px 0px 0px 0px;
  margin: 0px;
  border: none;
}
ul.careerDegreeWidget li ul li a{
  padding: 3px 0px 3px 20px;
  color: #fff;
  font-weight: normal;
  /*add background image */
}
ul.careerDegreeWidget li ul li a:hover{
  background-color: #ebf5fa;
  color: #375D81;
}
h5.careerDegree {
  color: #4180AB;
  font-size: 16px;
  margin: 0px;
  padding: 0px 0px 0px 1px;
}
h5.featuredArticles {
  color: #AA6B41;
  font-size: 16px;
  margin: 0px;
  padding: 0px 0px 0px 1px;
}

div.span-6.colborder{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 15px 0px;
  width: 230px;
  float: left;
  clear: left;
}
ul.schools li a.moreinfo{
  position: absolute;
  right: 0px;
  top: 32px;
  color: #fff;
  padding: 5px 10px 5px 12px;
  width: 120px;
  text-decoration: none;
  margin: 0px 10px 0px 0px;
  background-image: url(../img/OEDgreenButton.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
ul.schools li a.moreinfo:hover{
  background-image: url(../img/OEDgreenButton.png);
  background-repeat: no-repeat;
  background-position: 0px -30px;
}
ul.schools li a.moreinfo:active{
  background-image: url(../img/OEDgreenButton.png);
  background-repeat: no-repeat;
  background-position: 0px -59px;
}
ul.schools li img.logo{
  border: 1px solid #ddd;
  padding:  6px 6px;
  margin:  0px 10px 0px 0px;
  width: 120px;
  height: 60px;
  float: left;
}
ul.schools li p.online{
  padding: 2px 0px 2px 20px;
  color: #0086B3;
  position: absolute;
  top: 62px;
  right: 29px;
  background-image: url(../img/monitor.png);
  background-repeat: no-repeat;
  background-position: 0px 4px;
}
div.span-24.border {
  clear: both !important;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  height: 40px;
  border: none;
  background-image: url(../img/graySearchBack.png);
  background-repeat: no-repeat;
  background-position: 0px -2px;
}
div.span-24.border form {
  width: 750px;
  float: left;
  clear: right;
  margin: 0px;
  padding: 3px 0px 0px 0px !important!;
  padding: 10px 0px 0px 0px;
  position: relative;
}
div.span-24.border form select {
  display: inline;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div.span-24.border form input {
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;    
}
div.span-24.border form input#zip{
  font-weight: normal;
  font-family: arial, sans-serif;
  color: #444;
  padding: 2px 4px 5px 4px !important!;
  padding: 2px 4px 2px 4px;
  margin: 0px 10px 0px 0px;
  font-size: 12px;
  border:none;
  width: 70px;
  height: 12px !important!;
}
div.span-24.border form input.redSearch{
  position: absolute;
  top: 6px;
  
}
div.span-24.border h3.alt {
  width: 150px;
  float: left;
  clear: left;
  margin: 12px 0px 0px 0px;
  padding: 0px 3px 3px 10px;
  color: #444;
  font-weight: bold;
  font-size: 16px;
}
hr.clear{
  clear:both;
  color:#fff;
  visibility: hidden;
}
#footer{
  clear: both;
}
input#dob {
  font-weight: normal;
  font-family: arial, sans-serif;
  color: #444;
  padding: 3px 4px 3px 4px;
  margin: 0px 10px 0px 0px;
  font-size: 12px;
  border:none;
  width: 110px;
  height: 13px;

}
p {
  padding:5px;
}
p strong {
  font-size:13px;
  font-weight:bold;
}
div.span10.articles{
  width: 680px;
  float:right;
  margin: 0px;
  padding: 0px;
}
div.featuredResult{
  width: 30%;
  float:left;
  text-align: center;
}
div.featuredResult img{
  padding: 5px;
  border: 1px solid #ddd;
  margin: 0 0 10px 0;
}
div.featuredResult a{
  text-decoration: none;
}
div.featuredResult span.online{
  background-image: url(../img/monitor.png);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  padding: 5px 0 5px 20px;
}
#intro.home h1{
  color:#4180AB;
  font-size:18px;
  margin:0 0 20px;
  padding:0 0 0 1px;  
}
#intro.home p{
  margin:0 0 0 -5px;
}
#header h1.logo{
  position: relative;
}
#header h1.logo img {
  position: absolute;
  top: 20px;
  left: 10px;
}
.oedcc #school_pages{
  width: 580px;
  height: 40px;
  margin: 0;
  padding: 5px 0;
  float:right;
  clear:right;
}
#school_pages{
  width: 680px;
  height: 40px;
  margin: 0;
  padding: 5px 0;
  float:right;
  clear:right;
}
#school_pages div.pagination span.prev{
  margin: 0 10px 0 0;
  padding: 5px;
  background-color:#fff !important;
  color:#444 !important;
}
#school_pages div.pagination span.next{
  margin: 0 0 0 10px;
  padding: 5px;
  background-color:#fff !important;
  color:#444 !important;  
}
#school_pages div.pagination span.current{
  background-color:#DFEFF7;
  border:1px solid #ddd;
  color:#444;
  margin: 0 10px 0 0;
  padding: 5px;  
}
#school_pages div.pagination a{
  margin: 0 10px 0 0;
  padding: 5px;
  background-color:#fff;
  border:1px solid #ddd;
  color:#444;
  text-decoration: none;
}
#school_pages div.pagination a:hover{
  background-color:#ddd;
  color:#444;
}
#privacyPage{
  padding: 20px 10px;
  margin: 10px 0px;
}
#header h1.logo a img{ border:none;}
#oedcopyblock.copyblock
/* oed call center css */
.oedcc #oedcopyblock.copyblock, .oedcc #OEDNavigation, .oedcc fieldset.school.section{display:none !important;}
#offerPage.oedcc{
  width: 900px;
  position: relative !important;
}
#copyblock{display:none;}
/*

New Pagination

*/
body.organic #ccWrapper .organic #school-pages div.pagination span.pager{
  padding: 0;
  margin: 0 5px 0 0;
  background-color:#fff;
  border: 1px solid #ddd;
  color:#444;
}
body.organic #ccWrapper .organic #school-pages div.pagination span.pager a{
  color:#444;
  text-decoration: none;
  padding: 10px;
}
body.organic #ccWrapper .organic #school-pages div.pagination span.current{
  background-color:#DFEFF7;
  color:#fff;
}

/* 

  
  New CSS for the new call center landing page - ccenter.vm


*/

body.organic{
  font-size: 72%;
  color:#555;
  margin: 0;
  padding: 0;
  background: #fff url("../img/landingPageImages/ui.png") repeat-x scroll 0 -10px;

}
body.organic div.container{
  background-image: none !important;
  border: none !important;
}
body.organic #header { height: 35px; }
body.organic #header div.logo { position: relative; }
body.organic #header div.logo a.logo{ 
  position: absolute;
  top: 0;
  left: 0;
  text-align: left !important; 
}
body.organic #header div.logo img{ margin: 5px 0 0 0; }
body.organic #ccWrapper h1,
body.organic #ccWrapper h2,
body.organic #ccWrapper h3,
body.organic #ccWrapper h4,
body.organic #ccWrapper h5{
  font-family: verdana, arial, sans-serif;
  color:#111;
}
body.organic #ccWrapper p{
  font-family: helvetica, arial, sans-serif;
  color:#444;
}
body.organic #header,
body.organic #footer{
  width: 98% !important;
  padding: 0;
  margin: 0 auto;
}
body.organic .container.organic{
  width: 100% !important;
  margin: 8px auto 0 auto;
  padding: 0 0 0 0;
  background-color:transparent !important;
}
body.organic #ccWrapper{
  width: 100%;
  margin: 0 0 0 0;
  padding: 0;
  position: relative;
  overflow:auto;
  background: #f3f3f3 url('../img/landingPageImages/containerBackPercentageImage.png') repeat-y 24.2% 0;
  border-bottom: 1px solid #ddd;
}
body.organic #ccWrapper #ccSidebar{
  float:left;
  clear:left;
  margin: 0;
  padding: 15px 0 0 10px;
  width: 22.5%;
}
body.organic #ccWrapper #ccContent{
  float:left;
  clear:right;
  margin: 0;
  padding: 15px 0 35px 20px;
  width: 73%;
}

/* steps structure */
body.organic #ccWrapper div.ccStepWrapper{
  display:block;
  margin: 0 0 20px 0;
  padding: 0;
  clear: both;
}
body.organic #ccWrapper div.ccStepForm{
  display:block;
  margin: 20px 0 0 0;
  padding: 10px 0;
  border-top: 1px solid #ddd;
}
body.organic #ccWrapper fieldset{ 
  margin: 20px auto 0 auto;
  border: none !important;
  width: 400px;
}
body.organic #ccWrapper #step10 fieldset{ width: 200px; }
body.organic #ccWrapper #step6 .ccStepForm fieldset#optionsBox{
  display:block;
  width: 400px;
  margin: 20px auto;
}
body.organic #ccWrapper #ccSidebar fieldset{ 
  width: auto !important;
  margin: 0px auto 0 auto;
  padding: 0;
  border: none !important;
}
body.organic #ccWrapper #ccSidebar fieldset p{
  margin: 0;
  padding: 0;
  color:#555;
}
body.organic #ccWrapper #ccContent p{
  font-size: 14px;
  margin: 0;
  padding-left: 0;
}
body.organic #ccWrapper #ccContent p.error{
  margin: 10px 0;
  padding: 0 0 0 10px !important;
  font-size: 12px; 
}
body.organic #ccWrapper div.hidden{ display:none; }
body.organic #ccWrapper div.active{ display:block; }
body.organic #ccWrapper div.next,
body.organic #ccWrapper div.prev,
body.organic #ccWrapper div.submit{
  display:inline;
  margin: 0;
  padding: 0;
}
body.organic #ccWrapper div.next,
body.organic #ccWrapper div.submit{
  float:right;
  clear:right;
}
body.organic #ccWrapper div.prev,
body.organic #ccWrapper div.backStepError{
  float:left;
  clear:left;
}
body.organic #ccWrapper div.prev p,
body.organic #ccWrapper div.next p,
body.organic #ccWrapper div.submit button,
body.organic #ccWrapper div.backStepError p{
  padding: 5px 7px !important;
  background-color:#555;
  border-radius: 3px;
  border: 1px solid #000;
  color:#fff;
  text-transform: uppercase;
  font-size: 12px !important;
  font-weight: bold;
  cursor: pointer;
}
/* content area steps */
body.organic #ccWrapper .ccStepForm fieldset legend{ 
  border-bottom: 1px solid #DDDDDD;
  color: #761F1C;
  display: block;
  font-size: 16px;
  margin: 0 0 10px;
  padding: 0 0 5px;
  width: 100%;
}
body.organic #ccWrapper  #step6 .ccStepForm fieldset legend{ margin: 0 0 10px 0; }
body.organic #ccWrapper .ccStepForm fieldset label,
body.organic #ccWrapper .ccStepForm fieldset select,
body.organic #ccWrapper .ccStepForm fieldset input{
  display:block;
  width: 400px;
}
body.organic #ccWrapper .ccStepForm fieldset p.radioCheckbox input,
body.organic #ccWrapper .ccStepForm fieldset p.radioCheckbox label{
  display: inline !important;
}
body.organic #ccWrapper .ccStepForm .ccStep fieldset#optionsBox .check p { padding: 0 0 2px 0 !important; }
body.organic #ccWrapper .ccStepForm .ccStep fieldset#optionsBox .check input,
body.organic #ccWrapper .ccStepForm .ccStep fieldset#optionsBox .check label,
body.organic #ccWrapper #step10 fieldset label,
body.organic #ccWrapper #step10 fieldset input{
  display: inline !important;
  width: 30px !important;
  font-size: 14px;
}
body.organic #ccWrapper #step9 label { font-size: 14px !important; }
/* style for impression information to display for call center operative */
body.organic #ccWrapper dl.impression{ 
  margin: 0 0 20px 0;
  padding: 0 5px 0 0; 
}
body.organic #ccWrapper dl.impression dt{
  width: 65px;
  float: left;
}
body.organic #ccWrapper dl.impression dt:after{ content: ":"; }
body.organic #ccWrapper dl.impression dd{ margin-left: 70px; }

/* footer */
body.organic hr.clear{
  height: 0px;
  color:#fff;
  background-color:transparent !important;
  display:none;
  visibility: hidden;
}

/* side steps */
body.organic #ccWrapper .sideStep{
/*  margin: 0 10px 5px 0;
  padding: 1px 0 0 10px;
  border: 1px solid #B6D07D;
  border-radius: 3px; */
  border-bottom: 1px solid #E0E5E8;
  border-top: 1px solid #FFFFFF;
  margin: 0 10px 0 0;
  padding: 3px 0;
}
body.organic #ccWrapper #sideStep1.sideStep { border-top: none !important;}
body.organic #ccWrapper .sideStep.active:last-child{ border-bottom: none; }
body.organic #ccWrapper #resultNumberWrapper{
  position: absolute;
/*  margin: 0 10px 5px 0;*/
  margin: 0;
  top: -1px;
  right: 20px;
  padding: 5px;
  background-color:#C8EBE7;
  border: 1px solid #7DD0C7;
  border-radius: 3px;
}
body.organic #ccWrapper #resultNumber p.schoolResultCount{
  font-size: 18px;
  text-align: center;
  color:#000;
  margin: 0;
  padding: 0;
}
body.organic #ccWrapper #resultNumber p.schoolResultCount span {
  font-size: 14px;
  color:#568E88;
}
body.organic #ccWrapper #ccSidebar p.restartSideStep{
  display:none;
  padding: 2px 3px 0px 3px;
  position: absolute;
  top: 0;
  right: 10px;
  background-color:#DB8D72;
  border: 1px solid #C16C4F;
  border-radius: 3px;
  color:#fff;
}
body.organic #ccWrapper #ccSidebar h3,
body.organic #ccWrapper #ccContent h4{
  margin: 0 0 10px 0 !important;
  font-size: 14px !important;
  font-family: helvetica, arial, sans-serif;
  color:#416EB7;
  font-weight: bold;
}
body.organic #ccWrapper .sideStep p.sideStepName{
  font-weight: bold;
  color:#000;
  margin: 0;
  padding: 0;
}
body.organic #ccWrapper .sideStep p.sideStepName span { display: none; }
body.organic #ccWrapper #sideStepNavigation {
  margin: 0;
  padding: 0;
  position: relative;
}
body.organic #ccWrapper #sideStepNavigation .sideStep.active fieldset label{
  font-size: 11px;
  font-weight: normal !important;
}
body.organic #ccWrapper #sideStepNavigation .sideStep.active fieldset select{
  display:block;
  width: 90%;
}
body.organic #ccWrapper #sideStepNavigation .sideStep.collapsed{
  background-color:#D6FBE1;
}
body.organic #ccWrapper #sideStepNavigation .sideStep.collapsed p.sideStepName span { 
  font-weight: normal;
  text-decoration: underline;
  display: inline !important; 
}
body.organic #ccWrapper #sideStepNavigation .sideStep.collapsed fieldset{ display:none; }
body.organic #footer p.quiet{ border: none !important;}
/* offer display */
#offerPage.oedcc{ margin: 30px auto 0 auto; }
#offerPage.oedcc #offerPageNav {
  background-color:#666;
  width: 900px !important;
  margin: 5px auto;
  padding: 3px;
}
#offerPage.oedcc #offerPageNav a{
  color:#fff;
  font-weight: bold;
}
#offerPage.oedcc #offerPageNav a.prev{ float: left; }
#offerPage.oedcc #offerPageNav a.next{ float: right; }
#offerPage.oedcc #offerPageNav a.searchAgain{
  float: none;
  margin: 0 0 0 390px;
}
#offerPage.oedcc div.callcenterScript p{
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 11px;
  color:#111;
}
#offerPage.oedcc p.adCopy{
  margin: 0 0 10px 0;
  padding: 0;
}
#offerPage.oedcss #school div.syndicatecoreg {
  margin: 0 0 20px 0  !important;
  padding: 0 !important;
}
div.callcenterScript{ 
  border-bottom: 1px solid #ddd;
  margin: 0 0 10px 0;  
}
/* summary page */
#summaryPage.span-24{
  margin: 30px auto 0 auto !important;
  padding: 0 0 20px 0;
  width: 900px !important;
  float:none !important;
}
p.note { font-style: italic; }
ccStepScript p{
  display: block !important;
  padding: 0 5px !important;
  margin: 0 0 10px 0;
}
span.agent{
  width: auto !important;
  background-color:#d5f2cb;
  padding: 4px;
}
img.bbb,
#socialMedia { display: none !important; }