/*
  style.css contains a reset, font normalization and some base styles.

  credit is left where credit is due.
  additionally, much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/*
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */


/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

/* normalize monospace sizing
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/*
 * minimal base styles
 */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 20, 2010 */
@font-face {
  font-family: 'MyriadProBold';
  src: url('myriadpro-bold-webfont.eot');
  src: local('☺'), url('myriadpro-bold-webfont.woff') format('woff'), url('myriadpro-bold-webfont.ttf') format('truetype'), url('myriadpro-bold-webfont.svg#webfontHO7uKlXE') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro';
  src: url('myriadpro-regular-webfont.eot');
  src: local('☺'), url('myriadpro-regular-webfont.woff') format('woff'), url('myriadpro-regular-webfont.ttf') format('truetype'), url('myriadpro-regular-webfont.svg#webfontX6PdllDs') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadWebProCondensed';
  src: url('myriadwebpro-condensed-webfont.eot');
  src: local('☺'), url('myriadwebpro-condensed-webfont.woff') format('woff'), url('myriadwebpro-condensed-webfont.ttf') format('truetype'), url('myriadwebpro-condensed-webfont.svg#webfont4xeGQR1k') format('svg');
  font-weight: normal;
  font-style: normal;
}

body, select, input, textarea {
  color: #444;
  background: #4c4c4c;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }


/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }


ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; }

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre {
  padding: 15px;
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

textarea { overflow: auto; }

.ie6 legend, .ie7 legend { margin-left: -7px; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

label, input[type=button], input[type=submit], button { cursor: pointer; }

button, input, select, textarea { margin: 0; }

input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
 -webkit-box-shadow: 0px 0px 5px red;
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }


::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }

.ie7 img { -ms-interpolation-mode: bicubic; }



/*
 * Non-semantic helper classes
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders
   www.webaim.org/techniques/css/invisiblecontent/
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX << j.mp/phayesclearfix */
.clearfix:after  { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }



/*
 * jQuery UI Autocomplete @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style:none;
  padding: 2px;
  margin: 0;
  display:block;
  float: left;
}
.ui-menu .ui-menu {
  margin-top: -3px;
}
.ui-menu .ui-menu-item {
  margin:0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
.ui-menu .ui-menu-item a {
  text-decoration:none;
  display:block;
  padding:.2em .4em;
  line-height:1.5;
  zoom:1;
}

/* Primary Styles
  Author: PERCEPTED / Jarek Zmudzinski
*/


#container {
  margin: 0 auto;
  width: 980px;
}
header {
  background: #fffef9;
  margin: 0 10px;
  height: 120px;
}
#mainContent {
  clear: both;
  background: #e3e4d6;
  border: 1px #b6b8a1 solid;
  border-top: none;
  -moz-box-shadow: 0 0 7px #424242;
  -webkit-box-shadow: 0 0 7px #424242;
  -o-box-shadow: 0 0 7px #424242;
  -ms-box-shadow: 0 0 7px #424242;
  box-shadow: 0 0 7px #424242;
  padding: 50px 0 15px 0;
 
}
.ie7.no-boxshadow #mainContent {
  padding: 0;
  margin: 0px;
  /*background: url(../images/bg-main-content.png) no-repeat top center;*/
   background: none repeat scroll 0 0 #E3E4D6;
  border: none;
  /*zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#424242', Direction=0, Strength=3);
  */
  position:relative;
  z-index: 1 !important;
 
}
.ie7.no-boxshadow #mainContent menu {
margin-top:-42px;
  position:relative;
  z-index: 2147483647 !important;
}
.ie8.no-boxshadow #mainContent {
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#424242', Direction=0, Strength=3)";
  margin: -7px 0 0 0;
}
nav ul { list-style: none; }
nav ul li { float: left; }
/*header menu { clear: both; }*/
menu { margin-top: -67px; background: url(../images/bg-shadow-folds.png) no-repeat bottom left; margin-left: -1px; float: left; width: 100%;}
.ie7 menu { margin-top: 0; background: none;}
.ie8 menu { position: relative; margin-top: -64px !important;}
menu nav { float: left; }
#mainContent menu nav li { float: left; clear: none; background: none; height: auto; padding: 0;}
#mainContent menu nav ul { margin-left: 1.8em; }
#siteNav ul { margin-left: 15px; }
#socialLinks { margin-top: 3px;}
#siteNav { font-family: "Myriad Pro", "MyriadProBold", Verdana, sans-serif; font-size: 16px; font-weight: bold; }
#mainContent #siteNav li { margin: 0; overflow: hidden; padding: 5px 5px 0 5px;}
#mainContent #siteNav li a { 
height: 36px; 
display: block; 
text-decoration: none; 
color: #cacbbc; 
white-space: nowrap; 
padding: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
}
#mainContent #siteNav li a[href] { border: #b6b8a1 solid; border-width: 1px 1px 0 1px; }
#mainContent #siteNav li a[href]:hover { text-decoration: none; color: #000; }
#mainContent #siteNav li a span { padding: 10px 8px; display: block; cursor: pointer;}
#mainContent #siteNav li.disabled a { border: none; }
#mainContent #siteNav li.disabled a:hover { color: #cacbbc; }
#mainContent #siteNav li.active a { color: #000; background: #e3e4d6;
  -moz-box-shadow: 0 0 5px #aaa;
  -webkit-box-shadow: 0 0 5px #aaa;
  -o-box-shadow: 0 0 5px #aaa;
  -ms-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

