/*** Main ***/
.wrap { margin:0 auto; height:100%; position:relative; width:960px; }
.wrap2 { margin:0 auto; height:100%; width:960px; }

/*** Login ***/
#login-content-container, #login-border, #login-content { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; z-index:1000; }
#login-content-container { background:url(images/logintransparent.png) repeat; padding:10px; width:642px; }
#login-border { background:#fff; padding:1px; }
#login-content { background:#f2f2f2; }
#login, #register { float:left; text-align:left; width:301px; }
#login { width:301px; }
#register { width:337px; }
#divider { background:url(images/logindivider.png) repeat-y; float:left; height:330px; margin:10px 0; width:2px; }
#close-container { padding:5px 5px 0 0; text-align:right; }
.login-header { font-size:16px; font-weight:bold; margin:5px 20px 0 20px; }

UL.login-list { color:#666; padding-bottom:10px; text-align:left; }
UL.login-list LI { clear:both; padding:5px 20px 0 20px; }
UL.login-list LI SPAN { font-size:11px; }
UL.login-list LI.link-content A { color:#1b608a; }
UL.login-list LI.button-content { padding-bottom:5px; text-align:right; }
UL.login-list LI.error-content { height:30px; padding:0 20px; }
UL.login-list LI.error-content DIV.error { background:#FEF8F6; border:1px #CD0A0A solid; height:28px; margin-bottom:3px; }
UL.login-list LI.error-content DIV.error .error-text { color:#CD0A0A; font-size:11px; padding-top:8px; }
UL.login-list LI.error-content DIV.alert { background:url(images/alert.png) no-repeat; float:left; margin:8px 10px 0 8px; height:11px; width:12px; }
UL.login-list LI .textbox-container { float:left; }
UL.login-list LI .textbox { background:#fff; border:1px #ccc solid; padding:5px 4px 5px 5px; height:18px; width:250px; }
UL.login-list LI .smiley-container { float:left; margin:1px 0 0 5px; }
UL.login-list LI .register { float:right; margin:10px 36px 0 0; }
UL.login-list LI .register-error { width:260px; }

.smiley-happy { background:url(images/happy.png) no-repeat; height:27px; width:27px; }
.smiley-sad { background:url(images/sad.png) no-repeat; height:27px; width:27px; }

/*** Main Content ***/
#main-content .link-container { clear:both; margin:10px 0; text-align:right; }
#main-content .link-container A { color:#1b608a; }

/*** Preview ***/
#preview-container { margin-top:15px; }
#preview-container A { color:#1b608a; }
#preview-container H5 { margin:10px 0 3px 0; }
#preview-container H5 A { font-size:12px; }
#preview-container H6 { font-weight:normal; margin-bottom:10px; }
#preview-container .link-container { margin:0; text-align:right; }

#preview-top { background:url(images/previewtop.gif) no-repeat; height:10px; }
#preview-content { background:url(images/previewbg.gif) repeat-y; }
#preview-bottom { background:url(images/previewbot.gif) no-repeat; clear:both; height:10px; }

.column-container, .column-container2, .column-container3 { float:left; position:relative; width:100%; }
.column-container { background:url(images/logindivider.png) repeat-y right; right:320px; }
.column-container2 { background:url(images/logindivider.png) repeat-y right; right:320px; }
.column-container3 { overflow:hidden; margin:15px 0; }
.column, .column2, .column3 { float:left; position:relative; overflow:hidden; }
.column { left:640px; width:319px; }
.column2 { left:641px; width:319px; }
.column3 { left:642px; width:319px; }

#preview-content .header-container { margin:0; }
#preview-content .header-container DIV { float:left; }
#preview-content .header-container .preview-header { margin:25px 0 0 10px; }
#preview-content .column-content { margin:10px 15px; }

UL.question-list { clear:both; padding-top:10px; }
UL.question-list LI { color:#323232; font-size:11px; padding-bottom:10px; }
UL.question-list LI .question A  { font-size:13px; font-weight:bold; }

TABLE.debate-table { margin:10px 0; text-align:center; width:100%; }
TABLE.debate-table TR TH { font-size:18px; }
TABLE.debate-table TR TD { font-size:36px; }
TABLE.debate-table .yes, TABLE.debate-table .yes-count { color:#083453; }
TABLE.debate-table .no, TABLE.debate-table .no-count { color:#820018; }

.poll-choice-container { font-size:11px; margin-top:7px; }
.poll-bar-container { margin-top:3px; }

.question-icon, .poll-icon, .debate-icon { height:64px; width:64px; }
.question-icon { background:url(images/question.png) no-repeat; }
.poll-icon { background:url(images/polls.png) no-repeat; }
.debate-icon { background:url(images/debate.png) no-repeat; }

.poll-bar1, .poll-bar2, .poll-bar3, .poll-bar4, .poll-bar5 { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height:23px; }
.poll-bar1 { background:#EB9B00; }
.poll-bar2 { background:#29B229; }
.poll-bar3 { background:#2C70C5; }
.poll-bar4 { background:#474962; }
.poll-bar5 { background:#6800ED; }

.poll-choice1 { color:#EB9B00; }
.poll-choice2 { color:#29B229; }
.poll-choice3 { color:#2C70C5; }
.poll-choice4 { color:#474962; }
.poll-choice5 { color:#6800ED; }

/*** Notorious Section ***/
.group-tab-container { height:33px; }
.group-tab-left, .group-tab-right, .group-tab-content { float:left; height:100%; }
.group-tab-left { background:url(images/tabggroupleft.gif) no-repeat; width:20px; }
.group-tab-right { background:url(images/tabgroupright.gif) no-repeat; width:20px; }
.group-tab-content { background:url(images/tabgroupbg.gif) repeat-x; width:100%; }

/*** Questions ***/
#question-top { background:url(images/questiontop_v1.gif) no-repeat; height:8px; }
#question-content { background:url(images/questionbg_v1.gif) repeat-y; padding:10px 20px; }
#question-control { background:url(images/questioncontrol_v1.gif) no-repeat; height:33px; }

#question-container H3 { clear:both; color:#1B608A; margin-bottom:10px; }

#question-header { clear:both; font-size:12px; margin-bottom:15px; }
#question-header A { color:#1B608A; font-size:12px; }
#question-header-left { float:left; }
#question-header-right { float:right; }
#question-content H5 { font-weight:normal; margin-bottom:5px; }

#question-content .col1 { float:left; margin-top:5px; margin-right:10px; width:90px; }
#question-content .col2 { float:left; width:490px; }

.answer-area-top { background:url(images/questionwhitetop_v1.gif) no-repeat; height:8px; }
.answer-area-content { background:url(images/questionwhitebg_v1.gif) repeat-y; padding:10px 20px; }
.answer-area-content H6 { color:#666; margin-bottom:3px; }
.answer-area-content TEXTAREA { width:593px; }
.answer-area-control { float:right; margin-top:10px; }

.option-container { font-size:11px; }

UL.question-control-list { float:left; margin:1px 0 0 1px; }
UL.question-control-list LI { border-right:1px #c3c3c3 solid; float:left; height:26px; }
UL.question-control-list LI DIV { margin-top:1px; }
UL.question-control-list LI A { color:#083F67; font-size:11px; font-weight:bold; }
UL.question-control-list LI SPAN { float:left; height:100%; padding:7px 20px 0 20px; }
UL.question-control-list LI SPAN:HOVER { background:url(images/questioncontrolhover.gif) repeat-x; }

#control-container { clear:both; margin-top:20px; }
#control-container A { color:#083F67; float:right; }
#answer-container { clear:both; }

/*UL.answer-list { margin-top:-10px; }
UL.answer-list LI.answer-content { border:1px #999 solid; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; clear:both; margin:20px 0; padding:10px 20px; }
UL.answer-list LI.answer-content:HOVER { border-color:#333; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:0 0 8px #666; -webkit-box-shadow:0 0 8px #666; -moz-box-shadow:0 0 8px #666; }
UL.answer-list LI .col1 { float:left; margin-right:10px; width:50px; }
UL.answer-list LI .col2 { float:left; width:530px; } 
UL.answer-list LI A { color:#1b608a; }
UL.answer-list LI .answer-heading { color:#505050; font-size:11px; margin-bottom:20px; }
UL.answer-list LI .answer-vote { float:right; }
UL.answer-list LI .answer-text { color:#1b608a; font-size:13px; margin-bottom:10px; }
*/
UL.answer-list LI .answer-control { float:right; }
UL.answer-list LI.answer-left { margin:20px 0; }
UL.answer-list LI.answer-right { margin:20px 0; padding-left:65px; }
UL.answer-list LI .col1-left { float:left; width:50px; }
UL.answer-list LI .col2-left { float:left; background:url(images/debateleftbg.gif) repeat-y; width:520px; }
UL.answer-list LI .col1-right { float:left; background:url(images/debaterightbg.gif) repeat-y; width:520px; }
UL.answer-list LI .col2-right { float:left; width:50px; }
UL.answer-list LI .col2-right DIV { margin-left:10px; }
UL.answer-list LI .answer-left-top { background:url(images/debatelefttop.gif) no-repeat; }
UL.answer-list LI .answer-left-bot { background:url(images/debateleftbot.gif) no-repeat; height:10px; }
UL.answer-list LI .answer-right-top { background:url(images/debaterighttop.gif) no-repeat; }
UL.answer-list LI .answer-right-bot { background:url(images/debaterightbot.gif) no-repeat; height:10px; }
UL.answer-list LI .answer-left-content { padding:13px 15px 0 30px; }
UL.answer-list LI .answer-right-content { padding:13px 30px 0 15px; }

/*** New Question ***/
#question-form-container { clear:both; margin:20px 0; width:65%; }

.question-column { }
.question-form-header { border-bottom:1px #c2c2c2 solid; margin-bottom:10px; padding-bottom:5px; }
.question-form-subheader { font-size:12px; margin-bottom:5px; }
.question-form-header SPAN { font-size:25px; }
.question-form-header SPAN.step { color:#A7A7A7;margin-right:5px; }
.question-form-content { margin-top:10px; }
.question-form-content DIV { font-size:11px; margin-bottom:5px; }
.question-control { clear:both; margin:10px 0; }
.question-control-left { float:left; }
.question-control-right { float:right; }
.question-choice-col { cursor:pointer; float:left; text-align:center; width:150px; }
.question-choice-col:HOVER { text-decoration:underline; }
.question-choice-col DIV { font-size:12px; }
.question-choice-col .icon { margin:0 auto; }

.question-form-content TEXTAREA { height:100px; width:99%; }
.question-form-content INPUT { margin-top:3px; width:99%; }
.question-form-content SELECT { height:250px; width:99%; }

UL.related-list { clear:both; margin:10px 0; }
UL.related-list LI.reminder { font-size:16px; padding-bottom:5px; }
UL.related-list LI A { color:#1b608a; font-size:13px; font-weight:bold; }

/*** Questions List ***/
.sort-container { margin-top:20px; }
#sort-content { width:543px; }

#questions-container { clear:both; margin:0 15px; }
UL.questions-list { padding-top:10px; }

UL.sort-list { float:left; margin:9px 0 0 67px; }
UL.sort-list LI { background:url(images/tabgrouptab2.gif) no-repeat; float:left; height:24px; margin-left:-1px; text-align:center; width:136px; }
UL.sort-list LI A { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
UL.sort-list LI SPAN { float:left; height:24px; padding-top:4px; width:100%; }
UL.sort-list LI SPAN.active { background:url(images/tabgrouptabactive2.gif) no-repeat; position:relative; z-index:1; }

/*** User ***/
#user-container .user-name { font-size:22px; font-weight:bold; }
#user-action-container { float:right; }

.user-header { font-size:12px; font-weight:bold; }

UL.action-list LI { float:left; height:25px; margin-left:5px; text-align:center; width:130px; }
UL.action-list LI A { color:#fff; }
UL.action-list LI .action-link { background:url(images/buttonbg.gif) repeat-x; height:15px; padding:5px 10px; }
UL.action-list LI .action-link:HOVER, UL.action-list LI .active { background:#0b3f63; }

/*** Pagination ***/
.pagination { font-size: 11px; }        
.pagination a { color: #666; padding:5px 7px; text-decoration: none; }
.pagination a, .pagination span { display:block; float:left; margin-bottom:5px; margin-right:5px; padding:5px 7px; }
.pagination .current { color: #000;	text-align:center; }
.pagination .current.prev, .pagination .current.next {
	background:#083F67; color:#fff;	padding:5px 7px; width:60px; }
.pagination .prev, .pagination .next, .pagination a.prev, .pagination a.next { 
	background:#083F67; border:0; color:#fff; text-align:center; width:60px; }

/*** Common ***/
.avatar-container { background:#fff; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-left:1px solid #e2e2e2; height:70px; text-align:center; width:70px; }
.avatar-container-small { border-right:1px solid #f2f2f2; border-bottom:1px solid #D7D7D7; border-left:1px solid #f2f2f2; height:38px; text-align:center; width:38px; }
.avatar-container IMG, .avatar-container-small IMG { margin:3px; }

/*.content-container { background:#fff url(images/contentbg.gif) repeat-x; border:1px #cfcfcf solid; margin:0 10px; }
.content { margin:0 15px; }
.content H5 { font-weight:normal; margin-top:10px; }
.content H5 SPAN { font-weight:bold; }*/

.rounded-container { border:1px #999 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; clear:both; margin:20px 0; padding:10px 20px; }
.rounded-container2 { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

#paging-container { margin-top:10px; }

/*A.link-button { color:#fff !important; font-size:12px; }*/
/*.button { background:url(images/button.gif) no-repeat; cursor:pointer; height:25px; width:100px; }
.button:HOVER { background:url(images/buttonhover.gif) no-repeat; }
.button DIV { padding-top:4px; text-align:center; }*/
.button2 { border:0; cursor:pointer; height:35px; width:104px; }

.button1 { background:url(images/button.gif) no-repeat; border:0; color:#f2f2f2; cursor:pointer; height:25px; padding-top:3px; text-align:center; text-decoration:none !important; width:100px; }
.button1:HOVER { background:url(images/buttonhover.gif) no-repeat; }
.button1 SPAN { font-size:12px  !important; }

.close { background:url(images/close.gif) no-repeat; border:0; cursor:pointer; height:21px; width:21px; }

/*.header { color:#083453; font-family:Verdana, Geneva, sans-serif; font-size:20px; font-weight:bold; margin:10px 0; }*/

.back-button { background:url(images/back.gif) no-repeat; border:0; cursor:pointer; height:25px; width:100px; }
.back-button:HOVER { background:url(images/backhover.gif) no-repeat; }
.next-button { background:url(images/next.gif) no-repeat; border:0; cursor:pointer; height:25px; width:100px; }
.next-button:HOVER { background:url(images/nexthover.gif) no-repeat; }
.register-button { background:url(images/register.gif) no-repeat; border:0; cursor:pointer; height:25px; width:100px; }
.register-button:HOVER { background:url(images/registerhover.gif) no-repeat; }
.signin-button { background:url(images/signin.gif) no-repeat; border:0; cursor:pointer; height:25px; width:100px; }
.signin-button:HOVER { background:url(images/signinhover.gif) no-repeat; }
.submit-button { background:url(images/submit.gif) no-repeat; border:0; cursor:pointer; height:25px; width:100px; }
.submit-button:HOVER { background:url(images/submithover.gif) no-repeat; }
.vote-button { background:url(images/vote.gif) no-repeat; border:0; cursor:pointer; height:25px; width:100px; }
.vote-button:HOVER { background:url(images/votehover.gif) no-repeat; }

.clear { clear:both; }
.hidden { display:none; }
.float-right { float:right; }
/*.inset-dark { text-shadow:#fff 0px 1px 0, #000 1px 2px 0;}*/
.margin-top-30 { margin-top:30px; }
.margin-bottom-10 { margin-bottom:10px; }

/*** Scrollable ***/
/* position and dimensions of the navigator */
.navi { clear:both; height:20px; width:288px; }
/* items inside navigator */
.navi a { background:url(images/navigator.png) 0 0 no-repeat; display:block; font-size:1px; float:left; height:8px; margin:3px; width:8px; }
/* mouseover state */
.navi a:hover { background-position:0 -8px; }
/* active state (current page state) */
.navi a.active { background-position:0 -16px; }
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable { clear:both; 
	/* required settings */
	position:relative;
	overflow:hidden;
	width:288px;
	height:290px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:288px;
}


/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}