﻿/* DegreeHorizon.com, Written By, M.Bulfair - DMi Partners, www.dmipartners.com, 2009 */

/* CSS RESET 
------------------------------------------------------------------------------------ */
html, body, div, h1, h2, h3, h4, h5, h6, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  

/* Links  
------------------------------------------------------------------------------------ */
a, a:active, a:visited {font-size:1em; text-decoration:none; color:#004e67;}
a:hover {text-decoration:underline; color:#a43019;}


/* Body  
------------------------------------------------------------------------------------ */
body {background:#d0effc url(images/dh_bg.jpg) no-repeat center top fixed; font-family:"Trebuchet MS", "Trebuchet", "Arial", Sans-Serif; font-size:75%;}
.header{width:100%; height:89px; background: url(images/dh_header_bg.jpg) repeat-x; border-bottom:1px solid #c26e63;}
.headerWrap{width:850px; margin:0 auto;}
.wrap{background:url(images/thinBG.jpg) repeat-y center top; margin:0 auto; padding:25px 0 0 20px; width:825px;}
.wraphmpg {background:url(images/thinBG.jpg) repeat-y center top; margin:0 auto; padding:25px 0 0 20px; width:825px;}
.tagline{padding:50px 0 0 10px; width:329px; height:21px; display:block; float:left;}
.logo{padding:10px 0 0 0;}
hr {border:0 none; background-color:#c26e63; color:#c26e63; height:1px; clear:both;}
.Invalid {background:#FBE3E4; color:#8a1f11; border:1px solid #FBC2C4;}
input, select, textarea {background:#fbfbfb url(images/dh_textbox_bg.jpg) top left repeat-x; border:1px solid #d9d9d9; padding:3px; font:12px/14px "Trebuchet MS", "Trebuchet", "Arial", Sans-Serif;}
.image{float:left;}
p{margin:0 0 15px 0; font-size:1em; line-height:1.3em;}
.qs_formActual p, .contactForm p {margin:0;}
.ads {width:728px; margin:20px auto 0 auto; height:90px; display:block; clear:both; border:1px solid #E1E1E1;}
ul, ol {padding:0 7px 0 17px; margin:0;}


/* Header Navigation 
------------------------------------------------------------------------------------ */
.navigation ul{float:right; padding:0 10px 0 0;}
.navigation ul li {float:left; margin:5px 0 5px 20px; display:block;}
.navigation ul li a, .navigation ul li a:visited, .navigation ul li a:active{font-size:1.167em; color:#000; font-weight:bold;}
.navigation ul li a:hover, .navigation ul li a.on {text-decoration:underline; color:#a43019;}

/* Headings 
-------------------------------------------------------------- */ 
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #a43019; } 
h1 { font-size: 30px; line-height:33px;} 
.qs_formActual h1, .search2Wrap h1, .formHeader h1 {font-size:22px; line-height:25px;}
h2, .contactForm h1 {font-size: 18px; line-height:20px; margin-bottom: 0.333em;} 
h3, h3 a, h3 a:active { font-size: 1.167em; line-height: 1; margin-bottom: 10px; }
h3 a, h3 a:visited {color: #a43019; font-size: 1.167em;} 
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } 
h5 { font-size: 1.083em; font-weight: bold; margin-bottom: 1.5em; } 
h6 { font-size: 1em; font-weight: bold; } 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Footer 
-------------------------------------------------------------- */ 
.footer{clear:both; padding:30px 0 15px 0; width:99%; text-align:center; font-size:0.9em; color:#434244;} 
.footer ul {list-style:none; margin:2px auto; width:400px;}
.footer ul li{display:inline; margin:2px 5px;}
.footer ul li a.on{text-decoration:underline; color: #a43019;}

/* Visibility Styles 
----------------------------------------------------------------*/
.hide {visibility:hidden;}
.show {visibility:visible; display:block;}
.invisible {visibility:hidden; display:none; position:absolute; top:175px; width:600px; left:auto; z-index:10;}
.visible {visibility:visible; position:absolute; top:175px; width:600px; left:auto; z-index:10; visibility:visible; position:absolute; top:25%; left:auto;}


/* Pop-Ups
------------------------------------------------------------------------------------ */
.popup {width:760px; padding:15px; background:#fff; border:5px solid #a43019; display:block;}
#privacy h1,#privacy h2,#privacy h3, #privacy h4{margin:10px 0;}
#privacy p{margin:2px 0;}
#privacy p.closeButton {text-align:center; margin:10px 0 0 0; padding:0;}          

#overlay {background: #ccc; position: absolute;top: 0;left: 0;z-index: 10000;width: 100%;}
.prettyPopin {display: none;overflow: hidden;position: absolute;z-index: 11000;top: 50%;left: 50%;}
.prettyPopin a#b_close {display:none; position:absolute; z-index: 2; top: 10px;right: 13px;width: 41px;height: 9px;text-indent: -10000px;}
.prettyPopin a#b_close img{display:none;}
.prettyPopin .prettyContent {position: relative;width: 100%;height: 100%;font-size:.9em;}
.prettyPopin .prettyContent .prettyContent-container {display: none;}
.prettyPopin .prettyContent .loader {position: absolute;top: 50%;left: 50%;margin: 0; background:#fff; padding:20px; 
                                     border:2px solid #a43019;}
                                     
#simplemodal-overlay {background-color:#000; cursor:wait;}                   
#simplemodal-container #ThankYou {width:560px; padding:15px 15px 20px 15px; background:#fff; border:5px solid #a43019;}
#simplemodal-container h1 {margin:0 0 10px 0;}


/* QuickSearch/Featured widget styles 
----------------------------------------------------------------*/
#rightQuickSearch {width:250px; background:#fffbde; border:1px solid #e1e1e1; padding:15px; float:left; margin:0 0 50px 0;}
.qs_formActual input {width:190px; background:#fbfbfb url(images/dh_textbox_bg.jpg) top left repeat-x; border:1px solid #d9d9d9;}
.qs_formActual select {width:220px;}
#rightQuickSearch h1, #feat_school_list h1 {text-align:center;}
#feat_school_list a, #feat_school_list a:link {text-decoration:none;}
#rightQuickSearch .levelofeducation, .qs_formActual .levelofeducation {width:220px; background:url(images/step2.gif) no-repeat 5px 14px; padding:0 0 0 30px; margin:0 0 10px -5px;}
#rightQuickSearch .Degree, .qs_formActual .Degree {width:220px; background:url(images/step3.gif) no-repeat 5px 14px; padding:0 0 0 30px; margin:0 0 10px -5px;}
#rightQuickSearch .Discipline, .qs_formActual .Discipline {width:220px; background:url(images/step4.gif) no-repeat 5px 14px; padding:0 0 0 30px; margin:0 0 10px -5px;}
#rightQuickSearch .zip, .qs_formActual .zip {width:220px; background:url(images/step1.gif) no-repeat 5px 14px; padding:0 0 0 30px; margin:0 0 10px -5px;}
#rightQuickSearch .email, .qs_formActual .email {width:220px; height:40px; background:url(images/step5.gif) no-repeat 5px 14px; padding:0 0 0 30px; margin:0pt 0pt 10px -5px;}
#rightQuickSearch .Degree img, #rightQuickSearch .Discipline img, #rightQuickSearch .zip img, #rightQuickSearch .email img {padding:0; margin:2px 0 0 -15px; position:absolute;}
#rightQuickSearch .Degree p, #rightQuickSearch .Discipline p, #rightQuickSearch .zip p, #rightQuickSearch .email p {margin:0;}
.qs_formActual {position:relative; top:-3px;}
.form_cell input.applynowsubmit, input.searchnowsubmit, #student_loan input.loan_submit {background:none; padding:0; margin:10px 0;}
input.searchnowsubmit {margin:5px 0 0 0;}
.qserrorMsg {background:#FBE3E4; color:#8a1f11;  padding:10px 0; border: 2px solid #FBC2C4; width:100%; height:25px; text-align:center;}
.qserrorMsg h1{margin:0;}
.qs_formActual input.Invalid, .qs_formActual select.Invalid {background:#FBE3E4; color:#8a1f11; border:1px solid #FBC2C4;}
#rightQuickSearch .email input {width:215px;}
#rightQuickSearch .field {width:200px;}
#rightQuickSearch .label {width:220px;}

#homepage .nothanks, .search2Wrap .nothanks {display:block; background:none; padding:0; text-align:center; width:150px; margin:0 auto -8px auto; font-size:11px;}
#resultspage .nothanks {float:right; clear:both; background:none; margin:5px 0 0 0;}

/* Homepage Quicksearch
----------------------------------------------------------------*/
#homepage {width:846px; height:605px; position:relative; display:block; top:-25px; margin-left:-21px; background:#f1fbfd url(images/dh_homepg_bg2.jpg) no-repeat center 30px; }
#homepage #rightQuickSearch {position:absolute; top:18px; left:544px; z-index:10;}
#homepage #featSchools {width:846px; height:195px; position:relative; top:455px; left:0px; z-index:10;}
#homepage .browse {display:block; position:absolute; left:110px; top:363px; z-index:1;} 
#homepage .browse img {border:none;} 
             
/* Contact Page
----------------------------------------------------------------*/
#contactWrap { background:url(images/contactus.jpg) no-repeat; width:810px; height:600px; position:relative;}
#contactWrap .contactForm {width:316px; position:absolute; top:100px; left:315px; z-index:1;  background:#fffbde; border:1px solid #e1e1e1; padding:10px;}
#contactWrap .contactForm h1 {border-bottom:1px solid #c26e63; margin:0 0 15px 0; padding:0 0 10px 0;}
#contactWrap .contactForm label {width:200px; display:block; margin:5px 0 1px 0;}
#contactWrap .contactForm input {font-size:0.917em; background:#fbfbfb url(images/dh_textbox_bg.jpg) top left repeat-x; border:1px solid #d9d9d9; padding:3px; width:220px; margin:0 0 5px 0;}
#contactWrap .contactForm .submitWrap {width:316px; position:relative; font-size:0.9em; font-weight:bold; text-align:right;}
#contactWrap .contactForm input.submit {background:none; margin:10px auto 0 auto; width:90px; height:31px; display:block;}
#contactWrap .contactForm input.Invalid {background:#FBE3E4; color:#8a1f11; border:1px solid #FBC2C4;}
#contactWrap .contactForm div.grippie {background:#d9d9d9 url(images/grippie.png) no-repeat scroll center 2px; border-color:#DDDDDD; border-style:solid;
border-width:0pt 1px 1px; cursor:s-resize; height:9px; overflow:hidden;}
#contactWrap .contactForm .resizable-textarea textarea {display:block; margin-bottom:0px; width:300px; height:20%; background:#fff;}

/* Search Page 2 Styles 
----------------------------------------------------------------*/

#searchpage2 {width:810px; margin:0 auto;}
#searchpage2 hr {margin:0 0 7px 0;}
#searchpage2 .formHeader {margin-bottom:5px;}
#searchpage2 .formWrap {padding:20px;}
#searchpage2 .search2Wrap {width:455px; margin:0 20px 0 0; float:right; background:#fffbde; border:1px solid #e1e1e1;}
#searchpage2 .homephone, #searchpage2 .levelofeducation, #searchpage2 .city, #searchpage2 .zip {float:left; white-space:nowrap;}
#searchpage2 .zip {clear:both;}
#searchpage2 .workphone, #searchpage2 .startdate, #searchpage2 .state {float:left; clear:none;}
#searchpage2 .lastname, #searchpage2 .state, #searchpage2 .workphone, #searchpage2 .startdate {margin:0 0 3px 15px; height:45px;}
#searchpage2 .firstname, #searchpage2 .city, #searchpage2 .state, #searchpage2 .homephone, #searchpage2 .address, #searchpage2 .address2, #searchpage2 .levelofeducation, #searchpage2 .zip {margin-bottom:5px;}
#searchpage2 .firstname input, #searchpage2 .lastname input, #searchpage2 .state input, #searchpage2 .homephone input, #searchpage2 .workphone input, #searchpage2 .city input, #searchpage2 .zip input {width:170px;}
#searchpage2 p {padding:0; margin:0; clear:both;}
#searchpage2 p .applynowsubmit {top:25px;}
#searchpage2 p > .applynowsubmit {top:28px;}
#searchpage2 p .applynowsubmit {margin:0;}
#searchpage2 #turingwrap {clear:both; margin:0 0 -18px 0; padding:10px 0 0 0; text-align:center; color:#344D00; font-size:9pt; line-height:12pt;}
#searchpage2 #turingwrap div#turing {margin-bottom:-10px;}
#searchpage2 #opt_in {clear:both; padding:5px 0 5px 0;}
#searchpage2 #opt_in .container {margin:0; padding:0 5px 0 0; float:left;}
#searchpage2 #opt_in input {margin:0; background:none; border:none;}
#searchpage2 .applynowsubmit {padding:0; margin:10px 0;}
#searchpage2 .Invalid {background:#FBE3E4; color:#8a1f11; border:1px solid #FBC2C4;}

/* Specific form field styles
 ----------------------------------------------------------------*/
.firstname, .middlename, .lastname, .city, .state, .zip, .country, .workphone, .homephone, .gender, .dateofbirth, .address, .address2, .mobilephone, .besttimetocall, .email, .levelofeducation, .startdate, .program, .highschoolgraduationyear, .container {margin:0 0 8px 0;}
.label { font-size:1em; line-height:1.33em; padding:0;}
.caption {font-size:11px; line-height:1.33em; margin-top:1px; padding:0; font-style:italic; min-width:150px; color:#999;} 
.firstname, .middlename, .lastname, .state, .zip {float:left;}
.firstname {clear:left;}
.middlename input {width:30px;}
.address, .address2, .state, .country, .workphone, .homephone, .mobilephone, .besttimetocall, .email, .gender, .dateofbirth, .levelofeducation, .startdate, .program, .highschoolgraduationyear, .container {clear:left;}
.address input, .address2 input, .email input {width:270px;}
.city input {width:175px;}
.firstname input, .lastname input {width:132px;}
.zip input {width:93px;}
.applynowsubmit {background:none;}
.firstname, .state {padding:0 5px 0 0;}

/* Search Results
 ----------------------------------------------------------------*/
#resultspage {width:810px;}
#resultspage .formText{margin:0 0 5px 0; font-style:italic;}
#resultspage table.resultsContent {background:#fffbde; border:1px solid #e1e1e1; width:auto;}
#resultspage table.resultsContent td {padding:10px;}
#resultspage td.schoollogo {text-align:center; padding:0 20px 0 0;}
#resultspage hr {margin:20px 0;}
#resultspage .stepInstr img {float:left; margin-right:5px;}
#resultspage .stepInstr {margin:0 0 7px 0; padding:0;}
#resultspage .container {padding:0 0 8px 0; margin:0;}
#resultspage .form_cell {width:500px; margin:0 20px 0 0;}
#resultspage .form_cell p {font-size:1em; line-height:1.33em;}
#resultspage .applynowresults {margin-top:10px; background:none;}
#resultspage .moreschools {float:right; background:none;}
#resultspage .Invalid {background:#FBE3E4; color:#8a1f11; border:1px solid #FBC2C4;}
#resultsTable{width:810px;}
#resultsTable h2{width:600px;}

/* Processing Box & New AJAX Status
----------------------------------------------------------------*/
#processingBox {position:absolute; top:550px; font-weight:bold;  filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; width:100%; height:100%; background-color:#ccc; z-index:600;}
#processingBox p {position:relative; top:200px; width:550px; color:#e4a100; background-color:#fff; padding:50px 10px; font-size:20px; border:5px solid #e4a100;}
#processingBox a {color:#a43019; text-decoration:none;}
#processingBox a:hover {text-decoration:underline;}
.processingBox {width:480px; background:#fffbde; padding:30px 20px; border:5px solid #a43019; text-align:center;}
.processingBox h2 {text-align:center; font-weight:bold; border-bottom:1px solid #c26e63; padding:0 0 5px 0;}
.processingBox #inputs input {vertical-align:middle;}
.modalBackground {background-color:#d0effc; filter:alpha(opacity=85); opacity:0.85;}
img.schoollogo {float:right; margin:0 0 10px 10px;}
.findmore {float:right; position:relative; top:-5px;}

.ZipCodeMessageDiv #inputs .button {background:none;}

#ajaxStatus {background-color:#fffbde; border-top:5px solid #c26e63; font-size:1.7em; position:fixed !important; position:absolute; /*IE 6 Fix */ bottom:0; left:0; font-weight:bold; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; width:100%; height:60px;  z-index:600; color:#a43019; padding:5px 0; text-align:center;}


#ajaxStatus p {width:840px; display:block; margin:5px auto;}
#ajaxStatus  a {color:#a43019; text-decoration:none;}
#ajaxStatus a:hover {color:#a43019;}

/* School Forms 
----------------------------------------------------------------*/
div.LongFormWrap {background:#fffbde; border:1px solid #e1e1e1; padding:15px; margin:0 20px 0 0; min-width:300px;}
td.formColumn {}
div.leftCopy {overflow:auto; padding-right:20px;}
div.errorMsg{background:#FBE3E4; color:#8a1f11;  padding:10px 2px; margin:2px auto; border: 2px solid #FBC2C4; width:90%; text-align:center;}
div.errorMsg img {margin:0; float:left;}
div.errorMsg p{font-weight:bold; background:url(images/error.gif) no-repeat 21px 1px; text-indent:25px;}
.stepInstr {border-bottom:1px solid #e0b4a0; margin:15px 0 15px; padding:0 0 3px 0;}
.stepInstr img {float:left; margin-top:2px;}
.stepInstr h3 {font-weight:normal; display:inline; margin-left:5px;}
.formHeader hr {display:none;}
#formrequired {display:block; margin:5px 0 -25px 0; padding:0; text-align:right; font-size:9px; font-style:italic;}


/* Custom 404-403 Page
----------------------------------------------------------------*/
div.CustomError {background: url(images/404.jpg) no-repeat; width:500px; height:359px; display:block;}
div.CustomError p{margin:0; padding:130px 0 0 10px; display:block; width:300px; font-weight:bold;}


/* School List 
----------------------------------------------------------------*/
.school_server_pull {padding:15px 0 0 0;}
.school_server_pull p a {margin:0 0 5px 0;}
p.topLink {display:block; width:100%; text-align:left; margin:0 0 5px 0;}

/* Thank You 
----------------------------------------------------------------*/
.pageContent{width:500px; float:left; margin:0 0 20px 20px;}


/* SFIR Styles 
----------------------------------------------------------------*/
@media screen {
  .sIFR-flash {visibility: visible !important; margin: 0;padding: 0;}
  .sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
  .sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
  .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}

@media print {
  .sIFR-flash {display    : none !important;height     : 0;width      : 0; position   : absolute;overflow   : hidden;}
 .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}



