/* 
    Document   : style
    Created on : Jan 11, 2014, 1:12:32 AM
    Author     : Shamim
    Description:
        Purpose of the stylesheet follows.
*/
/*
LIGHT BLUE: #87D1FF
BLUE: #00498d
DEEP GRAY: #333333
*/
@import url(//fonts.googleapis.com/css?family=Roboto:400,700,300,900);
/*
* ===================================================== DEFAULTS ==================================================
*/
root { 
    display: block; 
}
body {
    font-family: 'Roboto', sans-serif;
}
a {
    color: #00498d;
}
select {
    padding: 0;
}
.custom select {
    padding: 0 0.5rem;
}
.padding-5 {
    padding: 5px;    
}
.padding-10 {
    padding: 10px;
}
/*
* ===================================================== SWITCH OVERWRIDE ==================================================
*/
div.switch label {
    background: #ffacac;        
}
div.switch input:checked + label {
    background: green;
}
.switch-on {
    position: absolute;
    /*left: -53px;*/
    left:-9px;
    top: 8px;
    color: white;
    font-weight: bold;
    font-size: 12px;
}

.switch-off {
    position: absolute;
    /*left: -28px;*/
    left:15px;
    top: 8px;
    color: white;
    font-weight: bold;
    font-size: 12px;
}
.toggleswitch .list-item {
    padding-top: 10px !important;
}
/*
* ===================================================== OVERWRIDE ==================================================
*/
.panel {
    border-style: none;
    background: none;
}
.row .row {
    margin-bottom: 10px;
}
.errormessage {
    margin-bottom: 10px;
}
/*.embed-code embed {
    width: 900px;
    height: 600px;
}*/
.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.margin-x {
    margin-left: 10px;
}
.margin-y {
    margin-bottom: 10px;
}
table.no-border {
    border: none;
}
.interview-ex {
    margin-bottom: 40px;
    background: #FCFCFC;
    border: solid 1px #0078a0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 7px 1px #CCC;
    -moz-box-shadow: 0px 0px 7px 1px #CCC;
    -webkit-box-shadow: 0px 0px 7px 1px #CCC;
}
table thead, table tfoot {
    background: #00498d;
}
table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td,
table thead tr th a, table thead tr td a, table tfoot tr th a, table tfoot tr td a {
    color: #FFF;
}
.sub-nav dt a:hover, 
.sub-nav dd a:hover, 
.sub-nav li a:hover {
    background: #0078a0;
}
.sub-nav.crewovernights dt, .sub-nav.crewovernights dd, .sub-nav.crewovernights li {
    margin: 1em 0;
    padding: 0 0;
}
.sub-nav.crewovernights dt a, .sub-nav.crewovernights dd a, .sub-nav.crewovernights li a {
    padding: 0.1875rem 0.6em;
}
.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
    font-size: 1.5rem;
}
#okmsg { 
    margin:0 0 10px 0; 
    padding:5px 5px 5px 10px;;
    text-align:left;
    border:2px solid #00FF00; 
    background:#F0FFF0;
}

#wrnmsg { 
    margin:0 0 10px 0; 
    padding:5px 5px 5px 10px;;
    text-align:left;
    border:2px solid #FFD700; 
    background:#FFFFDD;
}

