/* @override http://chec.emergence.com/portal_css/Basic/skin/customwidgets.css */

/* * * * * * 'customwidgets.css' * * * * * * 
 * This file contains styles for azcat
 * widgets.  Azcat widgets include #topmainnav,
 * #leftmainnav, #utilitynav, #bottomnav,
 * #repetitionnav, #textsizechooser,
 * #breadcrumbs, #searchfield, .sidebarwidget
 * .categorylisting, .detailview,
 * .faq and .faqanswer
 *
 * Styles specific to client generated
 * content should be in customcontentarea.css.
 *
 * Styles not specific to an azcat widget
 * content should be in customskin.css.
 *
 */

/* bottomnav */
#bottomnav {
  padding-top: 0;
  padding-right: 2em; /* 26px / 13 = 2em */
  padding-bottom: 0;
  padding-left: 2em; /* 26px / 13 = 2em */
  *padding-right: 1.95em; /* 26px / 13.3333 = 1.95000487501218753em */ /* IE */
  *padding-left: 1.95em; /* 26px / 13.3333 = 1.95000487501218753em */ /* IE */
  text-align: left;
}

#bottomnav a{
font-size: 75%;
}

/* breadcrumbs */
#breadcrumbs {
  border-bottom: 1px solid #fff;
  padding-top: 0.3461em; /* 4.5px / 13 = 0.3461538461538461538em */
  padding-right: 1em; /* 13px / 13 = 1em */
  padding-bottom: 0.3461em; /* 4.5px / 13 = 0.3461538461538461538em */
  padding-left: 1em; /* 13px / 13 = 1em */
  *padding-top: 0.3375em; /* 4.5px / 13 = 0.3375008437521093803em */ /* IE */
  *padding-right: 0.975em; /* 13px / 13.3333 = 0.9750024375060937652em */ /* IE */
  *padding-bottom: 0.3375em; /* 4.5px / 13 = 0.3375008437521093803em */ /* IE */
  *padding-left: 0.975em; /* 13px / 13.3333 = 0.9750024375060937652em */ /* IE */
}

/* category view */
#content .category_listing_2col, #content .category_listing {
  width: 40em; /* 520px / 13 = 40 */
  *width: 39em; /* 520px / 13.3333 = 39.00009750024375061 */ /* IE */

  /* break out of the default content padding */
  margin-right: -5em;  /* -65px / 13 = -5em */

  /* break out of the default content padding for ie */
  _position: relative; /* IE */
  _left: 4.875em; /* 65px / 13.3333 = 4.875012187530468826em */ /* IE */
  _margin-right: 0; /* IE */
  _margin-left: -4.875em; /* -65px / 13.3333 = -4.875012187530468826em */ /* IE */
}

#content .category_listing li {
  list-style-type: none;
  padding-top: 1em; /* 13px / 13 = 1em */
  padding-right: 1em; /* 13px / 13 = 1em */
  padding-bottom: 1em; /* 13px / 13 = 1em */
  padding-left: 1em; /* 13px / 13 = 1em */
  *padding-top: 0.975em; /* 13px / 13.3333 = 0.9750024375060937652em */
  *padding-right: 0.975em; /* 13px / 13.3333 = 0.9750024375060937652em */
  *padding-bottom: 0.975em; /* 13px / 13.3333 = 0.9750024375060937652em */
  *padding-left: 0.975em; /* 13px / 13.3333 = 0.9750024375060937652em */
  background-color: #A0B7FF;
  border-top: 1px white solid;
  border-right: 1px gray solid;
  border-bottom: 1px gray solid;
  border-left: 1px white solid;
  margin-bottom: 0.3076em; /* 4px / 13 = 0.3076923076923076923em */
  *margin-bottom: 0.3em; /* 4px / 13.3333 = 0.3000007500018750047em */ /* IE */
}

