@charset "utf-8";

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*This is the template for css global reset--avoid cross broswer padding and margin issue. By Tony Xia*/
/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}



/* Global reset-RESET */

/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }


/** a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/*global shard common style*/
.goLeft{
	float:left;
}

.goRight{
	float:right;
}

a{
	text-decoration:underline;
	color:#b06309;
}

a:hover{
	color:#fcfcfc;
	text-decoration:underline;
}

/*Basic style*/

body {
	/* background:url(../images/body_bggfd.jpg) repeat; */
	background-color:#202020;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#AF6208;
}

#wrapper{
	width:800px;
	margin:0 auto;
}

#header{
	height:70px;
}

#logo{
	float:left;
	margin-top:32px;
}

#sub_title{
	font-family:Arial, Helvetica, sans-serif;
	color:#FCFCFC;
	font-size:11px;
	text-decoration:none;
}

#question{
	float:right;
	margin-top:32px;
}

.questionStyle{
	font-family:Georgia, Arial, "Times New Roman", Times, serif;
	font-size:24px;
	color:#D753A9;
	margin-top:10px;
	font-weight:normal;
}

#content{
	margin-top:25px;
	position:relative;
}

#footer{
	height:100px;
	clear:both;
}

#cleaner{
	height:50px;
	clear:both;
	background-color:#99CC99;
}

#content_left{
	width:300px;
	position:absolute;
	top:0;
	left:0;
}

#content_right{
	width:300px;
	float:right;
	position:absolute;
	top:0;
	left:500px;
}

#content_middle{
	width:200px;
	background-color:#D5C669;
	border:8px solid #fcfcfc;
	position:absolute;
	left:292px;
	top:0px;
}

/*vote option*/
.vote_option{
	height:52px;
}

.vote_option .counter{
	font-family:Georgia, Arial, "Times New Roman", Times, serif;
	font-size:40px;
	color:#fbfbfb;
	margin:16px;
	display:inline;
}
	

/*vote message*/
.vote_message{
	border:8px solid #fcfcfc;
	background-color:#3F989C;
	/*min-height:200px;*/
    /*height:auto !important;*/
    /*height:450px;*/
    /*overflow: hidden;*/
}

#content_right .vote_message{
	background-color:#202020;
}

.vote_message .message_box{
	width:264px;
	margin:10px 10px 20px 10px;
}

.vote_message .message_box h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b4ff01;
	margin:0 0 5px 0;
	word-wrap: break-word;
    overflow:hidden;
}

.vote_message .message_box p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fcfcfc;
	line-height:1.5em;
	word-wrap: break-word;
    overflow:hidden;
}

.vote_message .message_box .red{
	color:#f90712;
}

/* vote form */

#vote_form{
	margin:0px 20px 30px 20px;
}

#vote_form h2, #vote_form h3, #vote_form h4{
	text-align: center;
} 

#vote_form label{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#AF6208;
	margin-bottom:5px;
	margin-top:10px;
	font-weight:bold;
	font-style:italic;
}

#vote_form span{
	font-size:12px;
	font-style:italic;
}

#vote_form input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3B3B3B;
	border:1px solid #c3ae1f;
	width:150px;
	height:18px;
	padding:2px;
}

#vote_form .input_sele{
	border:1px solid #c3ae1f;
	height:20px;
	width:70px;
}

#vote_form textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#3B3B3B;
	border:1px solid #c3ae1f;
	width:145px;
	height:125px;
	padding:5px;
}

#vote_form img{
	border:1px solid #c3ae1f;
	margin:0 0 0 0;
}

#vote_form #errorMessage{
	font-family:Georgia, Arial, Helvetica, sans-serif;
	color:#FCFCFC;
	line-height:1.5;
	font-size:11px;
	background-color:#AA0033;
	padding:3px;
	display:block;
}

#vote_form #submit_btn{
	background:url(../images/addmyvote.png) no-repeat;
	border:none;
	width:108px;
	height:40px;
	text-indent:-9999px;
	margin:10px 0 0 22px;

}

.contact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b06309;
	text-align:center;
	margin:10px 0 10px 0px;
}

.pager-contorls {
	text-align: center;
	color: white;
}

.pager-contorls a {
	padding: 5px 10px;
	margin: 5px;
	background-color: #666;
	text-decoration: none;
	color: white;
	border: solid 1px black;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.pager-contorls a:hover {
	background-color: black;
	color: white;
	border-color: white;
}