#metaNav { color: #424242; font-size: 14px; font-family: "Myriad Pro", "MyriadPro", Verdana, sans-serif; font-weight: normal; padding: 40px 0 0 364px;}
#metaNav a { color: #424242; text-decoration: none; }
#metaNav li { padding-left: 15px; background: url(../images/bg-metanav-splitter.png) no-repeat 5px 4px;}
#metaNav li:first-child {background: none; padding-left: 0; }
footer .left { float: left; }
footer .right { float: right; }
footer p { color: #71726a; font-size: 11px; padding: 5px 0;}
footer a { text-decoration: none; color: #9c97c3; }
footer a:hover { text-decoration: none; color: #eee; }

#shadowFolds { position: relative; }
#shadowFolds div {
  position: absolute;
  top: -7px;
  left: -10px;
  background: url(../images/bg-shadow-folds.png) no-repeat;
  height: 7px;
  width: 980px;
}
.ie7.no-boxshadow #shadowFolds div { top: -11px;}

#logoAndMeta { height: 80px;  margin-right: 245px;}
#logoAndMeta > a { float: left; margin: 0 0 0 25px; padding-top: 5px; }

#authentication { float: right; width: 240px; margin-top: 19px;}
#authentication a { height: 35px; text-transform: uppercase; text-align: center; float: right; font-family: "MyriadPro", sans-serif;
  font-weight: bold; font-size: 14px; color: #fff; clear: none;
  width: 90px;
  margin-right: 5px;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#authentication a:first-child { margin-right: 20px;}
#authentication a span { float: right; padding: 3px 8px; }
#authentication a small { text-transform: none; font-family: Arial, sans-serif; font-size: 11px; }
#signUpBtn { background: #f38400; line-height: 15px; }
.ie7 #signUpBtn { width: 125px; cursor: pointer;}
#signUpBtn {width: 125px !important;cursor: pointer;}
#signInBtn { background: #224fb7;}
.ie7 #signInBtn { width: 70px; cursor: pointer;}
#signInBtn { width: 70px !important; cursor: pointer;}
#authentication #signInBtn span { padding: 10px 8px 0 8px;}

#search { float: right; margin: 10px 20px 0 0; }
.ie7 #search { margin-right: 10px; }
#search input { width: 165px; background: #e3e4d6; color: #565656; font-size: 12px; border: none; padding: 5px 10px;
  -webkit-box-shadow: inset 3px 3px 3px #ccc;
  -moz-box-shadow: inset 3px 3px 3px #ccc;
  box-shadow: inset 3px 3px 3px #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.ie6 #search input, .ie7 #search input { width: 180px;}
.ie8 #search input { width: 175px;}

#mainContent.home aside { background: #2e2e2e; width: 210px; margin-left: -1px; color: #fff; padding: 10px 0 0 0; float: left;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ie7 #mainContent.home aside {
  margin-top: 30px;
}
/*#mainContent.guidebook { padding-top: 35px; }*/
#mainContent.guidebook aside { margin: 0 15px 0 20px; color: #fff; padding: 0; float: left; }
#mainContent.guidebook aside nav { width: 120px; background: #9fa08c; float: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.guidebook nav ul { margin: 0; }
.guidebook nav a { font-family: "MyriadPro", sans-serif; font-size: 14px; color: #fff; text-decoration: none; padding: 4px 0 0 0; display: block;}
.guidebook nav a:hover { color: #424242; }
.guidebook nav li { clear: both; height: 23px; padding: 0 0 0 13px; float: none; }
.guidebook nav li:first-child {
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.guidebook nav li.last,
.guidebook nav li:last-child {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.guidebook nav li.active { background: #424242; }
.guidebook nav li.active a { color: #ffd200; }

#searchTeaser { background: url(../images/bg-aside-search-teaser.png) no-repeat center top; height: 91px; text-align: center; }
#searchTeaser h3 { font-size: 19px; font-weight: bold; white-space: nowrap; font-family: "MyriadProBold"; padding: 4px 0 2px 0; }
#searchTeaser h4 { font-size: 12px; font-weight: normal; font-family: "MyriadPro";}

#searchTeaser1 { background: url(../images/bg-aside-search-teaser.png) no-repeat center top; height: 91px; text-align: center; }
#searchTeaser1 h3 { font-size: 19px; font-weight: bold; color:#CC0000; white-space: nowrap; font-family: "MyriadProBold"; padding: 4px 0 2px 0; }
#searchTeaser1 h4 { font-size: 12px; font-weight: normal; color:#CC0000; font-family: "MyriadPro";}

section#content { margin-left: 275px; }
.ie7 section#content { padding-top: 30px; }
#mainContent.guidebook section#content { margin-left: 0; }
section#content article { width: 620px; background: #fffef9; margin-top: 25px; float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.guidebook section#content article { width: 640px; }
section#content article:first-child { margin-top: 0; }
section#content article.showcase { background: #4c4c4c url(../images/bg-showcase.jpg) no-repeat; color: #fff; height: 500px; position: relative; margin-top: 0; }
.ui-tabs .ui-tabs-hide { display: none; }
#showcaseTabs,
#showcaseTabsPopup { padding: 75px 20px 0 45px; }
.no-csstransforms #showcaseTabs,
.no-csstransforms #showcaseTabsPopup { padding: 3px 0 0 10px; }
#showcaseTabs ul,
#showcaseTabsPopup ul { list-style: none; }
.no-csstransforms #showcaseTabs ul,
.no-csstransforms #showcaseTabsPopup ul {
  height: 138px;
  width: 286px;
  margin: 0;
  padding: 0;
/*  filter: alpha(opacity=0);*/
  background: url(../images/tabs.jpg) no-repeat;
}
.ieMap { display: none;}
.no-csstransforms .ieMap { display: block; position: absolute; top: 3px; left: 10px;}

#showcaseTabs li,
#showcaseTabsPopup li { float: left; width: 67px; height: 135px;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
  -ms-transform: rotate(315deg);
}
.no-csstransforms #showcaseTabs li,
.no-csstransforms #showcaseTabsPopup li {
  display: none;
}
#showcaseTabs li a,
#showcaseTabsPopup li a { text-decoration: none; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; white-space: nowrap; color: #757873; display: block;}
#showcaseTabs .ui-state-active a,
#showcaseTabsPopup .ui-state-active a { color: #fff; }
#showcaseTabs div { font-family: Arial, sans-serif; font-size: 14px; margin: -50px 0 0 275px;}
.no-csstransforms #showcaseTabs div,
.no-csstransforms #showcaseTabsPopup div { margin: 10px 0 0 295px; position: absolute; top: 10px; right: 20px; width: 300px;}
.ie7.no-csstransforms #showcaseTabs div,
.ie7.no-csstransforms #showcaseTabsPopup div { position: absolute; top: 10px; right: 20px; width: 300px; }
article.showcase .desc { color: #565656; font-size: 13px; position: absolute; left: 20px; top: 180px; width: 140px; }

#showcaseAds { padding: 14px; position: absolute; left: 8px; top: 392px; }
#showcaseAds a { display: block; width: 287px; height: 73px; }
#leftAd { margin-right: 10px; float: left;}
#rightAd { float: left;}
#leftAd a { background: url(../images/showcase-buttons.png) no-repeat -4px -5px;}
#leftAd a:hover { background-position: -5px -82px;}
#rightAd a { background: url(../images/showcase-buttons.png) no-repeat -298px -5px;}
#rightAd a:hover { background-position: -299px -82px;}

#content article .leftColumn { width: 265px; float: left; }
/*.ie7 #content article .leftColumn { width: 265px; }*/
#content article .rightColumn { width: 305px; margin-left: 280px; }
.ie7 #content article .rightColumn { width: 290px; margin-left: 290px;}

#sidebarAccordion { background: #4c4c4c; margin: 10px 0 0 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#sidebarAccordion h3 { clear: both; background: url(../images/icon-sidebar-arrow-w.png) no-repeat 95% 50%; }
#sidebarAccordion h3 a {
  display: block;
  color: #b0a9f2;
  text-decoration: none;
  font-family: "MyriadPro";
  font-size: 18px;
  padding: 10px 15px 2px 15px;
}
#sidebarAccordion h3.disabled { background: none; }
#sidebarAccordion h3.disabled a { color: #363636; }
#sidebarAccordion h3.ui-state-active { background: url(../images/icon-sidebar-arrow-s.png) no-repeat 95% 50%; }
#sidebarAccordion fieldset { padding: 10px 0 10px 15px; margin: 0 5px 5px 0; background: #424242; clear: both;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ie7 #sidebarAccordion fieldset { width: 190px;}
form fieldset ol { list-style: none; margin: 0; padding: 0;}
#sidebarAccordion fieldset li { padding: 0; clear: both; overflow: auto; font-family: Arial, sans-serif; font-size: 13px;}
#sidebarAccordion fieldset li.tools a,
a.tools { text-transform: uppercase; color: #acd900; font-size: 10px; text-decoration: none;}
#sidebarAccordion fieldset.submit { background: none; }
#sidebarAccordion fieldset.submit input {
  text-transform: uppercase;
  color: #acd900;
  font-size: 18px;
  font-weight: bold;
  padding: 4px 15px 2px 15px;
  border: none;
  background: #272727;
  float: right;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#sidebarAccordion fieldset label { width: 155px; float: left; margin-top: 7px;}
#sidebarAccordion fieldset img { float: right; }
.ie7 #sidebarAccordion fieldset img { float: right; margin: 0; }
#sidebarAccordion fieldset input { float: left; }
#sidebarAccordion fieldset select { float: right; width: 100px;}
#sidebarAccordion fieldset .fullWidth select { float: none; display: block; width: 185px; }
#sidebarAccordion fieldset .fullWidth label { font-size: 12px !important; width: auto; }
#sidebarAccordion fieldset .fullWidth label small { font-size: 9px; }

#sidebarAccordion fieldset li.subField { padding: 3px 0;}
#sidebarAccordion fieldset li.subField label { width: auto; margin-left: 15px; margin-top: 3px; }

#sidebarAccordion fieldset.cbOnLeft img { float: left; }
#sidebarAccordion fieldset.cbOnLeft label { font-size: 11px;}
#sidebarAccordion li.slider,
#listSidebar  li.slider { overflow: visible; padding: 20px 0 0 10px;}
#sidebarAccordion li.slider:first-child,
#listSidebar  li.slider:first-child { padding-top: 0;}
#sidebarAccordion li.slider label,
#listSidebar  li.slider label { text-align: center; display: block; font-family: "MyriadProBold"; font-size: 15px; color: #fff; float: none; width: 159px;}
#sidebarAccordion li.slider label span,
#listSidebar  li.slider label span { color: #f7941d; }
#sidebarAccordion li.slider div.slider,
#listSidebar  li.sliderdiv.slider { position: relative;}

#sidebarAccordion .ui-slider,
#listSidebar .ui-slider { height: 14px; width: 159px; margin-right: 20px;border-width: 0 1px 1px 1px; border-color: #acabd1; border-style: solid;}
#sidebarAccordion .ui-slider-handle,
#listSidebar .ui-slider-handle { background: url(../images/btn-slider.png) no-repeat; width: 18px; height: 28px; display: block; position: absolute; margin-left: -9px; margin-top: 2px;}
#sidebarAccordion .ui-slider-handle.ui-state-focus,
#listSidebar .ui-slider-handle.ui-state-focus { background: url(../images/btn-slider-active.png) no-repeat; width: 18px; height: 28px; display: block;}

/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; position:relative; height:20px; text-decoration: none; overflow:hidden;}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }

.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4; font-size: 12px; display:block; padding:.3em 1em; outline:none; text-decoration:none; }

#sidebarAccordion a.ui-selectmenu { background: #8781be; color: #423e6a; font-size: 11px; float: right; margin-right: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#sidebarAccordion .fullWidth a { float: none; display: block; overflow: hidden; }
#sidebarAccordion .fullWidth { overflow: hidden;}
#sidebarAccordion .ui-selectmenu-status { padding: 3px 5px;  }
#sidebarAccordion .ui-selectmenu-icon { background: url(../images/icon-sprite.png) no-repeat -124px -48px; width: 12px; height: 11px; margin-top: -5px; }
.home .ui-selectmenu-menu .ui-selectmenu-item-focus a { background: #403b70; color: #fff; }
.ie7 .home .ui-selectmenu-menu .ui-selectmenu-item-focus a { text-indent: 0; }
.home .ui-selectmenu-menu li a { font-size: 12px; color: #423e6a; text-indent: 0; }
.home .ui-selectmenu-menu { background: #8781be; color: #423e6a; }

#sidebarAccordion .sidebarLocation { padding-left: 5px;}
#sidebarAccordion .sidebarLocation ul li img { width: 18px; height: 17px; }
#sidebarAccordion .sidebarLocation ol > li { width: 50%; float: left; clear: none;}
#sidebarAccordion .sidebarLocation ol ul { display: none; }
#sidebarAccordion .sidebarLocation li label { width: auto; font-size: 13px;}
#sidebarAccordion .sidebarLocation ul li label { font-size: 10px; margin-top: 4px;}
#sidebarAccordion .sidebarLocation ul { list-style: none; margin-left: 7px;}
#sidebarAccordion .sidebarLocation ol > li > label { background: url(../images/icon-sidebar-arrow-small-w.png) no-repeat 100% 0; display: block; float: none;}
#sidebarAccordion .sidebarLocation ol > li.active > label { background: url(../images/icon-sidebar-arrow-small-s.png) no-repeat 98% 0; }
#sidebarAccordion .sidebarLocation ol { clear: both; }

.articleContainer { padding: 20px; position: relative;}
.tableContainer { border: #e3e4d6 1px solid;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.infoTable { width: 100%; font-size: 13px; font-family: Arial, sans-serif;}
.infoTable caption { font-family: "MyriadProBold"; font-size: 17px; color: #565656; padding: 10px 0;}
.infoTable td { color: #638330; height: 21px; vertical-align: middle; padding: 0 10px;}
.infoTable td:first-child { color: #565656; }
.infoTable tr.odd td { background: #edeadd;}
.infoTable tr:nth-child(odd) td { background: #edeadd;}

.infoBox { background: #e3e4d6; margin-top: 9px; padding: 9px; font-family: Arial, sans-serif; font-size: 12px; color: #565656;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.infoBox:first-child { margin-top: 0; }
.infoBox h3 { font-size: 14px; color: #4c41b2; }
.infoBox p { padding-bottom: 7px; }
.infoBox p.buttons.centered { text-align: center; }
.infoBox p.buttons a,
a.button { font-size: 12px; color: #fff; background: #6aa907; text-decoration: none; padding: 2px 7px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.infoBox ul { padding: 10px 0; margin-left: 15px;}
.infoBox p.buttons a:hover,
a.button:hover { background: #465d22;}

#gbSearchHeader { height: 65px; }
#gbSearchHeader.noResults { height: auto; }
#gbSearchHeader.noResults form { display: block; padding: 0 0 10px 0;}
#gbSearchHeader .searchHint { clear: both; border-top: 1px #e3e4d6 solid; padding: 30px; }
#gbSearchHeader .searchHint .leftColumn { width: 48%; float: left; padding: 10px 0 40px 0;}
#gbSearchHeader .searchHint .rightColumn { width:42%; float: right; }
#gbSearchHeader .searchHint .leftColumn p { font-size: 18px; font-family: "MyriadPro"; color: #354447;}
#gbSearchHeader .searchHint .rightColumn { font-size: 14px; font-family: "MyriadPro"; color: #fffef9;}
#gbSearchHeader .searchHint .rightColumn ul { padding: 5px 0; margin: 0 0 0 15px; list-style: disc; color: #fffef9;}



#backBtn { width: 155px; float: left; padding-top: 18px;}
#backBtn a { margin-left: 20px; float: left; height: 20px; background: #f38400; text-decoration: none; overflow: hidden;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#backBtn a span.text { color: #fff; font-family: Arial, sans-serif; font-size: 11px; padding: 3px 15px 4px 5px; float: left; }
#gbSearchBox { float: left; width: 640px; background: #cac9b6; padding: 8px 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#gbSearchBox label { font-weight: bold; font-family: "MyriadProBold"; font-size: 14px; color: #424242; padding: 4px 20px; float: left;}
#gbSearchBox input { width: 280px; background: #fffee9; color: #565656; font-size: 12px; border: none; padding: 5px 10px; float: right; margin-right: 10px;
  -webkit-box-shadow: inset 3px 3px 3px #bbb;
  -moz-box-shadow: inset 3px 3px 3px #bbb;
  box-shadow: inset 3px 3px 3px #bbb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.articleHeader { background: #f5f3e8; padding: 30px 30px 20px 30px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.guidebook .articleContainer { padding: 0 30px 30px 30px; background: #fff;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.guidebook .articleContainer.first { padding: 30px; }
.guidebook .articleHeader + .articleContainer { padding: 30px; }
.guidebook .articleHeader h2 { font-family: Arial, sans-serif; font-size: 24px; color: #565656; }
.guidebook .articleHeader h3 { font-family: Arial, sans-serif; font-size: 14px; color: #8ba919; }
.guidebook .articleHeader h3 span { font-size: 12px; font-style: italic; color: #a0a27e; padding-left: 20px; font-weight: normal; }
.guidebook article p { font-size: 14px; color: #424242; padding-bottom: 20px; }
.guidebook #content footer { color: #9fa08c; font-size: 10px; font-family: Arial, sans-serif; width: 795px; line-height: 8px;}

.guidebook .articleContainer .textBoxTitle { font-size: 12px; color: #6a63ae; padding: 3px 0;}
.guidebook .articleContainer .textBoxTitle small { font-size: 12px; color: #424242; }
.guidebook .articleContainer .textBox { border: 1px #e3e4d6 solid; padding: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.guidebook .articleContainer .textBox p { font-size: 12px; color: #818181; padding: 20px 0 0 0;}
.guidebook .articleContainer .textBox p:first-child { padding: 0; }
.gbOverviewStats > div { float: left; padding-left: 20px; }
.gbOverviewStats > div:first-child { padding-left: 0; }
.gbOverviewStats .stats { border: none !important; float: left; padding: 0 !important; }
.gbOverviewStats .stats dd,
.gbOverviewStats .contact dd { font-weight: bold; color: #424242; font-size: 14px; }
.gbOverviewStats .contact { float: right;}
.gbOverviewStats .contact p { border: 1px #e3e4d6 solid; padding: 20px; color: #a0a0a0; font-size: 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.guidebook #sidebar { width: 165px; float: right; overflow: hidden; }
.guidebook #sidebarContainer { padding: 0 15px 0 0; }
.guidebook #sidebar ul { list-style: none; margin: 0; }
.guidebook #sidebar ul a { text-decoration: underline; color: #424242; font-size: 11px; line-height: 20px; }
.guidebook #sidebar label { font-size: 11px; font-weight: normal; color: #9fa08c; }
.guidebook #sidebar select { font-size: 11px; font-weight: normal; color: #9fa08c; background: #fff; width: 140px; display:none;}
.guidebook #sidebar a.ui-selectmenu { background: #fff; color: #9fa08c; font-size: 11px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.guidebook #sidebar .ui-selectmenu-status { padding: 3px 5px;  }
.guidebook #sidebar .ui-selectmenu-icon { background: url(../images/icon-sprite.png) no-repeat -100px -48px; width: 12px; height: 11px; margin-top: -5px; }
ul.ui-selectmenu-menu { background: #fff; z-index: 100000;}

.exportData a { background: url(../images/bg-btn-print.png) no-repeat; float: left; text-decoration: none; font-size: 11px; color: #fff; text-align: center; }
.exportData a:first-child { margin-right: 4px;}
.exportData a span { padding: 1px 0; width: 72px; float: left;}
#sidebarContainer .chooseList { padding: 15px 0 5px 0;}
.articleHeader .title { float: left; }
.articleHeader .tools { float: right; }

.articleHeader .tools a.url { background: #6aa907; color: #fff; text-decoration: none; font-size: 12px; float: right; margin: 8px 2px 0 0; clear: right;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.articleHeader .tools a.url span { padding: 2px 10px; float: left;}
.articleHeader .tools .listsManipulation a { color: #9b9f76; font-size: 10px; font-weight: bold; font-family: "MyriadProBold"; text-decoration: none; line-height: 12px; float: right;}
.articleHeader .tools .listsManipulation a span.icon { margin: 0;}
.articleHeader .tools .listsManipulation a span.text { width: 30px; float: left;}

.icon { background: url(../images/icon-sprite.png) no-repeat; display: inline-block; vertical-align: middle; margin: 0 5px;}
.icon.level { background-position: 0 0; color: #fff; font-size: 9px; font-family: Arial, sans-serif; font-weight: normal; padding: 1px 0; text-align: center; width: 54px; }
.icon.level.disabled { background-position: 0 -50px;}
.icon.recommended { background-position: -100px 0; width: 24px; height: 24px; }
.icon.maybe-recommended { background-position: -124px 0; width: 24px; height: 24px; }
.icon.not-recommended { background-position: -148px 0; width: 24px; height: 24px; }
.icon.na { background-position: -172px 0; width: 24px; height: 24px; }
.icon.pencil { background-position: -100px -24px; width: 24px; height: 24px; }
.icon.checkbox { background-position: -124px -24px; width: 24px; height: 24px; }
.icon.checkbox.checked { background-position: -148px -24px; width: 24px; height: 24px; }
.icon.back { background-position: -112px -48px; width: 12px; height: 11px; }
.icon.mw { background-position: -100px -59px; width: 36px; height: 15px; vertical-align: top; margin: 0;}
.icon.w { background-position: -100px -75px; width: 36px; height: 15px; vertical-align: top; margin: 0;}
.icon.m { background-position: -100px -91px; width: 36px; height: 15px; vertical-align: top; margin: 0;}
.icon.info { background-position: -177px -25px; width: 24px; height: 24px; vertical-align: top; margin: 0;}
.icon.accepted { background-position: 0 -110px; width: 22px; height: 22px; }
.icon.rejected { background-position: -22px -110px; width: 22px; height: 22px; }
.icon.whitelisted { background-position: -44px -110px; width: 22px; height: 22px; }
.icon.deferred { background-position: -66px -110px; width: 22px; height: 22px; }
.icon.none { background-position: -154px -110px; width: 22px; height: 22px; }
.icon.none.withHover:hover { background-position: -154px -132px; width: 29px; height: 21px; cursor: pointer; }
.icon.financeNone { background-position: -88px -110px; width: 22px; height: 22px; }
.icon.financeSome { background-position: -110px -110px; width: 22px; height: 22px; }
.icon.financeFull { background-position: -132px -110px; width: 22px; height: 22px; }
.icon.completed { background-position: 0 -132px; width: 24px; height: 24px; }
.icon.inProgress { background-position: -24px -132px; width: 24px; height: 24px; }

.icon.saChecked { background-position: 0 -160px; width: 26px; height: 27px; }
.icon.saChecked.not { background-position: -26px -160px; width: 26px; height: 27px; }
.icon.saCrossed { background-position: -52px -160px; width: 26px; height: 27px; }
.icon.saCrossed.not { background-position: -78px -160px; width: 26px; height: 27px; }


.guidebook #content .articleContainer .leftColumn { width: 275px; float: left; }
.guidebook #content .articleContainer .rightColumn { margin-left: 295px; display: block; width: auto;}

.guidebook #content .articleContainer.split3_2 .leftColumn { width: 340px; float: left; }
.guidebook #content .articleContainer.split3_2 .rightColumn { margin-left: 360px; display: block; width: auto;}

.guidebook #content .articleContainer.split5_2 .leftColumn { width: 400px; float: left; }
.guidebook #content .articleContainer.split5_2 .rightColumn { margin-left: 420px; display: block; width: auto;}


.textBox ul {
  list-style: none;
  margin-left: 0;
  color: #818181;
  font-size: 12px;
}
.textBox em { color: #8ba919;}
.info p { color: #8ba919 !important; font-style: italic; font-size: 12px !important;}
ul.twoColumn {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
}
.no-csscolumns ul.twoColumn { overflow: auto; }
.no-csscolumns ul.twoColumn li { float: left; width: 48%; }
ul.threeColumn {
  -moz-column-count: 3;
  -moz-column-gap: 10px;
  -webkit-column-count: 3;
  -webkit-column-gap: 10px;
  column-count: 3;
  column-gap: 10px;
}
.no-csscolumns ul.threeColumn { overflow: auto; }
.no-csscolumns ul.threeColumn li { float: left; width: 33%; }

ul.fourColumn {
  -moz-column-count: 4;
  -moz-column-gap: 10px;
  -webkit-column-count: 4;
  -webkit-column-gap: 10px;
  column-count: 4;
  column-gap: 10px;
}
.no-csscolumns ul.fourColumn { overflow: auto; }
.no-csscolumns ul.fourColumn li { float: left; width: 25%; }

.leftAligned { float: left; }
.rightAligned { float: right; }

.headingTitle { color: #424242; font-family: "MyriadProBold"; font-weight: bold; font-size: 18px; }
.headingTitle strong { color: #8ba919; }

.dottedSummary { list-style: none; margin: 0; }
/*.articleContainer .rightColumn .dottedSummary li,
.articleContainer .leftColumn .dottedSummary li { clear: none; }
*/
.dottedSummaryCaption { position: absolute; right: 0; top: 0; width: 220px; padding: 30px; font-size: 12px; font-style: italic; color: #8ba919; line-height: 14px;}
.dottedSummary li { padding: 6px 0; width: 100%; color: #818181;}
.articleContainer .dottedSummary p { font-size: 12px; color: #818181; width: 50%; display: inline-block; background: url(../images/bg-dotted-summary-dots.png) repeat-x left bottom; padding-bottom: 0;}
.articleContainer .leftColumn .dottedSummary p,
.articleContainer .rightColumn .dottedSummary p { width: 80%; }
.articleContainer .dottedSummary p span.text { border-bottom: 1px #fff solid; background: #fff;}
.articleContainer .dottedSummary p span.text strong { color: #424242;}
.articleContainer em { color: #8ba919; display: block;}
span.value { font-size: 12px; font-weight: bold; color: #424242; line-height: 14px; white-space: nowrap; padding-left: 2px;}
span.value small { font-weight: normal; color: #818181; font-size: 12px;}
.small span.value { font-size: 12px; font-weight: bold; color: #424242; line-height: 12px;}
span.value.na { font-weight: bold; color: #d2d3bf; line-height: 14px;}

.studentFacultyRatio h3 { font-family: "MyriadProBold"; font-weight: bold; font-size: 18px; color: #424242; }
.studentFacultyRatio h3 strong { color: #8ba919; }
.studentFacultyRatio .dataVis { background: url(../images/icon-student-faculty.png) no-repeat top right; padding-right: 40px; min-height: 100px; margin-top: 10px;}

.textBox big { background: #6f8fa8; font-size: 14px; color: #fff; text-align: center; min-width: 40px; display: inline-block; padding: 2px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.classSize .dottedSummary li { font-size: 14px; color: #424242; }
span.important { font-weight: normal; color: #424242; font-size: 12px; }

.foldable.folded { display: none; }
#restOfMajors { padding-top: 20px;}
#showMoreMajors { background: #e3e4d6; padding: 3px 15px; float: right; text-decoration: none; color: #424242; margin-right: -20px;}


/*dl.textBox { min-height: 90px;}*/
.textBox dt { color: #a0a0a0; padding-top: 15px; }
.textBox dt:first-child,
.textBox dt.first { padding-top: 0; }

.textBox dd { color: #424242; }

.guidebook .articleContainer.rightNote { float: right; z-index: 20; border: 1px #e3e4d6 solid; padding: 10px; margin-right: 30px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.articleContainer.rightNote.first { margin-top: 30px; }
.rightNote .dottedSummary { width: 180px; }
.rightNote .dottedSummary p { width: 75%; }
.dottedSummary.compact li { padding: 3px 0; }
.dottedSummary.compact p {width: 75%;}
.dottedSummary.narrow { width: 120px; }
#content .dottedSummary.narrow p { width: 60%; }
#content .dottedSummary.shortValues p { width: 85%; }
.guidebook #content .articleContainer.split5_2 .leftColumn p { width: 60%; }
.guidebook #content .articleContainer.split5_2 .rightColumn p { width: 55%; }
.guidebook #content .articleContainer.split5_2 .rightColumn .textBox { padding: 20px 10px;}

.asideFigure { position: absolute; right: 15px; top: 0; }
.first .asideFigure { top: 30px; }
.asideFigure figcaption { position: absolute; top: 0; right: 10px; font-size: 12px; color: #818181; }
.asideFigure figcaption strong { font-size: 14px; color: #424242;}

.figureTitle { font-size: 16px; font-family: "MyriadProBold"; font-weight: bold; text-align: center;}
.figureTitle strong { font-size: 18px; color: #6f8fa8;}
figure.pieChart { padding: 20px 20px 20px 60px; }
.rightColumn figure.pieChart { padding: 20px 20px 20px 40px; }

ul.summary li { padding: 2px 0; }
ul.summary li .text { width: 61%; display: inline-block;}
ul.summary li .value.priorities { width: 95px; text-align: center; font-size: 9px; color: #fff; font-weight: normal; display: inline-block; line-height: 11px; padding: 1px 0 0 0; vertical-align: middle;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
ul.summary li .priorities.very-important { background: #8ba919;}
ul.summary li .priorities.important { background: #c99700;}
ul.summary li .priorities.considered { background: #4ea1a9;}
ul.summary li .priorities.not-considered { background: #8e8e8e;}


.ui-autocomplete { background: #fff; font-size: 11px; color: #424242;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 10px #aaa;
  -webkit-box-shadow: 0 0 10px #aaa;
  -o-box-shadow: 0 0 5px #aaa;
  -ms-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
.ui-autocomplete .ui-state-hover { background: #6a63ae; color: #fff;}


#mainContent { position: relative; min-height: 850px; padding-top: 25px;}

aside#listSidebar { position: absolute; right: 0; margin: 135px -1px 0 20px; color: #fff; padding: 0; float: right; background: #4c4c4c url(../images/icon-sidebar-hide.png) no-repeat 5px 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
aside#listSidebar.closed { background-image: url(../images/icon-sidebar-show.png); width: 25px; overflow: hidden;}
aside#listSidebar section { padding: 30px 10px 30px 25px; }
aside#listSidebar fieldset { width: 180px; background: #424242; margin-top: 15px; padding: 15px 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
aside#listSidebar fieldset:first-child { margin-top: 0;}
aside#listSidebar fieldset.submit { background: none; text-align: right;}
div.slider { position: relative; }

aside#listSidebar fieldset.submit input {
  text-transform: uppercase;
  color: #acd900;
  font-size: 12px;
  font-weight: normal;
  padding: 4px 15px 2px 15px;
  border: none;
  background: #272727;
  float: right;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

fieldset.scrollable { padding: 0 !important;}
fieldset.scrollable > div { height: 185px; overflow: auto; }

table.myLists { clear: left;}
table.myLists td { background: #fffef9; vertical-align: middle; height: 38px; border-bottom: 2px #e3e4d6 solid; padding: 0;}
table.myLists th { font-family: "MyriadProBold"; font-size: 10px; color: #9b9f76; padding: 5px 0; vertical-align: bottom;}
table.myLists th a.oopCalc { color: #465d22; float: right; margin: 20px 20px 0 0 ; font-size: 11px;}
table.myLists th:first-child { text-align: left;}
table.myLists .colShortLists { width: 45px; border-left: 2px #e3e4d6 solid; text-align: center;}
table.myLists .colApplyList { width: 45px; text-align: center; }
table.myLists .even td { background: #f5f3e8; }
table.myLists td.button { padding: 0 5px;}
table.myLists h3 { white-space: nowrap; font-size: 14px; color: #565656; padding: 0 10px;}
table.myLists h4 { white-space: nowrap; font-size: 11px; color: #8ba919; padding: 0 10px; font-weight: normal;}

table.myLists th.grouper { background: #fffef9; color: #808167; font-size: 10px; font-weight: normal; font-family: Arial, sans-serif;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
table.myLists th.colData { font-family: "MyriadWebProCondensed"; font-size: 12px; color: #aeb190; text-transform: uppercase; font-weight: normal; vertical-align: middle;width: 55px; padding: 0;}
table.myLists th.colData.special { background: #f5f3e8; width: 64px; padding: 0;}
table.myLists td.colData { text-align: center; color: #565656; font-size: 11px; width: 55px; padding: 0;}
table.myLists td.colData.special { font-weight: bold; color: #6aa907; width: 65px; padding: 0;}
table.myLists td.colData.first { border-left: 2px #e3e4d6 solid;}
table.myLists td.colData.na { color: #d2d3bf;}
table.myLists td.rightSeparator { border-right: 2px #e3e4d6 solid; }
table.myLists th.firstOfGroup { background:  #fffef9; padding-left: 2px; }
table.myLists th.firstOfGroup div,
table.myLists th.lastOfGroup div { background: #e3e4d6; padding: 5px 0; text-align: center;}
table.myLists th.lastOfGroup { background: #fffef9; padding-right: 2px; }
table.myLists th label { font-size: 11px; font-weight: normal; color: #9fa08c; font-family: Arial, sans-serif;}
table.myLists th select { font-size: 11px; font-weight: normal; color: #9fa08c; background: #fff; width: 140px; display:none;font-family: Arial, sans-serif;}
table.myLists th a.ui-selectmenu { background: #fff; color: #9fa08c; font-size: 11px;font-family: Arial, sans-serif;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
table.myLists th .ui-selectmenu-status { padding: 3px 5px;  }
table.myLists th .ui-selectmenu-icon { background: url(../images/icon-sprite.png) no-repeat -100px -48px; width: 12px; height: 11px; margin-top: -5px; }
table.myLists .submit { background: #638330; border: none; color: #fff; font-size: 11px; font-weight: bold;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
table.myLists td.button a.button { background: #638330; }
table.myLists td.button a.button:hover,
table.myLists .submit:hover { background: #465d22; }
ul.ui-selectmenu-menu { background: #fff;}

.myLists #content { margin: 0 20px; }
.myLists a.button { font-weight: bold; font-size: 11px;}

#progressTable.myLists td.button { width: 90px; border-left: 2px #e3e4d6 solid; text-align: center;}
#progressTable.myLists td:last-child { width: 44px; border-left: 2px #e3e4d6 solid; }
#progressTable.myLists td.last { width: 44px; border-left: 2px #e3e4d6 solid; }
#progressTable.myLists td.colData { width: 46px; }

#myListsNav { width: 720px; clear: left; padding: 30px 0 20px 0; float: left;}
#myListsNav ul { list-style: none; margin: 0; }
#myListsNav ul li { float: left; margin-left: 5px;}
#myListsNav ul li:first-child { margin-left: 0;}
#myListsNav ul a { float: left; background: #6aa907; padding: 5px 10px 3px 10px; font-size: 14px; font-family: "MyriadProBold"; text-decoration: none; color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#myListsNav ul .active a { background: #465d22;}
#myListsNav ul .active a:hover { color: #fff;}
#myListsNav ul a:hover { color: #465d22;}
#myListsNav .exportData { font-size: 11px; font-weight: bold; padding: 13px 0 0 20px; float: left;}

.listsTip { margin: 0 0 0 50px; width: 435px; background: #f5f3e8 url(../images/icon-tip-exclamation.png) no-repeat 12px 10px; float: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 10px #aaa;
  -webkit-box-shadow: 0 0 10px #aaa;
  -o-box-shadow: 0 0 10px #aaa;
  -ms-box-shadow: 0 0 10px #aaa;
  box-shadow: 0 0 10px #aaa;
}
.listsTip .text { margin-left: 30px; background: #fff; color: #6a63ae; padding: 10px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.listOfLists ul { list-style: none; width: 200px; padding: 10px 0 0 0; background: #9fa08c; float: left; margin: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.listOfLists { float: left;}
.listOfLists ul li a { display: block; padding: 5px 5px 5px 20px; text-decoration: none; color: #fff; font-size: 14px; font-family: "MyriadPro"; background: #9fa08c url(../images/bg-small-pencil.png) no-repeat 185px 5px;}
.listOfLists ul li a:hover { color: #424242;}
.listOfLists ul li.active a { background-color: #424242; color: #ffd200;}
.listOfLists ul li a .icon { float: right;}
.listOfLists .listTitle { background: #9fa08c; border-top: 1px #fff solid; color: #fff; font-size: 14px; font-family: "MyriadPro"; text-transform: uppercase;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.listOfLists .listTitle a { background: none; padding: 12px 10px 12px 20px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

p.footer { font-size: 10px; color: #9fa08c; padding: 2px; font-family: Arial, sans-serif; font-weight: normal;}

.searchTip { float: right; margin: -20px -15px 0 0; background: url(../images/bg-search-tip-arrow.png) no-repeat; padding: 5px 0 5px 40px; width: 178px;}
.searchTip p { width: 90px; color: #424242; font-size: 11px; float: left; }
.searchTip .newSearchButton { float: left; margin-top: 7px; padding: 2px 10px; background: #f38400; color: #fff; text-decoration: none; font-size: 11px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
}

table.myLists .progressTrackerTableHeader { background: url(../images/bg-lists-progress-tracker-table-header.png) no-repeat bottom left; width: 568px; height: 126px; }
table.myLists .progressTrackerTableHeader .css { margin-left: 140px; float: left; }
table.myLists .progressTrackerTableHeader .css div.tip { float: left; width: 50px; height: 50px; }
table.myLists .progressTrackerTableHeader .fafsa { float: left; }
table.myLists .progressTrackerTableHeader .fafsa div.tip { float: left; width: 50px; height: 50px; }

.tooltip { background: #564e97; border: 2px #fff solid; width: 275px; display: none; z-index: 200000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}
.tooltip.narrowTooltip { width: auto; }
.ie6 .tooltip.narrowTooltip,
.ie7 .tooltip.narrowTooltip,
.ie8 .tooltip.narrowTooltip { width: 140px; }
.tooltip .tooltipContent { padding: 10px; }
.tooltip p {
  color: #fff !important; width: auto !important; text-transform: none !important; text-align: left !important;
  font-family: Arial, sans-serif !important; font-size: 12px !important; font-weight: normal !important;
  background: none !important; padding-top: 10px !important; float: none !important; font-style: normal !important;
}
.tooltip p:first-child { padding-top: 0 !important; }
.tooltip .button { font-size: 12px !important; padding: 4px 10px; float: right; font-weight: normal; margin-left: 5px; background: none; cursor: pointer;}
.tooltip .button:hover { font-size: 12px; background: #6a63ae; }
.tooltip label { padding: 9px 0 0 0; vertical-align: top; display: inline-block;}
.tooltip input[type=submit] { background: #352c7e; padding: 2px 10px; color: #acd900; border: none; margin: 5px 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.tooltip label,
.tooltip ul { font-size: 12px; font-weight: normal; color: #fff; list-style: none; margin: 0;}
.tooltip ul li { text-align: left !important; }
.tooltip .tooltipContent td { height: 40px; width: auto !important; overflow: visible; vertical-align: middle; background: none !important; border: none !important; }
.tooltip p.small { font-size: 11px !important; }
.tooltip p.green { color: #acd900 !important; }
.tooltip h5 { font-size: 14px; font-weight: bold; color: #fff; padding: 5px 0;}
.tooltip:not(.leftTooltip) .tooltipBottom { background: url(../images/bg-tooltip-arrow-w.png) no-repeat; position: absolute; left: -26px; top: 20px; width: 26px; height: 27px;}
.tooltip.leftTooltip .tooltipBottom { background: url(../images/bg-tooltip-arrow-e.png) no-repeat; position: absolute; right: -26px; top: 20px; width: 26px; height: 27px;}

.no-borderradius .tooltip .tooltipContent td { height: 50px; }
.no-borderradius .tooltip.narrowTooltip { width: 180px; }
.no-borderradius .tooltip { position: absolute; z-index: 1000; display: none; font-family: Arial, sans-serif; background: none; border: none;}
.no-borderradius .tooltip .tooltipContent { padding: 18px 20px 0 45px; background: url(../images/bg-tooltip.png) no-repeat; }
.no-borderradius .tooltip .tooltipBottom { background: url(../images/bg-tooltip.png) no-repeat 0 -502px; height: 18px; width: 275px; position: static;}
.no-borderradius .tooltip.narrowTooltip .tooltipContent { background: url(../images/bg-tooltip-narrow.png) no-repeat;  }
.no-borderradius .tooltip.narrowTooltip .tooltipBottom { background: url(../images/bg-tooltip-narrow.png) no-repeat 0 -502px;}
.no-borderradius .tooltip.leftTooltip .tooltipContent { padding: 18px 45px 0 20px; background: url(../images/bg-tooltip-left.png) no-repeat;  }
.no-borderradius .tooltip.leftTooltip .tooltipBottom { background: url(../images/bg-tooltip-left.png) no-repeat 0 -502px;}
.no-borderradius .tooltip.narrowTooltip.leftTooltip .tooltipContent { background: url(../images/bg-tooltip-left-narrow.png) no-repeat;  }
.no-borderradius .tooltip.narrowTooltip.leftTooltip .tooltipBottom { background: url(../images/bg-tooltip-left-narrow.png) no-repeat 0 -502px;}

#content .myLists .icon.pencil .tooltip .tooltipContent { * width:275px; * height:150px; }

.ui-widget-overlay { background: #000; opacity: 0.7; filter: alpha(opacity=70); position: fixed; top: 0; left: 0;}
.ui-dialog-titlebar { text-align: left; }
.ui-dialog-title { font-size: 26px; color: #424242; font-weight: bold; line-height: 40px; }
.ui-dialog { background: #fff; margin-left: -445px; left: 50%; position: absolute; padding: 40px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.ui-dialog-titlebar-close { background: #000; color: #fff; right: -10px; top: -10px; position: absolute; width: 27px; height: 26px; background: url(../images/icon-sprite.png) no-repeat -53px -132px; text-indent: -9999px; overflow: hidden;}
.ie7 .ui-dialog-titlebar-close,
.ie8 .ui-dialog-titlebar-close { right: 0; top: 0;}
.ui-dialog-content { background: #e3e4d6; padding: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.ui-dialog-content h3 { font-size: 15px; color: #000; padding: 0 0 30px 0; font-weight: normal; }
.ui-dialog-content ol { float: left; margin-left: 40px;}
.ui-dialog-content ol li { float: left; width: 50%; height: 40px;}
.ui-dialog-content label { width: 200px; float: left;}
.ui-dialog-content select { width: 150px; float: left; }
.ui-dialog-content input { width: 150px; float: left; background: #fff; border: none; padding: 3px 5px; font-size: 11px; color: #9FA08C;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#oopPopup { display: none; }
#oopPopup a.ui-selectmenu { background: #fff; color: #9fa08c; font-size: 11px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#oopPopup .ui-selectmenu-status { padding: 3px 5px;  }
#oopPopup .ui-selectmenu-icon { background: url(../images/icon-sprite.png) no-repeat -100px -48px; width: 12px; height: 11px; margin-top: -5px; }

.ui-dialog-content .submit a { float: left; font-size: 11px; color: #424242;}
.ui-dialog-content .submit input { float: right; background: #638330; color: #fff; font-size: 11px; width: auto; padding: 5px 10px;}
#mainContent aside.noTeaser { padding: 0; }
#mainContent #sidebarAccordion { margin: 0; }
.searchResults table.myLists { clear: none; width: 535px; }

.searchResultsMessage { background: #272727; padding: 0 0 0 10px; width: 525px; margin: 0 0 10px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.searchResultsMessage div { background: #4c4c4c; padding: 10px; font-size: 14px; color: #fff;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;s
  border-top-right-radius: 5px;
}
.searchResultsNext { position: absolute; top: 133px; left: 820px; width: 146px; background: #2e2e2e url(../images/bg-search-results-next.png) no-repeat 0 20px; padding: 60px 0 10px 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#progressTable  .colData .tooltipContent {
* width: 275px;
* height: 70px;
s

}

.searchResultsNext p { text-align: center; font-size: 11px; color: #fff; }

.home .ui-dialog-titlebar { background: url(../images/bg-sat-vs-act-header.png) no-repeat; height: 104px; width: 795px; margin-top: -10px;}

.satVsActDialog fieldset { width: 595px; margin: 0 auto;}
.satVsActDialog ol { margin: 0;}
.satVsActDialog ol li { width: 100%; background: #fffef9; margin-bottom: 2px; height: 30px; padding-top: 6px;}
.satVsActDialog ol li.even { background: #f5f3e8; }
.satVsActDialog ol li .icon { cursor: pointer;}
.satVsActDialog ol li label { width: 500px; padding: 7px 0 0 20px;}
.satVsActDialog .submit { padding: 20px 0;}
.satVsActDialog .submit input { font-size: 16px; font-weight: bold; }
.satVsActDialog { width: 795px; margin-top: 10px; display: none;}

.satVsActDialog ul { width: 515px; float: none; margin: 0 auto; list-style: none; }
.satVsActDialog ul li { width: auto; background: #fffef9 url(../images/bg-bullet-arrow.png) no-repeat 8px center; border-bottom: 2px #e3e4d6 solid; padding: 10px 25px; }
.satVsActDialog ul li.even { background: #f5f3e8 url(../images/bg-bullet-arrow.png) no-repeat 8px center; }
.satVsActDialog ul li.title { background: none; padding: 10px 0; text-align: center; font-size: 27px; color: #2e2e2e; font-weight: bold;}
.satVsActDialog ul li.footer { background: none; font-size: 12px; color: #589000; font-style: italic; padding: 10px 0;}

#signUpDialog { display: none; }
.signup .ui-dialog-titlebar { background: none; height: 0; }
.signup .ui-dialog-content { background: none; padding: 0;}
.signup article.showcase { background: url(../images/bg-showcase-popup.jpg) no-repeat; height: 560px; width: 795px; position: relative;}
.signup article.showcase p.desc { top: 180px; left: 30px; width: 300px; height: 150px; font-size: 17px; color: #565656;}
.signup article.showcase .features { position: absolute; top: 370px; left:310px; width: 470px; height: 180px; font-size: 17px; color: #565656; font-family: "MyriadPro"; font-weight: normal; font-size: 14px; color: #fff;}
.signup article.showcase .features h4 { font-size: 24px; font-family: "MyriadProBold"; }
.signup article.showcase .features ul { margin-left: 17px; padding: 10px 0;}

#showcaseTabsPopup div { font-family: Arial, sans-serif; font-size: 14px; margin: -50px 0 0 275px; color: #fff; font-size: 17px; font-weight: normal;}

#content.searchResults { margin-left: 240px;}
#sidebarAccordion input[type=checkbox],
#sidebarAccordion select { visibility: hidden;}

.signup article.header { height: 104px; background: url(../images/bg-signup-popup-headaer.jpg) no-repeat; margin-bottom: 15px;}
.signup article.header .newsletter { width: 310px; height: 90px; background: #e3e4d6; float: right; margin-top: 7px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.signup .newsletter input.text {  float: left; background: #fff; border: none; padding: 6px 5px 1px 5px; font-size: 14px; color: #2e2e2e; font-family: "MyriadPro"; margin: 15px 5px 15px 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 3px 3px 3px #ccc;
  -moz-box-shadow: inset 3px 3px 3px #ccc;
  box-shadow: inset 3px 3px 3px #ccc;

}
.signup .newsletter input.submit { width: auto; float: left; background: #638330; border: none; padding: 6px 8px; font-size: 11px; color: #fff; margin: 15px 15px 15px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.signup .newsletter p { clear: both; font-size: 12px; color: #2e2e2e; font-family: "MyriadPro"; margin: 0 5px 0 15px;}
.signup .newsletter p a { color: #2e2e2e; }

.howDoI { margin-top: 20px;}
.howDoI .articleContainer { width: 720px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.howDoI h2 { font-size: 18px; font-weight: bold; color: #6a63ae; margin-bottom: 20px;}
.howDoI h3 { font-size: 14px; font-weight: bold; color: #6a63ae; margin-bottom: 15px; }
.howDoI p,
.howDoI ol li { font-size: 14px; color: #424242;}
.howDoI ol { margin: 10px 20px;}
.howDoI p a { color: #6aa907;}

#content.glossary { padding: 5px 50px;}
#content.glossary header { height: 38px; background: #9fa08c; margin: 0; overflow: visible; text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#content.glossary header a { text-decoration: none; font-size: 14px; font-family: "MyriadProBold"; color: #fff; padding: 10px 0; display: inline-block; width: 19px; text-align: center; background: none;}
#content.glossary header a span { height: 49px; display: block;}
#content.glossary header a.active { color: #f9bb00; background: url(../images/bg-glossary-bookmark.jpg) no-repeat; }
#content.glossary header a[href]:hover { color: #f9bb00; }
#mainContent #content.glossary article { width: auto; float: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  
}
#content.glossary article h2 { border-bottom: 1px #424242 solid; font-size: 23px; font-family: Arial, sans-serif;}
#content.glossary article dl { padding: 10px 80px; }
#content.glossary article dt { color: #6a63ae; font-size: 14px; font-weight: bold; padding: 2px 0;}
#content.glossary article dd { font-size: 14px; font-weight: normal; color: #424242; padding-bottom: 20px;}

#content.glossary.resources article dt { font-size: 18px; padding: 0;}
#content.glossary.resources article a { font-style: italic; color: #6aa907; text-decoration: none;}


#signInDialog, #forgotPassDialog,#forgetDialog,#pleasewaitDialog { display: none; }
.signin .ui-dialog-titlebar,
.forgotPass .ui-dialog-titlebar { height: 0; margin: 0;}
.signin { padding: 40px;}
.signin .ui-dialog-content,
.forgotPass .ui-dialog-content { padding: 0; width: 511px; background: #2e2e2e;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.signin .ui-dialog-content article { background: url(../images/bg-signin-popup.png) no-repeat; width: 511px; padding: 75px 0 10px 0; }
.signin .ui-dialog-content article div.form fieldset { width: 377px; margin: 0 auto; background: #e3e4d6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.signin .ui-dialog-content article div.formSubmit { width: 377px; margin: 15px auto; }
.signin .ui-dialog-content article div.formSubmit a { float: left; font-size: 12px; color: #64645d; font-weight: bold; text-decoration: none; padding-top: 3px;}
.signin .ui-dialog-content article div.formSubmit a:hover { color: #fff; }
.signin .ui-dialog-content article div.formSubmit input { float: right; padding: 5px 15px; background: #638330; font-weight: bold; color: #fff; width: auto; font-size: 14px;}
.signin fieldset { padding: 10px;}
.signin ol { margin: 0;}
.signin ol li { clear: both; width: 100%; float: left; height: auto; padding: 5px 0;}
.signin label { font-size: 18px; color: #2e2e2e; font-family: "MyriadPro"; font-weight: normal; width: 80px; float: left; text-align: right; padding: 5px 5px 0 0;}
.signin input.text { float: left; clear: none; width: 250px; font-size: 18px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 3px 3px 3px #ccc;
  -moz-box-shadow: inset 3px 3px 3px #ccc;
  box-shadow: inset 3px 3px 3px #ccc;
}

.signin.forgot .ui-dialog-content article { background: url(../images/bg-forgot-popup.png) no-repeat;}
.signin.forgot .ui-dialog-content article p { font-size: 14px; padding: 5px 10px; }
.signin.forgot .ui-dialog-content article label { text-align: left;}

.forgotPass .ui-dialog-content p { text-align: center; color: #ff8b01; font-size: 18px; font-family: Arial, sans-serif; padding: 50px 0;}

#progressTable .tooltip label { padding-top: 4px;}

nav.howDoI nav.sub { position: absolute; top: 45px; left: 150px; z-index: 1000; padding: 0; width: auto !important; background: #9fa08c;
  display: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 5px #424242;
  -webkit-box-shadow: 0 0 5px #424242;
  -o-box-shadow: 0 0 5px #424242;
  -ms-box-shadow: 0 0 5px #424242;
  box-shadow: 0 0 5px #424242;
}
nav.howDoI .sub ul { background: url(../images/bg-howdoi-subnav-pointer.png) no-repeat 0 3px; margin-left: -7px;}
nav.howDoI li:nth-child(2) .sub ul { background-position: 0 26px; }
nav.howDoI li:nth-child(3) .sub ul { background-position: 0 51px; }
nav.howDoI li:nth-child(4) .sub ul { background-position: 0 74px; }
nav.howDoI li:nth-child(5) .sub ul { background-position: 0 98px; }

nav.howDoI li.nth-child-2 .sub ul { background-position: 0 26px; }
nav.howDoI li.nth-child-3 .sub ul { background-position: 0 51px; }
nav.howDoI li.nth-child-4 .sub ul { background-position: 0 74px; }
nav.howDoI li.nth-child-5 .sub ul { background-position: 0 98px; }

nav.howDoI .sub ul.active { background-image: url(../images/bg-howdoi-subnav-pointer-active.png);}

nav.howDoI .sub li { padding: 0; margin-left: 7px;}
nav.howDoI .sub li a { color: #fff; padding: 3px 15px; display: block; white-space: nowrap; }
nav.howDoI li .sub li.active > a { color: #ffd200; }
nav.howDoI li.active .sub a { color: #fff; }
nav.howDoI li .sub a:hover,
nav.howDoI li.active .sub a:hover { color: #424242;}
nav.howDoI li.active .sub li.active a:hover { color: #ffd200;}

.ui-selectmenu-menu li a { padding: 3px;}

/*.ie7 label { z-index: 200001; position: relative;}*/

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; }

  abbr:after { content: " (" attr(title) ")"; }

  .ir a:after { content: ""; }  /* Don't show links for images */

  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */

  tr, img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}



/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}