#content .category_listing_2col li {
  width: 17.6923em; /* 230px / 13 = 17.69230769230769231em */
  *width: 17.25em; /* 230px / 13.3333 = 17.25004312510781277em */ /* IE */
  _width: 19.2em; /* 256px / 13.3333 = 19.2000480001200003em */ /* IE6 */
  padding-top: 1em; /* 13px / 13 = 1em */
  padding-right: 1em; /* 13px / 13 = 1em */
  padding-bottom: 1em; /* 13px / 13 = 1em */
  padding-left: 1em; /* 13px / 13 = 1em */
  *padding-top: 0.975em; /* 13px / 13.3333 = 0.9750024375060937652em */
  *padding-right: 0.975em; /* 13px / 13.3333 = 0.9750024375060937652em */
  *padding-bottom: 0.975em; /* 13px / 13.3333 = 0.9750024375060937652em */
  *padding-left: 0.975em; /* 13px / 13.3333 = 0.9750024375060937652em */
  list-style-type: none;
  background-color: #A0B7FF;
  border-top: 1px white solid;
  border-right: 1px gray solid;
  border-bottom: 1px gray solid;
  border-left: 1px white solid;
  margin-bottom: 0.3076em; /* 4px / 13 = 0.3076923076923076923em */
  *margin-bottom: 0.3em; /* 4px / 13.3333 = 0.3000007500018750047em */ /* IE */
}

#content .category_listing h2 {
  font-size: 211.5%; /* 27.5px / 13px * 100 = 211.5384615384615385% */
  line-height: 1.30909em; /* 36px / 27.5px = 1.309090909090909091em */
}

#content .category_listing_2col h2 {
  font-size: 130.8%; /* 17px / 13px * 100 = 130.7692307692307692 */
  line-height: 2.1176em; /* 36px / 17px = 2.117647058823529412em */
}

#content .category_listing .category_thumbnail {
  float: right;
}

#content .category_listing_2col .category_thumbnail {
  float: right;
}

#content .category_listing_2col li.odd {
  float: left;
  clear: left;
  margin-right: 0.3076em; /* 4px / 13 = 0.3076923076923076923em */
  *margin-right: 0.3em; /* 4px / 13.3333 = 0.3000007500018750047em */ /* IE */
}

#content .category_listing_2col li.even {
  float: left;
}

/* footer */
#ft {
  text-align: center;
  *padding-top: 0.975em; /* 13px / 13.3333 = 0.9750024375060937652em */ /* IE */
  padding-bottom: 0.6923em; /* 9px / 13 = 0.6923076923076923077em */
  *padding-bottom: 0.675em; /* 9px / 13.3333 = 0.6750016875042187605em */ /* IE */
}

/* forms */
#content form .text_field {
  width: 280px;
}

#content form textarea {
  width: 280px;
  height: 105px;
}

#content form .required {
  color: red;
}

/* header */
#hd {
  position: relative;
}

/* image placer */
#content .left {
  clear: left;
  float: left;
}

#content .left .draggable {
  border-top: 1px white solid;
  border-right: 1px gray solid;
  border-bottom: 1px gray solid;
  border-left: 1px white solid;
}

#content .right {
  clear: right;
  float: right;
}

#content .right .draggable {
  border-top: 1px white solid;
  border-right: 1px gray solid;
  border-bottom: 1px gray solid;
  border-left: 1px white solid;
}

#content .center {
  text-align: center;
}

#content .center .draggable {
  margin-right: auto;
  margin-left: auto;
  border-top: 1px white solid;
  border-right: 1px gray solid;
  border-bottom: 1px gray solid;
  border-left: 1px white solid;
}

/* leftnav */
#leftmainnav {
  font-size: 100%;
  line-height: 1.38462em; /* 18px / 13 = 1.384615384615384615em */
  *line-height: 1.35em; /* 9px / 13.3333 = 1.350003375008437521em */ /* IE */
  border-top: 1px white solid;
  border-right: 1px gray solid;
  border-bottom: 1px gray solid;
  border-left: 1px white solid;
}

