/*------------------------------------------
| dictionary for events on homepage
-------------------------------------------- */
.dl-horizontal DD{
    margin-left: 80px;
}
.dl-horizontal DT {
    width: auto;
}
.dl-horizontal {
    margin-bottom:9px;
}
/*--------------------------------------*/


.btn-primary SPAN {
    font-size:20px;
    padding-left:5px;
}


/*------------------------------------------
| Election results
-------------------------------------------- */
.table {
    margin-bottom: 0px;
}
.contest-wrapper .panel-default {
    box-shadow: 0 5px 5px #eee;
    margin-bottom: 10px;
}
.prog
{
    background-color:#003344;
    margin:0;
    padding:0;
    height:15px;
}
.progParent
{
    width:100px;
    background-color:white;
    border-width:1px;
    border-color:#003344;
    border-style:solid;
    margin:0;
    padding:0; 
    height:17px;
}
.backToTop 
{
    margin-top: 10px;
}
#racesCheckbox > LABEL 
{
    font-weight:normal;
    padding-left:3px;
}
/*
#racesCheckbox 
{
    padding-left: 10px;
}
*/
.category-checbox-div 
{
    margin-bottom: 0px;
    
}
.category-checbox-div .panel-body label 
{
    font-weight:normal;
}
.category-checbox-div .panel-heading 
{
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%) !important;
    padding: 6px 15px;
}
.category-checbox-div .panel-title a 
{
    color: #000;
    font-weight:normal;
    font-size:1em;
}
.category-checbox-div .panel-title .glyphicon
{
    font-weight:normal;
    font-size:0.75em;
}
.votes, .percent, .total 
{
    text-align:right;
}
/*------------------------------------------


/*------------------------------------------
| Layout 
-------------------------------------------- */
.imageStack 
{
    background-color: #F0FAFC; 
    width: 100%; 
    padding: 5PX; 
    border: 1px solid #C5C5C7; 
    color: #0A689B; 
    font-size:17.5px;
}
.imageStack DIV
{
    margin-left:auto;
    margin-right:auto;
    width:90%;
}
.imageStack A 
{
    color: #0A689B;
}
.imageStack IMG
{
    margin-left: 10px; 
    margin-right: 10px
}
.imageRow 
{
    background-image: url(../img_boe/LargeIconBackground.gif);
    text-align:center;
    border: 1px solid #C5C5C7; 
}
.imageRow DIV
{
    display: inline-block; 
    width: 60%; 
    margin-top: 20px; 
    vertical-align: top;
}
.imageRow DIV SPAN
{
    font-size:25px;
    line-height:1;
    
}

.imageRow DIV SPAN.blue 
{
    color:#013145;
    text-shadow: #016145 0 0 1px;
}

.imageRow DIV SPAN.white 
{
    color:#fff;
    text-shadow: #DDD 0 0 2px;
}

.imageRow A IMG 
{
    margin: 5px;
}

/*--------------------------------------*/


/*------------------------------------------
| Layout 
-------------------------------------------- */
.nopadding {
   padding: 0 !important;
}
.nomargin {
   margin: 0 !important;
}
.img-maxWidth {
    width:100%;
}
.row {
    margin-left:0;
    margin-right:0;
}
/*--------------------------------------*/


/*------------------------------------------
| Default text panel
-------------------------------------------- */
.myPanelHeading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-color: #ddd;
    background: #003344 !important;
    color: #fff;
}

.panel-default .panel-heading{
    background: #003344  !important;
    color:#fff;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;
}
.panel-default .panel-heading a:visited{
    color:#fff;
}
.panel-default .panel-body{
    background: #f7f7f7;
}
.panel-title{
    font-size:14px;
    font-weight:bold;
}
/*--------------------------------------*/

/*------------------------------------------
| Page header
-------------------------------------------- */
.seal 
{
    margin:1%;

}
.searchText {
    display:inline-block;
    width:125px;
    height:35px;
}
.searchButton {
    display:inline-block;
}
.autowidth {
    width:auto;
}
/*--------------------------------------*/

/*------------------------------------------
| Workaround to issue with tab height
-------------------------------------------- */
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab 
{
    height: 24px !important;
}
.ajax__tab .ajax__tab_body
{
	position:absolute;
	top:100px; /* here */
	width:205px;
}
/*--------------------------------------*/