#errmsg {
    margin:0 0 10px 0; 
    padding:5px 5px 5px 10px;;
    text-align:left;
    border:2px solid #FF0000; 
    background:#FFFFCC;
}
/*
* ===================================================== ALERTBOX ==================================================
*/
.alert-box.success.border {
    background-color: #FFF;
    border-color: #3EB418;
    color: #00498d;
    text-align: center;
}
.alert-box p {
    margin: 0;
}
.alert-box.error {
    background: none;
    border: red solid 1px;
    color: red;
}
.alert-box.success {
    background: none;
    border: green solid 1px;
    color: green;
}
.alert-box.warning {
    background: none;
    border: #f08a24 solid 1px;
    color: #f08a24;
}
/*

* ===================================================== COLORS ==================================================
*/
.blue {color: #00498d;}
.gray {color: #333333;}
.grey {color: #CCC;}
.light-gray {color: #CCC;}
.orange {color:#FC7100;}
.green { color: green; }
.red {color:#FF0000;}
.white {color: #FFF; }
.black { color: #000}
.yellow { color: #EFC529; }

/* ===================================================== BACKGROUNDS ================================================== */
.b-blue {background-color: #00498d;}
.b-gray {background-color: #333333;}
.b-grey {background-color: #CCC;}
.b-light-gray {background-color: #CCC;}
.b-orange {background-color:#FC7100;}
.b-green { background-color: green; }
.b-red {background-color:#FF0000;}
.b-white {background-color: #FFF; }
.b-black { background-color: #000}
.b-yellow { background-color: #EFC529; }
/*
* ===================================================== LIST ==================================================
*/
.list-mark {list-style-image: url(../images/list-mark.png);}
.list-plane li {
    /*padding-left: 1.2em;*/
    list-style: none;
}

.list-plane li:before {
    content: "\f072"; /* FontAwesome char code inside the '' */
    font-family: FontAwesome; /* FontAwesome or whatever */
    display: inline-block;
    width: 1.2em; /* same as padding-left set on li */
    margin-left: -1.2em; /* same as padding-left set on li */
    color: #00498d;
}​
.studyguide li {
    list-style-position: inside;
}
.studyguide li:nth-child(odd) {
    clear: left;
}
.studyguide li:last-child {
    float: left !important;
}
ol.studyguide > li {
    margin: 1em 0;
}
ol.studyguide > li > ul {
    padding: 0 1.4em;
}
ul.commentsblock {
    margin: 0.5em 0;
    padding: 0 2em;
}
ul.commentsblock > li {
    margin: 0.5em 0;
}
.striped_list {
    list-style-position: inside;
    margin: 0;
}
.striped_list li {
    padding: 10px;
    font-weight: bold;
    clear:both;
}
.striped_list li:nth-child(odd) {
    background: #FFF;
}
/*.striped_list li:nth-child(even) {
    background: #F0F0F0;
}*/
/*
* ===================================================== TITLE ==================================================
*/

.titledotbg {
    background: url(../images/line-dots.png) repeat-x;
    background-position: center center;
}
.titledotbg span {
    background: #FFF;
    padding: 0 10px;
}
table.toplist {
    width: 100%;
    border: none;
}
.inner-title {
    margin: 0;
    padding: 0;
}
.subtitle {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #00498d;
}
.specialtitle a,
.specialtitle {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #FF7000;
    /*    -webkit-text-stroke: 1px #00498d;
        -moz-text-stroke: 1px #00498d;
        text-shadow: 0px 0px 3px #00498d; 
        -webkit-text-shadow: 0px 0px 3px #00498d; 
        -moz-text-shadow: 0px 0px 3px #00498d; */
    font-weight: 800;
    font-size: 1.3em;
}
.specialtitle.inline {
    display: inline-block;
}
ul.pagination.inline {
    display: inline-block;
    margin-bottom: 0;
}

ul.pagination.gouge li {
    font-size: 1.3em;
}
ul.pagination.gouge li.current a {
    text-decoration: none;
}
ul.pagination.gouge li a, ul.pagination.gouge li button {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
/*
* ===================================================== FONT AWESOME ==================================================
*/
.fa {
    padding: 0 10px 0 0;
}
.fa-spin {
    padding: 0;
    margin-right: 5px;
}
.shareform label {
    line-height: 2.2em;
}
.login-bordered {
    padding-right: 30px;
    border-right: solid 1px #CCC;
}
/*
* ===================================================== HEAD ==================================================
*/
.head {
    /*border-bottom: solid 1px #CCC;*/
}
h1.logo a {
    color: #00498d;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 20px;
}
h2.moto {
    color: #333333;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: bold;
}
/*
* ===================================================== BUTTONS ==================================================
*/
a.button {
    text-decoration: none !important;
    font-weight: bold !important;
}
.button.xsmall {
    padding: 10px;
}
.button.orange {
    background: #fcb267;
    background: -moz-linear-gradient(90deg, #fcb267 25%, #fc943d 75%);
    background: -webkit-linear-gradient(90deg, #fcb267 25%, #fc943d 75%);
    background: -o-linear-gradient(90deg, #fcb267 25%, #fc943d 75%);
    background: -ms-linear-gradient(90deg, #fcb267 25%, #fc943d 75%);
    background: linear-gradient(180deg, #fcb267 25%, #fc943d 75%);
    color: #FFF;
    border-color: #f2f2f2;
}
.button.blue {
    background: #00498d;
    background: -moz-linear-gradient(90deg, #00498d 25%, #0065C4 75%);
    background: -webkit-linear-gradient(90deg, #00498d 25%, #0065C4 75%);
    background: -o-linear-gradient(90deg, #00498d 25%, #0065C4 75%);
    background: -ms-linear-gradient(90deg, #00498d 25%, #0065C4 75%);
    background: linear-gradient(180deg, #00498d 25%, #0065C4 75%);
    /*background-color: #00498d;*/
    border-color: #00498d;
    color: #FFF !important;
}
.button.gray {
    background: #CBCED3;
    border-color: #CCC;
    color: #00498d !important;
}
.button.green {
    background-color: #64d729;
    background: -moz-linear-gradient(90deg, #64d729 25%, #3eb418 75%);
    background: -webkit-linear-gradient(90deg, #64d729 25%, #3eb418 75%);
    background: -o-linear-gradient(90deg, #64d729 25%, #3eb418 75%);
    background: -ms-linear-gradient(90deg, #64d729 25%, #3eb418 75%);
    background: linear-gradient(180deg, #64d729 25%, #3eb418 75%);
    border-color: #3eb418;
    color: #FFF !important;
}
.button.greenstripe {
    background: none;
    border-color: #3eb418;
    color: #3eb418 !important;
}
.button.pink {
    background-color: #ff8aba;
    border-color: #ff8aba;
    color: #FFF !important;
}
/*.button.gray {
    background: #CCC;
    background: -moz-linear-gradient(90deg, #CCC 25%, #FFF 75%);
    background: -webkit-linear-gradient(90deg, #CCC 25%, #FFF 75%);
    background: -o-linear-gradient(90deg, #CCC 25%, #FFF 75%);
    background: -ms-linear-gradient(90deg, #CCC 25%, #FFF 75%);
    background: linear-gradient(180deg, #CCC 25%, #FFF 75%);
    border-color: #CCC;
    color: #333 !important;
}*/
.signup.button.gray {
    background: #CCC;
    background: -moz-linear-gradient(90deg, #CCC 25%, #FFF 75%);
    background: -webkit-linear-gradient(90deg, #CCC 25%, #FFF 75%);
    background: -o-linear-gradient(90deg, #CCC 25%, #FFF 75%);
    background: -ms-linear-gradient(90deg, #CCC 25%, #FFF 75%);
    background: linear-gradient(180deg, #CCC 25%, #FFF 75%);
    border-color: #CCC;
    color: #333 !important;
}
.button.puregreen {
    background-color: #3eb418;
    border-color: #3eb418;
    color: #FFF !important;
}
.button.purered {
    background-color: #FF0000;
    border-color: #FF0000;
    color: #FFF !important;
}
.button.yellow {
    background-color: #EFC529;
    border-color: #EFC529;
    color: #FFF !important;
}
.button.button-facebook {
    background-color: #4867AA;
    border-color: #4867AA;
    color: #FFF !important;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    padding: 10px 15%;
}

.button.button-google {
    background-color: #DD4C3B;
    border-color: #DD4C3B;
    color: #FFF !important;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    padding: 10px 15%;
}

.button.button-yahoo {
    background-color: #571573;
    border-color: #571573;
    color: #FFF !important;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    padding: 10px 15%;
}

.button.button-microsoft {
    background-color: #2877E8;
    border-color: #2877E8;
    color: #FFF !important;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    padding: 10px 15%;
}
.button.button-google .fa {
    padding-right: 5px;
}
.button.button-facebook .fa,
.button.button-yahoo .fa,
.button.button-microsoft .fa {
    padding-right: 15px;
} 
/*
* ===================================================== NAVIGATION ==================================================
*/
.navigation.fixed {
    margin: 0;
}
.navigation {
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
}
.top-bar .name h1 a,
.top-bar-section li a:not(.button) {
    color: #333;    
    text-transform: uppercase;
}
.top-bar .name h1 a.active,
.top-bar-section li a.active {
    color: #00498d;
}
.top-bar .name h1 a.blue,
.top-bar-section li a.blue {
    color: #00498d;
}
.top-bar .name h1 a:hover,
.top-bar-section li a:hover {
    color: #00498d;
}

.top-bar-section .dropdown label {
    font-size: 1rem;
    color: #FFF;
    padding: 12px 10px 0 0;
    text-transform: capitalize;
}
.top-bar-section .dropdown form p.lostpassword {
    padding: 10px 0;
}
.top-bar-section .dropdown form p.lostpassword a {
    padding: 0;
    text-transform: capitalize;
    line-height: 1em;
    text-decoration: underline;
}
.top-bar.expanded .toggle-topbar a span {
    box-shadow: none;
}
/*
* ===================================================== SECONDARY NAVIGATION ==================================================
*/
.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: none;
    color: #000;
    border: solid 1px #000;
}
.secondary-nav dd a {
    text-transform: uppercase;
    border: solid 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #008cba;
    color: #FFF;
    text-decoration: none;
}
.secondary-custom-nav dd a {
    text-transform: uppercase;
    border: solid 1px #3eb418;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #3eb418;
    color: #FFF;
    text-decoration: none;
}
.sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover {
    color: #FFF;
    cursor: pointer;
}
/*
* ===================================================== CONTENT / HOME ==================================================
*/
.content.home {
    border-bottom: solid 1px #CCC;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
.content a {
    text-decoration: underline;
}
.hometitle {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 25px;
}

.home .hometopform {
    border: solid 1px #CCC;
}
.home .hometopform:before {
    background: url(../images/home-form-title-bg.png) no-repeat 0 0;
    width: 8px;
    height: 60px;
    content: "";
    position: absolute;
    top: 13px;
    left: 8px;
}
.home .smalltitle {
    font-size: 1.3em;
}
.home .hometopform h4 {
    background: #00498d;
    color: #FFF;
    font-weight: bold;
    font-size: 1em;
    padding: 10px;
    margin: 20px 0;
    text-align: center;
}
.home .hometopform form {
    padding: 10px 50px;
}
.home .hometopform form label {
    font-weight: bold;
}
.home h4.blue,
.home h4.gray {
    font-weight: bold;
}
.mark-arrow {background: url(../images/arrow.png) no-repeat 0 0; width: 61px; height: 31px;display: inline-block;}
.mark-arrow + span {
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    color: #00498d;
}
.home.bottomcontent .poluperinterviews ul {
    padding: 0 1.9rem;
}
.home.bottomcontent a {
    text-decoration: underline
}
.bottomtitle {
    font-weight: bold;
    font-size: 18px;
}
.guidequestion {
    margin-left: 0.9rem;
}
/*
* ===================================================== CONTENT ==================================================
*/
.inline-list.gouge {
    margin-bottom: 20px;
}
.inline-list.gouge .fa {
    border: solid 1px #CCC;
    border-radius: 70px;
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 2.5em;
    color: #CCC;
    margin-bottom: 10px;
    width: 80px;
    margin: 20px auto;
    vertical-align: middle;
}
.inline-list.gouge span {
    text-align: center;
}
.page-title {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #00498d;
}
.innertitle {
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 18px;
}
.date input {
    width: 78%;
    position: relative;
    padding: 0.5rem !important;
}
.date span {
    width: 22%;
    background: none;
    border: none;
    cursor: pointer;
}
.blurimage {
    height: 200px;
    background: url(../images/blur.jpg) no-repeat;
    background-size: 100% 100%;
}
.blurimage.large {
    height: 700px;
    background: url(../images/blur-large.jpg) no-repeat;
    background-size: 100% 100%;
}
.blurimage span {
    border: green solid 1px;
    padding: 20px;
    width: 100%;
    text-align: center;
    display: block;
    font-weight: bold;
    top:70px;
    position: relative;
    background: yellow;
}
.blurimage.large span {
    top:300px;
}
.datepicker table {
    width: auto;
}
.datepicker td, .datepicker th {
    color: #000;
}

/*
* ===================================================== FEEDBACK ==================================================
*/
.row.feedback {
    border: solid 1px #CCC;
    padding: 10px;
    margin: 10px 0;
    -moz-box-shadow: 0px 0px 20px 1px #CCC;
    -webkit-box-shadow: 0px 0px 20px 1px #CCC;
    box-shadow: 0px 0px 20px 1px #CCC;
}
.comments {
    border: solid 1px#CCC;
    /*padding: 1em 2em;*/
    margin-bottom: 10px;
    -moz-box-shadow: 0px 0px 20px 1px #CCC;
    -webkit-box-shadow: 0px 0px 20px 1px #CCC;
    box-shadow: 0px 0px 20px 1px #CCC;
}
.comments-meta {
    background: #5178A0;
    margin: 0;
    padding: 10px;
    color: #FFF;
    font-weight: bold;
}
.rating .fa {
    padding: 0 1px;
}
blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
    font-style: italic;
}
blockquote:before {
    color: #ccc;
    content: "\f10d";
    font-family: fontawesome;
    padding: 6px;
    font-size: 1.5em;
}
blockquote p {
    display: inline;
}
.CommentForm {
    border: solid 1px #CCC;
    padding: 1em 2em;
    -moz-box-shadow: 0px 0px 20px 1px #CCC;
    -webkit-box-shadow: 0px 0px 20px 1px #CCC;
    box-shadow: 0px 0px 20px 1px #CCC;
}
/*
* ===================================================== SCHOLARSHIP ==================================================
*/
.scholarship-title {
    padding: 0;
    margin: 0;
}
/*
* ===================================================== FOOTER ==================================================
*/
.topfooter {
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    background: #f0eeef;
    padding: 20px;
}
.topfooter ul {
    margin-left: 1.4rem;
}
.topfooter a {
    text-decoration: underline;
}
.middlefooter {
    border-bottom: solid 1px #CCC;
    padding: 10px;
}
.middlefooter ul {
    margin-bottom: 0;
}
.middlefooter .inline-list > li {
    margin-left: 1rem;
}
.middlefooter a {
    color: #a2a2a2;
    text-decoration: underline;
}
.middlefooter .fa-facebook {
    color: #FFF;
    padding: 3px 7px;
    background: #3a589b;
}
.middlefooter .fa-google-plus {
    color: #FFF;
    padding: 3px;
    background: #d6492f;
}
.bottomfooter {
    padding: 10px;
}
.bottomfooter p,
.bottomfooter a {
    color: #a2a2a2;
}
/*
* ===================================================== LIST TABLE TYPE ==================================================
*/
.custom-list {
    margin: 10px 0;
}
.custom-list .list-head {
    background: #336699;
    color: #FFF;
    padding: 10px;
}
.custom-list .list-item {
    background: #FFF;
    padding: 10px;
}
.custom-list.singlelist .list-item:nth-child(2n+1) {
    background: #F7F6F6;
}
.custom-list.sidebyside .list-item:nth-child(4n+2),
.custom-list.sidebyside .list-item:nth-child(4n+1) {
    background: #F7F6F6;
}
.custom-list.threebyside .list-item:nth-child(6n+3),
.custom-list.threebyside .list-item:nth-child(6n+2),
.custom-list.threebyside .list-item:nth-child(6n+1) {
    background: #F7F6F6;
}
.custom-list.single .list-item:nth-child(2n+1) {
    background: #F7F6F6;
}
.custom-list .list-item a {
    text-decoration: underline;
}
.custom-list.liketab .list-head {
    background: #87D1FF;
    border: solid 1px #336699;
}
.custom-list.liketab .list-head.active {
    background: #FFF;
    color: #336699
}
.custom-list input[type="text"], 
.custom-list input[type="email"], 
.custom-list input[type="checkbox"], 
.custom-list input[type="radio"] {
    margin: 0;
}
.list-item.nopad label { 
    padding: 0.8em 0 0 0;
}
.list-item.nopad {
    padding: 0;
}
/*
* ===================================================== Data Equalizer TABLE ==================================================
*/
.custom-list .row.data-equalizer {
    margin: 0 !important;
}
.custom-list .row.data-equalizer .list-item {
    background: none !important;
}
.custom-list .row.data-equalizer:first-child {
    background: #336699 !important;
}
.custom-list .row.data-equalizer:nth-child(odd) {
    background: #F7F6F6 !important;
}
.custom-list .row.data-equalizer:nth-child(even) {
    background: #FFF !important;
}
/*
* ===================================================== UL SIDE BY SIDE ==================================================
*/
ul.sidebyside {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    margin: 0;
}
.border-box {
    background: #f8f8f8;
    padding: 10px;
    border: solid 1px #CCC;
}
/*
* ===================================================== Data Equalizer TABLE ==================================================
*/
.custom-list .row[data-equalizer] {
    margin: 0 !important;
}
.custom-list .row[data-equalizer] .list-item {
    background: none !important;
    /*word-break: break-word;*/
}
.custom-list .row[data-equalizer]:first-child {
    background: #336699 !important;
}
.custom-list .row[data-equalizer]:nth-child(odd) {
    background: #F7F6F6 !important;
}
.custom-list .row[data-equalizer]:nth-child(even) {
    background: #FFF !important;
}