/* STRUCTURE.CSS : */

/* CSS Document */
@font-face {
    font-family: 'SerifaBlack';
    src: url('../fonts/serifa_black-webfont.eot?'),
         url('../fonts/serifa_black-webfont.woff') format('woff'),
         url('../fonts/serifa_black-webfont.ttf') format('truetype'),
         url('../fonts/serifa_black-webfont.svg#webfontDzRjFeN8') format('svg');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'SerifaRoman';
    src: url('../fonts/serifa_regular-webfont.eot?'),
         url('../fonts/serifa_regular-webfont.woff') format('woff'),
         url('../fonts/serifa_regular-webfont.ttf') format('truetype'),
         url('../fonts/serifa_regular-webfont.svg#webfonteVsSsEeM') format('svg');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'SerifaLight';
    src: url('../fonts/serifastd-light-webfont.eot?'),
    url('../fonts/serifastd-light-webfont.woff') format('woff'),
    url('../fonts/serifastd-light-webfont.ttf') format('truetype'),
    url('../fonts/serifastd-light-webfont') format('svg');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'UniversLTBold';
    src: url('../fonts/universltstd-bold-webfont.eot?'),
    url('../fonts/universltstd-bold-webfont.woff') format('woff'),
    url('../fonts/universltstd-bold-webfont.ttf') format('truetype'),
    url('../fonts/universltstd-bold-webfont.svg#webfontGYp1RLpL') format('svg');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'UniversCnBold';
    src: url('../fonts/UniversLTStd-BoldCn.eot?'),
    url('../fonts/UniversLTStd-BoldCn.woff') format('woff'),
    url('../fonts/UniversLTStd-BoldCn.ttf') format('truetype'),
    url('../fonts/UniversLTStd-BoldCn.svg') format('svg');
    font-style: normal;
    font-weight: 400;
}

/* --------------------
        Reset Styles
-------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

/* --------------------
        Standard Styles
-------------------- */

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

ol, ul {
    list-style-position: inside;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

p {
    padding-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.clear {
    clear: both;
}

/* --------------------
        Bootstrap.css overwrites
-------------------- */

a, a:hover, a:focus {
    color: #007ac9;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    /*max-width: 960px; width: auto;*/
    width: 960px;
}
.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.wider {
    width:1050px;
    background-repeat: no-repeat;
    background-position: center;
}

/* --------------------
        Main Styles
-------------------- */
html, body {
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #222;
    line-height: 19px;
    height: 100%;
    width: 100%;
}

.header {
    /*overflow: hidden; -- hides cbsitesearch autocomplete - JB 4/2015 */
    position: relative;
    clear: both;
}
.header .logo {
    display: inline-block;
    width: 215px;
    height: 40px;
    float: left;
    margin-top: 8px;
    margin-left: 15px;
}
/*-----------------
   Main Section
-------------------*/

.icon-help {
    background-image: url(../img/icon-help.png);
    background-repeat: no-repeat;
    height: 13px;
    width: 13px;
    margin-top: 0;
    vertical-align: middle;
}

#mainSection {
    height: auto;
}

#mainSection > .container {
    height: 100%;
}
.ie7 #mainSection > .container {
    height: auto;
}
#mainSection > .container .container-inner {
    background-image: url(../img/shadow.png);
    background-position: 0 0;
    background-repeat: repeat-y;
    padding-left: 34px;
    padding-top: 13px;
    padding-bottom: 60px;
    margin-left: -19px;
}
#mainSection > .container .container-inner.short {
    padding-bottom: 0;
}

/* --------------------
        Accessibility general elements: Skip Link
-------------------- */
.skipNavLink {
    display: block !important; /* GHF code is setting it to display: none so user can never get to it --JB */
}
.skipNavLink,
.visuallyhidden {
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.skipNavLink:focus,
.skipLink:focus {
    background-color: #fff;
    border: 2px solid orange;
    color: #007ac9;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 14px 10px;
    text-decoration: underline;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 15;
    height: auto;
    width: auto;
    clip: auto;
}

/* box styles */

.blue,
.box ul.blue li,
.blue li,
.content .blue li {
    color: #007ac9;
}

.box {
    background-color: #f7f7f7;
    color: #222;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 16px;
    overflow: hidden;
    padding: 9px 14px;
    float:left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.box .bottom {
    background-color: #808080;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 14px -14px -9px -14px;
    padding: 11px 14px 16px 14px;
    position: relative;
}
.box-purple {
    background-color: #9b1889;
    border-bottom: #9b1889 6px solid;
    border-top: #9b1889 1px solid;
    color: #fff;
    text-shadow: 0 0 5px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.6);
    padding-top: 12px;
}
.box-green {
    background-color: #92d400;
    border-bottom: #92d400 6px solid;
    border-top: #92d400 1px solid;
    color: #fff;
    text-shadow: 0 0 5px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.6);
    padding-top: 12px;
}
.box-orange {
    background-color: #ff7900;
    border-bottom: #ff7900 6px solid;
    border-top: #ff7900 1px solid;
    color: #fff;
    text-shadow: 0 0 5px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.6);
    padding-top: 12px;
}
.box-blue {
    background-color: #0099ff;
    border-bottom: #0099ff 6px solid;
    border-top: #0099ff 1px solid;
    color: #fff;
    text-shadow: 0 0 5px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.6);
    padding-top: 12px;
}
.box-yellow {
    background-color: #fbf7d1;
    border-bottom: #fbea46 6px solid;
    border-top: #fbea46 1px solid;
    color: #222;
    padding-top: 12px;
}
.box-gray {
    background-color: #555;
    color: #fff;
}
.box-noBorder {
    border-top:none;
    border-bottom:none;
}
.box ul,
.box ol {
    list-style-position: outside;
    margin: 0 0 0 15px;
}
.box ul li,
.box ol li {
    line-height: 19px;
}
.box ul li a {
    color: #007ac9;
    text-decoration: none;
}
.box ul li a:hover {
    text-decoration: underline;
}

.box .more {
    background-color: #fff;
    background-image: url(../img/arrow.png);
    background-position: 96% center;
    background-repeat: no-repeat;
    clear: both;
    display: block;
    float: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 18px;
    margin: 0 -14px -9px -14px;
    padding: 15px 19px 16px 10px;
    text-decoration: none;
    text-shadow: none;
}
.content .box .more {
    padding-left: 14px;
    text-align: left;
}
.box .more:hover,
.box .more:focus {
    text-decoration: underline;
}
.box .more {
    border-top: #fff 1px solid;
}
.box.hollow .more {
    border-top: #b5bdb9 1px solid;
}
.box p {
    padding-bottom: 18px;
    font-size: 14px;
    font-weight: bold;
}
.box.hollow p {
    font-weight: normal;
}