/*------------------------------------------
| GlyphIcons
-------------------------------------------- */
.glyphicon{
	font-size: 1.5em;
	margin: auto;
}
.blue{
    color: #243e8f;
}
.white {
    color: #fff;
}
/*--------------------------------------*/

/*------------------------------------------
| Carousel of rotating images at top of page
-------------------------------------------- */
.carousel-indicators {
	bottom: 0;
    margin-bottom:3px;
}
.carousel-indicators .active {
	background-color: #222;
    height:8px;
    width:8px;
}
.carousel-indicators li {
	border: 1px solid #000;
    height:7px;
    width:7px;
}
/*--------------------------------------*/

/*------------------------------------------
| Multilevel responsive dropdown menu
-------------------------------------------- */
.nav > li > a {
    display: inline-block;
    padding-right: 0px;
    padding-left: 20px;
}
.caretLink {
    padding-left: 0px !important;
    padding-right: 0px;
}
.dropdown A, .active A{
    font-size:12px;
}
.dropdown-menu {
    background: #CEE2EB;
    color: #23389C;
}
.navbar {
    min-height:30px;
    border-radius: 4px;
}

.centeredList {
    width: 80%; margin: auto;float:none;
}

.navbar-nav > li > a {
    padding-bottom:5px;
    padding-top:5px;
}
.navbar-inverse .navbar-nav>li>a{
    color: #FFF;
}
.navbar-inverse {
    background: #003344;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover {
     background: #003344;
     color: #FFF;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/*--------------------------------------*/


/*------------------------------------------
| Media queries to determine behavior of 
| page at breakpoints
-------------------------------------------- */
@media (min-width: 768px) {
    .nav > li > a {
        padding-left: 10px;
    }
    /*cause bootstrap nav dropdown to display on hover*/
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }

    .img55 {
        height: 37px;
    }
}   
@media (min-width: 992px){
    
    .nav > li > a {
        padding-left:12px;
    }
    .img55 {
        height:48px;
    }
}
@media (min-width: 1200px) {
    .dropdown A, .active A{font-size:12px;}
    .nav > li > a {
        padding-left:20px;
    }
    .img55 {
        height:58px;
    }
}

@media (max-width: 1200px) {
    .imageStack {
        padding:2px;
    }
    .imageStack DIV {
        width:100%;
    }
    .imageStack A{
       font-size:14px;
    }
}


@media (max-width: 992px) {
    .panel-body {
        padding:7px;
    }
    .dl-horizontal DD A{
        display:block;
        
    }
    .dl-horizontal DD{
        margin-left: 0px;
        display:block;
    }
    .dl-horizontal DT {
        width: auto;
        display:block;
        padding-right:5px;
    }
    ul {
        list-style:none;
        padding-left:0;
    }  

    .centeredList{
       width: 90%;
    }
    .imageStack DIV {
        width:100%;
    }
    .imageStack A{
       font-size:12px;
    }
    .imageRow A IMG {
        height:40px;
        margin-top:5px;
        margin-left:0px;
    }
    .imageRow DIV {
        margin-top:5px;
    }
    .imageRow DIV SPAN {
        font-size: 15px;
    }

    .dropdown A, .active A{font-size:10px;}
}

@media (max-width: 766px) {
    .caretLink {
        margin-left:15px;
    }
    .caret {
        display: inline-block;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 6px solid;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
    }
    .dropdown A, .active A{font-size:12px;}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }
    .xs-margin-bottom{
        margin-bottom: 15px;
    }
    body{
        background-color: #CEE2EB;
    }
    .header {
        padding:0;
        border-bottom:3px solid #808080;
    }
    .header .img-responsive{
        max-width:50%;
    }
    .seal {
        max-width:12% !important;
    }


    .carousel-indicators {
	    visibility:hidden;
    }

    .img-responsive {
        margin-top:0 !important;
    }
    .imageRow DIV {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 5px;
    }
    .imageRow DIV SPAN {
        font-size:18px;
    }
    .imageRow DIV SPAN.blue {
        color: #fff;
        text-shadow: #DDD 0 0 2px;
    }
    .imageRow {
        text-align: left;
    }
    .imageStack A{
       font-size:18px;
    }
    .imageRow A IMG {
        height:18px;
        width:18px;
        margin-top:10px;
        margin-left:15px;
    }
   .centeredList{
       width: 100%;
   }

}
/*--------------------------------------*/