/*for tag*/
body, h1, h2, h3, h4, h5, h6, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, blockquote, q, th, td, caption, table, div, span, object, iframe, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
margin: 0;padding: 0;border: 0;font-size: 16px;font-family: "Roboto", Arial;color:#333;line-height:30px;}
body {background:#f5f5f5}
h2 {font-size:18px}
table th {font-weight:500;}
table tr.hanging th {padding-left:35px;}
table tr.hanging th,table tr.hanging td {padding-top:0;padding-bottom:0}
table tr td.ba {word-break:break-all}
a {color:#245dc1;text-decoration:none;}
ul, li {list-style:none;}


/*ad control
.tab-container.notad ins {display: none}
*/
/*header*/
#header-wrapper {
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;min-width: 952px;
width: 1260px;margin:0 auto;background: #f1f1f1;border-bottom: 1px solid #e5e5e5;height: 75px;
;padding: 20px 0 0 45px;color: rgba(255,255,255,0.5);position: relative;}
.title-wrapper {padding-top:6px}
.title-wrapper h1 {font-size: 26px;font-weight: bold;text-transform: uppercase;letter-spacing: -3px;color:#787878}
.title-wrapper a {font-size: 26px;font-weight: bold;text-transform: uppercase;letter-spacing: -3px;color:#787878}
.topsearchbox {position: absolute;top: 20px;left: 390px;}
.searchbox {position: absolute;top: 20px;left: 390px;}
#snametxt {}
.searchbox form button {padding: 3px;background: #4D90FE;border: 1px solid #3079ED;border-radius: 3px;width: 80px;height: 36px;margin-left: 20px;font-weight: bold;font-size: 14px;cursor: pointer;}
.searchbox form button span {color: white;}
.searchbox form input[type="submit"] {padding: 3px;background: #4D90FE;border: 1px solid #3079ED;border-radius: 3px;
	width: 80px;height: 35px;margin-left: 5px;font-weight: 600;font-size: 14px;cursor: pointer;color:white;text-transform: uppercase;}

/* menu */
div#menu {height:40px;background:#444;top: 0;left: 0;color: #646464;font-size: 14px;line-height: 150%;}
ul.menu {clear: both;float: none;cursor: pointer;z-index: 1;position: relative;}
div#menu ul {margin: 0px;padding: 5px 0 0 30px;list-style: none;float: left;z-index: 2;position: relative;}
div#menu li {position: relative;margin: 0px;padding: 0px;display: block;overflow: visible;float: left;height: 30px;z-index: 3;}
/* menu::level1 */
div#menu li a {height: 30px;display: block;float: left;line-height: 30px;text-decoration: none;color: #646464;overflow: hidden;z-index: 4;position: relative;}
div#menu li span { color: #fff; display: block;padding: 0 15px;background-repeat: no-repeat;background-position: 95% 0px;z-index: 6;position: relative;}
div#menu span:hover {color: #333;background:#fafafa}
.menu-wrapper {background:#444}
.menu-wrapper nav {margin:0 auto;width:1240px}
/*breadcrumbs*/
.breadcrumbs div {display: inline;}
.breadcrumbs div a span {font-size: 13px;color: #000;font-style:normal;padding-bottom:3px;}
.breadcrumbs div a span:hover {}
.breadcrumbs div span {font-size: 13px;color: #666;font-style:italic}


.breadcrumbs ol li {display: inline;}
.breadcrumbs ol li a span {font-size: 12px;color: #000;}
.breadcrumbs ol li span {font-size: 12px;color: #666;}
.breadcrumbs ol li a span:hover {border-bottom:1px solid #666}


/*content*/

#content-wrapper {padding-left: 50px;width:1120px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);border-radius: 3px;margin:20px auto 0 auto;background:white;padding-bottom:25px;}
#main-wrapper {float:left;width:750px;padding-left:20px;font-size:13px;min-height:500px;line-height:26px;}
#main-wrapper h2 {font-size:22px; font-weight:400;}
.main-title {padding:20px 0 10px 20px}
.main-title h2 {font-size:28px;font-weight:normal}
.main-title h1 {font-size:28px;font-weight:normal;display:inline-block;}
.main-title .subtitle {  font-weight: 400;color: #777;margin-left: 20px;font-size:20px;text-transform: uppercase;display:inline-block;}
.shortdesc {padding:10px 0}
.shortdesc.first .mpgf {font-size:15px;}

.table-wrap {margin-top: 32px}
.campusexplorer-listings {max-height: 700px;overflow-x: hidden;overflow-y: scroll;margin-bottom: 48px}
/*sidebar*/
#sidebar {float:left;width:300px;display: inline;overflow: hidden;margin-left: 20px;padding: 12px;background-color: #f9f9f9;
border: 1px solid #ccc;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;
-o-border-radius: 5px;border-radius: 5px;margin-left:20px;}
#sidebar {background:0;border:0;padding-top:0px}
#sidebar h2 {font-size:22px;font-weight:normal}
.sidebarsub {padding-top:20px;font-size:16px;}
.sidebarsub .sd {float:left;margin-right:10px;}
.sidebarsub .sd2 a {color: #005ea6;font-weight: bold;font-size: 16px;}
.sidebarsub .sd2 div {font-size:14px;line-height:18px;}
#sidebar .morecmp * {line-height:20px;}
#sidebar .morecmp {background:#fafafa;padding: 5px 10px;margin: 15px 0 20px;border: 1px solid #ddd;border-radius: 3px}
#sidebar .morecmp h2 {margin:10px 0; font-size:20px}
#sidebar .morecmp ul {margin-left:7px;}
#sidebar .morecmp li{padding:5px 0px;}
#sidebar .morecmp li a{color:#57a755;font-size:14px}

/*ad*/
.topcenterad {margin-top:20px; text-align:center;}
.inpostad {float:right;padding:10px;}
.inpostwide{margin-top: 10px;text-align: center;border: 0px solid #ddd;padding-top: 0px;}
.leftmenubottomad {margin-top:25px;text-align:center;border:1px solid #ccc;background:#fafafa}
.topad {margin: 15px 0 0 230px;}

/*ce boxex*/
.reqinfo a {background: #d26c19;padding: 3px 10px;border: 1px solid #d26c19;border-radius: 5px;color: #fafafa;font-size: 12px;}
.see {float: right;padding: 5px 10px;background: #5bf;border: 1px solid white;border-radius: 5px;color: #f1f1f1;margin: 10px 0 0 0;
width: 100px;text-align: center;line-height: 18px;cursor:pointer;}
.see:hover {background:#4af;color:white}
.see a,.see a:link, .see a:visited {color:white;text-decoration:none}
.seebox {line-height:20px; background: #e4eef6;border: 1px solid #d4ddf6;border-radius: 5px;margin: 0 0 0 10px;text-align: center;width: 300px;height:120px;float:right;}
.seebox h3 {color:#4697c5;margin:10px 15px 10px 15px;max-height:30px;line-height:24px;font-weight:500;font-size:18px;overflow:hidden}
.seebox a{background: #57a755;padding: 10px 20px 10px 15px;color: white;border-radius: 3px;
font-weight: bold;font-size: 13px;position: relative;}
.rightarrow{width: 0;height: 0;display: inline-block;border-top: 6px solid transparent;
border-bottom: 6px solid transparent;border-left: 6px solid white;margin-left: 0px;
position: absolute;right: 7px;top: 12px;}
.seebox.edu {width:578px;height:100px;margin-bottom:10px;line-height:20px;}

.shortdesc.first .mpgf {font-size:15px;}

/*footer*/
#footer {background:#333;padding:10px 0;position:absolute;width:100%;margin-top:35px;}
footer #footer{padding:10px 44px;}
#footer a {color:#f1f1f1;font-size:14px;padding-right:20px;}
#footer a:hover{color:#fff;font-weight:500}


/*share buttons*/
.sharewrapper {position:fixed;top:240px;left:10px}
.share-buttons li {margin:5px 0;line-height:0}
.share-buttons li span {opacity:0.5;display:block;width:32px;height:32px;}
.share-buttons li span:hover {opacity:1.0}
span.fbimg {background: url("//www.collegetuitioncompare.com/images/sns/Facebook.png") no-repeat; }
span.twimg {background: url("//www.collegetuitioncompare.com/images/sns/Twitter.png") no-repeat; }
span.googleimg {background: url("//www.collegetuitioncompare.com/images/sns/Google+.png") no-repeat; }
span.emailimg {background: url("//www.collegetuitioncompare.com/images/sns/Email.png") no-repeat; }
span.linimg {background: url("//www.collegetuitioncompare.com/images/sns/LinkedIn.png") no-repeat; }
span.rdimg{background: url("//www.collegetuitioncompare.com/images/sns/Reddit.png") no-repeat; }
span.tbimg {background: url("//www.collegetuitioncompare.com/images/sns/Tumblr.png") no-repeat; }
span.wpimg {background: url("//www.collegetuitioncompare.com/images/sns/Wordpress.png") no-repeat; }

.savewrapper {position: absolute;  top: 25px;  left: 1035px;  padding: 4px 10px;  background: #57c755;border-radius:3px}
a.gotosaved{color:white;font-weight:500;text-transform:uppercase}
.asaveschool {display:inline-block;vertical-align:middle;border-radius:2px;padding:0px 10px;margin-left:20px;background:#57c755;color:white;text-align:center;cursor:pointer}
.asaveschool.saved {opacity:0.5;}
#savemsg {padding-left:10px;font-size:12px;}

.separator {clear:both;display:block;}
#comparedschools, #mostviewed {padding:20px 15px; margin:10px 0 20px;border:1px solid #ddd;border-radius:3px}
#comparedschools, #mostviewed {font-size:24px;}
#comparedschools ul li,#mostviewed ul li {padding:5px 0;line-height:16px;}
#comparedschools ul li a,#mostviewed ul li a {font-weight:500;color:#257dbe;padding-right:10px;line-height:16px;font-size:14px;}
#comparedschools ul li span,#mostviewed ul li span {padding-left:0px;color#666;text-transform:uppercase;font-size:10px;display:inline-block;line-height:16px;}
#mostviewed ul li span{font-size:12px;}

.campusexplorer-widget * {line-height:16px;font-size:13px}
.campusexplorer-widget .step .header h2 em a {
  color: #efefef;text-decoration: none !important;font-size: 20px;text-transform: uppercase;box-shadow: none;font-weight: 500;line-height:28px;
}
#sidebar .campusexplorer-widget .step .header h2 em a {
  font-size: 16px;font-weight:700
}

.metatool {margin-left:20px;}
.metatool span{ width: 160px;color: white;text-align:left;display: inline-block;padding: 5px 10px;
margin: 5px 0;text-transform: uppercase;font-size: 12px;font-weight: 600;cursor:pointer;}
.metatool span:hover {box-shadow:0 0 3px 0 #666}
.metatool span.asaveschool {background: #73c5e1;position:relative;}
.metatool span.asaveschool i{color: #73c5e1;text-align: center;font-style: normal;font-weight: 500;font-size: 16px;position: absolute;background: white;display: inline-block;width: 14px;height: 14px;top: 7px;border-radius: 58%;left: 95px;line-height: 16px;}
.metatool span.getinfo {background: #257dbe;}
.metatool span.getinfo a{color:white;font-size:12px;}
.metatool span.inst{margin:0}
.metatool span.gogradpage {background: #257dbe;}
.metatool span.gogradpage a{color:white}
.metatool span.goonlinepage {background: #bccf02;}
.metatool span.goonlinepage a{color:white}
.metatool span.gomainpage {background: #5bb12f;}
.metatool span.gomainpage a{color:white;font-size:12px;}

figcaption {
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 0;
}

.sourcedesc {font-size:13px;line-height:20px;color:#666}
.nexttuitionlink {display:none}

.estbutton {display:inline-block;padding:5px 10px;display:none;}
.estbutton.active {background:#dedede;font-weight:666;display:inline-block;border:1px solid #ddd;border-bottom:0}
.tdc.est {display:none}
.tdc.est.active {display:block}

.overlay{visibility: hidden;position: absolute;left: 0px;top: 0px; width:100%;height:100%;text-align:center;z-index: 1000;}
.overlay div {width:500px;margin: 100px auto;background-color: #fff;border:1px solid #000;padding:15px;text-align:center;}
.overlaybg {width: 100%;height: 100%;background: black;opacity: 0.6;position: absolute;z-index: -1;top: 0;left: 0;margin: 0;}

.tuitiontab {font-size:13px;font-weight:400;cursor:pointer;}
.tuitiontab:hover {color:blue;text-decoration:underline;}
.tuitiontab.tonext {padding-left:15px;}
.tuitiontab.tocurrent {padding-right:15px;}
#nexttuitionwrap {display:none}

.nomatch {background-color: #DB7093;color: white;padding: 10px; margin-bottom:10px; !important;}

.recommendedwrap {position:absolute;top:41px;left:0;background:white;border:1px solid #ddd;border-top:0;
	;z-index:999;width:366px;}
#recommended ul {box-shadow:0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08)}
#recommended li {list-style:none;color:#666;cursor:pointer;padding:5px 10px;line-height:15px;font-size:13px;}
#recommended li:hover{background:#ededed}
#recommended li::first-letter{text-transform:uppercase}
#recommended li.rcmli.active{background:#ededed;}