.box-collection {
    margin-bottom: 16px;
    float:left;
    width:100%;
}

.box-collection .box{
    margin-bottom: 0;
    width:100%;
}

.box-border1 {
    border-top: #cacdcc 1px solid;
    border-left: #cacdcc 1px solid;
}

.box-border2 {
    border-top: #747f81 6px solid;
    border-color: #747f81
}

.box-type1 {
    padding-top: 15px;
    color: #222;
}

.box-type1 p {
    color: #747f81;
}

.box.box-type1 h3 {
    color: #222;
    font: bold 14px/18px Arial, Helvetica, sans-serif;
    padding: 0 0 5px 0;
}

.box.box-type1 h3:first-child {
    margin-top: -4px;
}

.box-type1 ul {
    padding-bottom: 6px;
}

.box-type2 {
    font-size: 13px;
    font-weight: bold;
    color:#fff;
    background-color: #747f81;
    padding: 11px 14px 16px 14px;
}

.box-type2 p, .box-type2 p {
    padding-bottom: 0;
}


.box.box-person {
    background-color: #fff;
    padding:0;
    border-bottom: none;
}

.box.box-person .box-ht {
    height:auto;
    width: 100%;
}

.box.box-person h3,
.box.box-person .h3 {
    padding: 0; /* needed because the h3s are always present, and create blank space when they are empty --JJ */
    /* the FTL should be updated not to render it if empty --JB */
}

.box.box-person img {
    width:100%;
}

.box.box-person p {
    padding: 10px 5px;
}

.box.box-person .more {
    padding: 12px 10px;
    margin:0px;
    /*background-image: url(../img/arrow-grey.png);*/
    border-bottom: 6px solid;
}

.box.box-quote .box-lower {
    float: left;
    background: #fff;
}

.box.box-quote .box-lower p {   /* extra selectors here to override the other styles that collide with this. --JJ */
    font-family: 'Nothing You Could Do', Helvetica, Arial, Sans-Serif;
    font-size: 27px;
    font-weight: normal;
    line-height: 34px;
}

.block-quote.box-quote p,
p.pullquote {   /* this if for pull quotes in the middle of the page, not contained in box divs --JJ */
    font-family: 'Nothing You Could Do', Helvetica, Arial, Sans-Serif;
    font-size: 27px;
    font-weight: normal;
    line-height: 34px;
}

.block-quote.box-quote .attribution {
    font-size: 20px;
}

.box.box-blue.box-person .more {
    border-bottom-color: #0099ff;
    border-top-color: #fff;
}

.box.box-blue.box-person .box-lower p,
.block-quote.box-blue,
p.pullquote.blue {
    color: #0099ff;
}

.box.box-orange.box-person .more {
    border-bottom-color: #EE6B00;
    border-top-color: #fff;
}

.box.box-orange.box-person .box-lower p,
.block-quote.box-orange,
p.pullquote.orange {
    color: #EE6B00;
}

.box.box-green.box-person .more {
    border-bottom-color: #77A200;
    border-top-color: #fff;
}

.box.box-green.box-person .box-lower p,
.block-quote.box-green,
p.pullquote.green {
    color: #77A200;
}

.box.box-purple.box-person .more {
    border-bottom-color: #9b1889;
    border-top-color: #fff;
}

.box.box-purple.box-person .box-lower p,
.block-quote.box-purple,
p.pullquote.purple {
    color: #9b1889;
}

.box-quote.block-quote.box-green,
.box-quote.block-quote.box-orange,
.box-quote.block-quote.box-blue,
.box-quote.block-quote.box-purple {
    text-shadow: none;
    background: #fff;
    border: none;
}

.box.box-featureImage {
    padding: 0;
}

.box.box-featureImage .box-ht {
    height: auto;
}

.box.box-featureImage .box-ht h3,
.box.box-featureImage .box-ht .h3 {
    display: none;
}

.box .box-ht {
    height: 110px;
    position: relative;
}

.sidebar .box .box-ht {
    /* height: auto;         fixes uneven heights in right rail --JJ */

}

.box h3,
.cHalfWidth h3,
.box .h3,
.cHalfWidth .h3,
.content .box h3,
.content .cHalfWidth h3,
.content .box .h3,
.content .cHalfWidth .h3 {
    color: #222;
    font-family: 'SerifaBlack', 'Times New Roman', Times, serif;
    font-size: 18px;
    line-height: 20px;
    padding: 0 0 5px;
}
.box.box-purple h3,
.box.box-orange h3,
.box.box-blue h3,
.box.box-green h3,
.box.box-picker h3,
.box.box-purple .h3,
.box.box-orange .h3,
.box.box-blue .h3,
.box.box-green .h3,
.box.box-picker .h3 {
    color: #fff;
    font-size: 19px;
    line-height: 22px;
}
.box.hollow {
    background-color: #F7F7F7;
    text-shadow: none;
}
.box.hollow p,
.box.hollow h3,
.box.hollow .h3 {
    color: #222;
}
.box.video-overlay {
    color: gray;
}
.box.video-overlay h3,
.box.video-overlay .h3 {
    margin: 5px 0 0;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: gray;
}
.box.video-overlay .box-lower p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding-left: 0;
}

.box.video-overlay .box-ht a span.playIcon{
    background-image: url(../img/play-icon.png);
    background-repeat: no-repeat;
    background-position: 45% 40%;
    height: 100%;
    width:100%;
    position: absolute;
}

.close:focus {    /*bootstrap doesn't change the close icons on focus. This fixes that --JJ*/
    color: #000000;
    text-decoration: underline;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.alert {
    border-radius: 0;
}


/* STYLES.CSS : */
.visible-print {
    display: none;
}

/*-------------------------------
    Some updates to structure.css
--------------------------------*/
.box.box-purple h3, .box.box-orange h3, .box.box-blue h3, .box.box-green h3, .box.box-picker h3, .box.box-purple .h3, .box.box-orange .h3, .box.box-blue .h3, .box.box-green .h3, .box.box-picker .h3 {
    font-weight: normal;
}
.header .logo {
    margin-bottom: 16px;
}

.icon-help {
    background-position: 0 0;
}

.modal-body .container {
    width: 100%;
}
/*---------------------
 Page containers
---------------------*/

section {
    outline: none;
}
#siteBanner {
    background-color: #000000;
}
#noNavigation, #noNavigation .container {
    background-color: #232323;
    height: 6px;
}