#leftmainnav  a:link, #leftmainnav  a:hover, #leftmainnav  a:active, #leftmainnav  a:visited {
  color: black;
}

#leftmainnav ul {
  padding: 0;
}

#leftmainnav ul ul {
  padding-top: 0;
  padding-right: 3px;
  padding-bottom: 0;
  padding-left: 3px;
}

#leftmainnav .bd { /* background */
  background: none; /* reset */
  border-width: 0px;
}

#leftmainnav .yuimenuitemlabel {
  padding-top: 0;
  padding-right: 1em; /* 13px / 13 = 1em */
  padding-bottom: 0;
  padding-left: 1em; /* 13px / 13 = 1em */
}

#leftmainnav .yuimenuitemlabel, #leftmainnav .yuimenubaritemlabel { /* left side nav wrapping for first level */
  white-space: normal;
}

#leftmainnav .yuimenu .yuimenuitemlabel, #leftmainnav .yuimenu .yuimenubaritemlabel { /* but not for levels futher in */
  white-space: nowrap;
}

#leftmainnav .yuimenu .bd {
  background: none;
  background-color: #bfcfff;
  border-width: 1px;
}

#leftmainnav .bd .yuimenuitem-selected {
  background-color: #FFCC80;
}

#leftmainnav .yuimenuitem {
  *border-bottom: 0px; /* IE */
  zoom: 1; /* IE */
}

#leftmainnav .yuimenuitem .yuimenuitem {
  zoom: normal; /* IE */
  border-bottom: 1px solid #BFCFFF; 
}

/* printable widget */
#printable {
  padding: 0.6923em; /* 9px / 13 = 0.6923076923076923077em */
  *padding: 0.675em; /* 9px / 13.3333 = 0.6750016875042187605em */ /* IE */
}

/* repetitionnav */
#repetitionnav {
  padding-top: 0;
  padding-right: 2em; /* 26px / 13 = 2em */
  padding-bottom: 0;
  padding-left: 2em; /* 26px / 13 = 2em */
  *padding-right: 1.95em; /* 26px / 13 = 1.95000487501218753em */ /* IE */
  *padding-left: 1.95em; /* 26px / 13 = 1.95000487501218753em */ /* IE */
}

/* search */
#search {
  height: 1.8462em; /* 24px / 13 = 1.846153846153846154em */
  *height: 1.8em; /* 24px / 13.3333 = 1.800004500011250028em */ /* IE */
  margin-top: 1.38462em; /* 18px / 13 = 1.384615384615384615em */
  *margin-top: 1.35em; /* 18px / 13.3333 = 1.350003375008437521em */ /* IE */
  padding-top: 0.3077em; /* 4px / 13 = 0.3076923076923076923em */
  padding-right: 0;
  padding-bottom: 0.3077em; /* 4px / 13 = 0.3076923076923076923em */
  padding-left: 0.6923em; /* 9px / 13 = 0.6923076923076923077em */
  *padding-top: 0.3em; /* 4px / 13.3333 = 0.3000007500018750047em */ /* IE */
  *padding-bottom: 0.3em; /* 4px / 13.3333 = 0.3000007500018750047em */ /* IE */
  *padding-left: 0.675em; /* 9px / 13.3333 = 0.6750016875042187605em */ /* IE */
}

#topSearchBox {
  width: 9.2307em; /* 120px / 13 = 9.230769230769230769em */
  *width: 9em; /* 120px / 13.3333 = 9.000022500056250141em */ /* IE */
  /* IE6 can only accomidate 119px */
  _width: 8.925em; /* 119px / 13.3333 = 8.925022312555781389em */ /* IE6 */
  height: 1.38462em; /* 18px / 13 = 1.384615384615384615em */
  *height: 1.35em; /* 18px / 13.3333 = 1.350003375008437521em */ /* IE */
  *margin-top: -1px; /* IE */
  border: 0px;
  vertical-align: bottom;
}

