/*!
 * Bootstrap v2.0.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
 
@CHARSET "UTF-8";

@media screen and (min-width: 480px) {
#brand{
width:auto;
height:100px;
}
#captcha{
width:auto;
height:65px;
}
#captchaDiv{
	width:20%;
}

}

@media screen and (max-width: 480px) {
#brand{
width:auto !important;
height:80px;
}

#captcha{
width:90% !important;	
}
}

   .asterisk {
	color: #CC0000;
	
	font-size:large;
}
.number-sign {
	color: #0000FF;
}
body{
   	font-size:100%;
     	word-wrap: normal;  
	/*font-family: "Times New Roman", Times, serif;*/
	min-width:330px;
	margin: 0px 0px 0px 0px;
	background-color:#FBFAF0;
	font-family: Arial, Helvetica, sans-serif, Verdana, Geneva, PMingLiu, MingLiu, 細明體_HKSCS !important;
   }

input{
   	font-size:100%;
	font-family: Arial, Helvetica, sans-serif, Verdana, Geneva, "新細明體", "新细明体", PMingLiu, "細明體", "细明体" , MingLiu, 細明體_HKSCS;
   }
   
text{
     font-size:100%
   }
.auto-style2 {
	font-size: 1.25em;
	text-align: center;
	background-color: #FFFF00;
}


.auto-style4 {
	margin-left: 16px;
	font-size: 100%;
}


.auto-style5 {
	margin-left: 16px;
	margin-top:0;
	padding-top:20px;
	padding-bottom:20px;
	color: #0000FF;
}


.auto-style6 {
	margin-left: 16px;
}

.hide{
	position:absolute;
	left: -9999px;
}

.popup{
	display:none;
	position:absolute;
	left: -9999px;
}

div#vmenu { 
   margin: 0; 
   padding: .25em .25em .25em 0em; 
  
   background: #fcac4c; 
   width: 13.5em; 
} 

div#vmenu ul { 
   margin: 0; 
   padding: 0; 
   list-style: none; 
} 

div#vmenu ul li { 
   margin: 0; 
   padding-top: 20px; 
   list-style: none; 
} 

div#vmenu ul a:link { 
   margin: 0; 
   padding: .2em 0em .2em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   background-color: #fcac3c; 
   color: #0059a0; 
   display: block; 
} 

div#vmenu ul a:active { 
   margin: 0; 
   padding: .25em .5em .25em .5em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   background: #4d8cba; 
   color: #ffffff; 
   display: block; 
} 



div#vmenu ul li a:hover { 
   margin: 0; 
   padding: .2em 0em .2em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   background-color: #30c9e0; 
   color: #ffffff; 
   display: block; 
}
.smaller {font-family: "Verdana", "Arial", "Helvetica", sans-serif;	font-size: 0.80em;	color: #555555; margin:0px}
.separate-line
{
    position:relative; 
    width: 100%; 
    border-bottom: 1px dotted #000000; 
    height:0; 
}

.titleBgDiv {position:relative;width:100%;height:100%;}
	
.imgBg
{
	position:absolute;top:0;left:0;width:100%;height:100%;z-index:33;
}

.foreground{
	position:relative;z-index:50;color:#FFFFFF;
	text-align:center;
	font-size:large;
	line-height:200%;
}	

.radius {
	background-color: #E9E9E1;
	padding:5px 0px 5px 0px;
	font-size:large;
	text-align:justify;
}

.ui-textfield {
    font: inherit;
    color: inherit;
    background: #FBFAF0;
    text-align: inherit;
    outline: none;
    cursor: text;
	border-style:solid;
	border-color:#d3d3d3;
	padding: .12em !important;
}

.ui-button {
	padding: .2em !important;
}

.nav{line-height:150%;}

a:link{
	color:#606060;
	text-decoration: none;
	}
	
a:visited{
color:#606060;
text-decoration: none;
}

div.nav ul li a:link{
	color:#606060;
	text-decoration: none;
	}
	
div.nav ul li a:visited{
color:#606060;
text-decoration: none;
}

#vrFooter,#formsFooter{
	background-color:#606060;
	color:#FFFFFF;
}

#vrFooter a:link,#formsFooter a:link{
	color:#FFFFFF;
	text-decoration: none;
}
	
#vrFooter a:visited,#formsFooter a:visited{
	color:#FFFFFF;
	text-decoration: none;
}

