/* 



Kai Brach



brizk design (www.brizk.com)



*/







/* Basics ######################################################### */







html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 



	margin: 0; padding: 0; 



} 





body {

	text-align: center;

	font-family: sans-serif;

	font-size: 13px;

	border: 0;

	color: #414141;

	background: #fff;

	line-height: 19px;

}	



#header {



	height: 47px;

	background: #004271;

	border-bottom: 5px solid #e4eff8;

	margin-bottom: 30px;

}





#footer {

	height: 27px;

	padding: 10px 0 0 0;

	background: #004271;

	border-top: 5px solid #e4eff8;

	margin-top: 30px;

}





.wrap {



	margin: 0 auto;

	width: 960px;

	text-align:left;

}



.post {

    width: 530px;

}



.dotted {

	background: url(images/dot.gif) 540px 0 repeat-y;

}



#line {

	background: url(images/dot.gif) 200px 0 repeat-y;

}



#top-box {

        position:relative;

        margin:0px 0px 20px 0px;

        padding:0;

        border-bottom:#FFF 10px solid;

        background:url(images/bg-top-box.jpg);

        height:286px;

}

#top-box-finder {

	position:absolute;

        margin: 20px 20px 20px 30px;

        padding:0;

	width:320px;

}

#top-box-finder h2 {

        margin:5px 0 10px 0;

        color:#FFF;

        font-size:21px;

        text-align:center;

        border-bottom:none;

}

img.numbers {

        position:absolute;

        left:-68px;

        top:24px;

}

#top-box-content {

        position:absolute;

        margin:0;

        padding:0;

        width:340px;

        top:25px;

        left:380px;

        color:#666;

}

#top-box-content h2 {

        border-bottom:none;

        margin:0;

        padding:0;

        line-height:120%;

}

#col-left {
	font-size:14px;
	width: 520px;
    	margin-top:-11px;
	float: left;

}





#col-right {

	width: 400px;

	float: right;

}



#split-left {

	width: 180px;

	float: left;

}





#split-right {

	width: 180px;

	float: right;

}



#intro {

	background: #e4eff8 url(images/bg-intro-flipped.gif) left 14px no-repeat;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	padding: 20px 0px 20px 175px;

	height: 155px;

	margin-bottom: 30px;

}



#intro h1 {

    padding-left: 0px;

    margin-left: -10px;

}



#intro p {

    margin-left: 10px;

}



#featured {

	background: #e4eff8;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	padding: 30px 0px 20px 110px;

	height: 85px;

	margin-bottom: 30px;
    
    display:none;

}



#featured img {

    border: 5px solid #fff;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    margin-right: 25px;

}



.arrow img{

    margin-left: -82px;

    margin-top: 57px;

    position: absolute;

    z-index: 0;
    
    display:none;

}



.section {



	padding-bottom: 15px;



	clear: both;



}







.uni {



	border-bottom: 1px solid #e4eff8;



	padding-bottom: 15px;



	margin-bottom: 15px;



}







.uni div {



	width: 325px;



	float: right;



}







#finder {

	background: #fff495 url(images/bg-finder.gif) right 14px no-repeat;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	padding: 20px;

	height: 235px;

	margin-bottom: 30px;
    
    display:none;

}







.recom {



	padding-bottom: 15px;



	border-bottom: 1px solid #e4eff8;



	margin-bottom: 10px;



}







#states {



	background: #e4eff8; 



	-webkit-border-bottom-left-radius: 4px;



	-webkit-border-bottom-right-radius: 4px;



	-moz-border-radius-bottomleft: 4px;



	-moz-border-radius-bottomright: 4px;



	border-bottom-left-radius: 4px;



	border-bottom-right-radius: 4px;



	padding: 10px;



	margin: -10px 0 0 0;



	height: 250px;



	overflow: auto;



}







/* Headlines ######################################################### */		











h1 {



	padding: 0 0 15px 0;



	font-size: 24px;



	line-height: 30px;



	color: #004271;



}







#intro h1 {



	padding-bottom: 10px;



}







#finder h1 {



	color: #726e4e;



	padding: 0 0 12px 0;



}







h2 {



	font-size: 18px;



	line-height: 24px;



	margin-bottom: 10px;



	padding-bottom: 5px;



	border-bottom: 2px solid #004271;



	color: #004271;



}