#printCollegeBoardLogo {
    display: none;
}
/*---------------------
 Headings
---------------------*/
h1, h2, h3 {
    font-family: 'SerifaBlack',Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
}
h1 {
    font-size: 38px;
    line-height: 40px;
    margin-bottom: 7px;
}

h2 {
    font-size: 24px;
    line-height: 26px;
}
h2.blue {
    font-size: 22px;
    color: #0099ff;
    margin-top: 10px;
}
h2.blue.noMarginTop {
    margin-top: 0px;
}
/*
h3 {
    font-size: 18px;
    line-height: 20px;
}*/
h3 {
    font-size: 15px;
    line-height: 19px;
    color: #222222;
    font-weight: bold;
    font-family: Arial;
    margin-bottom: 5px;
}
h3.topBorder {
    border-top: 1px solid #ccc;
    margin-top: 9px;
    padding-top: 8px;
}
h3 span {
    font-weight: normal;
    margin-left: 3px;
}
.modal h3 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 20px;
}
.modal h3.topBorder {
    padding-top: 20px;
}
h2.bordered {
    border-bottom: 3px solid #d1d1d1;
    padding-bottom: 5px;
}

.headline {
    margin-top: 15px;
    margin-bottom: 25px;
    position: relative;
    *zoom: 1;
}
.short .headline {
    margin-bottom: 0;
}
.headline:before,
.headline:after {
    display: table;
    line-height: 0;
    content: "";
}
.headline:after {
    clear: both;
}
.headline .utilities {
    line-height: 13px;
    position: absolute;
    bottom: 12px;
    right: 0;
}
.headline .utilities a {
    display: inline;
}
.headline.underlined {
    border-bottom: 1px solid #ccc;
}
.headline.send-scores {
    margin-top: 0;
    margin-bottom: 8px;
}
.headline.headline-condensed {
    margin-bottom: 0;
}
    .headline.headline-condensed .utilities {
        bottom: 10px;
    }
    .headline.headline-condensed h2 {
        margin-bottom: 7px;
    }
.utilities a .icon-help{
    margin-top: -3px;
    margin-left: 5px;
    background-position: 0 0;
}

/*---------------------------
  Emphasis container:
---------------------------*/

#mainSection > .emphasis-container {
    background: #f6f6f6 url(../img/message_bg.png) no-repeat center center fixed;
    webkit-background-size: cover;
    moz-background-size: cover;
    o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/message_bg.png', sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/message_bg.png', sizingMethod='scale');
}


#mainSection > .emphasis-container > .container .container-inner{
    padding: 20px 0 1px 15px;
    background: #f6f6f6;
    margin: 0;
}
#mainSection > .emphasis-container h2 {
    color: #A0188D;
    font-family: 'SerifaRoman', Arial, Helvetica, sans-serif;
    font-size: 34px;
}
#mainSection > .emphasis-container > .container .container-inner .row-fluid {
    margin-top: 8px;
}
#mainSection > .emphasis-container > .container .container-inner .row-fluid:first-child {
    margin-top: 0;
}

/*---------------------------
  min height handling
----------------------------*/
#mainSection .container-inner.minheight {
    min-height: 495px;
}

/*---------------------------
  Bootstrap overrides:
---------------------------*/
li {
    line-height: 19px;
}
/* 1388 */
.radio, .checkbox {
    padding-left: 5px;
    margin-right: 25px;
}
.control-group .checkbox.inline, .control-group .radio.inline {
    padding-left: 25px;
}

#quickViewAPNumber .control-label {
    width: 250px;
    text-align: left;
}
/* 3949 */
.breadcrumb {
    background-color: #fff;
    padding: 0;
    margin: -3px 0 0 0;
    color: #666666;
    line-height: 14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    clear: none;
}
.breadcrumb li {
    background: url(../img/devider.png) no-repeat 100% 8px;
    padding: 0 15px 0 0;
    margin: 0 5px 0 0;
    list-style: none;
}
*+html .breadcrumb li {
    list-style: outside;
}
.breadcrumb a {
    margin: 0;
    padding: 0;
    color: #2579cc;
    text-decoration: none;
}
.breadcrumb li.active {
    background: none;
}
.breadcrumb li.active, .breadcrumb li.active a {
    color: #666;
}
.breadcrumb a:hover {
    text-decoration: underline;
}

/* 235 */
.dl-horizontal dt, .dl-horizontal dd {
    font-size: 14px;
    line-height: 30px;
}
.dl-horizontal dt {
    width: auto;
}
.dl-horizontal dd {
    float: left;
    display: block;
    margin-left: inherit;
    padding-left: 10px;
    font-weight: bold;
}

/*---------------------------
  Bootstrap additions:
---------------------------*/
.ie7 .dl-horizontal dt{
    width: 160px;
}
.ie7 .dl-horizontal dd {
    float: none;
}
.dl-title-1 {
    border-bottom: 1px solid #d1d1d1;
    font-weight: bold;
    padding: 10px 0px 10px 20px;
    font-size: 16px;
    line-height: 19px;
}

.row-fluid .span-story-image {
    width: 175px;
}

.row-fluid .span-story {
    width: 509px;
    margin-bottom: 30px;
}
.row-fluid .span-story h2 {
    color: #222222;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    line-height: 19px;
    margin-bottom: 5px;
}
/*---------------------------
  Datatables overrides:
---------------------------*/
.dataTables_paginate a {
    font-weight: bold;
    margin-left: 8px;
    cursor: pointer;
}
.dataTables_paginate a.paginate_active {
    color: #222222;
}



