@charset "utf-8";
/* CSS Document */
html {font-family:tahoma, verdana, Arial, sans-serif;font-size: 85%;}
body { background:url(../images/top-bg.png) left top repeat-x #fff;margin:0;padding:0; line-height:1.5}
input[type="text"], input[type="password"] {border: 1px solid #aaa5a5;height: 1.4em;padding: 0.2em;}
textarea {border: 1px solid #aaa5a5;margin: 0;}
select {height: 1.8em;}
em {font-style: italic;font-weight: 600;}
p {margin:10px 0;}
p.rightalign { text-align: right;}
div.contenwrapper10 { padding: 0 10px 10px 10px;}
div.contenwrapper15 { padding: 0 15px 15px 15px;}
div.contenwrapper20 { padding: 0 20px 20px 20px;}
div.lastblock{ margin-bottom:0;}
/* header */
#header {background: url(../images/header.png) right top no-repeat;height: 152px;}
#header h1#logo { margin:0;padding:0;width: 418px;float:left;}
#header h1#logo a {background:url(../images/logo.jpg) left top no-repeat; text-indent: -5000px;height:152px;width: 418px;display:block;}
#header #userpanel { text-align: right;font-size: .9em;padding: 10px;}
#header #userpanel form {text-align: right;}
#header #userpanel a { font-weight: 600;}
#header form#formsearch {float: right;margin-top: 55px;}
#header form#formsearch input[type="text"] {width: 210px;}
#header form#formsearch input[type="text"], #header form#formsearch select{margin-right: .8em;}
#header form#formsearch input[type="text"]:focus, #header form#formsearch select:focus{outline: none;}
#header form#formsearch input[type="submit"] {background:url(../images/btn_search.png) left top no-repeat; width: 52px; height:26px;text-indent: -5000px;border: none;}
#header form#formsearch input[type="submit"]:hover { background-position: left bottom;}
#nav-wrap {background:url(../images/logo-bottom.png) left top no-repeat;}
#nav { background:url(../images/top-nav.jpg) left top no-repeat; margin: 0;padding: 0;list-style:none;display: block;float: right;width: 550px;height: 36px;}
#nav span {display: none;}
#nav li, #nav a {height:36px;display:block;}
#nav li {float:left;display:inline;}
#nav li#nav-home { width: 129px;}
#nav li#nav-create { width: 155px;}
#nav li#nav-viewall { width: 132px;}
#nav li#nav-guide { width: 132px;}
#nav li#nav-home a:hover { background:url(../images/top-nav.jpg) 0 -36px no-repeat;}
#nav li#nav-create a:hover { background:url(../images/top-nav.jpg) -129px -36px no-repeat;}
#nav li#nav-viewall a:hover { background:url(../images/top-nav.jpg) -284px -36px no-repeat;}
#nav li#nav-guide a:hover { background:url(../images/top-nav.jpg) -416px -36px no-repeat;}
/* top panel*/
.top-panel {margin-top: 20px;}
#guide-panel { background:url(../images/guide_panel.png) left top no-repeat; height: 246px; ; text-indent:-5000px;margin-top:0;margin-bottom: 0;}
#login-panel a, #login-panel a:link, #login-panel a:hover { color: #2b2b2b}
#login-panel p.forgotpass { text-align: center;}
#login-panel p.forgotpass a{ padding: 0 1em;}
#login-panel p.forgotpass a.seperate{ background: url(../images/lostpass-seperate.gif) right center no-repeat;}
#login-panel { background:url(../images/login_panel.png) left top no-repeat; height: 246px;font-size: .9em;}
#login-panel form#quick-login p {margin-bottom: 1em;}
#login-panel form#quick-login p.last {margin-bottom: .6em;}
#login-panel form#quick-login, #account-panel .account-panel {margin: 55px 0 0 20px;}
#login-panel .center {text-align: center;}
#login-panel form#quick-login input[type="text"], #login-panel form#quick-login input[type="password"] { width: 230px;}
#login-panel form#quick-login input[type="submit"], #userpanel input[type="submit"]{background:url(../images/btn_login.gif) left top no-repeat; width: 99px; height:32px;border: none;}
#login-panel form#quick-login input[type="submit"]:hover, #userpanel input[type="submit"]:hover {background-position: left bottom;}
#account-panel { background:url(../images/account-panel-bg.png) left top no-repeat; height: 246px;color: #2b2b2b;font-size: .9em;}
#account-panel p { margin: 1em 0;}
#account-panel p.username { font-size: 1.2em;font-weight: 600;}
/* content panel*/
#maincontent h3{font-size: .9em; font-weight: 600;margin-bottom: 10px;}
.votelistgrid { width: 300px;display:inline;float:left;margin-left:10px;margin-right:10px;}
/* tabcontrol*/
div.ui-tabs-hide {display: none;}
#content-panel { margin: 20px 0;}
ul.tabcontrol { margin-bottom: 15px;}
ul.tabcontrol li { height:40px;float: left;}
ul.tabcontrol li.ui-tabs-selected {background: url(../images/tab-bg-left.png) left top no-repeat;}
ul.tabcontrol li a { padding: 10px 40px;float:left;color: #393428;font-weight:bold; outline: none;}
ul.tabcontrol li.ui-tabs-selected a {background:url(../images/tab-bg-right.png) right top no-repeat;}
ul.tabcontrol li a:hover {text-decoration: none;color: #FF8600;}
div.voteitem{ margin-bottom: 1em;}
div.voteitem *{}
div.endrow, div.endrow10, div.endrow30 {background: url(../images/list-seperate.jpg) left bottom repeat-x; height:1px;width: 100%;margin-bottom: 1em;}
div.endrow10 { margin-bottom: 10px;}
div.endrow30 { margin-bottom: 30px;}
div.voteitem h5 { font-weight: bold;margin-bottom: .4em;}
div.voteitem h5 a { color: #627A03;}
dl.votelist {font-size: 0.8em;}
dl.votelist dt{float:left;clear: left;margin-right: 1em;}
dl.votelist dd{ color:#000; }
dl.votelist dd.code, span.code {font-weight: bold;color:#ED561F}
dl.votelist dd.code a, span.code a {font-weight: bold;color:#ED561F}
#newmessages .messagegrid { width: 120px;display:inline;float:left;margin-left:10px;margin-right:10px;}
#newmessages .messagegrid dl.phonelist { font-size: .8em;font-weight: bold;margin-top:.3em;}
#newmessages .messagegrid dl.phonelist dt {font-size: 1.3em;}
#newmessages .messagegrid dl.phonelist .small {color: #000;font-weight:normal; }
#newmessages dl {margin: .5em 0 0 .5em;}
#newmessages h3, #featured h3 {background: url(../images/header-bg-left.png) left top no-repeat;height: 40px; float: left;}
#newmessages h3 span, #featured h3 span{background:url(../images/tab-bg-right.png) right top no-repeat; display:block;width: auto;padding: 10px 40px;font-weight: bold;float:left;}
.viewmore {text-align: right;}
#newmessages .messagelist {background: url(../images/list-seperate.jpg) left top repeat-y;}
#newmessages .odd { background-color: #E7E6E0;}
.wraper {background: url(../images/list-seperate.jpg) right top repeat-y;}
.voteitem .viewmore a, div.paging a{font-size: .8em;font-weight: bold; color: #000;}
.voteitem .viewmore a{color:#627A03}
div.paging, div.createpollwrap { text-align: right;}
div.createpollwrap { margin-top: 1.5em;margin-bottom: 1.5em;}
div.createpollwrap a.createpollbtn {background: url(../images/createpoll-bg.jpg) left top no-repeat; width:126px; height: 31px;display:block;float: right;}
div.createpollwrap a.createpollbtn:hover {background-position: left bottom;}
#featured {margin-bottom: 1em;}
#featured h3 { background:url(../images/featured-heading-bg-left.png) left top no-repeat;}
#featured h3 span{background:url(../images/featured-heading-bg-right.png) right top no-repeat;}
#featured .slidewrapper { background:url(../images/featured-bg.png) left top no-repeat;padding: 15px 15px 0 15px;font-size: .8em;margin-top:-1px;height: 140px;}
#slider li { width:255px; height:155px; overflow:hidden; }
li.featured-item h4 { font-weight: bold;margin-bottom: .4em;font-size: 1.4em;}
li.featured-item h4 a { color: #627A03;}
li.featured-item img { float: left; margin-right: 10px; background: url(../images/avantar-bg.png) 0 0 no-repeat; padding: 11px;}
li.featured-item p {margin: .5em 0;}
#featured #slidenext { background:url(../images/featured-next-bg.png) left top no-repeat;height: 28px;}
#featured #slidenext a{ display: block;width: 50px; height: 28px;float: right;outline: none;}
#featured #slidenext a:hover {background:url(../images/featured-next-bg.png) right bottom no-repeat;text-decoration: none;}
.links a {margin-right:30px;color:#627A03; font-weight:bold;float:left;padding-top:10px;}
a:visited {color:#627A03;}
ul.leftnav a {color:#627A03;}
ul.leftnav a:hover {color:#ED561F; text-decoration:none;}
/* right content */
.rightcontent { background: #E3E2DF url(../images/right-bottom-bg.png) left bottom no-repeat; padding-bottom: 20px;font-size: .9em;}
.rightcontent h2.topround { background: url(../images/right-top-bg.png) left top no-repeat;padding:10px 15px 15px 15px;margin-bottom: 10px;font-weight: bold;font-size:1.3em;}
.rightcontent h3.votename {padding-left:15px;margin-bottom: 1em;font-weight: bold;font-size: .9em;}
.rightcontent .voteinfo { margin-left: 15px;}
.rightcontent .voteinfo *, .votesampleinfo *{}
.rightcontent .voteinfo h4, div.polltable h4 {font-size: .9em;font-weight: bold;}
.rightcontent .voteinfo hr { background: #A9A690; color: #A9A690;}
.rightcontent .voteinfo table tbody tr td {font-size: .9em;font-weight: bold;}
dl.votedetail dt {float:left;clear: left;width: 130px;font-size: 100%;}
dl.votedetail dd {font-weight: bold;font-size: .9em;}
.rightcontent .voteinfo table {width: 100%;}
.rightcontent .scroll-content { height: 380px; overflow: scroll;}
.rightcontent table thead {font-size: .8em;}
.rightcontent table thead td.firsthead { width: 115px;}
.rightcontent table tr td, .pollinfoblock table tr td {padding: .2em .5em;}
.rightcontent table tr.alt, .pollinfoblock table tr.alt { background: #fff;}
div.pollchart{border-bottom: 1px solid #A9A690;margin: 0 15px 15px 0;}
div.pollchart a, div.polltable a {float: right;color: #627A03;font-size: .8em;margin: 1em 0;}
div.polltable {margin: 0 15px 15px 0;}
div.polltable table td {font-size: 100%;}
p.pollcommand { text-align: right; margin: 0 1em 1em 1em;padding-top: 1em;border-top:1px solid #A9A690;}
button.submitBtn { background:url(../images/commandpoll-right-bg.png) right top no-repeat; font-weight: bold;border:none; padding:0 18px 0 0;font-size: .9em;height: 32px;}
button:active {outline: none;}
button.submitBtn span { line-height:32px;background:url(../images/commandpoll-bg.png) left top no-repeat;display:block; white-space:nowrap; padding:0 0 0 20px;}
button.submitBtn:hover {background-position: right bottom; }
button.submitBtn:hover span {background-position: left bottom; }
button::-moz-focus-inner { border: 0; }
button.buttonedit {float: right;margin: 10px;}
a.addthis_button {float: left;margin-left: 420px;margin-top:20px;}
div.block {background:url(../images/block-bg.png) left top repeat-x;}
div.rightnote { margin-top: 2em;}
h3.blockheader {background: url(../images/header-bg-left.png) left top no-repeat;height: 40px; float: left;font-size: .9em;}
h3.blockheader span{background:url(../images/tab-bg-right.png) right top no-repeat;display:block;width: auto;padding: 10px 40px;font-weight: bold;color: #393428}
div.blockcontent { background:url(../images/list-seperate.jpg) left top repeat-y;clear: left; padding: 1em;}
ul.linklist { list-style-image: url(../images/tick.gif); list-style-position:inside;}
ul.linklist a{color: #627A03;font-weight: bold;}
/* left nav */
div#leftnav-wrapper { background: #E3E2DF url(../images/left_01.gif) left top no-repeat;margin-bottom:20px;}
div#leftnav-wrapper ul.leftnav {background:url(../images/left_02.gif) left bottom no-repeat;padding: 1em;font-size: 1.2em;}
div#leftnav-wrapper ul.leftnav li {text-align: right; background: url(../images/left-nav-bullet.png) right center no-repeat;padding-right: 1em;}
div#leftnav-wrapper ul.leftnav li a {}
/* fullcontent*/
div.fullcontent { background: #E3E2DF url(../images/940-bottom-bg.png) left bottom no-repeat;font-size: .9em;}
div.fullcontent h2.topround { background: url(../images/940-top-bg.png) left top no-repeat;padding: 1em 0 1em 15px;margin-bottom: 1em;font-weight: bold;font-size:1.3em;}
/* register form */
div.register-wrapper { background: url(../images/register-top-bg.png) left top no-repeat #E3E2DF;font-size: .9em; margin-bottom: 40px;}
form#registerform { background: url(../images/register-bottom-bg.png) left bottom no-repeat; margin-top: 55px;float:left;width:100%;}
form#registerform p, form#editprofileform p { padding-bottom: 1.5em;}
form#registerform p.seperate form#editprofileform p.seperate{ border-bottom: 1px solid #fff;margin-bottom: 1.5em;}
form#registerform p.checkboxwrapper label, form#editprofileform p.checkboxwrapper label { float: none;margin:0;}
form#registerform p.center, form#createpollform p.center, form#editprofileform p.center { text-align: center;}
form#registerform label, form#editprofileform label {width: 15em; float: left; clear: left;margin-left: 55px;padding: .5em 0;}
form#registerform input[type="text"], form#registerform input[type="password"], form#editprofileform input[type="text"], form#editprofileform input[type="password"] { width: 300px;}
form#registerform input[type="checkbox"], form#editprofileform input[type="checkbox"] { margin-left: 55px;}
form#registerform #validatecode { clear: left;width: 100px;display:block;margin-left: 55px;}
/* edit profile form */
form#editprofileform { background: url(../images/account-top-bg.png) left top no-repeat;padding: 55px 25px 10px;}
/* forgotpass form */
form#forgotpassform { background: url(../images/forgotpass-top-bg.png) left top no-repeat;padding: 55px 25px 10px;}
/* create poll form*/
form#createpollform {}
form#createpollform p { padding-bottom: 1.2em;}
form#createpollform p img { vertical-align: bottom; margin-left: 1em;}
form#createpollform label {width: 10em; float: left; clear: left;margin-left: 15px;padding: .5em 0;}
form#createpollform input.long { width: 215px;}
form#createpollform input.short { width: 120px;}
form#createpollform input.submitbtn, form#createpollform input.resetbtn { background: url(../images/submit-btn-bg.png) left top no-repeat; width: 126px; height: 32px;border: none;font-weight: bold;}
form#createpollform input.resetbtn { background:url(../images/reset-btn-bg.png) left top no-repeat; width: 79px;}
form#createpollform input.submitbtn:hover, form#createpollform input.resetbtn:hover { background-position: left bottom;}
form#createpollform2 { margin: 0 15px 15px 15px;}
form#createpollform2 input.short { width: 60px;}
form#createpollform2 table {width: 100%;margin-bottom: 10px;}
form#createpollform2 table td, form#createpollform2 table th {vertical-align: top;padding: .4em;}
form#createpollform2 table td {border-bottom: 1px solid #ccc;}
/* poll sample info*/
.votesampleinfo {border-bottom:1px solid #A9A690;font-size: .9em; margin-right: 10px;}
.votesampleinfo dl.votedetail dt{width: 40px;font-size: .9em;}
.votesampleinfo dl.votedetail dd{font-size: 1em;margin-left:40px;}
.votesampleinfofull {border-bottom:1px solid #A9A690;margin: 0 10px;padding-bottom: 10px;}
.votesampleinfofull p.legend { margin-left: 70px;}
.votesampleinfofull dl.votedetail *{}
.votesampleinfofull dl.votedetail dt {width: 70px;}
/* view poll info */
.viewpoll-left { background: #E3E2DF url(../images/register-bottom-bg.png) left bottom no-repeat;font-size: .9em; margin-bottom: 20px;}
.viewpoll-left .view-title {float:left;width:100%;padding-bottom:5px;}
.viewpoll-left .imgwrapper { width: 600px;display: inline; float: left; margin: 0 0px 20px 0;}
.viewpoll-left .imgwrapper img {float:left; margin:10px 20px 0 0;}
.viewpoll-left .other-info {float:left;width:365px;}
.viewpoll-left .compactwrapper { margin-left:0px;float: left;}
.viewpoll-left h2.viewpoll-header, .viewpoll-left h2.term-header, .viewpoll-left h2.help-header {background: url(../images/viewpoll-top-bg.png) left top no-repeat;font-size: 1.4em;font-weight: 600;height: auto;margin-top:0;text-indent: -5000px; margin-bottom: 1em;height: 45px;}
.viewpoll-left h2.term-header { background:url(../images/term-top-bg.png) left top no-repeat;}
.viewpoll-left h2.help-header { background:url(../images/help-top-bg.png) left top no-repeat;}
.viewpoll-left h3.polltitle { margin: .8em 0;/*color: #627A03*/;font-size:1.2em; font-weight: 600; display: inline;}
.viewpoll-left h3.viewpollheader, .viewpoll-left h5.viewpollheader { background: url(../images/640-round-top-bg.png) left top no-repeat;font-size: 1em;font-weight: 600;;padding: 10px 0 0 20px;height: auto;margin-bottom: 1em;font-size:1.4em}
.viewpoll-left h4 { margin-bottom: 10px;font-weight: 600;}
.viewpoll-left h5 {font-weight: 600;margin-bottom: 1em;}
.viewpoll-left dl.votedetail { margin: 10px 0;font-size: 1.2em;}
.viewpoll-left dl.votedetail dt {width: 70px;}
.viewpoll-left dl.votedesc { margin: .8em 0;}
.viewpoll-left dl.votedesc dt {font-weight: 600;}
div.option, div.option-alt { padding: 10px;}
div.option-alt { background: #fff;}
dl.optionlist dt { float: right; width: 410px;padding: 0 10px; font-weight: 600;font-size: 1.2em; margin-bottom: .3em;}
dl.optionlist dd.image { float: left;}
dl.optionlist dd.des { margin-left: 150px;padding: 0 10px;}
dl.optionlist dd.des p {margin: 10px 0;}
p.optionlinkto label { font-weight:600;}
p.optionlinkto input { height: auto;width: 450px;}
.pollinfoblock { background: #E3E2DF url(../images/280-round-bottom-bg.png) left bottom no-repeat;font-size: .9em;margin-bottom: 20px;}
.pollinfoblock h4.blockheader{ background:url(../images/280-round-top-bg.png) left top no-repeat;padding: 10px;font-weight: 600;font-size:1.4em}
.rightcontent h4.blockheader,.rightcontent .polltable h4 {font-size:1.4em; font-weight:normal;}
.pollinfoblock table { width: 100%;}
.pollinfoblock table thead tr {font-weight: 600;font-size: .9em;}
.pollinfoblock table td.first { color: #627a03;}
.pollinfoblock table td.second { color: #ED561F;}
.pollinfoblock table td.last { color: #000;}
.pollinfoblock-white { background: url(../images/280-white-round-bottom-bg.png) left bottom no-repeat;}
.pollinfoblock-white h4.blockheader { background:url(../images/280-white-round-top-bg.png) left top no-repeat;}
.pollinfoblock-white table tr.alt { background: #E3E2DF;}
ul.linkto { list-style: none; margin: 0;float:left;width:365px;}
ul.linkto label {display: block;}
.other-info input {width: 335px;}
/* poll sample block*/
.compact-wrap { width: 230px;float:right;}
.compact { background: url(../images/compact-top-bg.png) left top no-repeat;}
.compact h3 {font-weight: bold;margin: 15px;height: 22px;}
.compact h4{font-size: 1.2em;font-weight: bold;color: #034418;padding: 10px 15px;margin:0;}
.compact h5 {font-weight: bold;}
.compact p, .compact ul li {}
.view-title span.syntax {color: #000;font-size: 1.2em;font-weight: 600;}
.compact p.syntax, span.syntax {color: #000;font-size: 1em;font-weight: 600;}
.compact p.lightcp { padding: 0px 0;}
.compact p.syntax strong, span.syntax strong{color: #ED561F};
.compact p.syntax em, span.syntax em{color: #627A03;}
.compact ul {padding: .2em 1em;}
.compact ul li {text-align: left; background: url(../images/left-nav-bullet.png) left center no-repeat;padding-left: 1em;}
.compact a {color: #627A03;}
.compact table { width: 100%;}
.compact-footer { background: url(../images/compact-bottom-bg.png) left bottom no-repeat; height: 40px;font-size: .9em;padding-left: 15px;}
/* footer*/
#footer-wrap {background: url(../images/footer-wrap-bg.png) left top repeat-x;}
#footer-wrap #footer {background:url(../images/footer.png) left top no-repeat; height: 88px;font-size: .9em;font-weight: bold;}
ul.bottomnav { margin-top: 40px;}
ul.bottomnav li{ display: inline;}
ul.bottomnav li a{ color: #fff;margin-right: 2em;}
#footer-wrap #footer .note {text-align: right;margin-top: 40px;}