.post h2 {

	margin: 0;

	padding: 0 0 15px 0;

	border: none;

	border-bottom:#CCC 1px dotted;

	margin-bottom:15px;

	font-size:35px;

	line-height:120%;

}







h3 {



	font-size: 15px;



	color: #004271;



}







#col-right h3 {



	margin-bottom: 10px;



	padding-bottom: 5px;



	border-bottom: 2px solid #004271;



}







/* Links ######################################################### */	







a:link,  a:visited, a:active {color:#0f5c92; text-decoration: none; outline: none}



a:hover {color:#2684c8; text-decoration: underline}







#logo {



	width: 311px;



	height: 25px;



	background: url(images/logo.png) 0 0 no-repeat;



	display: block;



	float: left;



	margin: 10px 0 0 0;



	text-indent: -1111em;



}







.post a {



	font-weight: bold;



}







a.button-small {



	display: inline-block;



	background: #e4eff8;



	padding: 2px 7px 2px 7px;



	font-weight: bold;



	-webkit-border-radius: 4px;



	-moz-border-radius: 4px;



	border-radius: 4px;



}







a.button-small:hover {



	background: #004271;



	color: #fff;



	text-decoration: none;



}







a.button {



	display: inline-block;



	background: #ec6a1c;



	padding: 5px 10px;



	font-weight: bold;



	color: #fff;



	-webkit-border-radius: 4px;



	-moz-border-radius: 4px;



	border-radius: 4px;	



}



.linklist li a {

	display: inline-block;

	padding: 0 0 0 11px;

	background: url(images/bullet.gif) 0 -65px no-repeat;

}



.linklist li a:hover {

	background: url(images/bullet.gif) 0 4px no-repeat;

}



#footer a {

	color: #fff;

	display: inline-block;

	margin-right: 10px;

	font-weight: bold;

}



/* Fonts ######################################################### */



.font-grey {color:#878787;}



p {

	padding:0 0 25px 0;

}



#footer p {

	width: 400px;

	text-align: right;

	float: right;

	color: #7db6de;

	padding: 0;

}	



span.top {

	font-size: 11px;

	text-transform: uppercase;

	color: #ec6a1c;

}



#intro p {

	padding: 0;

	color: #427296;

}



.recom p {

	padding-bottom: 10px;

}





td.rank span, form span {

	display: inline-block;

	background: #004271;

	text-align: center;

	width: 24px;

	height: 24px;

	line-height: 23px;

	color: #fff;

	font-weight: bold;

	-webkit-border-radius: 12px;

	-moz-border-radius: 12px;

	border-radius: 12px;

}



form span {

	background: #dbd17e;

	color: #fff495;

}



form p {

	padding: 0 0 3px 0;

}



/* Navigation ######################################################### */



#header ul {

	margin: 15px 0 0 0;

	padding: 0;

	list-style-type: none;

	width: 550px;

	float: right;

	text-align: right;

}



#header li {

	display: inline;

	margin: 0;

	padding: 0;

}



#header li a {

	display: inline-block;

	padding: 7px 10px 6px 10px;

	font-weight: bold;

	background: #427296;

	color: #fff;

	-webkit-border-top-left-radius: 4px;

	-webkit-border-top-right-radius: 4px;

	-moz-border-radius-topleft: 4px;

	-moz-border-radius-topright: 4px;

	border-top-left-radius: 4px;

	border-top-right-radius: 4px;



}



#header li a:hover {

	background: #5587ac;

	text-decoration: none;

}



#header li a.active, #header li a.active:visited, #header li a.active:hover {

	background: #e4eff8;

	color: #004271;

	text-decoration: none;

}	

	



/* Images ######################################################### */	



img {

	border: none;

}



.uni img {



	margin: 0 0 10px 0;



}



#blog {

	margin: -10px 0 5px 0;

}