/*---------------------
Lists:
---------------------*/
ul.bullet {
    margin-top: 5px;
    margin-left: 15px;
    margin-bottom: 5px;
    list-style-type: none;
    /*margin: 0 0 0 2em;
    list-style: none;*/
}
ul.bullet li {
    background-image: url(../img/bullet.png);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding-left: 14px;
    /*position: relative;*/
}
/*ul.bullet li:before {
    content: "\2022 \a0 \a0 \a0";
    font-size: 1.2em;
    line-height: 80%;
    position: absolute;
    left: -1em;
    top: 0.2em;
}*/
ul.checkbox-bullet {
    list-style-type: none;
}
ul.checkbox-bullet li {
    background-image: url("../img/checkbox-bullet.png");
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-bottom: 7px;
}
ul.checkbox-bullet li.last {
    margin-bottom: 0px;
}
ul.nobullet {
    list-style-type: none;
}
ul li {
    text-indent: 0px;
}
.ie7 ul li {
    text-indent: -15px;
}
/*-----------------------------
  Tables
-----------------------------*/
table.datatable {
    margin-bottom: 15px;
    border-bottom: 3px solid #cccccc;

}
.datatable thead {
    border-top: 6px solid #92d400;
}
.datatable th, .datatable td {
    padding: 10px 0 10px 20px;
}
.datatable thead th {
    font-size: 16px;
    vertical-align: middle;
}
.datatable thead th a {
    font-size: 13px;
    font-weight: normal;
}
.datatable.table-striped tbody > tr:nth-child(2n+1) > td, .datatable.table-striped tbody > tr:nth-child(2n+1) > th,
.datatable tbody > tr.odd > td, .datatable tbody > tr.odd > th {
    background-color: #fbfbfb;
}
.datatable.table-striped tbody > tr.emphasis > td, .datatable.table-striped tbody > tr.emphasis > th {
    background-color: #e6e6e6;
}
.datatable.table th, .datatable.table td {
    border-top: 1px solid #cfcfcf;
}
.datatable.table tbody > tr:first-child td, .datatable.table tbody > tr:first-child th {
    border-top: 2px solid #cccccc;
}
.datatable tbody th {
    font-weight: normal;
}
.row-fluid.datatable-info [class*="span"] {
    padding: 5px 0;
}

.datatable .timewindow {
    width: 170px;
}


/*----------------
 Font styles:
----------------*/
.epilog {
    line-height: 26px;
    font-size: 22px;
    color: #747f81;
    font-family: 'SerifaRoman', Arial, Helvetica, sans-serif;
}
p.epilog {
    padding-bottom: 30px;
}

.info-block {
    background-color: #fbf7d0;
    padding: 15px 15px 15px 15px;
    margin-bottom: 30px;
}
.info-block h2 {
    font-size: 18px;
    line-height: 20px;
}
.info-block p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.f-purple {
    color: #a0188d;
}

a span.ar-forward {
    background: transparent url("../img/sprite.png") no-repeat 0 -40px;
    padding: 0 0px 0 10px;
    margin-left: 5px;
    /*height: 19px;*/
    display: inline-block;
}

.f-larger1 {
    font-size: 14px;
}
.f-larger2 {
    font-size: 15px;
}
.f-larger3 {
    font-size: 16px;
}


.text-1 {  /* example of using: SentScores-4 */
    font-size: 16px;
    line-height: 19px;
    color: #222222;
}
.text-2 {
    font-size: 16px;
    line-height: 24px;
    color: #444444;
}

.text-3 {
    font-size: 15px;
    line-height: 20px;
}


/*----------------
    Inputs:
----------------*/

/*----------------
 Buttons:
 ----------------*/
