/* BASIC ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
* {	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	outline: none;}
body {background: #FEA800 url(../images/bg.jpg) top repeat-x; padding: 0px 0px 30px 0px;	margin: 0px;}
form {margin: 0px;	padding: 0px;}
p {	margin: 5px 0px 5px 0px;}
a {	color: #3300CC;}
select, input {background:#fff;}

img {border:none; }
td {vertical-align:top; color:#666;}
h1 {margin: 5px 0px 5px 0px; padding:0px; font-size:12	px; color:#888; text-transform:uppercase; line-height:24px;}
h1.hdr {font-size: 20px; font-weight: normal; color: #3300CC;}
h3 { font: bold 26px/36px Arial, Helvetica, sans-serif; color:#ccc; margin:0; padding:0; }
h2 { font: bold 24px/32px Arial, Helvetica, sans-serif; color:#d7d7d7; margin:0; padding:0;}
h4 {font: bold 18px/32px Arial, Helvetica, sans-serif; color:#999; margin:0; padding:0; }
h5 { font: bold 30px/36px Arial, Helvetica, sans-serif; color:#d7d7d7; margin:0; padding:0; }
h6 {margin: 5px 0px 5px 0px; padding:0px; font: 14px/24px Arial, Helvetica, sans-serif; color:#888;}
#blue-line {background:url(../images/bg_line.gif) repeat-x;}

#container { background:url(../images/bg_main_.jpg) top center no-repeat; padding-top:40px;}
.descr, .bot-links .descr  {font: bold 16px/18px Arial, Helvetica, sans-serif; color:#666; text-decoration:none;}
.descr2 {font: bold 17px/18px Arial, Helvetica, sans-serif; color:#666666; text-decoration:none;}
.descr3 {font: 20px/22px Arial, Helvetica, sans-serif; color:#666666; text-decoration:none;}
.small-link {font-size:10px; color:#666; line-height:18px}
.clear { font-size:1px; height:1px; clear:both; line-height:1px; margin:0; padding:0; margin-top:-1;}
#content { background:#fff; width:980px;}
/*#content td {font: 11px/18px Arial, Helvetica, sans-serif;}*/
.list-account {margin:0 0 0 15px;; padding:0; line-height:18px; list-style-image:url(../images/list-icon.gif);}
.list-account li a {color:#3300CC;}
.separator-dashed { background:url(../images/separator_dashed.gif) repeat-x; height:1px; width:100%; line-height:1px; margin:15px 0px; font-size:1px;}
.light {color:#999; font-size:11px;}
.light a {font-size:11px;}
.purple {color:#3300CC; font-size:16px}
.rlink { float:right}
.rlink a {color:#666;}
.delete { color:#fff; background:#997FFF; padding:2px; text-decoration:none}
.grayBlock a.green { color:#99CC00;}
.reg {color:#666666;}
.ErrorMsg, .ErrorMsg span { font-style:italic; color:#cc3333;}
p.q_descr {font-style:italic; color:#3300cc;}
/* LAYOUT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header {width:980px;  padding:0 0 1px 0;	}
#login, #search { width:980px;}
#footer { width:980px; background-color: #fff; padding:1px 0; }
.mainTbl { width: 980px;}
/*.mainTbl td { padding-left:5px}*/

/* HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#home_link { display:block; width:400px; height:80px; margin:43px 0 4px 75px; }
.logoContainer {margin: 5px 0px 0px 0px; background-color: #016798; padding: 15px; width: 220px;}
#extra-top { float:right; margin-top:100px;}
#extra-top p {padding:20px 5px 0 0 ; font: 10px/14px Arial, Helvetica, sans-serif; float:right; color:#000000;}

.h_elements {color:#333333;}

/* FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ftrContainer { height:440px; 	margin:5px;	border: 1px solid #D0D0D0; /*background-image: url(../images/bg_coloured_revert.gif);*/background-image: url(../images/bg_footer_new.jpg); background-position: bottom right; background-repeat: no-repeat; text-align:left}
.ftrContainer h1 {font-size: 15px;}
.ftrContainer a, .ftrContainer p, .ftrContainer h1 {color: #9a9a9a;}
.ftrContainer a:active, .ftrContainer a:link, .ftrContainer a:visited, .ftrContainer a:focus {text-decoration: none;}
.ftrContainer a:hover {	text-decoration: underline;}
.subscribe {border: 1px solid #D0D0D0; padding:10px;}


/* CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* menu */
.topSep {background: url(../images/menu_grid.gif) repeat-x; height: 30px; }

.menu-top2, .menu-top {list-style-type:none; padding: 2px 0; margin: 0 0 0 10px;}
.menu-top2 {margin:0;}
.menu-top2 li, .menu-top li { float:left;}
.menu-top li a { text-decoration:none; color:#000; font:18px/26px Arial, Helvetica, sans-serif;  height:26px; text-align:center; padding:0px 10px;}
.menu-top li a:hover {color:#fff; background:#999;}
.menu-top2 a { text-decoration:none; color:#30c; font:bold 14px/26px Arial, Helvetica, sans-serif;  text-align:center; }
.menu-top2 a:hover {text-decoration: underline;}
.menu-top2 li {color:#999; font:bold italic 14px/26px Arial, Helvetica, sans-serif;  text-align:center; padding:0px 20px 0 5px;}
/* login */
#login-area {background:#fff; padding:15px 0 10px 0;}
#login-area select, #login-area input {background:#fff;}
/* blocks */
.user-block, .user-block a, .user-block p {font-size:11px;}
#question-big { background:#f9f9f9; padding: 0 15px 0 15px ; border:1px solid #cecece; height:210px; vertical-align:middle;}
.author, .stat {margin:5px 0 0 0; padding:0;}
.author li, .stat li { float:left; list-style-type:none; font:11px/20px Arial, Helvetica, sans-serif; color:#666; margin-right:10px;}
.stat li {font:11px/20px Arial, Helvetica, sans-serif; color:#666;}
.author a { font:11px/20px Arial, Helvetica, sans-serif; color:#666;}
.play { position:absolute; right:15px; margin-top: -25px}
.grayBlock {background-color: #f3f3f3;}
.last-word { height:210px;}
.hover-block { display:block; cursor:default; border-bottom:1px solid #cdcdcd; margin:0; padding:10px 5px 10px 5px; width: 305px;}
.hover-block-media { display:block; cursor:pointer; border:1px solid #cdcdcd; margin:0; padding:3px;}
.hover-block-m {border:1px solid #cdcdcd; padding:3px; width:auto; float:left; height:auto;}
.thumb {border:1px solid #cdcdcd;  padding:3px; display:block}

/* indicator */
#indicator_w{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #999;
	margin:0;
	padding:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.5;

}
#indicator_container{
	margin:0;padding:0;
	position: absolute;
	z-index:105;
}

/*.hover-block:hover {background:#e5e5e5} */
.quest-general p {font-size:12px;}
.quest-content *{ font-size:11px;}
.quest-content { font-size:11px;}
.quest-content, .quest-content p, .quest-content div, .quest-content span, .quest-content td {color:#666666;}
.quest-content2,  .quest-content2 *{font-size:12px ; }

.quest-content2 a, .quest-content2 {text-decoration: none;}
/*.quest-content a {color:3300cc;}*/
.bot-links {position:absolute; bottom:20px; width:230px; }
.form-box td { padding:5px 0;}
.quest { background: #e3e3e3; width:100%; height:100%; padding:8px;}
.answersBox { background:#F3F3F3; border-top:1px solid #ccc; width:100%;}
.answersBoxM { background:#F3F3F3; width:100%;}
.answersBoxMEnd { background:#F3F3F3; width:100%; border-bottom:1px solid #cdcdcd;}
.answersBoxEnd { background:#F3F3F3; border-top:1px solid #ccc; width:100%; border-bottom:1px solid #ccc;}

.placed { background:#F3F3F3; border:1px solid #ccc; margin-bottom:5px; margin: 0px 5px 5px 0px; padding: 0px 2px;}
.advert-block {position:absolute; right:-175px; top:0px; background:#999; width:170px; color:#fff; text-align:center}
.advert {color:#333; margin:4px; height:600px; background:#ccc}
.avatar-big-white {border:1px solid #cdcdcd; padding:3px; background:#FFFFFF;}
/* separators */
.hsep1 { height: 1px; background-color: #cdcdcd;}
.hsep2 { height: 10px; background-color: #ccc;}
.hsep3 { height: 1px; background: transparent url(../images/strip_bg.gif) center repeat-x; width:100%}

.contentCell { background-color: #FFFFFF; vertical-align: top; }
/*.leftCol {
	width:320px;
}*/
/* moderation panel */
.qa_marker {cursor:default;}
.moder-button { cursor:pointer;}
.moder-box {background-color:#E3E3E3; white-space:nowrap; display:none; width:100%;}
ul.moder-item {margin:0px; padding:0px;}
td.moder-box {white-space:nowrap;}
.moder-item li, .moder-item span, .moder-item a {list-style-type:none; font:11px/20px Arial, Helvetica, sans-serif; }
/* REGISTRATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.formBlock {width:100%}
.formBlock .formField {	white-space: nowrap;}
.formBlock .formInput {}
.formBlock .formInput2 {}
.formBlock .searchResultBlock {width: 100%;}
.formBlock .searchResultBlock td {vertical-align: top;}
.formBlock .searchResultBlock .answersBlock {padding: 0px 0px 0px 35px;}
.list-keep li { margin-bottom:10px; color:#999999; list-style-type:circle;}
/*
.rightCol {
	width:30%;
}

.leftCol2 {
	width:38%;
}

.centerCol2 {
	width:38%;
}

.rightCol2 {
	width:24%;
}

.leftCol3 {
	width:24%;
}

.centerCol3 {
	width:52%;
}

.leftCol {width:320px;}
.leftCol2 {width:70%;}
.centerCol {width:320px;}
.leftCol2 {	width:38%;}
.centerCol2 {width:38%;}
.rightCol2 {width:24%;}
.leftCol3 {	width:24%;}
.centerCol3 {width:52%;}
.rightCol3 {width:24%;}
*/
.doubleCol {width:645px;}
.leftCol {width:320px;}
.centerCol {width:320px;}
.rightCol {width:320px;}
.rightColPart {width:230px; text-align:left;}

.formBlock .formField {
	white-space: nowrap;
/*	padding: 0px 0px 0px 10px; */
}

.formBlock .formInput {
/*	padding: 0px 10px 0px 0px;   */
}

.formBlock .formInput2 {
/*	padding: 0px 10px 0px 0px; */
}

.formBlock .searchResultBlock {
	width: 100%;
}

.formBlock .searchResultBlock td {
	vertical-align: top;
}

.formBlock .searchResultBlock .answersBlock {
	padding: 0px 0px 0px 35px;
}

.inp {width: 220px; margin-bottom:10px; color:#666666;}
.inp1 {color:#333333;}
.inp2 {width: 280px; height:25px; font: bold 16px; background:#F3F3F3; margin-bottom:10px;}
.inp3 {width: 300px; margin-bottom:10px; font-weight:bold; font-size:14px; height:24px;}
.inp4 {color:#666666; width:80%;}
.inp5 {color:#666666;}
/* MAMRAK'S ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.but {background: #3300CC url(../images/bg_button.gif) bottom repeat-x; height: 20px; color: #FFFFFF; border: none;}
.grayBlock a {color: #666666;}
.lnkBlock {	font-size: 24px; text-align: center; display: block; line-height: 50px;	background: #3300CC url(../images/bg_bigLink.gif) repeat-x; text-decoration: none;	color: #FFFFFF;	margin: 10px 0px; width: 230px;}
.lnkRed , span.lnkRed{color: #CC3300; font-size: 11px;}
.lnkBig1 {font-size: 15px; text-decoration: none;}
.lnkBig1:hover { text-decoration: underline;}
.lnkBig2 {color: #3300CC; font-size: 20px; text-decoration: none;}
.lnkBig2:hover { font-size: 20px; text-decoration: underline;}
.lnkBig3 {font-size: 12px; text-decoration: none;}
.lnkBig3:hover { text-decoration: underline;}
.tagCloud a:link, .tagCloud a:active, .tagCloud a:focus, .tagCloud a:visited { text-decoration: none; color: #3300CC;}
.tagCloud a.opt_tag {color: #333333; text-decoration: none; font-weight:bold;}
a.opt_tag:hover {text-decoration: none; color: #FFFFFF; background-color: #FFFFFF;}
.q-desc a:link, .q-desc a:active, .q-desc a:focus, .q-desc a:visited { text-decoration: none; color:#666; font-style:italic;}
.tagCloud a:hover { text-decoration: none; color: #FFFFFF; background-color: #3300CC;}
.subScr {font-style: italic; font-size: 11px;}
.subScr2 { font-size: 10px;}
.lnkBlack { color: #666666;}
.lnk
.lnkPurple { color: #3300cc;}
.advBlock { border: 1px solid #CCCCCC; padding: 3px; font-size: 10px; color: #CCCCCC;}
.questBlock { margin: 0px 0px 20px 0px;}
.questBlock td { vertical-align: top;}
.textTaglineBig { margin: 15px 0px 15px 0px;}
.textTaglineBig span { color: #FFFFFF; background-color: #3300FF; font-size: 40px; font-weight:bold; padding: 0px 5px 0px 5px;}
.txtGrayBig { font-size: 15px; color: #666666;}
.smallText * {font-size: 11px;}

<!-- VOTING ----------------------------------------------------------------------------------- -->	
.votes_big, .votes_small
{
}

.votes_big
{
	margin-left:22px;
	margin-top:3px;		
}

.votes_gray_big, .votes_gray_small
{
	position:relative;
	float:left;
}
.votes_gray_big
{
	height:32px; 
	background-image:url(../images/content/vote_star_gray_32.gif)
}
.votes_gray_small
{
	height:16px; 
	background-image:url(../images/content/star_inactive.gif)
}

.votes_active_big, .votes_active_small
{
	position:absolute; 
	top:0; 
	left:0; 
	z-index:1;
}
.votes_active_big
{
	height:32px; 
	background-image:url(../images/content/vote_star_active_32.gif); 
}
.votes_active_small
{
	height:16px; 
	background-image:url(../images/content/star_active.gif); 
}

.votes_buttons
{
	position:absolute; 
	top:0; 
	left:0; 
	z-index:2;
}

.votes_button_big, .votes_button_small
{
	margin:0; 
	padding:0;
	border:none;
}
.votes_button_big
{
	width:32px;
	height:32px;
}
.votes_button_small
{
	width:15px;
	height:16px;
}

.votes_big b, .votes_small b
{
	color:#666666;
	font-weight:bold;
	display:block;
	float:left;
	position: relative;
}

.votes_big b
{
	font-size:18px;
	line-height:32px;
	margin-left:30px;
}

.votes_small b
{
	font-size:13px;
	line-height:16px;
	margin-left:6px;
}

.overlib_textfontclass
{
	background-color: #98CB00;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	font-weight: bold;
}

.grid_table
{
	border-collapse: collapse;
}

.grid_table td
{
	border-top: 1px solid #CCCCCC;
	padding: 5px;
}


.ug_box      { border: 1px solid #A7C0D9; padding: 10px 10px 10px 10px; color: #203859; }
.ug_box_head { height: 23px; font-weight: bold; color: #FFFFFF; background-color: #5B7795; }
.ug_row0 { background-color: #F9F9F9;}
.ug_row1 { background-color: #FFFFFF;}
.list_ctitle {
  background-color: #E0E0E0;
  padding: 5px 5px 5px 5px;
  font-weight: bold;
  border-top: 1px solid #B0B0B0;
  border-bottom: 1px solid #B0B0B0;
}

.list_cell, .list_cell p, .list_cell a{font-size: 11px;}

.list_cell {
  padding: 4px 4px 4px 4px;
  border-left: 1px solid #E0E0E0;
  border-top: 1px solid #E0E0E0;
}
.list_cstrong {
  font-weight: bold;
}
.list_control {
  font-weight: normal;
  background-color: #FFFFFF;
  padding: 5px 10px 5px 10px;
  border-bottom: 1px dashed #B0B0B0;
}
.image_border_div
{
	display: table;
	border:1px solid #cdcdcd;
	padding:3px;
	width:0px;
	/*float:right;*/
	height:auto;
}

.small_avatar_container
{
	border: 1px solid #cdcdcd;
	padding: 1px;
}