img.promo {
	float: right;
	margin: 0 9px 9px 15px;  
	-moz-box-shadow: 5px 5px 2px #888; 
	-webkit-box-shadow: 5px 5px 2px #888; 
	box-shadow: 5px 5px 2px #888; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}








/* Tables ######################################################### */



.ranks {

	width: 100%;

	margin: 0 0 15px 0;

}



.ranks td {

	border-bottom: 1px solid #e4eff8;

	padding: 4px 3px;

}



.ranks td.rank {

	width: 26px;

}	



.ranks td.name {

	font-weight: bold;

	width: 300px;

}



.ranks td.rate {

	background-image: url(images/star.gif);

	background-position: 0 6px;

	background-repeat: no-repeat;

	padding: 0 0 0 20px;

}



.ranks td.link {

	text-align: right;

}



.ranks tr:hover td {

	background-color: #fffce4;

}



.ranks thead td {

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

	background-image: none;

	border-bottom: 2px solid #e4eff8;

}



.ranks thead tr:hover td {

	background-color: #fff;

}





/* Lists ######################################################### */



ul.linklist {

	padding: 0 0 13px 0;

	margin: 0 0 0 -11px;

	list-style-type: none;

}



ul.linklist li {

	padding: 1px 0 2px 0;

	margin: 0;

}







.post ul, .post ol {

}



.post li {

	padding-bottom:15px;

	margin-bottom:15px;

	border-bottom:1px dotted #CCC;

}





/* Forms ######################################################### */



form {

	padding: 0;

	margin: 0;

}



form.search {

	background: #e4eff8;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	padding: 10px 20px;

	margin:-10px 0 10px 0;

	color: #427296;

}



select {

	margin:10px 0 10px 20px;

        width: 235px;

	font-family: sans-serif;

	font-size: 13px;

}



.search input {

	width: 230px;

	font-family: sans-serif;

	font-size: 13px;

}



.finder input {

	display: inline-block;

	background: #ec6a1c;

	padding: 5px 10px;

	font-weight: bold;

	color: #fff;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	border: none;

	font-family: sans-serif;

	font-size: 13px;

	cursor: pointer;

	margin: 5px 0 0 20px;

}



.finder input:hover {

	text-decoration: underline;

}



.edudirect-search-widget input {     

        background: url(images/btn-find-now.png) no-repeat;

        cursor: pointer;

        font-size: 0;

        margin: 5px 0 0 0;

        padding: 0;

        width:287px;

        height:58px;

        border:none;

}

.edudirect-search-widget input:hover {     

        background: url(images/btn-find-now.png) no-repeat bottom left;

}

/* Misc ######################################################### */		



.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}



* html .clearfix             { zoom: 1; } /* IE6 */



*:first-child+html .clearfix { zoom: 1; } /* IE7 */



.float-left {

	float:left;

}



.float-right {

	float:right;

}	



.clear {

	clear:both;

}	



.center {

	text-align:center;

}	







<!-- Open Widget Styles -->

#open-widget {

	border:#96bdde 10px solid;

	background:#c8dcf0;

	position:relative;

	margin:0px 0px 30px 0px;

	padding:0;

	height:293px;	

}

#open-widget-head {

	position:relative;

	height:45px;

	padding:10px 10px 10px 15px;

	background:#2d81ab url(images/bg-blue-gradient.gif) repeat-x;

	color:#FFF;

	width:915px;

	border:#cfe3f7 1px solid;	

}

#open-widget h2 {

	color:#FFF;

	border-bottom:none;

	margin:2px 0 3px 0;

	padding:0;

	font-size:18px;	

	line-height:120%;

}

#open-widget-head p {

 	margin:0;

	padding:0	

}

#open-widget-body {

	padding:0;

	background:url(images/bg-top-box2.gif) repeat-x;

	height:225px;

	position:relative;

	width:940px;

	border-left:#cfe3f7 1px solid;

	border-right:#cfe3f7 1px solid;

	border-bottom:#cfe3f7 1px solid;	

}

#open-widget-main {

	float:left;

	width:685px;	

}

#open-widget ul {

	margin:15px 15px 15px 10px;	

}

#open-widget li {

	margin:0 30px 0 0;

	padding:12px 20px 12px 45px;

	display:inline;

	background:url(images/number-1.png) no-repeat;

	font-weight:bold;

	font-size:13px;

	width:250px;	

}

div.category-box1, div.category-box2, div.category-box3 {

	float:left;

	background:#FFF;

	margin:10px 30px 10px 10px;

	padding:5px;

	width:130px;

	height:140px;

	border:#94a7bb 1px solid;	

}

div.category-box2 {

	width:200px;

}

div.category-box3 {

	width:200px;

	margin:10px;

}