#search img {
  float: left;
  _margin-right: -3px; /* IE6 */
  _margin-left: -3px; /* IE6 */
  width: 0.46153em; /* 6px / 13 = 0.4615384615384615385em */
  *width: 0.45em; /* 6px / 13.3333 = 0.450001125002812507em */ /* IE */
  height: 1.38462em; /* 18px / 13 = 1.384615384615384615em */
  *height: 1.35em; /* 18px / 13.3333 = 1.350003375008437521em */ /* IE */
  vertical-align: bottom;
}

#topSearchButton {
  float: right;
  _margin-right: -3px; /* IE6 */
  _margin-left: -6px; /* IE6 */
  width: 1.9231em; /* 25px / 13 = 1.923076923076923077em */
  *width: 1.875em; /* 25 / 13.3333 = 1.875004687511718779em */ /* IE */
  height: 1.38462em; /* 18px / 13 = 1.384615384615384615em */
  *height: 1.35em; /* 18px / 13.3333 = 1.350003375008437521em */ /* IE */
  vertical-align: bottom;
}

/* search results */
#content #searchresults li {
  list-style-type: none;
}

#content #searchresults .thumbnail {
  float: left;
}

#content #searchresults .description {
  padding-left: 102px;
}

#content #searchresults h3 {
  font-size: 130.8%; /* 17px / 13px * 100 = 130.7692307692307692 */
  line-height: 2.1176em; /* 36px / 17px = 2.117647058823529412em */
}

#content .pageination {
  text-align: center;
}

/* sidebar widget */
.sidebarwidget {
  margin-top: 1.3846em; /* 18px / 13 = 1.384615384615384615em */
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0.6923em; /* 9px / 13 = 0.6923076923076923077em */
  *margin-top: 1.35em; /* 18px / 13.3333 = 1.350003375008437521em */ /* IE */
  *margin-left: 0.675em; /* 9px / 13.3333 = 0.6750016875042187605em */ /* IE */
  text-align: center;
  color: white;
}

.sidebarwidget h3 {
  line-height: 1.5em; /* 19.5px / 13 = 1.5em */ 
  *line-height: 1.4625em; /* 19.5px / 13.3333 = 1.462503656259140648em */ /* IE */
}

.sidebarwidget .sidebartop, .sidebarwidget .sidebarbottom {
  font-size: 0px; /* IE6 */
}

.sidebarwidget .sidebartop .sidebarleft {
  width: 9px;
  height: 9px;
  float: left;
  margin: 0;
  *margin-right: -3px; /* IE */
  background: url(/skin/topleftwidget.png) no-repeat;
  _background: transparent; /* IE6 tranparent PNG */
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skin/topleftwidget.png');  /* IE6 tranparent PNG */
}

.sidebarwidget .sidebartop .sidebarright {
  width: 9px;
  height: 9px;
  float: right;
  margin: 0;
  *margin-left: -3px; /* IE */
  background: url(/skin/toprightwidget.png) no-repeat;
  _behavior: url("/iepngfix.htc"); /* IE6 tranparent PNG */
}

.sidebarwidget .sidebartop .sidebarcenter {
  height: 9px;
  margin: 0 9px;
  *margin: 0; /* IE */
  _width: 100%; /* IE6 */
  background: url(/skin/topcenterwidget.png) repeat-x;
}

.sidebarwidget .sidebarbottom .sidebarleft {
  width: 9px;
  height: 9px;
  float: left;
  margin: 0;
  *margin-right: -3px; /* IE */
  background: url(/skin/bottomleftwidget.png) no-repeat;
  _behavior: url("/iepngfix.htc"); /* IE6 tranparent PNG */
}