A.button:Visited {
		background-color: #666666;
		height: 100%;
		padding: 10px 10px 10px 10px;
		font-family: "Arial", "Helvetica", "sans-serif";
		font-size: 15px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		Margin-left: 4px;
		
		}

	A.button:link {
		background-color: #666666;
		height: 100%;
		padding: 10px 10px 10px 10px;
		font-family: "Arial", "Helvetica", "sans-serif";
		font-size: 15px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		Margin-left: 4px;
		}

	A.button:hover {
		background-color: #E17F27; 
		height: 100%;
		padding: 10px 10px 10px 10px;
		font-family: "Arial", "Helvetica", "sans-serif";
		font-size: 15px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		Margin-left: 4px;
		text-shadow: 0 1px 1px rgba(0,0,0,0.7);
		}
		
	A.disabledButton{
	background-color: #a77064 !important;
	pointer-events: none;
	}
		
	A.buttondefault:Visited {
	   	background-color: #A74128;
	 	height: 100%;
		padding: 10px 10px 10px 10px;
		font-family: "Arial", "Helvetica", "sans-serif";
		font-size: 15px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		Margin-left: 4px;
		/*Margin:0 3 0 3px;*/
	
		}

	A.buttondefault:link {
	    
		background-color: #A74128;
		height: 100%;
		padding: 10px 10px 10px 10px;
		font-family: "Arial", "Helvetica", "sans-serif";
		font-size: 15px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		Margin-left: 4px;
		/*Margin:0 3 0 3px;*/
		}

	A.buttondefault:hover {
	   
		background-color: #E17F27;
		height: 100%;
		padding: 10px 10px 10px 10px;
		font-family: "Arial", "Helvetica", "sans-serif";
		font-size: 15px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		Margin-left: 4px;
		/*Margin:0 3 0 3px;*/
		text-shadow: 0 1px 1px rgba(0,0,0,0.7);
		}
			
	.buttonmenubox_R {
		background-color:#efefef;
		margin-right: 0px;
		text-align: right;
		padding-right: 5px;
		padding-top: 15px;
		padding-bottom: 15px;
		vertical-align: middle;
		}
		
		.buttonmenubox_t {
	    /*background:url(../../image/title_bg.gif) ;
	    background-size: contain;*/
		margin-right: 0px;
		text-align: left;
		/*padding-top: 15px;
		padding-bottom: 15px;*/
		vertical-align: middle;
		}
		
		A.tbutton:link {
		/*background-color: #666666;*/
		-moz-box-sizing:    border-box;
    	-webkit-box-sizing: border-box;
    	box-sizing:        border-box;
		display:inline-block;
		width:100%;
		/*background:url(../../image/cross_x.gif) no-repeat right;
		background-size: contain;*/
		background-color:#717171;
		height: 100%;
		padding: 10px 10px 10px 10px;
		font-family: "Arial", "Helvetica", "sans-serif";
		font-size: 15px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		/*Margin-left: 4px;*/
		}
		
		
		
				#navigation
{
 background:url(../../image/title_bg.gif) ;
 background-size: contain;
 text-align:left;
 padding:0px 0px 0px 10px;
 line-height:180%;
 font-size:large;
}

ul#navigation li{
list-style-image:none;
background: url("../../image/arrow_grey.gif") no-repeat left 12px;
background-size: 11px 11px;
padding-left: 15px;
margin-right:10px;
}

ul#navigation li:hover {
    background: url("../../image/arrow.gif") no-repeat left 12px;
    background-size: 11px 11px;
}

ul#navigation li a
{
 font-family:verdana;
 text-decoration:none;
 color:/*#bdbdbd*/#EDEDED !important;
} 

ul#navigation li a:hover
{
 color:#FFFFFF !important;
} 
  
   #OmissionsList{
   display:inline-block;
	width:100%; 
	color:#FFFFFF;
	width:100%; 
  text-shadow: 0 1px 1px rgba(0,0,0,0.7);
  background-color:#EE7F4A; 
  text-align:center; 
  padding:1px 0px 1px 0px;}
  
   #ProvisionalRegisters{
   display:inline-block;
width:100%; 
color:#FFFFFF;
  background-color:#FCB808;
  text-shadow: 0 1px 1px rgba(0,0,0,0.7);
  text-align:center; 
  padding:1px 0px 1px 0px;}
  
  #FinalRegisters{
  display:inline-block;
  width:100%; 
  color:#FFFFFF;
  background-color:#97c7b1;
  text-shadow: 0 1px 1px rgba(0,0,0,0.7);
  text-align:center; 
  padding:1px 0px 1px 0px;}
  
  #currentInformation{
  display:inline-block;
  width:100%;
   color:#FFFFFF;
   background-color:#5b85c0;
   text-shadow: 0 1px 1px rgba(0,0,0,0.7);
   text-align:center; 
  padding:1px 0px 1px 0px;
 }
 
#PollingInformation, #ElectionType{
  display:inline-block;
  width:100%; 
  color:#FFFFFF;
  background-color:#EF6C00;
  text-shadow: 0 1px 1px rgba(0,0,0,0.7);
  text-align:center; 
  padding:1px 0px 1px 0px;}
  
     .division{
        /*width:1014px;
        margin-left:10px;*/
        margin-top:0px;
        margin-bottom:0px;
      
    }

    .ol{
        background-color:#E9E9E1;
    }

	/*.ol tr:nth-child(even) {
	    background-color: #fbeae1;
	}*/
    
    .pr{
        background-color:#E9E9E1;
    }

    /*.pr tr:nth-child(even){
        background-color:#fde7d0;
    }*/

    .fr{
        background-color: #E9E9E1;
    }
        
    /*.fr tr:nth-child(even){
        background-color: #eef4ed;
    }*/
  
    .fr-highlight{
        background-color:#97c7b1;
    }
  
    .em{
        background-color:#E9E9E1;  
    }
        
    /*.em tr:nth-child(even){
        background-color:#d0dcec;  
    }*/
  
    .table-person{
        width:100%;
        margin-top:0px;
    }
  
    .table-person td.column1{
        width:40%;
    }
  
    .table-constituency{
        width:100%;
        margin-top:0px;
    }
  
    .table-constituency td.column1{
        width:40%;
    }
  
    .msg{
        minimum-height:2em;
        padding-top:15px;
        padding-bottom:10px;
        padding-left:15px;
        font-size:.875em;
        
      
    }
  
  
    .separator-thick{
        height:5px;
        margin-bottom:10px;
    }
  
    .separator-thin{
        background-color:#808080;
        height:2px;
        margin:0;
    }
    

table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
}
.table th, .table td {
  padding: 8px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table thead:first-child tr th, .table thead:first-child tr td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #ddd;
}
.table-condensed th, .table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th + th,
.table-bordered td + td,
.table-bordered th + td,
.table-bordered td + th {
  border-left: 1px solid #ddd;
}
.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.table tbody tr:hover td, .table tbody tr:hover th {
  background-color: #f5f5f5;
}