img.hero-woman {

	position:absolute;

	right:-120px;top:60px;	

}	





/* Forms ######################################################### */



form {

	padding: 0;

	margin: 0;

}



form.search {

	background: #e4eff8;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	padding: 10px 20px;

	margin:-10px 0 10px 0;

	color: #427296;

}



select {

	margin:10px 0 10px 20px;

        width: 235px;

	font-family: sans-serif;

	font-size: 13px;

}



.search input {

	width: 230px;

	font-family: sans-serif;

	font-size: 13px;

}



.finder input {

	display: inline-block;

	background: #ec6a1c;

	padding: 5px 10px;

	font-weight: bold;

	color: #fff;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	border: none;

	font-family: sans-serif;

	font-size: 13px;

	cursor: pointer;

	margin: 5px 0 0 20px;

}



.finder input:hover {

	text-decoration: underline;

}



.edudirect-search-widget-open input {     

        background: url(images/btn-big-box.png) no-repeat;

        cursor: pointer;

        font-size: 0;

        margin: 0;

        padding: 0;

        width:241px;

        height:225px;

        border:none;

		float:right;

}

.edudirect-search-widget-open input:hover {     

        background: url(images/btn-big-box.png) no-repeat bottom left;

}

.degree_level_id, .category_id, .subject_id {

	padding:5px;

	width:160px;

	height:150px;

	float:left;

	

}

select.degree_level_id option[selected] {

    background-color: #e63109;

    color: white;

}



.category_id {

	width:210px

}

.subject_id {

	width:210px;

}





select option:hover {

 background-color: #e63109;

color:#FFF

} 



div.linkbuttons {

height:20px;

position:relative;

}





/* Articles ######################################################### */

ol.fixed-height li {

	height:230px;

}

ol.fixed-height-260 li {
	height:260px;
}

ol.fixed-height-320 li {
	height:320px;
}

img.left, img.right, img.middle {

	box-shadow:0 1px 3px rgba(0, 0, 0, 0.50) !important;

	border:1px solid #D1D1D1 !important;

}

img.left {

	margin:0 15px 5px 0 !important;
float:left;

}

img.right {

	margin:0 0 5px 10px !important;
float:right;

}

img.middle {

	margin-right: auto auto 20px 30px !important;}

	/*for 500px width image*/

img.intro {

	box-shadow: 1px 2px 6px rgba(0,0,0,0.50);

	border:6px solid #FFF;

}

p.intro-text {

	margin-top: 20px;

	font-size:18px;

	line-height:140%;

	color:#666;

}

p.small-intro-text {

	margin-top: 20px;

	font-size:15px !important;

	line-height:20px !important;

}

img.rounded {

	border-radius:10px;

	box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);

}

/* LIST STYLES ############################################ */

li:last-child {

	border-bottom: none;

}



ol {

	counter-reset:li; /* Initiate a counter */

	margin-left:0; /* Remove the default left margin */

	padding-left:0; /* Remove the default left padding */

	float:left;

	font-size:32px !important;

	font-style:italic;

	font-weight:700;

	line-height:20px;

	text-decoration:none;

}



ol > li {

	position:relative; /* Create a positioning context */

	margin:20px 0 6px 3em; /* Give each list item a left margin to make room for the numbers */

	padding:21px 5px !important; /* Add some spacing around the content */

    list-style:none; /* Disable the normal item numbering */

	font-size:15px;

	border-bottom:1px dotted #CCC;

}



ol > li:before {

    content:counter(li); /* Use the counter as content */

    counter-increment:li; /* Increment the counter by 1 */

    /* Position and style the number */

    position:absolute;

    top:0;

    left:-2em;

    -moz-box-sizing:border-box;    	

    -webkit-box-sizing:border-box;

   	box-sizing:border-box;

   	width:1em;

    /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */

   	margin-right:8px;

   	padding:30px 0 0;

    color:#BBB;

    text-align:center;

	font-size:28px;

}



li ol, li ul {

	margin-top:6px;

}



ol ol li:last-child {

	margin-bottom:0;

}



h3 {

	margin: 3px 2px 10px 0 !important;

	font-size: 28px;

	font-weight: bold;

	line-height: 32px;

}



h3 a {

	font-size: 28px;

	font-weight: bold;

	text-decoration: none !important;

	line-height: 32px;

}



