/* author:Nda
 activeboxsite 2009*/


.pagination {
	-moz-box-sizing:border-box;
	background:#676767;
	color:#C0C0C0;
	width:100%;
	text-align:right;
	padding:3px;
	font-size:9pt;
	font-family:arial;
}
.pagination a {
	color:white;
	font-size:8pt;
	text-decoration:underline;
}

.pagination a:hover {
	text-decoration:none;
}

.unorderedList
{
	font-family:arial;
	font-size:9pt;
}

h2
{
	font-family:arial;
}




/*========================================================================*/
/*		MAIN ELEMENTS													  */
/*========================================================================*/
*{margin:0px; padding:0px;}

body{ margin:0px; padding:0px; background:#c1c1c1; font: normal 13px/1.3em Arial; color:#000; }

.clear { clear:both; margin:0px; padding:0px; height:0px; line-height:0; }
.space { clear:both; display:block; margin:0px; padding:0px; height:10px; border:none; font:normal 1px arial; }

h1,h2,h3 {margin:0px; padding:0px;}
h1 {margin:7px 0px; padding:0px; font:bold 18px/1em Arial; color:#222;}
h2 {margin:7px 0px; padding:0px; font:bold 17px/1em Arial; color:#222;}
h3 {margin:0px; padding:0px; font:bold 15px/1em Arial; color:#222;}
h4 {margin:0px; padding:0px; font:bold 14px/1em Arial; color:#222;}

a { border:none; text-decoration: underline; color:#fff;}
a:hover { border:none; text-decoration: none; color:#fcac01;}
a.orange { border:none; text-decoration:none; color:#fff;}
a.orange:hover { border:none; text-decoration: none; color:#fcac01;}
a.orange2 { border:none; text-decoration:none; color:#fcac01;}
a.orange2:hover { border:none; text-decoration:underline; color:#fcac01;}

img { margin:0px; padding:0px; border:none; }
img.iconside { margin:5px 8px -3px 0px; padding:0px; }
img.iconstoryview { width:auto; margin:5px 2px -3px 0px; padding:0px; }
img.ratingstory { float:left; margin:0px; padding:0px; border:none; }


img.float-right { float:right; margin: 5px 0px 10px 10px; }
img.float-left { float:left; margin: 5px 10px 5px 0px; }

a img { border:none; }
a:hover img { border:none; }

.classbasic { margin:0px; padding:0px; width:auto; height:auto; border:1px solid; }
.line_pink { display:block; padding:5px 0; width:auto; height:auto; border-bottom:1px solid #bc3434; }
.line_silver { display:block; padding:5px 0; width:auto; height:auto; border-bottom:1px solid #4e4e4e; }

ul.dot { margin:0px; padding:0px; }
ul.dot li { margin-left:20px; /*list-style-image: url(/tft/images/dot.gif);*/ color:#fff; text-decoration:none; }
ul.dot li a { color:#fff; text-decoration:none; } ul.dot li a:hover { color:#fcac01; text-decoration:none; }
ul.dot ul li { margin-left:20px; *margin-left:0px; list-style:none; /*list-style-image: url(/tft/images/dot.gif);*/ color:#fff;}
.dotheight { line-height:25px; }

ol.toplist li { margin-left:30px ; }

p.capred_contright { clear:both; display:block; padding:6px 0px 2px 5px; width:695px; height:22px; background:url(/tft/images/title_capred.gif) no-repeat 0px 5px ; color:#fff; }
p.capred_contright_mid { clear:both; display:block; padding:6px 0px 2px 5px; width:473px; height:22px; background:url(/tft/images/title_capred_mid.gif) no-repeat 0px 5px ; color:#fff; }
p.capred_contright_bookmark { clear:both; display:block; padding:6px 0px 2px 5px; width:407px; height:22px; background:url(/tft/images/title_capred_bookmark.gif) no-repeat 0px 5px ; color:#fff; }
p.capred_contright_full { clear:both; display:block; padding:6px 0px 2px 5px; width:906px; height:22px; background:url(/tft/images/title_capred_full.gif) no-repeat 0px 5px ; color:#fff; }

p.pollrate { padding:0 2px; background:#fcac01; color:#fff; }
p.iconsidewall { clear:both; display:block; float:left; margin:2px 0px; padding:0px 0px 0px 30px; background:url(/tft/images/icon_mail.png) no-repeat left top; }

p.rate_num { display:inline-block; float:left; width:20px; height:auto; text-align:center; }
p.newstatus { padding:5px 10px; width:50px; background:#7e0000; color:#0cfd00; text-align:center; }

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/tft/images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/tft/images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/tft/images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/tft/images/error.png');
}



/*========================================================================*/
/*		WRAPPING													      */
/*========================================================================*/
#wrap_header { clear:both; margin:0px; padding:0px; width:100%; background:url(/tft/images/bg_wrapheader.gif) repeat-x; text-align:left; }


/*========================================================================*/
/*		HEADER														      */
/*========================================================================*/
#header { margin:0px auto; padding:0px; width:977px; height:100px; background:url(/tft/images/header-full.jpg) no-repeat top; }

.headtop { width:auto; height:60px; }
.headtop_logo { float:left; width:300px; height:60px; }

.headtop_menu { float:right; width:650px; height:48px; }
.headtop_menu ul { float:left; list-style: none; margin:0; padding:0px; }
.headtop_menu ul li { display: inline; height:48px; }
.headtop_menu ul li a { float:left; display:block; margin:0px; padding:15px 25px 0px 25px; height:33px; text-decoration:none; font:bold 13px Arial; color:#fff; background:url(/tft/images/sep.gif) no-repeat left; }
.headtop_menu ul li a:hover { padding:15px 25px 0px 25px; height:33px; background:url(/tft/images/topmenu_hover.gif) repeat-x center; color:#FFFFFF; }
.headtop_menu ul li.active a { padding:15px 25px 0px 25px; height:45px; color: #FFFFFF; background:#aaa url(/tft/images/topmenu_active.gif) no-repeat top center; cursor:default; }

.headtop_highlight { float:right; margin:50px 30px 0px 0px !important; margin:50px 15px 0px 0px; width:680px; height:135px; font:normal 12px/1.3em arial; color:#fff; }
.headtop_highlight a { color:#fcac01; }

.headtop_search { float:right; margin:5px 30px 0px 0px !important; margin:5px 15px 0px 0px; padding:0px 0px 0px 15px; width:665px; height:130px; font:normal 12px/1.3em arial; color:#fff; }
.box_searchform { margin:0px 20px 0px 5px; width:auto; }
.box_searchform_side { float:left; width:315px; }
.box_searchform h3 {margin:0px; padding:0px; font:bold 14px/0.7em Arial; *font:bold 14px/0.4em Arial; color:#fff;}

 /*========================================================================*/
/*		CONTENTS														      */
/*========================================================================*/
#TFTcontent { margin:0px auto; padding:8px 22px 8px 20px; width:935px; height:auto; background:url(/tft/images/bg_content.gif) repeat-y; }

/*=== content_full ===*/ 
.content_full { float:left; margin:0; padding:0px; width:714px; height:auto; }
.title_contentfull { display:block; width:930px; height:11px; background:url(/tft/images/title_contentfull.gif) no-repeat;  font-size:0; }
.box_contentfull { padding:0px 12px; width:906px; height:auto; background:#1a1e21; color:#fff; }
.bot_contentfull { display:block; width:930px; height:11px; background:url(/tft/images/bot_contentfull.gif) no-repeat;  font-size:0; }

.box_contentfull .text p{ padding:0px 5px; width:auto; height:auto; }

/*=== sidebar classes ===*/ 
 h1.title_sidebar { display:block; margin:0px; padding:8px 0px; width:207px; height:22px; background:url(/tft/images/title_sidebar.png) no-repeat;  font:normal 18px/1em Arial; color:#fff; text-align:center; }
 h1.title_sidebar2 { display:block; margin:0px; padding:8px 10px; width:187px; height:22px; background:url(/tft/images/title_sidebar.png) no-repeat;  font:normal 18px/1em Arial; color:#fff; text-align:left; }
.box_sidebar_red { padding:5px; width:197px; background:#730000; color:#fff;} h1 { color:#fff; }

.sidebar_menu { margin:0 auto; width:190px; }
.sidebar_menu ul { margin:0; list-style:none; }
.sidebar_menu ul li { margin:0; padding:0; } 
.sidebar_menu ul li a { display:block; padding:5px 0; width:auto; height:auto; text-decoration:none; color:#fff; border-bottom:1px dashed #fcac01; }
.sidebar_menu ul li a:hover { display:block; padding:5px 0; width:auto; height:auto; text-decoration:none; color:#fcac01; border-bottom:1px dashed #fcac01; }

.sidebar_menu ul ul li a { display:block; padding:5px 15px; width:auto; height:auto; text-decoration:none; color:#fff; border-bottom:1px dashed #fcac01; }
.sidebar_menu ul ul li a:hover { display:block; padding:5px 15px; width:auto; height:auto; text-decoration:none; color:#fcac01; border-bottom:1px dashed #fcac01; }


/*=== sidebar left ===*/ 
.sidebar_left { float:left; margin:0px 12px 0px 0px; padding:0px; width:207px; height:auto; }
/*=== sidebar right ===*/ 
.sidebar_right { float:right; margin:0px; padding:0px; width:207px; height:auto; border:none; }

/*=== content_mid ===*/ 
.content_mid { float:left; margin:0px; padding:0px; width:496px; height:auto; border:none; }
 h1.title_contentmid { display:block; margin:0px; padding:8px 20px; width:456px; height:21px; background:url(/tft/images/title_contentmid.gif) no-repeat;  font:normal 18px/1em Arial; color:#fff; }
.box_contentmid_red { padding:10px; width:476px; background:#730000; color:#fff;}

.title_contentmidflat { display:block; width:496px; height:11px; background:url(/tft/images/title_contentmidflat.gif) no-repeat;  font-size:0; }
.box_contentmidflat { padding:0px 10px; width:476px; height:auto; background:#1a1e21; color:#fff; } .box_contentmidflat h3 { color:#fff; } .box_contentmidflat a { color:#fff; text-decoration:none;}.box_contentmidflat a:hover { color:#fcac01; }
.bot_contentmidflat { display:block; width:496px; height:11px; background:url(/tft/images/bot_contentmidflat.gif) no-repeat;  font-size:0; }

.box_contentmidflat .half { float:left; width:235px; }

/* list content */
.listcontstory_wrap { clear:both; margin:0 auto; width:403px; height:auto; }
.listcontstory_wrap h1 { clear:both; display:block; margin:0; padding:10px 0px 2px 5px; width:403px; height:25px; background:url(/tft/images/listcontstory_title.gif) no-repeat 0px 5px ; font:bold 15px arial; color:#fff; }
.listcontstory_roundtop { display:block; width:403px; height:7px; background:url(/tft/images/listcontstory_roundtop.gif) no-repeat;  font-size:0; }
.listcontstory_roundbot { display:block; width:403px; height:7px; background:url(/tft/images/listcontstory_roundbot.gif) no-repeat;  font-size:0; }
.listcontstory_roundbox { margin:0; padding:10px; width:383px; height:auto; background:url(/tft/images/listcontstory_roundbox.gif) repeat-y; }

/* chat */
.chat_box { margin:0 auto; padding:10px; width:455px; height:auto; background:#730000; border:1px solid #9f0000; }
.chat_boxleft { float:left; width:300px; height:auto; }
.chat_boxright { float:left; width:150px; height:auto; }
 input.textchat {  margin:0px; padding:2px 5px 0px 5px; width:280px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:none; outline:none; }
 textarea.chatlist { padding:5px; width:140px; height:200px; border:none; }

/* bookmark */
.bookmark_box { margin:0 auto; width:409px; }
.bmark_list {margin:0px; padding:0px; width:409px; height:24px; background:url(/tft/images/bg_listbmark.gif) no-repeat; border:none; }
.bmark { float:left; padding:0px 5px 5px 5px; width:370px; height:auto; text-align:left; background:transparent; border:none; }
.bmark_cr { float:right; padding:3px 0px 0px 0px; *padding:0px 3px 0px 0px; _padding:0px 0px 0px 0px; width:18px; height:auto; text-align:left; background:transparent; border:none; }
.bmark_but { float:right; width:auto; }

/* redbox */
.redbox_mid_in { margin:0 auto; padding:5px; width:390px; height:auto; background:#730000; border:1px solid #9f0000; }

/*=== content_right ===*/ 
.content_right { float:left; margin:0px; padding:0px; width:714px; height:auto; }
.title_contentrightflat { display:block; width:714px; height:11px; background:url(/tft/images/title_contentrightflat.gif) no-repeat;  font-size:0; }
.box_contentrightflat { padding:0px 7px; width:700px; height:auto; background:#1a1e21; color:#fff; }
.bot_contentrightflat { display:block; width:714px; height:11px; background:url(/tft/images/bot_contentrightflat.gif) no-repeat;  font-size:0; }


/*========================================================================*/
/*		CLASSES														      */
/*========================================================================*/
.align_center { display:block; text-align:center; width:auto; }
.align_left { display:block; text-align:left; width:auto; }
.align_right { display:block; text-align:right; width:auto; }


/*========================================================================*/
/*		FOOTER														      */
/*========================================================================*/
#footer {
	clear:both;
	padding:30px 0px 0px 0px;
	margin:0px auto; 
	width:977px; height:60px; 
	background:url(/tft/images/bg_footer.gif) no-repeat top;
	font: normal 12px/1em Arial, sansans-serif;	color:#4e4e4e;
	text-align:center;
	border:none;
}
#footer p{ margin:0px;	padding:0px; font:normal 14px/1.3em arial; color:#363636; }
#footer a{ margin:32px 3px 20px 3px; padding:10px 3px; color:#4e4e4e; text-decoration:none; }
#footer a:hover{ text-decoration:underline; }

/*========================================================================*/
/*		TABLE ELEMENTS													  */
/*========================================================================*/
tr {margin:0px; padding:0px; width:auto; height:auto; background:none; border:none; }
tr.storyview { height:auto; text-align:left;  border-bottom:1px solid #535353; }

/* price & payment */
table.pricepay { clear:both; margin:0px; width:400px; font: normal 12px/1.2em Arial; color:#fff; border-collapse:collapse; border:none; }
table.message { clear:both; margin:0px; width:475px; font: normal 12px/1.2em Arial; color:#fff; border-collapse:collapse; border:none; }
table.bmark { clear:both; margin:0px; width:409px; font: normal 12px/1.2em Arial; color:#fff; border-collapse:collapse; border:none; }
table.storyview { clear:both; margin:0px; width:475px; font: normal 12px/1.2em Arial; color:#fff; border-collapse:collapse; border:none; }

/* th classes */
th.noline { padding:0px 3px; height:26px; background:none; color:#272727; text-align:left; border:none; }
th.nolineCenter { padding:0px 3px; height:26px; background:none; color:#272727; text-align:center; border:none; }
th.nolineRight { padding:0px 3px; height:26px; background:none; color:#272727; text-align:right; border:none; }
th.title_alignleft { padding:5px; height:26px; background:#3c3c3c; color:#fff; text-align:left; border:none; }
th.title_alignleft { padding:5px; height:26px; background:#3c3c3c; color:#fff; text-align:left; border:none; }
th.titlemess { padding:5px; height:auto; text-align:left; background:#4e4e4e; border:none; }

/* td classes */
td { height:auto; text-align:center; padding:5px 5px; border:none;}
td.noline { height:auto; text-align:left; padding:5px 5px; border:none;}
td.nolineCenter { height:auto; text-align:center; padding:5px 5px; border:none;}
td.nolineRight { height:auto; text-align:right; padding:5px 5px; border:none;}
td.pricepay_alignright { height:auto; text-align:right; background:#4e4e4e; border:3px solid #1a1e21; }
td.pricepay_alignleft { height:auto; text-align:left; background:#4e4e4e; border:3px solid #1a1e21; }
td.pricepay_aligncenter { height:auto; text-align:center; background:#4e4e4e; border:3px solid #1a1e21; }

/* blank */
td.blank_alignleft { height:auto; text-align:left; background:transparent; border:3px solid #1a1e21; }
td.border_alignleft { height:auto; text-align:left; background:transparent; border:1px solid #4e4e4e; }
td.blank_cr { width:15px; height:auto; text-align:left; background:transparent; border:3px solid #1a1e21; }
td.storyview { height:auto; text-align:left; border:none; }
td.storyviewrate { width:260px; height:auto; text-align:left; border:none; }



/*========================================================================*/
/*		FORM GLOBAL														  */
/*========================================================================*/
form { margin:0; padding:0; }
input.text_wall { float:left; margin:0px; padding:3px 5px 3px 5px; width:142px; height:12px; font:normal 12px arial; background:#fff; color:#5b5b5b; border:1px solid #bcbcbc; }
input.textbox {  margin:2px 0px; padding:2px 5px 0px 5px; width:166px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:none; outline:none; }
input.but_wall { float:left; margin:0px; padding:0px 0px 2px 0px; width:41px; height:20px; font:bold 12px arial; background:url(/tft/images/bg_but_tag.gif) no-repeat; color:#7e0000; border:none; cursor:pointer; }
input.but_silver { 
	margin:0px 5px 0px 0px; padding:0px 15px 3px 15px;
	width:104px; height:27px;
	background:url(/tft/images/bg_but.png) no-repeat; 
	font:bold 13px/1em Arial; color:#fff;
	border:none;	
	cursor:pointer;	
}
input.button { 
	margin:0px 5px 0px 0px; padding:0px 15px 3px 15px;
	width:104px; height:27px;
	background:url(/tft/images/bg_but.png) no-repeat; 
	font:bold 13px/1em Arial; color:#fff;
	border:none;	
	cursor:pointer;	
}
.but_orange { margin:0px 5px 0px 0px; padding:0px 15px 3px 15px; width:104px; height:27px; background:url(/tft/images/bg_but_orange.png) no-repeat; font:bold 15px/1em Arial; color:#fff; border:none; cursor:pointer; }
.but_silverflat { float:left; margin:0px 3px; padding:0px 5px 3px 5px; height:18px; font:bold 12px arial; background:url(/tft/images/bg_but_silverflat.gif) repeat-x; color:#222; border:1px solid #bcbcbc; }

/*========================================================================*/
/*		DTD STYLE FORM													  */
/*========================================================================*/
dl.control form { margin:5px; padding:0px; width:300px; }
dl.editprofile form { margin:5px; padding:0px; width:470px; }
dl.register form { margin:5px; padding:0px; width:800px; }

dt { clear: both; display:block; height:24px; margin:5px 0; }
dt.listcontstory { clear: both; display:block; height:24px; margin:0; }
dt.autoheight { display:block; height:auto; margin:5px 0; padding:5px 0; }
dt.float_right { float:right; height:auto; margin:5px 0; padding:5px 0; }

dt label { float:left; padding:3px 5px 0px 0px;  width:100px; font:normal 13px/1em arial; text-align:left; }
dt label.alignright { float:left; padding:3px 5px 0px 0px;  width:100px; font:normal 13px/1em arial; text-align:right; }
dt label.edit { float:left; padding:3px 5px 0px 0px;  width:120px; font:normal 13px/1em arial; text-align:left; }
dt label.commessage { float:left; padding:3px 5px 0px 0px;  width:100px; height:200px; font:normal 13px/1em arial; text-align:left; }
dt label.long { float:left; padding:3px 5px 0px 0px;  width:180px; font:normal 13px/1em arial; text-align:left; }
dt label.reg { float:left; padding:3px 5px 0px 0px;  width:250px; font:normal 13px/1em arial; text-align:right; }
dt label.autoheight { display:block; height:auto; margin:5px 0; padding:5px 0; }

dt p {  display:inline-block; float:left; line-height:22px; }
dt p.desc_reg { margin:0px 0 5px 0; width:400px; line-height:15px; }

dt input { float:left; width:auto; }
dt input.textbox { margin:0px; padding:2px 5px 0px 5px; width:166px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:none; outline:none; }
dt input.textbox2 { margin:0px; padding:2px 5px 0px 5px; width:250px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:none; outline:none; }
dt input.code { float:left; margin:0px 0px 0px 10px; width:100px; height:15px; background:#fff; border:1px solid #929292; }

dt input.button { margin:0px 5px 0px 0px; padding:0px 15px 3px 15px; width:104px; height:27px; background:url(/tft/images/bg_but.png) no-repeat; font:bold 13px/1em Arial; color:#fff; border:none; cursor:pointer; }
dt input.but_orange { margin:0px 5px 0px 0px; padding:0px 15px 3px 15px; width:104px; height:27px; background:url(/tft/images/bg_but_orange.png) no-repeat; font:bold 13px/1em Arial; color:#fff; border:none; cursor:pointer; }
dt input.but_browse { float:left; margin:0px 3px; padding:0px 0px 2px 0px; width:66px; height:21px; font:bold 12px arial; background:url(/tft/images/bg_but_browse.gif) no-repeat; color:#222; border:none; cursor:pointer; }

dt select { float:left; width:150px; }
dt textarea.commessage { width:300px; height:200px; }
dt textarea.edit { width:300px; height:100px; }
dt textarea.desc_link { width:250px; height:100px; }
dt textarea.register { padding:5px; width:400px; height:150px; border:none; }

/*========================================================================*/
/*		NICEFORM													      */
/*========================================================================*/
/*Selects*/
.selectArea {
	margin-left:4px; margin-right:5px;
	width:200px; height:23px;
	background:#fff url(/tft/images/select_bg.png) repeat-x left top;
	text-align:left;
}
.selectArea .left {
	margin-left:-4px !important; margin-left:-4px; 	
	width:11px;	height:23px;
	float:left;
	background:url(/tft/images/select_left.png) no-repeat left top;
}
.selectArea .right {
	margin-right:-4px; position:relative;	
	width:21px; height:23px;
	float:right;
	background:url(/tft/images/select_right.png) no-repeat left top;	
}
.selectArea .right a {
	display:block;
	width:200px; height:23px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#000;
	padding:6px 0px 0px 0px;
	font: normal 13px/1em Arial; color:#444;	
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:3px;
	margin-left:0px;
	width:172px;
	background:#FFF;
	border:1px solid #ddd;	
	padding:2px;
	font: normal 13px/1em Arial; color:#444;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#444;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	text-align:left;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#aaa;
	border-color:#cfd0d6;
}



div#adminMessage div {display: block;
   position: absolute; top: 200px; left: 400px; width: 400px; height:300px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;
   border-width: 2px;  border-style: solid; border-color: red;
   }