.bt {
    background-color: transparent;
    border-width: 0;
    margin: 0;
    padding: 0px 15px;
    cursor: pointer;
    line-height: 19px;
    font-size: 13px;
    padding-bottom: 1px;
    *padding-bottom: 0px;
    font-weight: bold;
    font-family: Arial;
    text-decoration: none;
    display: block;
}
a.bt {
    padding-bottom: 2px;
}
a.bt:hover {
    text-decoration: none;
}
.bt:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    text-decoration: none;
}
.bt.active,
.bt:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* bt regular bt-wrap */
.bt-wrap {
    background-image: url('../img/bg-sprite.png');
    background-position: 0 -14px;
    background-repeat: repeat-x;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.bt-wrap:hover {
    background-position: 0 -41px;
}

.ie7 .bt-wrap {
    zoom: 1;
    display: inline;
    margin-right: 2px;
}

.bt-wrap .bt {
    height: 24px;
}
.bt-wrap a.bt {
    padding-top: 3px;
    height: 19px;
}

.ie7 .bt-wrap .bt {
    padding-left: 0px;
    padding-right: 0px
}
.ie7 .bt-wrap  {
    padding-right: 15px;
    padding-left: 15px;
}

.bt-wrap .bt span.inner {
    color: #007ac9;
}
.bt-wrap:hover span.inner {
    border-bottom: 1px solid #007ac9;
}
.bt-wrap-orange:hover span.inner {
    border-bottom: 1px solid white;
}

/* bt orange bt-wrap */
.bt-wrap-orange {
    background-position: 0 -96px;
    border-width: 0px;
    border: 1px solid transparent;
}

.bt-wrap-orange:hover {
    background-position: 0 -123px;
    border-top: 1px solid #e06f02;
}

.ie7 .bt-wrap-orange {
    border-color: #ff7d00;
    border-bottom-color: #e06f02;
}
.ie7 .bt-wrap-orange:hover  {
    border-top-color: #e06f02;
    border-bottom-color: #ff7d00;
}



.bt-wrap-orange .bt span.inner {
    color: #fff;
    text-shadow: 1px 1px 2px #333333;
}

.ie9 .bt-wrap-orange .bt span.inner, .ie8 .bt-wrap-orange .bt span.inner {
    filter: glow(color=#c46509,strength=1), alpha(opacity=95);
    /*filter: dropshadow(color=#c46509, offx=1, offy=1);*/
    display: inline-block;
}

/* bt big orange bt-wrap */
.bt-wrap-orange-big {
    background-position: 0 -90px;
}
.bt-wrap-orange-big .bt {
    height: 30px;
    font-size: 15px;
}
.bt-wrap-orange-big a.bt {
    padding-top: 6px;
    height: 22px;
}

/* bt exclusive orange bt-wrap */
.bt-wrap-orange-excl {
    background-position: 0 -86px;
}
.bt-wrap-orange-excl .bt {
    height: 34px;
    font-size: 18px;
}
.bt-wrap-orange-excl a.bt {
    padding-top: 8px;
    height: 24px;
}

/* arrow inside of button */
.bt-wrap span.ar {
    background-image: url('../img/sprite.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 12px;
    display: block;
    position: absolute;
}
.ar-forward span.ar {
    background-position: 0px -42px;
}
.ar-back span.ar {
    background-position: 0px -22px;
}
.bt-wrap-orange.ar-forward span.ar {
    background-position: 0px -2px;
}
.bt-wrap-orange.ar-back span.ar {
    background-position: 0px -560px;
}

.bt-wrap.ar-forward .bt {
    padding-right: 33px;
}
.ie9 .bt-wrap.ar-forward .bt, .ie8 .bt-wrap.ar-forward .bt {
    padding-right: 34px;
}
.ie7 .bt-wrap.ar-forward .bt {
    padding-right: 0px;
    padding-left: 0px;
}
.ie7 .bt-wrap.ar-forward a.bt {
    padding-right: 20px;
}
.ie7 .bt-wrap-orange.ar-forward .bt {
    padding-right: 15px;
}

.bt-wrap.ar-back .bt {
    padding-left: 31px;
}

.bt-wrap.ar-forward span.ar {
    top: 4px;
    right: 15px;
}
.bt-wrap.ar-back span.ar {
    top: 4px;
    left: 15px;
}

.bt-wrap-orange-excl.ar-forward span.ar {
    top: 9px;
}

/* special links with arrows */
a.ar-forward {
    position: relative;
    padding-right: 20px;
    display: block;
}
.ie9 a.ar-forward, .ie8 a.ar-forward {
    padding-right: 20px;
}
a.ar-forward .ar {
    background-image: url('../img/sprite.png');
    background-repeat: no-repeat;
    background-position: 0px -520px;
    height: 16px;
    width: 12px;
    display: block;
    position: absolute;
    top: 3px;
    right: 0px;
}

.bt[disabled] {
    cursor: not-allowed;
    opacity: 0.65;
}


button.link {
    border: none;
    color: #007ac9;
    font-size: 13px;
    font-family: Arial;
    background-color: transparent;
}
button.link:hover {
    text-decoration: underline;
}

button.link:focus {
    outline: thin dotted #333333;
    outline-offset: -2px;
}
/*----------------------------
 Links with bg
----------------------------*/
.icon-forward, .icon-backward {
    width: 7px;
    height: 12px;
    background-color: transparent;
    background-image: url("../img/sprite.png");
    background-repeat: no-repeat;
}
.icon-forward {
    background-position: 0 -44px;
}
.icon-backward {
    background-position: 0 -24px;
}
.icon-print {
    background-image: url("../img/sprite.png");
    background-position: 0 -100px;
    width: 17px;
}
.icon-share {
    background-image: url("../img/sprite.png");
    background-position: 0 -650px;
    width: 13px;
    height: 13px;
}
.icon-certificate {
    background-image: url("../img/sprite.png");
    background-position: 0 -120px;
    width: 12px;
    height: 18px;
}

.icon-plus-sign {
    background-image: url("../img/sprite.png");
    background-position: 0px -180px;
    width: 17px;
    height: 17px;
}

.icon-remove-sign {
    background-image: url("../img/sprite.png");
    background-position: 0px -160px;
    width: 17px;
    height: 17px;
}
/*----------------------------
 Boxes
----------------------------*/
.box-inner {
    /*padding: 15px 15px 10px 15px;*/
}

.box-inner ul, .box-inner ol {
    margin: 0;
}
.box-body {
    padding: 0 14px 10px 14px;
}
.box-bottom {
    border-top: 1px solid #dbdbdb;
    padding: 10px 0px 0 0px;
}

.box .headline {
    margin-top: 0;
    margin-top: 2px;
    margin-bottom: 11px;
}
.box .headline h1, .box .headline h2, .box .headline h3{
    margin-bottom: 6px;
}
.box .headline h3{
    font-weight: normal;
}
.box .headline .utilities {
    bottom: 10px;
}
.box-inpage {
    background-color: #f4f2f2;
    width: 200px;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.box-inpage ul.nobullet li {
    line-height: 24px;
}
.box ul.nobullet li {
    margin-bottom: 10px;
    margin-top: 0;
}
.box ul.nobullet li a {
    font-weight: bold;
}

.box.box-wires {
    background-color: transparent;
    border: 1px solid #ccc;
}
.boxes-block {
    margin-top: 20px;
}
.boxes-block .box {
    border-top: 6px solid #92d400;
}
.span4 .boxes-block .box {
    width: 220px;
}
.span6 .boxes-block .box {
}
#landingPagePromos.boxes-block .box {
    height: 260px;
}
.box p {
    font-weight: normal;
    font-size: 13px;
    line-height: 19px;
}

.box.box-gray {
    background-color: #555555;
    color: #ffffff;
}
.box.box-gray h3 {
    color: #ffffff;
}
.box.box-orange p, .box.box-green p, .box.box-purple p {
    font-weight: bold;
}
.box-sticky {
    width: 240px;
}

.box-sticky .box-sticky-bottom{
    background: transparent url('../img/bg-sticky-bottom.png') no-repeat top center;
    width: 240px;
    height: 9px;
}
.box-sticky .box {
    background-color: #faf7d6;
    border: 1px solid #dbdbdb;
    margin-bottom: 0;
    float: none;
}

.box-bright-yellow {
    background-color: #fffb95;
}

.emphasis-container .box {
    padding: 0;
    margin-bottom: 0;
}
.emphasis-container .box ul {
    margin: 0;
}
.box .headline h3 {
    margin-bottom: 0;
}
.frame {
    border: 1px solid #dadddd;
    padding: 20px 30px 10px 30px;
    margin-bottom: 15px;
}

.top-bold-border {
    border-top: 6px solid #92d400;
}

.bottom-bold-border {
    border-bottom: 6px solid #92d400;
}
.bottom-dotted-border {
    background: transparent url("../img/bg-bottom-border.png") repeat-x bottom left;
}

.box-padding-1 {
    padding: 15px 20px;
}
.box-padding-2 {
    padding: 5px 0 35px 20px;
}
.box-padding-3 {
    padding: 0 0 15px 0;
}
.box-padding-4 {
    padding: 0 0 5px 0;
}
.box-padding-5 {
    padding: 15px 0 0px 0;
}
.box-padding-6 {
    padding-left: 15px;
}
.box-margin-1 {
    margin-bottom: 50px;
}

.msg-reserved-area {
    display: none;
    margin-bottom: 10px;
}

.infolines {
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    background-color: #fbfbfb;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 12px;
}
.infolines .row-fluid {
    border-bottom: 1px solid #d1d1d1;
}
.infolines .row-fluid [class*="span"] {
    min-height: 0;
    padding: 7px 13px;
}

div.short-status-red, div.short-status-green {
    width: 45px;
    text-align: right;
    display: inline-block;
    *display: inline;
}

div.short-status-red {
    background: transparent url('../img/sprite.png') no-repeat 0px -697px;
}
.short-status-green {
    background: transparent url('../img/sprite.png') no-repeat 0px -737px;
}

/*-----------------------------
  Positioning:
-----------------------------*/
.alignRight {
    text-align: right;
}
.alignMiddle , td.alignMiddle, th.alignMiddle {
    vertical-align: middle;
}
.leftPadding {
    padding-left: 20px;
}

/*-----------------------------
Forms
-----------------------------*/

.form-horizontal.styled .control-label {
    width: auto;
}

.form-horizontal .controls {
    float: left;
    margin-left: 5px;
}
.form-horizontal.styled .control-group {
    margin-bottom: 15px;
}

.form-inline input[type="checkbox"] {
    margin-right: 8px;  /* according to SelectColleges_Overlay.psd, check it before change  */
    vertical-align: top;
}
.controls-row .bt-wrap {
    margin-left: 10px;
}

.form-horizontal .controls.text-only {
    padding-top: 5px;
}
.form-caption {
    border-bottom: 6px solid #92D400;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.form-inline .controls-row {
    margin-top: 5px;
}
.form-horizontal.styled .control-group #examList li {
    list-style: none;
    font-weight: 600;
}
.form-horizontal.styled .control-group .control-label strong {
    margin-right: 8px;
}
/*
.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline {
    color: #dd4c48;
}
*/

/*
.control-group.error input, .control-group.error select, .control-group.error textarea, .control-group.error .select2-choice {
    border-color: #dd4c48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
*/
input.error, select.error, .select2-container.error .select2-choice {
    border-color: #dd4c48;
}

label.error {
    color: #dc5034;
    font-style: italic;
}

.optional {
    font-style: italic;
}

form.styled fieldset {
    border-bottom: 1px solid #cccccc;
    padding-left: 12px;
    margin-bottom: 20px;
}

form.styled fieldset.grey {
    background-color: #f7f7f7;
    padding-right: 12px;
}

.form-horizontal.styled .control-message {
    float: left;
    margin-left: 5px;
    width: 260px;
}
.ie7 .form-horizontal.styled .control-message { width: 245px;}

form.styled .help-inline, .control-group.error .help-inline {
    font-size: 12px;
    font-style: italic;
    color: #666666;
}



.form-horizontal.styled input[type="text"],
.form-horizontal.styled input[type="email"],
.form-horizontal.styled input[type="password"] {
    padding-left: 14px;
    padding-right: 14px;
    height: 16px;
    line-height: 14px;
}

select.input-medium ~ .custom-select {
    width: 150px;
}

.form-horizontal.styled input.input-large {
    width: 215px;
}

.form-horizontal.styled select.input-large {
    width: 245px;
}

.form-horizontal.styled select.input-large ~ .custom-select {
    width: 245px;
}

.form-horizontal.styled .input-xlarge {
    width: 300px;
}

.form-horizontal.styled select.input-xlarge {
    width: 320px;
}

.form-horizontal.styled select.input-xlarge ~ .custom-select {
    width: 320px;
}

.crosstext {
    position: relative;
    border-bottom: 1px solid #ccc;
    margin: 20px 0;
}
.crosstext span {
    position: absolute;
    top: -10px;
    left: 45%;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    padding: 0 10px;
    background-color: #f7f7f7;
}

.radio-inline label {
    display: inline-block;
    margin-bottom: 0;
    padding-top: 5px;
    vertical-align: middle;
    margin-right: 25px;
    padding-left: 5px;
}
/*-----------------------------
  Tables
-----------------------------*/
.datatable {
    margin-bottom: 0px;
}
.datatable th, .datatable td {
    padding: 10px 0 10px 20px;
}
.datatable.table-condensed th, .datatable.table-condensed td {
    padding: 5px 0 5px 15px;
}
.datatable thead th {
    font-size: 16px;
}
.datatable thead th a {
    font-size: 13px;
    font-weight: normal;
}
.datatable tfoot td {

}
.datatable td.total {
    text-align: right;
    font-weight: bold;
    font-size: 15px;
}
.datatable td.total .free {
    font-size: 13px;
    font-weight: bold;
    margin: 5px 2px;
    float: right;
}
.datatable.table-striped tbody > tr:nth-child(2n+1) > td, .datatable.table-striped tbody > tr:nth-child(2n+1) > th,
.datatable tbody > tr.odd > td, .datatable tbody > tr.odd > th {
    background-color: #F7F7F7;
}
.datatable.table th, .datatable.table td {
    border-top: 1px solid #cfcfcf;
}
.datatable.table tbody > tr:first-child td, .datatable.table tbody > tr:first-child th {
    border-top: 2px solid #cccccc;
}

.datatable tbody th.row-th {
    font-weight: normal;
}
.datatable.table tr.subrow td {
    background-image: url('../img/bg-bottom-border.png');
    background-repeat: repeat-x;
    background-position: top left;
    border-top: none;
}
.datatable thead th.top {
    vertical-align: top;
}

.datatable.table.bottom-border {
    border-bottom: 3px solid #cccccc;
}

.ie8 .tab-content {
    overflow-y: hidden !important; /* remove vertical non-active scrollbar in IE8 */
}

.tab-content .datatable.table, .tab-content .datatable.table thead {
    border-top: none;
}

.tab-content .datatable.table thead th {
    border-bottom: 6px solid #92d400;
    border-top: none;
    border-right: none;
    font-size: 14px;
}
.tab-content .datatable.table tbody th {
    font-size: 15px;
}
.tab-content .datatable.table tbody th span.plain {
    font-size: 13px;
    font-weight: normal;
}
.tab-content .datatable.table {
    border-bottom: 3px solid #cccccc;
}
.tab-content .datatable.table tbody tr:first-child td, .tab-content .datatable.table tbody tr:first-child th {
    border-top: none;
}

.datatable-info {
    /*border: 1px solid green;*/
}
.row-fluid.datatable-info [class*="span"] {
    padding: 5px 0;
}
/*-----------------------------
  Tabs
-----------------------------*/
.datatabs {
    border-bottom: 1px solid #cccccc;
}
.datatabs > li > a {
    border-radius: 0;
    border-color: #cfcfcf #d2d2d2 transparent #d1d1d1;
    border-width: 1px;
    border-style: solid;
    margin-right: 0;

    font-size: 16px;
    line-height: 24px;
    color: #007ac9;
    padding-top: 4px;
    padding-bottom: 4px;
    background-image: url('../img/bg-sprite.png');
    background-position: 0px -278px;
    background-repeat: repeat-x;
}
.datatabs > li > a:hover {
    background-image: none;
}
.datatabs > li {
    border-top: 5px solid transparent;
    margin-right: 18px;
}

.datatabs > li.active {
    border-top: 5px solid #92d400;
}
.datatabs > li.active a, .datatabs > li.active a:hover {

    background-image: none;
    border-color: #92d400 #cccccc transparent #cccccc;
    font-weight: bold;
    color: #222222;
}
.nav.datatabs {
    margin-bottom: 5px;
}
/*-----------------------------
  Slides
-----------------------------*/
.utilities .carousel-control {
    position: relative;
    font-size: inherit;
    background-color: transparent;
    opacity: 1;
    border: none;
    border-radius: 0;
    line-height: inherit;
    height: auto;
    width: auto;
    left: 0;
    bottom: 0;
    top: 2px;
    margin-top: 0;
}
.carousel.slide {
    margin-bottom: 10px;
}
.carousel-inner .item {
    line-height: 19px;
}
.ie7 ul.carousel-inner li.item {
    list-style: none;
}
.ie7 .utilities {
    height: 13px;
}

#remindersBlock .carousel {
    margin-bottom: 0;
}
/*-----------------------------
 Scores List
-----------------------------*/
#viewScoresCongratulation {
    height: 125px;
}
#viewScoresCongratulation .epilog{
    padding-bottom: 0;
    font-size: 27px;
    line-height: 30px;
}
.emphasis-container #remindersBlock {
    margin-left: 15px;
    border-left: 1px solid #cccccc;
    padding-left: 15px;
}
#scoresListArea {
    padding-top: 25px;
}
.ie8 #scoresListArea {
    padding-top: 27px;
}
.year-scores {
    margin-bottom: 60px;
}
.year-scores .headline {
    border-bottom: 6px solid #92d400;
    margin-bottom: 0;
    margin-top: 0;
}
.year-scores .headline .span7 {
    margin-left: 0px;
    margin-bottom: 3px;
}
.year-scores .headline .alert-error {
    background-color: #fff;
    margin-top: 17px;
    float: right;
    text-align: right;
    font-style: italic;
    font-size: 15px;
}
.ie7 .year-scores .headline{
    padding-bottom: 10px;
}
.year-scores .headline h3 {
    float: left;
    font-size: 38px;
    line-height: 26px;
    font-family: 'SerifaBlack',Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
    font-weight: normal;
}
.ie7 .year-scores .headline h3 {
    line-height: 30px;
}
.year-scores .headline .awards {
    float: left;
    margin-left: 38px;
    padding-top: 5px;
    /*width: 600px;*/
    * zoom: 1;
}
.year-scores .headline .awards :before,
.year-scores .headline .awards :after {
    display: table;
    line-height: 0;
    content: "";
}
.year-scores .headline .awards :after {
    clear: both;
}
.year-scores .headline .awards strong {
    float: left;
}
.year-scores .headline .awards .short-list {
    float: left;
    margin-left: 12px;
    margin-right: 12px;
}
.ie7 .year-scores .headline .awards .short-list {
    padding-top: 2px;
}
.year-scores .headline .awards .long-list {
    float: left

}
.year-scores .headline .awards .long-list .dropdown-tools {
    width: 130px;
}
.ie7 .year-scores .headline .awards .long-list .dropdown-tools {
    width: 140px;
}
.year-scores .headline .awards .long-list .dropdown-menu {
    left:0;
    right: auto;
}