.sidebarwidget .sidebarbottom .sidebarright {
  width: 9px;
  height: 9px;
  float: right;
  margin: 0;
  *margin-left: -3px; /* IE */
  background: url(/skin/bottomrightwidget.png) no-repeat;
  _behavior: url("/iepngfix.htc"); /* IE6 tranparent PNG */
}

.sidebarwidget .sidebarbottom .sidebarcenter {
  margin-top: 0;
  margin-right: 9px;
  margin-bottom: 0;
  margin-left: 9px;
  height: 9px;
  *margin: 0; /* IE */
  _width: 100%; /* IE6 */
  background: url(/skin/bottomcenterwidget.png) repeat-x;
}

.sidebarwidget div.widget_top {
  min-height: 17px;
  background: #2b0081 url(/skin/topwidget.png) repeat-x top;
}

.sidebarwidget h2.widget_top {
  position: relative;
  top: -3px;
}

.sidebarwidget div.widget_bottom {
  min-height: 17px;
  background: #2c0082 url(/skin/bottomwidget.png) repeat-x bottom;
}

.sidebarwidget p.widget_bottom {
  position: relative;
  top: 3px;
}

.sidebarwidget a:link, .sidebarwidget a:hover, .sidebarwidget a:active, .sidebarwidget a:visited {
  color: white;
}

.sidebarwidget .widget_overflow {
  background: #958fff;
  color: black;
  height: 12.3077em; /* 160px / 13 = 12.30769230769230769em */
  *height: 12em; /* 160px / 13.3333 = 12.00003000007500019em */ /* IE */
  overflow-x: hidden;
  overflow-y: scroll;
  text-align: left;
}

.sidebarwidget .widget_overflow li {
  padding-top: 0.2307em; /* 3px / 13 = 0.2307692307692307692em */
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0.2307em; /* 3px / 13 = 0.2307692307692307692em */
  *padding-top: 0.225em; /* 3px / 13.3333 = 0.2250005625014062535em */ /* IE */
  *padding-left: 0.225em; /* 3px / 13.3333 = 0.2250005625014062535em */ /* IE */
}

.sidebarwidget .widget_overflow a:link, .sidebarwidget .widget_overflow a:hover, .sidebarwidget .widget_overflow a:active, .sidebarwidget .widget_overflow a:visited {
  color: black;
}

/* sitemap */
#content #sitemap table {
  width: 100%;
  border: 0px transparent none;
}

#content #sitemap td, #content #sitemap th {
  border: 0px transparent none;
}

#content #sitemap .lightgrey {
  background-color: #B3C6FF;
}

#content #sitemap .grey {
  background-color: #CCD9FF;
}

/* text size chooser */
#text_size {
  padding: 0.6923em; /* 9px / 13 = 0.6923076923076923077em */
  *padding: 0.675em; /* 9px / 13.3333 = 0.6750016875042187605em */ /* IE */
}

/* topnav */
#topmainnav {
  font-size: 100%;
  /* bar background */
  background-image: url(/skin/nav_background.png);
  background-repeat: repeat-x;
  background-color: #2760a1;
  color: #fff;
  border:none;
  height: 2.384em;
  *height: 2.330em;
}

#topmainnav  a:link, #topmainnav  a:hover, #topmainnav  a:active, #topmainnav  a:visited {
  color: #fff;
}

#topmainnav .yuimenu {
  color: #000;
}

#topmainnav .yuimenu a:link, #topmainnav .yuimenu  a:hover, #topmainnav .yuimenu a:active, #topmainnav .yuimenu a:visited {
  color: #000;
}

#topmainnav.yuimenubarnav .yuimenubaritemlabel {
  /* baritem padding */
  padding-right: 1.385em;
  *padding-right: 1.349em;
  padding-left: 1em; /* 13px / 13 = 1em */
  *padding-left: 0.975em; /* 13px / 13.3333 = 0.9750024375060937652em */
  color:  #fff;
  border-right:solid 1px #6998cd;
  border-top: none;
  border-bottom: none;
  padding-bottom:0.2307em;
  *padding-bottom:0.2255em;
  padding-top: 0.1538em;
  *padding-top: 0.1503em;
}

