@charset "utf-8";
/* CSS Document:: listOfCandidates.css */

select, select option{ color:#000000}

/* nav */
ul.ulsubmenu{ border-bottom:1px solid #cddcea}
ul.ulsubmenu li.title{ margin-left:10px; margin-top:10px; margin:10px 5px; font-weight: bold }
table.table-striped th{ background-color: #CDDEF7; border:1px solid #999}
.nav >ul.ulsubmenu > li.electionSubmenu > a {padding:4px 2px 4px 25px }
.nav-pills>li.electionSubmenu.active>a, .nav-pills>li.electionSubmenu.active>a:focus, .nav-pills>li.electionSubmenu.active>a:hover{ /*background-color:#C2DCF5;*/ background-color: #fff; color:#000; background-image: url(../images/arrowRight_sm.gif); background-repeat: no-repeat;background-position: 7px 6px; font-weight: normal}
ul.nav li.subSubHeader.active a, ul.nav li.subSubHeader.active a:hover, ul.nav li.subSubHeader.active a.active:hover, ul.nav li.subSubHeader.active.opened, ul.nav li.subSubHeader.active.opened a:hover, ul.nav li.subSubHeader.active.opened:hover{  background-image:url(../images/arrowWhite_down_sm.gif) /* background-image:url(../images/arrowRight_sm_white.gif)*/}

/*main*/
#maincontent h1.heading{ font-size: 1.5em; border-bottom: 1px solid #efefef; padding-bottom: 10px}

/*-------------- letters ------------------*/
.letters{margin-bottom: 10px}

/*a.letter,a.letter:active,a.letter:link,a.letter:visited{ padding:5px 8px; border-bottom:1px solid #81b0e0; border-right:1px solid #81b0e0; border-top:1px solid #cde2f9; border-left:1px solid #cde2f9; font-size:0.8em; margin-top:10px; margin-left:0px; display:inline-block; text-decoration:none; font-weight:bold;background-color:#F3DB64; color:#000; border-radius: 4px }
a.letter:hover,a.letter:focus, a.letter.active{ background-color:#30557e; color:#fff;  border-bottom:1px solid #ddd18f; border-right:1px solid #ddd18f; border-top:1px solid #f8efbf; border-left:1px solid #f8efbf;}    */


.letters{ display:block; width:100%; margin-left:0px; margin-right:auto; margin-bottom:10px }
.letters a.letter, .letters a.letter:active, .letters a.letter:link, .letters a.letter:visited{ font:arial, Geneva, sans-serif; padding:2px 6px; border-bottom:1px solid #b0c7e0; border-right:1px solid #b0c7e0; border-top:1px solid #d3e4f6; border-left:1px solid #d3e4f6; font-size:100%; margin-top:10px; margin-left:0px; display:inline-block; text-decoration:none; font-weight:bold; background-color:#dfe9f4; color:#000 /*text-shadow: 1px 1px #91abc8;*/ border-radius:2px;  transition: background-color 0.3s ease 0s;}

.letters a.letterDisabled, .letters a.letterDisabled:active, .letters a.letteDisabled:link, .letters a.letterDisabled:visited{ padding:4px;  border:1px solid #ddd;  font-size:100%; margin-top:10px; margin-left:1px; display:inline-block; text-decoration:none; font-weight:bold;background-color:#efefef; color:#ccc; cursor: default;border-radius:2px }
.letters a.letter:hover, .letters a.letter, .letters a.letter:active, .letters a.letter:link, .letters a.letter:visited{  background-color:#dfe9f4; color:#000  border-bottom:1px solid #b0c7e0; border-right:1px solid #b0c7e0; border-top:1px solid #cbdff3; border-left:1px solid #cbdff3;border-radius:2px; }    

.letters a.letter.active{ background-color:#f2d15f; color:#000;  border-bottom:1px solid #cbb155; border-right:1px solid #cbb155; border-top:1px solid #d5be6d; border-left:1px solid #d5be6d;border-radius:2px; }  


.letters a.letter:hover{box-shadow: 0px 0px 4px 0px #f2d15f; background-color:#f2d15f; color:#000; border:1px solid #769abe}
/*-----------------------*/

.separate{display: block; margin-bottom:40px;}

/*----------map -----------------*/
.btn-group.ward ul.dropdown-menu li{padding:8px}
.btn-group.ward ul.dropdown-menu li:hover{ background-color:#c5dff4;}


/*---------- ward table -------------*/
#maincontent table.wardTable td, #maincontent form table.wardTable td{ padding: 10px 5px; text-align: center}
table.wardTable{clear:both; border:1px solid #efefef; background-color: #efefef; }
table.wardTable td{ padding:25px;}
table.wardTable tr td:hover{ background-color:#d9e3ed; }
table.wardTable tr td:hover a, table.wardTable tr td:hover a:link, table.wardTable tr td:hover a:active, table.wardTable tr td:hover a:hover, table.wardTable tr td:hover a:visited{font-weight:normal;color:#000!important}
/*------- arrows ---------------*/

ul.nav li.subSubHeader.active a, ul.nav li.subSubHeader.active a:hover, ul.nav li.subSubHeader.active a.active:hover, ul.nav li.subSubHeader.active.opened, ul.nav li.subSubHeader.active.opened a:hover, ul.nav li.subSubHeader.active.opened:hover {
    
    border-bottom: 1px solid #fff;
    border-bottom-width: none;
    
    background-position: 5px 10px;
    background-repeat: no-repeat;
}

/*----------- accordion -------------*/
#actions button#print{background-image:url(../images/icon-print.svg)}

#accordion .panel-title,#accordion .panel-title a,,#accordion .panel-title a:focus{ outline:none;}
#accordion .panel-title a[data-toggle=collapse]{background-image: url(../images/icon-circle-plus.svg)}

#accordion .panel-title a[data-toggle="collapse"][aria-expanded="true"]{background-image: url(../images/icon-circle-minus.svg)}

#accordion .panel-title a{ text-decoration: none; font-weight: 500}
#accordion .panel-title a:hover{ text-decoration: underline; font-weight: 500}
a:focus,.container a:focus, .container a:focus>img{outline:none!important}

/*------------- modal -----------*/

.modal-content .modal-body .panel .row{ margin-bottom:10px}
.modal-content .modal-body .panel{ margin-top:10px}
.modal-content .modal-body .panel-title{ font-size:17px}
.modal-content .modal-body h2{ font-size:20px}