.year-scores .headline .awards .short-list a {
    margin-right: 28px;
    line-height: 20px;
    float: left;
}

.year-scores .headline .awards .short-list a i {

    line-height: 18px;
    margin-top: 0;
}

.year-scores .headline .awards .icon-certificate {
    margin-top: -1px;
    margin-right: 8px;
}

.year-exams-container {
    border-bottom: 3px solid #ccc;
}

.year-exams-container > .item {
    background: transparent url("../img/bg-bottom-border.png") repeat-x bottom left;
}
.year-exams-container > .item em {
    font-style: normal;
    font-weight: bold;
}
.year-exams-container > .item .bullet em {
    font-weight: normal;
}
.year-exams-container > .item.last {
    background: none;
}
.year-exams-container > .item > div[class*="span"] {
    min-height: inherit;
    padding: 20px 0;
}
.year-exams-container > .item h4 {
    font-size: 18px;
    font-weight: bold;
}
.year-exams-container > .item .span5 > span {
    font-size: 18px;
}
.year-exams-container > .item ul.bullet {
    font-size: 14px;
    margin-bottom: 0;
}
.year-exams-container > .item .alert {
    color: #666666;
    font-style: italic;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}
.yellow-alert-block {
    background-color: #feefb3 !important;
    color: #000;
}
.yellow-alert-block h4 {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.yellow-alert-block .sign {
    margin-top: 20px;
}
/*--------------------------------
  Dropdown with tools
--------------------------------*/
.dropdown-tools.styled {
    margin: 0;
    list-style: none;
}

.dropdown-tools.styled .dropdown > a span {
    border: 1px solid transparent;
    border-bottom-width: 0;
    padding: 0px 30px 0 0px;
    position: relative;
    background-color: #fff;
    display: block;
    text-align: right;
    background: white url("../img/arrow-down.png") no-repeat 95% 50%;
    white-space: nowrap;
}

.ie7 .dropdown-tools.styled .dropdown > a span {
    background: white url("../img/arrow-down.png") no-repeat 95% 70%;
}
.dropdown-tools.styled .dropdown > a.dropdown-toggle:focus span {
    outline: thin dotted #333333;
}

.dropdown-tools.styled a.toggle span {
    white-space: nowrap;
}


/*a.dropdown-toggle > span > .caret {
    background-image: url("../img/sprite.png");
    background-position: 0 -140px;
    width: 12px;
    height: 7px;
    border: none;
    margin-left: 5px;
    margin-top: 8px;
}*/

.dropdown-tools.styled .dropdown.open > a,
.dropdown-tools.styled .dropdown.open > a > span {
    z-index: 1010;
}
.dropdown-tools.styled .dropdown.open > a span {
    border-color: #cfcfcf;
}


.dropdown-tools.styled .dropdown.open ul {
    border-radius: 0;
    box-shadow: none;
    margin-top: -1px;
    padding: 0px 0;
}
.ie7 .dropdown-tools.styled .dropdown.open ul {
    margin-top: -4px;
    border-right-width: 1px;
    border-bottom-width: 1px;
}
.dropdown-tools.styled .dropdown-menu li > a {
    color: #007AC9;
    padding: 1px 15px;
    margin: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;

}
.dropdown-tools.styled .dropdown-menu li > a:hover,
.dropdown-tools.styled .dropdown-menu li > a:focus,
.dropdown-tools.styled .dropdown-submenu:hover > a {
    background-color: #f7f7f7;
    background-image: none;
    text-decoration: underline;
    border-color: #dddddd;
    filter: none;
}

.dropdown-tools.styled .dropdown-menu {
    margin: 0;
    padding: 0;
    right: 0;
    left: auto;
}

/*--------------------------------
  Styled alert
---------------------------------*/
.alert.styled {
    background-color: #fffb95;
    font-size: 14px;
    font-weight: normal;
    color: #222222;
    border-radius: 0;
    text-shadow: none;
    border: none;
    margin: 20px 0px 10px 0;
}
.alert.styled .close {
    opacity: 1;
}

.alert.styled.attention {
    position: relative;
    padding: 15px 30px 12px 82px;
    margin: 0 0 15px 0;
    font-size: 13px;
}
.alert.styled.attention h3 {
    font-size: 18px;
    line-height: 20px;
    font-family: 'SerifaBlack',Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
    font-weight: normal;
}
.alert.styled.attention .sign {
    position: absolute;
    top: 12px;
    left: 12px;
}

.alert.styled.alert-error {
    background-color: #dd4c48;
    color: #fff;
    margin-top: 0px;
}
.alert.alert-error.alert-cart {
    background-color: #fff;
    font-size: 12px;
    font-weight: normal;
    border: none;
    padding: 0;
}
.alert.styled.alert-error:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.alert.styled.alert-error span.summary{
    font-size: 16px;
}
.alert.styled.alert-error ul {
    list-style-type: none;
}
.alert.styled.alert-error ul li {
    font-weight: normal;
    font-size: 14px;
    line-height: 26px;
}
/*--------------------------------
  Styled modal
---------------------------------*/
.modal.styled {
    border-radius: 0;
    width: 740px;
    margin-left: -370px;
}

@media (max-width: 768px) {
    .modal.styled {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        left: 0;
        right: 0;
    }
}

.modal.styled .modal-header {
    text-align: right;
    border-bottom: none;
    padding: 20px 20px;
}
.modal.styled .modal-header .close {
    float: none;
    opacity: 1;
    font-family: 'UniversCnBold',Arial,sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #808080;
    text-shadow: none;
}
.modal.styled .modal-header .close i {
    margin-top: -1px;
}

.modal.styled .modal-body {
    padding: 15px 20px 60px 20px;
    max-height: none;
    overflow: visible;
}

.modal.styled .modal-body .controls-row {
    padding-top: 24px;
}
.modal.styled .modal-body ul {
    margin-left: 25px;
}
.modal.styled .modal-body ul li {
    list-style-position: outside;
    margin: 5px 0;
}
.modal.styled .modal-body .controls-row {
    margin-bottom: 15px;
}
.modal.styled .form-inline {
    padding-top: 28px;
}

.modal.styled h2 {
    margin-bottom: 10px;
    font-family: 'SerifaBlack',Arial,Helvetica,sans-serif;
    font-size: 22px;
}
.modal.styled h2.bottom-bold-border {
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.modal-foredrop {
    position: absolute;
    width: 100%;
    top:0;
    left:0;
    background-color: #fff;
    z-index: 1060;
    opacity: 0.8;
}
.modal-foredrop > span {
    background: url(../img/spinning-loader.gif) no-repeat center bottom transparent;
    color: rgba(0, 0, 0, 0.9);
    font-size: 20px;
    font-weight: bold;
    height: 60px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}

.modal.styled .modal-container2 .modal-body .controls-row {
    margin-bottom: 20px;
    margin-top: 10px;
    padding-top: 0;
}
.modal.styled .modal-container2 .modal-body p {
    margin-bottom: 10px;
    padding-bottom: 0;
}


/*--------------------------------------
  Temporary
---------------------------------------*/
.modal.styled .top-bold-border h3 {
    margin-top: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #cccccc;
    font-family: 'SerifaBlack',Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 7px;
    padding-left: 15px;
}
.steps {
    margin-bottom: 10px;
}
.steps  .row-fluid {
    padding-top: 20px;
    padding-bottom: 5px;
}
.steps  .row-fluid div {
    /*padding: 20px 0;*/
}
.steps  .row-fluid.first {
    border-top: 1px solid #cacdcc;
    background: transparent url('../img/bg-bottom-border.png') repeat-x bottom center;
}
.steps  .row-fluid.last {
    border-bottom: 1px solid #cacdcc;
}
.steps .span-name {
    width: 115px;
    font-family: 'SerifaBlack';
    font-size: 21px;
    line-height: 25px;
    color: #0099ff;
    /*padding-top: 20px;*/
    padding-bottom: 20px;
}
.steps .span-num {
    font-family: 'SerifaBlack';
    width: 70px;
    font-size: 97px;
    line-height: 64px;
    vertical-align: top;
}

/* hack for safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .steps .span-num {margin-top: 18px;}
}

.steps .span-descr {
    width: 470px;
    padding-bottom: 10px;
}
.remark {
    color: #9b1889;
    font-weight: bold;
    font-size: 16px;
}
.legend {
    padding-left: 5px;
}
.legend ul.nobullet {
    margin-left: 12px;
}

/*----------------------------------------
FAQ and Help (Accordion) styles
-----------------------------------------*/
.faqGroup {
    border-bottom: 2px solid #ccc;
    margin: 0 0 30px;
}
.faqGroup > .colCtrls {
    color: #bbb;
    padding: 10px 0;
}
.faqGroup > .colCtrls a {
    cursor: pointer;
}
.faqGroup > h2 {
    margin: 0;
    padding: 10px 0;
}
ul.colaps {
    list-style-type: none;
    padding: 0;
}
ul.colaps > li {
    border-bottom: 1px solid #ccc;
    padding: 15px 10px;
}
ul.colaps > li > h3 > a {
    background: url(../img/colapse-icons.png) no-repeat left 4px;
    cursor: pointer;
    font-size: 15px;
    outline: none;
    padding-left: 20px;
}
ul.colaps > li > h3 > a:focus {
    border: 1px dotted #222;
}
ul.colaps > li > .detail {
    display: none;
    padding: 10px 0 0 20px;
}
ul.colaps > li.expanded {
    background-color: #fbfbfb;
}
ul.colaps > li.expanded > h3 > a {
    background-position: left -11px;
    color: #222;
    font-weight: bold;
}
ul.colaps > li.expanded > .detail {
    display: block;
}

dl.wide-stripes-data {
    /*border-top: 1px solid #CCCCCC;*/
    border-top: 6px solid #92D400;
    border-bottom: 2px solid #CCCCCC;
    margin-bottom: 10px;
}
dl.wide-stripes-data dt, dl.wide-stripes-data dd {
    padding: 10px 20px
}
dl.wide-stripes-data dt {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #E6E6E6;
    font-size: 16px;
    font-weight: bold;
}

/*----------------------------------------
Misc Helpers
-----------------------------------------*/
.indented {
    padding-left: 1.6em;
}