html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; vertical-align: baseline; font-size: 100%; font:inherit; border: 0;}
body {font-family: Arial, Helvetica, sans-serif; color:#817b70; background: #66635c url('../../poll/bg.jpg') top center no-repeat;}
a {color:#817b70; text-decoration:underline;}
a:HOVER {color:#322b1e; text-decoration:underline;}

.wrap_container {clear:both; width:100%; background: #66635c url('../../poll/bg.jpg') top center no-repeat;}
.body_container {clear:both; width:980px; margin:0 auto; padding:31px 0 0 0; font-size:12px; font-family:georgia; background: #66635c url('../../poll/bg.jpg') top center no-repeat;}

/* header */
.header {position:relative; clear:both; width:100%; height:475px;}
.header h1 {font-size:0; line-height:0; text-indent:-99999px;}
.header .welcome {float:right; width:495px; padding:185px 20px 0 0; font-size:14px; color:48433a; line-height:22px; text-align:right; font-style:italic;}
.header .welcome .p1 {padding:6px 0 0 0;}
.header .welcome .p1 strong {font-size:15px; font-weight:bold;}
.header .when {position:absolute; right:25px; top:333px; font-size:20px; color:#f0661b; font-style:italic;}
.header .who {position:absolute; right:25px; top:395px; font-size:20px; color:#f0661b; font-style:italic;}
.header .who strong {color:#ff0024}

.section {clear:both; width:100%; padding:0 0 100px 0;}

/* graph area */
.graph_area {position:relative; z-index:1;}
.totalvotes {width:944px; height:20px; padding:5px 16px 0 0; margin:0 auto; font-size:10px; color:#a6a6a6; font-family:arial; text-align:right;}

/* graph */
.wrap_graph {clear:both; width:960px; height:330px; margin:0 auto; background:url("../../poll/bg_graph.png") no-repeat -4px -29px;}
.wrap_graph .graph_list {}
.wrap_graph .graph_list li {position:relative; float:left; width:39px; height:300px; margin:0 0 0 1px; padding:0; list-style-type:none; z-index:10;}
.wrap_graph .graph_list li div {position:absolute; bottom:0; display:block; width:39px; background:#ffe23f; font-size:12px; color:#666; font-family:georgia; text-align:center; z-index:10;}
.wrap_graph .graph_list li div a {display:inline-block; width:100%; height:100%;}
.wrap_graph .graph_list li div.odd {background-color:#ffe23f;}
.wrap_graph .graph_list li div.even {background-color:#ffd93f;}
.wrap_graph .graph_list li div.second {background-color:#ffa73f;}
.wrap_graph .graph_list li div.first {background-color:#ff883f;}
.wrap_graph .graph_list li div.hover {background-color:#69c5f2;}
.wrap_graph .graph_list li.hover {background-color:#fff;}

.wrap_graph .graph_list li.hover div {background-color:#69c5f2;}


/* graph bottom - btn and links.. */
.wrap_graph_bot {position:relative; clear:both; width:960px; height:97px; margin:0 auto;}
.wrap_graph_bot .go_forum {position:absolute; top:55px; left:20px;}
.wrap_graph_bot .wrap_btn {padding:23px 25px 0 20px; text-align:right;}
.wrap_graph_bot .timezone {position:absolute; top:25px; left:20px;}
.wrap_graph_bot .timezone select {font-size:12px; color:#817b70; font-family:georgia;}

/* buttons */
.btn_vote_now {display:inline-block; width:145px; height:46px; background:url("../../poll/btns.png") no-repeat 0 0; text-indent:-999px; text-align:left; overflow:hidden;}
.btn_vote_now:hover {display:inline-block; width:145px; height:46px; background:url("../../poll/btns.png") no-repeat 0 -54px; text-indent:-999px; overflow:hidden;}

.btn_cancel {display:none; width:145px; height:46px; background:url("../../poll/btns.png") no-repeat -155px 0; text-indent:-999px; text-align:left; overflow:hidden;}
.btn_cancel:hover {display:inline-block; width:145px; height:46px; background:url("../../poll/btns.png") no-repeat -155px -54px; text-indent:-999px; overflow:hidden;}

/* graph layer */
.wrap_graph_ly {position:absolute; top:-12px; left:0; width:100%; height:338px; padding:37px 0 0 0; background:url("../../poll/select_here.png") no-repeat top center; display:none;}

/* message layer */
.ly_msg {display:;position:absolute; top:-0px; left:10px; width:960px; height:350px; padding:155px 0 0 0; background:url("../../poll/bg_msg.png") no-repeat top center; font-size:24px; font-style:italic; text-align:center; z-index:1000;}
.ly_msg .close {display:inline-block; font-size:14px; padding-top:7px; text-decoration:underline; cursor:pointer;}
.ly_msg2 {display:none; height:210px;}

/* finish message */
.wrap_finish {clear:both; padding:20px 0 0 0; font-size:18px; color:#fff; font-style:italic; text-align:center;}
.wrap_finish div {display:none;}

/* footer */
.footer{font-family:arial,helvetica,Sans-Serif;color:#adadad;background-color:#4b4843;font-size:85%} 
.footerNull1{background:url("../../poll/footer.gif") center top no-repeat}
.footerNull2{position:relative;width:1000px;height:250px;margin:0 auto;background:url("../../poll/footer.gif") center top no-repeat}
.footer ul li{margin:0;list-style:none}
.footer ul li a{position:absolute;display:block;height:60px;text-indent:-9999px;overflow:hidden}
.footer ul .li1 a{top:65px;left:35px;width:180px;}
.footer ul .li2 a{top:65px;left:410px;width:185px;}
.footer ul .li3 a{top:57px;left:733px;width:249px;height:101px;}
.footer .copyright{position:absolute;top:185px;width:1000px;text-align:center; font-size:12px;}

/* tooltip */
.colorTip{
	/* This class is assigned to the color tip span by jQuery */
	display:none;
	position:absolute;
	left:50%;
	top:-30px;
	padding:6px;
	background-color:white;
	font-size:11px;
	font-style:normal;
	line-height:1;
	text-decoration:none;
	text-align:center;
	text-shadow:0 0 1px white;
	white-space:nowrap;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	z-index:1000;
}
.pointyTip,.pointyTipShadow{
	/* Setting a thick transparent border on a 0x0 div to create a triangle */
	border:6px solid transparent;
	bottom:-12px;
	height:0;
	left:50%;
	margin-left:-6px;
	position:absolute;
	width:0;
}
.pointyTipShadow{
	/* The shadow tip is 1px larger, so it acts as a border to the tip */
	border-width:7px;
	bottom:-14px;
	margin-left:-7px;
}
.colorTipContainer{position:relative; text-decoration:none !important; z-index:10;}
.pointyTip{ border-top-color:#efefef;}
.pointyTipShadow{ border-top-color:#c5c5c5;}
.colorTip{background-color:#efefef; border:1px solid #c5c5c5; color:#ff4800;}