li {

	font-size: 15px !important;

	line-height: 18px !important;

	font-style: normal !important;

	font-weight: normal !important;

}

li p {

	margin-left: 0 !important;

	line-height: 20px;

}



.list-continue {

	counter-reset: item;

}



ul { 

	margin-left: 28px;

}



ul li {

	font-size: 13px !important;

	line-height: 110%;

	margin-bottom: 16px;

		

}

/* DEGREE FINDER WIDGET
------------------------------------------------------------------*/
.widget_degree_finder_sm{
	width:243px;height:285px;padding:3px 3px 0;
	position: absolute;top: -6px;
	background: url(images/bg_widget_degree_finder_smng) no-repeat 0 0;
}
.secondary .widget_degree_finder_sm {
    position: relative;
    margin: 0 0 30px;
    top: 0;
}

.widget_degree_finder_lg{
	width:841px;height:185px;margin:30px 0 0;padding:2px 2px 0;clear: both;
	background: url(images/bg_widget_degree_finder_lg.png) no-repeat 0 0;
}

.widget_degree_finder_med {
    width:590px;height:150px;margin:20px 0 0;padding:2px 2px 0;clear:both;background:url(images/bg_widget_degree_finder_med.png) repeat-x 0 0;

}

.widget_degree_finder h2{
	padding:.9em 0 1.5em;
	color: #FBE753;
	font: 23px sans-serif;
	text-align: center;
	text-shadow:1px 1px 3px #000;
	text-transform: uppercase;
	margin:0;
        line-height:1em;
	border-bottom:none;
    font-weight:bold;
}
	.widget_degree_finder_lg h2{padding:.7em 0 1.1em;}
    .widget_degree_finder_med h2{padding:.4em 0 0em;margin:0 0 15px !important;}

.widget_degree_finder ol{margin:0;padding:0;list-style: none;counter-reset:li;}
	.widget_degree_finder_sm ol{
		width:246px;
		margin-left: -18px;
	}
	.widget_degree_finder_lg ol{
		width:806px;
		margin-left: 34px;
	}
    
    .widget_degree_finder_med ol{
        width:590px;
        margin-left:5px;
    
    }