#topmainnav.yuimenubarnav .yuimenubaritemlabel-selcted {
  /* baritem hover */
  font-size: 100px;
}

#topmainnav.yuimenubarnav .yuimenubaritem {
  /* baritem border */
  border-color: #a0b7ff;
  border-width: 0px;
}

#topmainnav.yuimenubarnav .yuimenubaritemlabel-selected {
  /* baritem hover border */
  border-color: #a0b7ff;
  border-width: 0px;
  margin-left: 0;
  left: 0;
}

#topmainnav.yuimenubarnav .yuimenubaritem-selected {
	/*rollover main nav*/
  background: none;
  background-image: url(/skin/nav_roll.png);
  background-repeat: repeat-x;
  border-right:solid 1px #6998cd;
  border-top: none;
  border-bottom: none;
  padding-bottom: 1px;
}

#topmainnav .yuimenu .bd {
	/*background dropdown*/
  background: none;
  background-color: #fff;
  color: #000;
}

#topmainnav .yuimenu .bd .yuimenuitem-selected {
	/*rollover drop down*/
  background-color: #ADB5DE;
}

#topmainnav .yuimenuitem {
  *border-bottom: 1px solid #fff; /* IE */
}

#topmainnav .yuimenubaritemlabel-selected {
  border-left-width: 0px;
  margin-left: 0px;
}

#topmainnav .yuimenubaritemlabel-hassubmenu {
  background-image: url(/skin/menubaritem_submenuindicator.png);
}

/* utilitynav */
#utilitynav {
  padding: 0.6923em; /* 9px / 13 = 0.6923076923076923077em */
  *padding: 0.675em; /* 9px / 13.3333 = 0.6750016875042187605em */
  text-align: right;
  text-decoration: none;
  color: #2963A5;
}

#utilitynav a{
  text-decoration: none;
  color: #2963A5;
}

#utilitynav a:hover{
  text-decoration: none;
  color: #000;
}

/* detailview */

#college_results table {
  border-collapse: collapse;
}

#content table.detailview th {
  padding-top: 0.2692em; /* 3.5px / 13 = 0.2692307692307692308em */
  padding-right: 0.6923em; /* 9px / 13 = 0.6923076923076923077em */
  padding-bottom: 0.2692em; /* 3.5px / 13 = 0.2692307692307692308em */
  padding-left: 0.4231em; /* 5.5px / 13 = 0.4230769230769230769em */
  *padding-top: 0.2625em; /* 3.5px / 13 = 0.2625006562516406291em */
  *padding-right: 0.675em; /* 9px / 13 = 0.6750016875042187605 */
  *padding-bottom: 0.2625em; /* 3.5px / 13 = 0.2625006562516406291em */
  *padding-left: 0.4125em; /* 5.5px / 13 = 0.4125010312525781314em */
  color: #2963A5;
  border-top: none;
  font-weight: bold;
}

#content table.detailview h4 a{
  font-size: 90%;
  text-decoration: none;
  margin-left: 4.23em;
  *margin-left: 4.13em;
  color: #fff;
}

#content table.detailview h4{
  background-color: #ff0000;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  background-color: #50556f;
  border: inset 0.2307em #50556f;
}

#content table.detailview h4:hover{
  background-color: #ff0000;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  background-color: #2963A5;
  border: inset 0.2307em #2963A5;
}
#content table.detailview td {
  border-bottom: 1px gray solid;
  border-left: 1px gray solid;
  border-right: 1px gray solid;
  border-top: none; 
  background-color: #fff;
}

#content table.detailview h2{
  font-size: 150%;
  color: #50556f;
  font-weight: bold;
  margin-left: -0.4em;
  *margin-left: -0.4em;
}
