/***********************************
CONTAINERS 
***********************************/

html { margin: 0; padding: 0; }

body { font: 100% Verdana, sans-serif; background: #f1f1f2 url(../images/bg-body-shim.png) top left repeat-x; text-align: center; margin: 0; padding: 0; }

#container { background: #FFFFFF; margin: 0 auto; width: 988px; font-size: 12px; }

#header { width: 988px; clear: both; background: url(../images/bg-header-hands1.png) center bottom no-repeat; position: relative; top: 0; }

#main-container { width: 988px; padding: 0; clear: both; text-align: left; padding-bottom: 50px; }

#left-and-middle-wrapper { float: left; clear: none; width: 668px;  }

#left { float: left; text-align: left; width: 225px; margin-left: 13px; border-top: 2px solid #b4c1c7 ; font-size: 11px;   }

#main { float: left; text-align: left; width: 424px; min-height: 500px; border-top: 2px solid #b4c1c7; padding: 0; } /* border when grey was cbd9dc */

#right { float: right; clear: none; text-align: left; width: 302px; margin-right: 10px;  }

.wide { float: left; text-align: left; min-height: 500px; border-top: none !important; width: 649px !important; margin-left: 13px; padding: 0; }

#footer { background: #FFF url(../images/bg-primary-menu-shim.png) top left no-repeat; padding: 1em 0; font-size: 12px; margin: 0 auto; width: 988px;  }

table { border-collapse: collapse;  }

a img { border: 0; }

table { font-size: 11px; margin: 0; padding: 0; }

#breadcrumb { margin-left: 14px; margin-right: 14px;position: relative; font-size: 10px; text-align: left; display: block; clear: both; }

.breadcrumb, .breadcrumb a { color: #6C707C; }

/***********************************
HEADER BRANDING 
***********************************/

#header-branding { float: left; clear: none; width: 400px; margin-top: 30px; padding-bottom: 10px; }

div.wtpw-logo, div.ithink-logo { margin-left: 13px; margin-bottom: 10px; }

div.wtpw-logo { width: 297px; height: 27px; display: block; float: left; clear: left;  }

div.wtpw-logo a { width: 297px; height: 27px; display: block; overflow: hidden; background: url(../images/logo-what-the-people-want.png) top left no-repeat; text-indent: -9999px; }

div.ithink-logo { width: 297px; height: 27px; display: block; float: left; clear: left; }

div.ithink-logo a { float: left; width: 134px; height: 23px; display: block; overflow: hidden; background: url(../images/logo-internet-thinking.png) top left no-repeat; text-indent: -9999px; }

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

.header-right-side { position: absolute; bottom: 0; right: 0; width: 300px; padding-bottom: 10px; }

/***********************************
JMESSAGE 
***********************************/

#jmessage, .CommentMessage, div.error { background-color: #F5F6F6 !important; border: 2px solid #37939B; margin: 5px 0 !important; }

#jmessage h2 { color: #FFF; background: #37939B; margin: 0; font-size: 14px; text-transform: uppercase; text-indent: 5px; }

#jmessage dl, #jmessage ul { margin: 10px 20px; padding: 0; }

div.error { padding: 10px 11px; }

#jmessage dl ul { margin: 0; }

#jmessage dt, #jmessage dd, #jmessage li { margin: 0; padding: 0; list-style: none; }

#jmessage dt { font-weight: bold; }



/***********************************
GENERAL 
***********************************/

.clearfloat { width: 100%; clear: both; font-size: 0; height: 0; }

.menu { list-style: none; }

.contentpaneopen span.small, .author-and-date { font-size: 10px; color: #727272; }

/*h2, h3, .contentheading, .contentheading a, .componentheading { line-height: 35px; height: 35px; background: url(../images/bg-heading-bar-shim.png) top left repeat-x; text-indent: 11px; margin: 0; border-top: 1px solid #cccccc; color: #262C33; font-family: Verdana, Arial, sans-serif; font-size: 14px; font-style: italic; }*/

/* Variation with Serif for tabber headings and for RH Login box */
/*#right #login h3, .tabber-heading { font-family: Palatino, Times, serif; font-size: 18px; font-style: normal; font-weight: normal; color: #000; }*/

h1, h2, h3, .contentheading, .componentheading { line-height: 35px; height: 35px; background: url(../images/bg-heading-bar-shim.png) top left repeat-x; text-indent: 11px; margin: 0; border-top: 1px solid #cccccc; color: #000; font-family: Palatino, Times, serif; font-size: 18px; font-style: normal; font-weight: normal; color: #000; }

.wide .contentpaneopen h1, .wide .contentpaneopen h2, .wide .contentpaneopen h3 { display: block; width: 649px; }

.wide .contentpaneopen h2, .wide .contentpaneopen h3, .wide .contentpaneopen h4 { background: none !important; border-top: none; font-weight: bold; }

.wide .contentpaneopen h2 { font-size: 17px; }

.wide .contentpaneopen h3 { font-size: 15px; }

.wide .contentpaneopen h4 { font-size: 14px; font-family: Verdana, Arial, sans-serif; margin-left: 11px; margin-right: 11px; }

.contentheading a { color: #000; text-decoration: underline; }

td.buttonheading { background: url(../images/bg-heading-bar-shim.png) top left repeat-x; border-top: 1px solid #cccccc; }

.buttonheading a { margin-left: 5px; }

.odd, .even { border-bottom: none; }

.jwts_tabbertab .odd, .jwts_tabbertab .even { width: 415px; }

.jwts_tabbertab table.contentpaneopen { width: 100%; }

#main p { line-height: 150%; }

table.blog, .wide table.contentpaneopen { width: 649px;  }

/* Only componentheading in the main section should be a big bar header */
.blog .contentheading, .wide .contentpaneopen h2 { color: #086F77; font-size: 20px; background: none; border-top: 1px dotted #cccccc; height: auto; line-height: 20px; margin-top: 1px; padding-top: 20px; padding-bottom: 0;  }

.contentpaneopen p, .contentpaneopen span.small, .contentpaneopen .readon  { margin-left: 11px; margin-right: 11px; }

.contentpaneopen .createdate { text-indent: 11px; }

.author-and-date { text-indent: 11px; }

.author-and-date .createdate, .author-and-date .small, .jwts_tabbertab .contentpaneopen .author-and-date { text-indent: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }

table.blog td.buttonheading { background: none; border-top: 1px solid #cccccc; }

blockquote p { margin-left: 0; margin-right: 0; }


/***********************************
PRINT - EMAIL - PDF BUTTONS 
***********************************/

.print-email-pdf-buttons { margin: 11px; }

.print-email-pdf-buttons div { border: none; float: right; padding: 5px; margin-left: 3px;  }

/***********************************
BLOG TABBER 
***********************************/

.tabber-heading { border: 0; }

#jwts_tab { position: relative !important; top: -25px !important; }

.jwts_tabberlive .jwts_tabbertab, ul.jwts_tabbernav { text-align: right; }

/*.jwts_tabberlive div.mod_placehere { overflow: hidden; border: 1px solid red; width: 420px;}

#jwts_tab div.mod_placehere table.contentpaneopen { width: 420px; overflow: hidden; }*/

#jwts_tab div.mod_placehere table.contentpaneopen { padding-top: 20px; }

.jwts_tabberlive img { max-width: 370px; height: auto; text-align: center; }

.jwts_tabberlive .jwts_tabbertab { text-align: left !important; border: none; }

.jwts_tabbertab .even { background-color: #FFF; padding-top: 10px; }

.jwts_tabbertab .contentheading, .jwts_tabbertab .contentheading a { font-family: Verdana, Arial, sans-serif; font-size: 13px !important; font-style: italic; /*color: #000;*/ font-weight: bold; text-decoration: none; background: none !important; text-indent: 0 !important; height: auto !important; border-top: 0; border-bottom: 0;  line-height: 17px; }

/*.contentheading a { color: #086f77 !important; }*/

ul.jwts_tabbernav a { background: #086F77 !important; color: #FFF !important; text-decoration: none !important; }

li.jwts_tabberactive a { background: white !important; color: #086F77 !important; }

.jwts_tabbertab span.small, .jwts_tabbertab p, .jwts_tabbertab .readon { margin-left: 0; margin-right: 0; }

ul.jwts_tabbernav li a:link, ul.jwts_tabbernav li a:hover, ul.jwts_tabbernav li a:active, ul.jwts_tabbernav li a:visited {  } 

/***********************************
BUTTONS 
***********************************/

.greybutton { }


/***********************************
TOP LINKS
***********************************/

.menu#top-links { float: right; clear: right; margin-right: 10px; font-size: 11px; }

.menu#top-links li { float: left; margin-left: 3px; margin-right: 3px; }

.menu#top-links li:after { content: " |"; }

.menu#top-links li:last-child:after { content: none; }

.menu#top-links a {  }


/***********************************
SEARCH
***********************************/

.search { float: right; clear: right; margin-right: 13px; } 

.search input[type="text"] { background: url(../images/bg-search-field.png) top left repeat-y; width: 119px; border:0; text-indent: 3px; margin-right: 5px; }


/***********************************
PRIMARY NAV
***********************************/

.menu#primary-nav { float: left; background: #f1f1f2 url(../images/bg-primary-menu-shim.png) top left repeat-y; width: 988px; padding: 0; position: relative; margin: 0; margin-bottom: 8px; height: auto;  }

.menu#primary-nav li { float: left; height: 28px; line-height: 28px; padding: 0; border-bottom: 1px solid #FFF; font-family: "Palatino Linotype", Times, serif; margin: 3px 0px 3px 6px; width: 193px; }

#primary-nav li.item1 { margin-left: 0 !important; width: 192px; }

.menu#primary-nav li:first-child { border-left: none; }

.menu#primary-nav li:last-child { border-right: none; }

.menu#primary-nav a { display: block; background: url(../images/bg-primary-menu-buttons.png) top left repeat-x; width: 193px; height: 28px; line-height: 28px; text-decoration: none; font-size: 125%; text-transform: uppercase; }

.menu#primary-nav li.item1 a { width: 192px; } 

.menu#primary-nav a:link { color: #262C33; }

.menu#primary-nav a:visited { color: #262C33; }

.menu#primary-nav a:hover { color: #000; background: url(../images/bg-primary-menu-buttons-over.png) top left repeat-x; }

.menu#primary-nav a:active { color: #262C33; }

.menu#primary-nav li#current a { background-color: #FFF !important; background-image: none; height: 32px; font-weight: bold; }



/************************************************
TOP FEATURES - POLLS AND RESULTS
*************************************************/

div#featured { clear: both; width: 650px; display: block; float: left; margin: 7px 13px 11px 13px; overflow: hidden; }

div#featured-polls { width: 650px; height: 99px; /*background: url(../images/rounded_topleft.gif) 0 0 no-repeat;*/ float: left; clear: none; margin-top: 2px; padding: 0; } 

div#featured-polls div { /*background: url(../images/rounded_bottomleft.gif) 0 100% no-repeat;*/ margin: 0; border: 0; }
 
div#featured-polls div div{ /*background: url(../images/rounded_topright.gif) 100% 0 no-repeat;*/ }
 
div#featured-polls div div div { /*background: url(../images/rounded_bottomright.gif) 100% 100% no-repeat;*/ height: 99px; }

div.module_menu div div div div { background: none; }

/************************************************
FIRST PREFERENCE INDEX
*************************************************/

div#first-preference-index { margin-top: 7px; width: 298px; /*background: #0B1B1D;*/ float: right; clear: none; display: block; border-top: 1px solid #b4c1c7; border-bottom: 2px solid #b4c1c7;  }

div#first-preference-index img { margin-top: 2px; /*border: 2px solid #0B1B1D !important;*/ }

/***********************************
AFFILIATES
***********************************/

.affiliates { margin: 16px 0px; border-bottom: 1px solid #E6E6E6; padding: 10px 5px; }

.affiliates img { margin-bottom: 15px; }



/***********************************
YV COMMENTS
***********************************/

.CommentPoweredBy { display: none; }


/***********************************
LOGIN
***********************************/

#right #mod_loginform, #right #mod_login_logoutform { position: relative; padding-top: 28px; background: url(../images/sidebar-bottom-shadow.png) bottom center no-repeat; padding-bottom: 30px; float: left; width: 302px !important; }

#mod_loginform label { width: 80px; clear: left; float: left; }

#mod_loginform input[type="text"], #mod_loginform input[type="password"], input#mod_login_password { width: 122px !important;  float: left; border: 2px solid #CECECF; margin-bottom: 2px; color: #333333; }

#mod_loginform br { display: none; }

#login h3 { background: #FFF url(../images/tab-white.gif) top right no-repeat; width: 161px; line-height: auto; }

#right #mod_loginform .noaccount { position: absolute; top: -22px; right: 0; height: 22px; float: right; width: auto; background: #0f6e70 url(../images/tab-green.gif) right top no-repeat; color: #FFF; font-size: 12px; line-height: 22px; font-weight: bold; font-style: italic; width: 141px; float: right; text-align: right; }

#right #mod_loginform .noaccount a { color: #FFF; text-decoration: none; margin: 0 1em;  }

#mod_loginform .remember-me { margin-left: 80px; }

#mod_loginform .remember-me label, #mod_loginform .remember-me input { width: auto; clear: none; float: left; }

#mod_loginform .remember-me label { padding-top: 2px; }

#mod_loginform input.button { float: right; clear: both; }

#mod_loginform div.login-button { background: green; }

#right #login h3 { border:0; }

#login { width: 302px; overflow: hidden; }

div.mod_login { width: 210px !important; float: left; clear: none;  }

.afterbutton { float: left; width: 50px; margin-left: 5px; font-size: 11px; }

#main div.mod_login { margin: 0; }

#main .afterbutton, #main .noaccount { width: 100px; float: right; clear: right; font-size: 12px; }

#login form, #mod_login_logoutform { /* padding-left: 11px !important; */ }

#mod_login_greeting { margin-left: 11px; }

/***********************************
RIGHT SIDE ADVERTISING SPOTS
***********************************/

#right > div { margin-bottom: 15px; }

.commissionus { margin-bottom: 10px; margin-top: 1px; }

.commissionus img { border: 1px solid #b4c1c7; border-left: none; border-right: none; }

#sponsored-advert { font-size: 10px; color: #969696; margin-bottom: 10px; }


/***********************************
TOP (LEADERBOARD) ADVERTISING SPOT
***********************************/

#leaderboard-advert { font-size: 10px; color: #969696; margin: 10px auto; padding-top: 10px; text-align: center; width: 728px; }

#leaderboard-advert div { text-align: left; font-size: 10px; color: #969696; }


/***********************************
FRONT PAGE POLLS LIST
***********************************/

.front-page-polls-list { background: url(../images/sidebar-bottom-shadow.png) bottom center no-repeat; padding-bottom: 17px; }

.front-page-polls-list .front-page-polls-list { background-image: none; padding-bottom: 0; border-top: 1px solid #DCDCDC; margin-top: 2px;}

.front-page-polls-list h2 { background-image: none; font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: italic; color: #000; font-weight: bold; line-height: 14px; text-indent: 0; padding-bottom: 0; height: auto; margin: 0; clear: none !important; border:0; }

.front-page-polls-list .contentheading a { color: #086F77; }

.front-page-polls-list .mod_placehere_leading div, .front-page-polls-list .mod_placehere_following div, .front-page-polls-list div div div { float: left; clear: none; vertical-align: top; }


.front-page-polls-list .mod_placehere_leading, .front-page-polls-list .mod_placehere_following { background: #FFF; }

.front-page-polls-list .even, .front-page-polls-list .odd { padding: 0; padding: 8px 0 11px 0; border-bottom: 1px solid #DCDCDC }

.front-page-polls-list p { clear: none;  }

.front-page-polls-list .article-thumbnail { vertical-align: top; float: left; clear: none !important; }

.front-page-polls-list img { width: 50px; height: auto; border: 3px solid #C1C1C1; margin: 2px 3px; float: left; }

.front-page-polls-list h2, .front-page-polls-list p { width: 157px; float: right; clear: none; margin: 0; }

.front-page-polls-list .readon { }

.front-page-polls-list p.buttonheading { display: none; }


/***********************************
BLOGGED POLLS
***********************************/

#main img.article-thumbnail, #wide-main img.article-thumbnail { float: right; clear: none; margin-left: 11px; margin-right: 11px; }

/***********************************
COMMENTS
***********************************/

div.NumComments { margin-top: 20px; }

.CommentForm h3 { line-height: auto; height: auto; background: none; background-image: none; text-indent: 0; margin: 0 !important; border: 0; }

.wide div.yvComment { text-align: left !important; margin-left: 11px; margin-right: 11px; width: 627px; }

.wide div.yvComment .NumCommentsAlone { float: right; /*font-weight: bold;*/ margin-bottom: 20px;  }

.NumComments  { float: right; /*font-weight: bold;*/ margin-bottom: 5px;  }

.CommentClr { margin-top: 30px;  }

.CommentClr:first-child { margin-top: 5px; }

.NumCommentsAlone { padding-left: 21px; background: url(../images/comment-balloon.gif) center left no-repeat; }

.jwts_tabbertab a.readon { } 

div.CommentClr { display: none; }

#main a.readon { font-weight: bold; /* position: relative; left: 0; top: -1em; */ } 

div.yvComment .CommentForm { margin-top: 30px; background-image: url(../images/bg-primary-menu-buttons-over.png); border-top: 1px solid #cdcdcd; }

div.CommentAuthor, .CommentDate, div.CommentDateAndAuthor { text-align: left !important; float: left !important; }

div.CommentAuthor { padding-left: 14px; }

/***********************************
SOCIAL NETWORKING STUFF
***********************************/

.keepconnected { margin-left: 12px; margin-top: 18px; }

.keepconnected a img { width: 35px; }

.jwts_tabberlive div.tweetmebutton { display: none; }


/***********************************
PHPLIST
***********************************/

span.poweredphplist { display: none; }

div.adminmessage { width: 500px !important; margin: 0 auto; }

ul.list { list-style: none !important; margin: 0 0 0 10px; padding: 0; list-style: none; }

.required { margin-left: 10px; font-weight: bold; }

.required:after { content:" *";}

.attributeinput input, .attributeinput select, .attributename { margin-left: 8px; }

span.attributeinput input { margin-left: 110px; margin-bottom: 20px; }

.listdescription { margin-left:21px; margin-bottom: 8px; }

.id_of_16 { width: 60px; }