.widget_degree_finder ol.form_data > li {
	position:relative;margin:0 0 9px;padding:4px 4px 4px 33px; /* Add some spacing around the content */
	list-style:none;

	background-color: #01034E;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
	.widget_degree_finder_lg ol.form_data > li {
		width:26.2%;margin-right: 12px;float: left;
	}
    .widget_degree_finder_med ol.form_data > li {
        width:26%;float:left;margin:5px 5px 10px 0px;    }
    
	.widget_degree_finder_sm ol.form_data > li {
		margin:0 0 13px;
	}
	.widget_degree_finder ol.form_data li.button{
		padding:3px 4px 3px 33px;background-color: #01034E;
	}
		.widget_degree_finder_lg ol.form_data li.button {
			width:490px;margin:0 0 0 123px;padding:3px 4px 3px 33px;float: none;clear: both;
		}
        .widget_degree_finder_med ol.form_data li.button {
            width:325px;margin:0 0 0 110px;padding:4px 3px 2px 35px;float:none;clear:both;
        }
        
.widget_degree_finder_lg ol.form_data > li:before, .widget_degree_finder_sm ol.form_data > li:before {
	content:counter(li);counter-increment:li;
	position:absolute; top:1px; left:5px;

	margin-right:1em;padding:0;display: block;
	color:#fff; font: 22px Arial Black, Franklin Gothic Heavy, sans-serif;
}


.widget_degree_finder_med ol.form_data > li:before {
	content:counter(li);counter-increment:li;
	position:absolute; top:0px; left:12px;

	margin-right:1em;padding:0;display: block;
	color:#fff; font: 22px Arial Black, Franklin Gothic Heavy, sans-serif;

}


	.widget_degree_finder ol.form_data > li.button:before{top:8px;}
    .widget_degree_finder_lg ol.form_data > li.button:before{top:10px;}
    .widget_degree_finder_med ol.form_data > li.button:before{top:4px;}
	.widget_degree_finder ol.form_data li.off{}
	.widget_degree_finder ol.form_data li.hide{display:none;}
	.widget_degree_finder ol.form_data li.blur{}

.widget_degree_finder .btn{
	display: block;

	color: #000;
	font: normal 700 14px/1em facitweb,sans-serif;
	text-shadow:0 0 3px #fff;
	text-transform: uppercase;
}
	.widget_degree_finder_sm .btn{
		background: url(images/btn_widget_degree_finder_sm.png) no-repeat 0 0;
		padding: 17px 0 12px 17px;margin-left:27px;	}
	.widget_degree_finder_lg .btn{
		background: url(images/btn_widget_degree_finder_lg.png) no-repeat 0 0;
		padding: 14px 0 12px 75px;
		
		font-size: 22px;
	}
    
    .widget_degree_finder_med .btn{
        background: url(images/btn_widget_degree_finder_lg1.png) no-repeat 0 0;height:27px;padding:9px 0 0 15px;
    }
.widget_degree_finder_med select {
	width:100%;
	margin: 0;
	padding:.5em 1em;
	outline: 0;
	vertical-align: middle;
	border:1px solid #0d2238;
	border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
    padding:0.4em 0.4em 0.3em 0.2em !important;
	background: #fff;

	background-clip: padding-box;
		-moz-background-clip: padding;
		-webkit-background-clip: padding;

	color:#5081b5;font: normal bold 11px Arial,Helvetica,Nimbus Sans,sans-serif;

	-webkit-appearance: none;
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;

}

.widget_degree_finder_lg select, .widget_degree_finder_sm select {
	width:90%;
	margin: 0 0 0 25px;
	padding:.5em 1em;
	outline: 0;
	vertical-align: middle;
	border:1px solid #0d2238;
	border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;

	background: #fff;

	background-clip: padding-box;
		-moz-background-clip: padding;
		-webkit-background-clip: padding;

	color:#5081b5;font: normal bold 15px Arial,Helvetica,Nimbus Sans,sans-serif;

	-webkit-appearance: none;
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
}
	.widget_degree_finder ol.form_data li.off select{color:#5081b5;}
	.widget_degree_finder ol.form_data li.blur select{color:#b5b1b1;}
		@-moz-document url-prefix() { .widget_degree_finder select { padding:.4em .4em .3em .8em; } }

:invalid {
  /*
    Suppress red glow that Firefox
    adds to form fields by default,
    even when user is still typing.
  */
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select:focus,
select:active,
li.success select {
	color: #5081b5;
  /* for Opera */
  z-index: 1;
}


select[disabled] {
	color: #b5b1b1;
}

select[disabled],
select[disabled] option,
select[disabled] optgroup {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
	.widget_degree_finder_lg select, .widget_degree_finder_sm select {background: #fff url(images/bg_select.gif) no-repeat right 0;}

  select[size],
  select[multiple] {
    background-image: none;
    padding: 0;
  }
  
  .widget_degree_finder_med select {background: #fff url(images/bg_select_med.png) no-repeat right 0;}

  ::-webkit-validation-bubble-message {
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
    border: 1px solid;
    border-color: #747474 #5e5e5e #4f4f4f;
    color: #fff;
    font: 11px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
    padding: 15px 15px 17px;
    text-shadow: #000 0 0 1px;
  }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    display: none;
  }
}

optgroup {
  color: rgb(54,54,54);
  font-style: normal;
  font-weight: normal;
}


.widget_degree_finder ol > li {

	position:relative; /* Create a positioning context */

	margin:20px 0 6px 6em; /* Give each list item a left margin to make room for the numbers */

	padding:1px 5px !important; /* Add some spacing around the content */

    list-style:none; /* Disable the normal item numbering */

	font-size:15px;

	border-bottom:1px dotted #CCC;

}

div.rankTables table {
    border: 2px solid #004271;
    box-shadow: 3px 3px 3px #CCCCCC;
    margin: 0 auto 20px;
    text-align: center;
    width: 400px;
}

div.rankTables table td#th {
	background-color:#004271;
	color:#fff;
	padding:5px;
	font-size:1.2em;
}

div.rankTables table td.num {
	text-align:right;
	color:#004271;
}

div.rankTables table tr {
	height:25px;
}

div.rankTables table td#th a {
	color:#fff;
	
}

div.rankTables table tr:nth-child(odd) {
	background-color:#E4EFF8;
}