/* global */
html { overflow-y: scroll; }

body { background: url("img/bgff.jpg") repeat-x #fff; margin: 0px 0px; padding:0px;	text-align:center; }
input, button, textarea, option, select, body, div, li, p { font-family: Arial, Verdana, Tahoma, "Trebuchet MS", sans-serif; font-size: 8pt; }
p { margin:0px; margin: 4px 0px; color: #000; }
ol, ul { margin:0px; padding:5px; }
li { margin-bottom:2px; margin-left:16px; }
select, option {border: 0;} 

.left { float: left; }
.right { float: right; }
.green { color:green; }
.red { color:red; }
.clr { clear: both; }
.bold { font-weight: bold; }
.norm { font-weight: normal; }
.wh { color: white; }
.bk { color: black; }
.none { text-decoration: none; }
.gry { color: #aaa; }
.p4 { padding:4px; }
.p04 { padding: 0px 4px; }
.p40 { padding: 4px 0px; }
.p8 { padding:8px; }
.p08 { padding: 0px 8px; }
.p80 { padding: 8px 0px; }
.m4 { margin:4px; }
.m04 { margin:0px 4px; }
.m40 { margin:4px 0px; }
.m8 { margin:8px; }
.m08 { margin:0px 8px; }
.m80 { margin:8px 0px; }

.op25 { filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;}
.op50 { filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}
.op75 { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
.op10 { filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}

a.lb { text-decoration: none; color: #00608A; }
a.lb:hover { text-decoration: underline; }
a.gb { text-decoration: none; font-weight: bold; color: #00608A; }
a.gb:hover { text-decoration: underline; }
a.blue { color: #00608A; text-decoration: none; }
a.blue:hover { color: #00608A; }
a.green { color: #669A00; text-decoration: none; }
a.green:hover { color: #000000; }
a.wh { text-decoration: none; color: white; }
a.wh:hover { color: #eeeeee; }
a.gry { text-decoration: none; color: #aaa; }
a.gry:hover { color: #bbb; }

/*  frame */
.frame { background:#eee; }
.frame .title, .frame .title2, .frame .title3, .frame .title4, .frame .title5 {
	background: #5286a5;
	font-weight:bold; 
	color:white;
	height:auto; 
	padding:4px; 
	text-transform: capitalize;
}
.frame .title2 { background: #315f84; }
.frame .title3 { background: #4e6a78; }
.frame .title4 { background: #ad976a; }
.frame .title5 { background: #832; }
.frame .body, .frame .body2, .frame .body3, .frame .body4 {	color: #000; padding: 8px; background: #fff; clear: both; }
.frame .body2 { background: #f7f7f7; }
.frame .body3 { background: #f0f0f0; }
.frame .body4 { background: #efefef; }

/* frame-left */
.frame-l {
	border-bottom: 1px solid #ccc;
}
.frame-l .title {
	background: url('img/sidebar_icon.gif') no-repeat 7px 8px;
	font-size: 11pt;
	font-weight:bold; 
	color:black;
	padding: 18px 8px 8px 36px; 
}
.frame-l .body {
	color: #000;
	padding: 4px;
	background: #eee;
	clear: both;
}

/* error list, output */
.error { padding:4px; text-align:left; }
.error li { color: red; }
.output { padding:4px; text-align:left; color: green; }

/* form */
input.w, textarea.w, textarea.w { 
	width: 99%; 
}

.form { 
	background: #fff;
	padding: 1px;
	border: 1px solid #ddd;
}
.form form { 
	margin:0px; 
}
.form .title { 
	background: #eee;
	color: #000; 
	font-weight: bold; 
	padding:4px;
}
.form .body {
	padding:4px;
}

.form input, .form textarea, .form select { 
	border: 1px solid #ddd; 
}
.form select { border: 1px solid #ddd; }
.form option { }
.form fieldset { border: 0px solid #cde; margin-top:4px; padding: 1px; }
.form td { padding-left:4px; padding-right:4px; }
.form .b { padding:4px; text-align:right; }
#submit, #button, .form button {
	border: 1px solid gray;
	border-left: 1px solid white;
	border-top: 1px solid white;
}

/* main */
.main { 
	width:780px; 
	margin: 0px auto;
	padding: 0px; 
	text-align: left; 
	background: url("img/drut2.png") repeat-y;
}

/* search */
.search { float:left;}
.search form { margin: 0px; padding: 0px; }
.search input { margin:0px; padding: 0px 0px 0px 2px; border: 1px solid #ccc; }

.baner { 
	height:108px;
	background: #315f84 url('img/tfcms_mid.png') no-repeat 20px 4px;
	 
}

.top { 
	height:120px; 
}

/* contents */
.contents { text-align:left; padding:0px; margin-left:48px; }
.contents td.col1 {	background: #efefef; width:220px; }
.contents div.col1 { width:220px; }
.contents td.col2 {	background: #fff; width:100%; }
.contents div.col2 { width:100%; }

/* header footer */
.header { 
	background: #fff url(img/gr1_t.png) 0 28px repeat-x; 
	padding:8px;
	margin-left:48px;
}
.header .links { float: left; width: 60%; color: silver; }
.header a {
	color: #00608A;
	text-decoration : none;
}
.header a:hover {
	color: #00608A;
	text-decoration : underline;
}

/* search */
.search { float: left; width: 40%; text-align:right; }
.search form { margin: 0px; padding: 0px; }
.search input { margin:0px; padding: 0px 0px 0px 2px; border: 1px solid #ccc; }

.footer { 
	background: #f7f7f7 url(img/gr1_b.png) 0 -2px repeat-x; 
	padding:8px;
	margin-left:48px;
}

/* tabs */
.tabs { width: auto; }
.tabs a.out { background:#ace; color: #357; cursor:pointer; float:left; padding:2px; margin-right: 2px; margin-top:4px; }
.tabs a.out:hover {	background:#8ac; color: #fff; }
.tabs a.sel { background:#579; color: #fff; cursor:pointer; float:left; padding:3px; margin-right: 2px; border-bottom:0px; margin-top:2px; }
.tabs div.hide { position: absolute; visibility: hidden; }
.tabs div.show { clear: both; visibility: inherit; border: 1px solid #ace; padding:4px; }

/* ranking */
.ranking { border:1px solid #ddd; width:100%; color: #000; background: white; }
.ranking .th { background: #eee; text-align: left; padding:2px; font-weight:bold; }
.ranking td { padding: 0px 2px; }
.ranking .ts { background: url('img/rank_stars.gif') no-repeat; width: 85px; }
.ranking .tl { background: url('img/rank_stars_light.gif') no-repeat; width: 85px; cursor:pointer; }

/* stats */
.stats {  border:1px solid #ddd; width:100%; color: #000; background: white; }
.stats .th { background: #eee; text-align: left; padding:2px; font-weight:bold; }
.stats td { padding: 0px 2px; }
.stats .ts { background: #cde; }

/* comments_list */
.comments_list {  border:1px solid #ddd; width:100%; color: #000; background: white; }
.comments_list .th { background: #eee; padding:4px; font-weight:bold; }
.comments_list td { padding: 1px 4px; }
.comments_list .ititle { font-weight: bold; color: #22a; }
.comments_list .inick { color: #77a; }
.comments_list .idate { color: #ccc; }

/* navibar */
.navibar { padding:4px; text-align:center; }
.navibar a { padding:0px 4px; margin-right:4px; background: #eee; border:1px solid #ccc; text-decoration: none; color: #000; }
.navibar a:hover { background: #ddd; }
.navibar a.select { background: #fff; color: #ccc; }

/* path */
.path { font-weight: bold; color: #fff; }
.path a { font-weight: bold; color: #fff; text-decoration: none; }
.path a:hover { color: #eee; }

/* mainmenu */
.mainmenu {
	padding:4px;
}
.mainmenu a {
	color: #333;
	text-decoration: none;
}
.mainmenu a:hover {
	color: #777;
}

/* fulltree */
.fulltree ul, ul.fulltree { 
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background: url('img/tree_vline.gif') repeat-y; 
}

.fulltree li{ 
	background: #efefef url('img/tree_split.gif') no-repeat left top;
	list-style-type: none;
	margin: 0px; 
	padding: 0px 20px; 
}

.fulltree li ul { 
	margin-left: -4px; 
}

.fulltree li.openfolder {
	cursor: pointer;
	background: url('img/collapse.gif') no-repeat left -2px;
}

.fulltree li.openfolder-last {
	cursor: pointer;
	background: #efefef url('img/collapse.gif') no-repeat left -2px;
}

.fulltree li.closefolder {
	cursor: pointer;
	background: url('img/expand.gif') no-repeat left -2px;
}

.fulltree li.closefolder ul {
	display: none;
}

.fulltree li.closefolder-last {
	cursor: pointer;
	background: #efefef url('img/expand.gif') no-repeat left -2px;
}

.fulltree li.closefolder-last ul {
	display: none;
}

.fulltree li.last {
	background: #efefef url('img/tree_end.gif') no-repeat; 
}