/* ----- WEB TITLE ----- */
html, body { height: 100%; }

body {
	position: relative;
	color: #EEEEEE;
	font-family: Sans-serif;
	font-size: 11px;
	text-align: center;
	background-color: #3B3B3B;
	background-image: url("image/title/bg.jpg");
	background-repeat: repeat-x;
	margin: 0;
}

#web_body {
	margin: 0 auto;
	width: 935px;
	background-color: #121212;
	text-align: left;
	display: block;
}

#web_title {
	width: 745px;
	display: block;
	float: left;
}

.web_show { height: 64px; }
.web_hidden { height: 22px; }

#web_menu {
	font-size: 10px;
	height: 22px;
	background-color: #979797;
	background-image: url('image/title/m_off.gif');
	background-repeat: repeat-x;
	line-height: 2.1em;
	display: block;
}


#web_search {
	font-size: 11px;
	font-weight: bold;
	width: 600px;
	height: 42px;
	background-color: #9CD648;
	background-image: url('image/title/title.png');
	background-repeat: no-repeat;
	float: left;
	display: block;
}

#web_quick {
	font-size: 9px;
	font-weight: bold;
	width: 145px;
	height: 42px;
	background-color: #9CD648;
	background-image: url('image/title/title2.png');
	background-repeat: no-repeat;
	float: left;
	text-align: center;
	display: block;
}

#web_user {
	font-size: 9px;
	width: 190px;
	display: block;
	float: right;
	text-align: right;
	background:#1C1C1C url('image/title/title3.png') top left no-repeat;
	position: relative;
}

.addlogon {
	margin: 0px 3px 0px 5px;
	height: 62px;
	background-color: #979797;
	display: block;
	background-image: url('image/title/title4.png');
	background-repeat: no-repeat;
}




/* ----- WEB BODY ----- */
#web_left {
	width: 185px;
	float: left;
	display: block;
	clear: left;
}

#web_center {
	width: 565px;
	float: left;
	display: block;
}

#web_center_big {
	width: 750px;
	float: left;
	display: block;
}

#web_right {
	width: 185px;
	float: right;
	display: block;
}

#web_copyright {
	border-top: 1px solid #1E1E1E;
	padding-top: 3px;
	background-color: #2E2E2E;
	color: #FFFFFF;
	text-align: center;
	font-size: 10px;
	clear: both;
}



/* ----- MENU ----- */
.m_l {
	font-size: 1px;
	width: 1px;
	height: 22px;
	text-align: center;
	font-size: 5px;
	color: #C0C0C0;
	background-color: #979797;
	background-image: url("image/title/l.gif");
	background-repeat: no-repeat;
	float: left;
	display: block;
}

a.menu_off {
	color: #C0C0C0;
	background-color: #979797;
	background-image: url("image/title/m_off.gif");
	background-repeat: repeat-x;
	text-decoration: none;
	float: left;
	display: block;
	width: 73px;
	height: 22px;
	text-align: center;
	line-height: 19px;
	line-height: 2.1em;
}

a.menu_off:hover {
	color: #FFFFFF;
	background-color: #737373;
}

a.menu_on {
	color: #FFFFFF;
	background-color: #737373;
	text-decoration: none;
	float: left;
	display: block;
	width: 73px;
	height: 22px;
	text-align: center;
	line-height: 19px;
	line-height: 2.1em;
}

a.menu_on:hover {
	color: #FFFFFF;
	background-color: #A2A2A2;
}

.right {
	text-align: right;
}



/* ----- SUBMENU ----- */
a.s_off {
	color: #C0C0C0;
	text-decoration: none;
	margin-right: 25px;
	margin-left: 25px;
}

a.s_off:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

a.s_on {
	color: #8BC33C;
	text-decoration: underline;
	margin-right: 25px;
	margin-left: 25px;
}

a.s_on:hover {
	color: #FFFFFF;
}



/* ----- ACTION ----- */
a.act_0, a.act_1, a.act_2, a.act_3, a.act_4, a.act_5, a.act_6, a.act_7, a.act_8, a.act_9, a.act_10, a.act_12, .dct_0, .dct_1, .dct_2, .dct_3, .dct_4, .dct_5, .dct_6, .dct_7, .dct_8, .dct_9, .dct_10, .dct_11 {
	width: 33px;
	height: 33px;
	display: block;
	background-image: url("image/panel/action.gif");
	background-repeat: no-repeat;
	float: left;
	margin-right: 6px;
}


a.act_0 {
	background-position: 0 0;
}

a.act_0:hover {
	background-position: 0 -66px;
}

a.act_1 {
	background-position: -33px 0;
}

a.act_1:hover {
	background-position: -33px -66px;
}

a.act_2 {
	background-position: -66px 0;
}

a.act_2:hover {
	background-position: -66px -66px;
}

a.act_3 {
	background-position: -99px 0;
}

a.act_3:hover {
	background-position: -99px -66px;
}

a.act_4 {
	background-position: -132px 0;
}

a.act_4:hover {
	background-position: -132px -66px;
}

a.act_5 {
	background-position: -165px 0;
}

a.act_5:hover {
	background-position: -165px -66px;
}

a.act_6 {
	background-position: -198px 0;
}

a.act_6:hover {
	background-position: -198px -66px;
}

a.act_7 {
	background-position: -231px 0;
}

a.act_7:hover {
	background-position: -231px -66px;
}

a.act_8 {
	background-position: -264px 0;
}

a.act_8:hover {
	background-position: -264px -66px;
}

a.act_9 {
	background-position: -297px 0;
}

a.act_9:hover {
	background-position: -297px -66px;
}

a.act_10 {
	background-position: -330px 0;
}

a.act_10:hover {
	background-position: -330px -66px;
}

a.act_12 {
	background-position: -363px 0;
}

a.act_12:hover {
	background-position: -363px -66px;
}

.dct_0 {
	background-position: 0 -33px;
}

.dct_1 {
	background-position: -33px -33px;
}

.dct_2 {
	background-position: -66px -33px;
}

.dct_3 {
	background-position: -99px -33px;
}

.dct_4 {
	background-position: -132px -33px;
}

.dct_5 {
	background-position: -165px -33px;
}

.dct_6 {
	background-position: -198px -33px;
}

.dct_7 {
	background-position: -231px -33px;
}

.dct_8 {
	background-position: -264px -33px;
}

.dct_9 {
	background-position: -297px -33px;
}

.dct_10 {
	background-position: -297px -33px;
}

.dct_11 {
	background-position: 50px 50px;
}


/* ----- HOT ----- */
.hot_1, .hot_2, .hot_3, .hot_4, .hot_5 {
	width: 65px;
	height: 17px;
	display: block;
	background-image: url("image/panel/hot.gif");
	background-repeat: no-repeat;
}

.hot_1 {
	background-position: 0 0;
}

.hot_2 {
	background-position: 0 -17px;
}

.hot_3 {
	background-position: 0 -34px;
}

.hot_4 {
	background-position: 0 -51px;
}

.hot_5 {
	background-position: 0 -68px;
}



/* ----- FILTER ----- */
.filter { background-image:url('/image/panel/filter.bmp'); background-repeat:no-repeat; display: block; height: 32px; margin-right: 5px; margin-left: 5px; visibility: visible; }

a.filter_off { background-image:url('/image/panel/filter_button.bmp'); background-repeat:no-repeat; font-weight: bold; opacity: 0.3; filter:alpha(opacity=30); text-align: center; color: #000000; display: block; height: 18px; width: 65px; float: left; margin-top: 5px; margin-left: 26px; line-height: 1.5em; }
a.filter_off:hover { color: #000000; opacity: 0.8; filter:alpha(opacity=80); }

a.filter_on { background-image:url('/image/panel/filter_button.bmp'); background-repeat:no-repeat; font-weight: bold; opacity: 0.8; filter:alpha(opacity=80); text-align: center; color: #000000; display: block; height: 18px; width: 65px; float: left; margin-top: 5px; margin-left: 26px; line-height: 1.5em; }
a.filter_on:hover { color: #000000; }

a.flt_off { background-color: #000000; font-weight: bold; text-align: center; color: #FFFFFF; display: block; height: 20px; width: 100px; float: left; margin-left: 5px; line-height: 1.7em; }
a.flt_off:hover { color: #FFFFFF; background-color: #517322; }

a.flt_on { background-color: #8ACF2C; font-weight: bold; text-align: center; color: #000000; display: block; height: 20px; width: 100px; float: left; margin-left: 5px; line-height: 1.7em; }
a.flt_on:hover { color: #000000; }

a.filter_go { background-image:url('/image/input.gif'); background-repeat:no-repeat; font-weight: bold; text-align: center; color: #555555; line-height: 1.5em; display: block; height: 18px; width: 49px; float: right; margin-top: 5px; margin-right: 20px; cursor: pointer; cursor: hand; }

.filter_help { color: #000000; position: relative; font-size: 10px;  background-image: url('image/panel/bg_filter.bmp'); background-repeat: no-repeat; padding: 5px; margin-top: 5px; margin-left: 5px; margin-right: 5px; padding-left: 15px; display: block; }
a.error_close { display: block; width: 17px; height: 17px; background: url('/image/panel/function.gif') -17px 0 no-repeat; position: absolute; top: 3px; right: 3px; }
a.error_close:hover { background: url('/image/panel/function.gif') 0 0 no-repeat; }



/* ----- NAVIGATOR ----- */
#navigation { font-size: 11px; width: expression(document.body.clientWidth); height: 22px; display: block; position: fixed; bottom: 0; left: 0; right: 0; }
* html #navigation { position: absolute; overflow: visible; top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)); }
.navg_bar { background-image: url("image/navigator/bg.bmp"); background-repeat: repeat-x; margin: 0 auto; display: block; width: 935px; height: 22px; }
.navg_x { font-size: 1px; background-color: #000000; width: 1px; height: 22px; display: block; float: right; }
a.navg_r { background-repeat:no-repeat; background-position:center center; font-weight: bold; color: #333333; width: 30px; height: 22px; display: block; float: right; line-height: 1.9em; }
a.navg_r:hover { color: #FFFFFF; background-color: #829661; }
a.navg_l { background-repeat:no-repeat; background-position:center center; font-weight: bold; color: #DDDDDD; width: 30px; height: 22px; display: block; float: left; line-height: 1.9em; }
a.navg_l:hover { color: #FFFFFF; background-color: #737373; }
#navg_tooltip { opacity: 0.9; filter:alpha(opacity=90); color: #333333; display: none; position: absolute; overflow: hidden; visibility: hidden; background-image:url('/image/navigator/tooltip.gif'); background-repeat:no-repeat; height: 25px; position: fixed; bottom: 0; margin-bottom: 21px; left: 0; padding-right: 5px; padding-left: 5px; }
* html #navg_tooltip { position: absolute; top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)-21); }



/* ----- PROFIL TOOLTIP ----- */
#profil { text-align: left; opacity: 0.95; filter:alpha(opacity=99); color: #555555; display: none; position: absolute; background: url('/image/panel/tooltip_up.gif') left bottom no-repeat; left: 0px; top: 0px; padding: 5px; padding-bottom: 10px; }



/* ----- ODKAZY ----- */
a 			{ color: #FFFFFF; text-decoration: none;}
a:hover 		{ color: #A5F435; text-decoration: none;}
a.a_orange 		{ color: #E7A301; text-decoration: none;}
a.a_sub 		{ color: #DDDDDD; text-decoration: none;}
a.a_sub:hover 		{ color: #FFFFFF; text-decoration: none;}
a.a_sub_b 		{ color: #DDDDDD; text-decoration: none; font-weight: bold; }
a.a_sub_b:hover 	{ color: #FFFFFF; text-decoration: none; font-weight: bold; }
a.a_green 		{ color: #8BC33C; text-decoration: none;}
a.a_green:hover 	{ color: #CECECE; text-decoration: none;}
a.a_gmini 		{ color: #8BC33C; text-decoration: none; font-weight: bold; font-size: 9px; }
a.a_gmini:hover 	{ color: #CECECE; text-decoration: none;}
a.a_green2 		{ color: #91BC41; text-decoration: none;}
a.a_green2:hover 	{ color: #8BC33C; text-decoration: underline;}
a.a_red 		{ color: #FF2828; text-decoration: line-through;}
a.a_red:hover 		{ color: #FF0000; text-decoration: none;}
a.a_user 		{ color: #DDDDDD; text-decoration: underline;}
a.a_user:hover 		{ color: #FFFFFF; text-decoration: none;}
a.a_error 		{ color: #FF0000; text-decoration: none;}
a.a_error:hover 	{ color: #E7A301; text-decoration: none;}



/* ----- OTHER ----- */
.blue 			{ color: #6E90FF; }
.green 			{ color: #A5F435; }
.white 			{ color: #FFFFFF; }
.orange 		{ color: #E7A301; }
.red 			{ color: #FF2828; }
.gray 			{ color: #EDEDED; }

.mini_gray 		{ color: #888888; font-family: Arial; font-size: 9px; }

.b_yellow		{ background-color: #696A3D; }
.b_dark			{ background-color: #292929; }
.b_black		{ background-color: #5C5C5C; }
.b_gray			{ background-color: #737373; }
.b_red			{ background-color: #6A3D3D; }
.b_blue			{ background-color: #717EAA; }
.b_green		{ background-color: #B7DC78; color: 555555; }

.div_a			{ padding: 5px; }
.div_b			{ background-color: #737373; padding: 5px; }

.mini 			{ color: #555555; font-size: 5px; }
.mini_9 		{ font-size: 9px; }
.image_center 		{ vertical-align: middle; }
.center 		{ display: block; margin-left: auto; margin-right: auto; text-align: center; }
img 			{ margin:0; padding:0; border: 0; }
form 			{ margin: 0; padding: 0; }
p 			{ margin: 0; padding: 0; }
input 			{ margin: 0; padding: 0; }
textarea 		{ font-family: Tahoma; }
.hand			{ cursor: pointer; cursor: hand; }

.input_text 		{ color: #FFFFFF; font-size: 10px; width: 250px;		background-color: #909090; border: 1px solid #AAAAAA;}
.input_textarea 	{ color: #FFFFFF; font-size: 10px; width: 150px;		background-color: #909090; border: 1px solid #AAAAAA;}
.input_text_off 	{ color: #BCBCBC; font-size: 10px; 				background-color: #909090; border: 1px solid #AAAAAA;}
.input_textg 		{ color: #555555; font-size: 10px; width: 250px;		background-color: #B7DC78; border: 1px solid #DAFF9A;}
.input_text2 		{ color: #555555; font-size: 10px; width: 400px;		background-color: #909090; border: 1px solid #AAAAAA;}
.input_button 		{ color: #666666; font-weight: bold; font-size: 11px; 		background-color: #FFFFFF; background: url(image/input.gif); width: 49px; height: 18px; margin: 1px 0 0 0; border: none; cursor: pointer; cursor: hand; }
.input_button2 		{ color: #666666; font-weight: bold; font-size: 11px; 		background-color: #FFFFFF; background: url(image/button.gif); width: 80px; height: 18px; margin: 1px 0 0 0; border: none; cursor: pointer; cursor: hand; }
.input_sub 		{ color: #555555; font-size: 10px; width: 100px;		background-color: #909090; border: 1px solid #AAAAAA;}
.input_title 		{ color: #555555; font-size: 11px; font-weight: bold; width: 291px; background: transparent; border: 0px;}
.input_log 		{ color: #333333; font-size: 9px; width: 100px;			background-color: #909090; background: url(image/log_inp.gif); border: 1px solid #AAAAAA;}
.input_search 		{ color: #FFFFFF; font-weight: bold;  font-size: 11px; 		background-color: #B7DC78; background: url(image/search.gif); width: 27px; height: 16px; margin: 1px 0 0 0; border: none; }
.input_find 		{ color: #FFFFFF; font-weight: bold;  font-size: 11px; 		background-color: #B7DC78; background: url(image/find.gif); width: 27px; height: 16px; margin: 1px 0 0 0; border: none; }


.input_disabled 	{ color: #FFFFFF; font-size: 10px; width: 250px;		background-color: #AAAAAA; border: 1px solid #AAAAAA;}
.input_add 		{ color: #FFFFFF; font-weight: bold; font-size: 12px; width: 250px;		background-color: #909090; border: 1px solid #AAAAAA;}
.input_text_tg 		{ color: #A5F435; font-weight: bold; font-size: 12px; width: 250px;		background-color: #909090; border: 1px solid #AAAAAA;}
.input_addg 		{ color: #555555; font-weight: bold; font-size: 12px; width: 250px;		background-color: #B7DC78; border: 1px solid #DAFF9A;}
.input_add_off 		{ color: #BCBCBC; font-size: 12px; 				background-color: #909090; border: 1px solid #AAAAAA;}
.input_add_disabled 	{ font-weight: bold; font-size: 12px; background-color: #5C5C5C; border: 0;}


h4			{ font-weight: bold; display: inline; }
h3			{ font-size: 11px; font-weight: bold; display: inline; }
h2			{ font-size: 15px; display: inline; }
h1			{ font-size: 12px; font-weight: bold; display: inline; }



/* SEARCH */
.search_div 		{ margin-left: 258px; margin-top: 11px; }
.search_on 		{ color: #555555; position: absolute; width: 291px; height: 22px; opacity: 0.98; filter:alpha(opacity=98); background-color: #EEEEEE; text-align: left; z-index: 10; border: 1px solid #555555; border-top: 0px; font-weight: normal; }
.search_off 		{ position: absolute; overflow: hidden; z-index: -1; width: 1px; height: 1px; }
a.a_hot 		{ color: #555555; background-color: #FFFFFF; text-decoration: none; display: block; height: 22px; padding-left: 5px; padding-top: 3px; z-index: 12; }
a.a_hot:hover 		{ color: #555555; background-color: #EBFFCF; }


/* CHAT */
#scroll_chat 		{ position: absolute; width: 167px; height: 320px; overflow: hidden; }


/* NEWS */
tbody 		{ font-size: 11px; }
.news_img 	{ margin-left: 7px; float: left; width: 135px; background-image: url('image/panel/loading.gif'); background-repeat: no-repeat; background-position: center center; display: block; }
.news_txt 	{ float: left; width: 370px; display: block; }
.news_pages 	{ width: 505px; clear: left; text-align: right; font-weight: bold; }



.in_user		{ margin: 11px; }
.new_msg 		{ position: absolute; top: 3px; right: 4px; }
.new_comm 		{ position: absolute; top: 23px; right: 4px; }
.new_alert 		{ position: absolute; top: 43px; right: 4px; }



/* ----- PAGE ----- */
a.page_off {
	color: #E4E4E4;
	background-color: #6B6B6B;
	text-decoration: none;
	width: 25px;
	height: 13px;
	text-align: center;
	margin-left: 1px;
	display: block;
	float: left;
}

a.page_off:hover {
	color: #FFFFFF;
	background-color: #A2A2A2;
}

a.page_on {
	color: #555555;
	background-color: #B0D961;
	text-decoration: none;
	width: 25px;
	height: 13px;
	text-align: center;
	margin-left: 1px;
	display: block;
	float: left;
}

a.page_on:hover {
	color: #FFFFFF;
	background-color: #B0D961;
}

a.page {
	color: #FFFFFF;
	background-color: #A2A2A2;
	text-decoration: none;
}


//-- DESIGN DIV --
.s1 { border-left: 1px solid #333333; border-right: 1px solid #333333; display: block; margin-left: 5px; margin-right: 5px; height: 1px; font-size: 1px; overflow: hidden; background-color: #949494; }
.s2 { border-left: 1px solid #949494; border-right: 1px solid #949494; display: block; margin-left: 5px; margin-right: 5px; height: 1px; font-size: 1px; overflow: hidden; }
.s3 { border-left: 1px solid #949494; border-right: 1px solid #949494; display: block; margin-left: 5px; margin-right: 5px; }
.s_green, .s_red, .s_help, .s_black, .s_gray, .s_white { display: block; padding: 5px; margin-left: 1px; margin-right: 1px; position: relative; }

.sg { border: 1px solid #799052; }
.s_green { background-color: #B7DC78; border: 1px solid #9ED04A; color: #111111; }
.s_help { background-color: #B7DC78; border: 1px solid #9ED04A; color: #111111; padding-right: 23px; }
.sr { border: 1px solid #412525; }
.s_red { background-color: #6A3D3D; border: 1px solid #593333; padding-right: 23px; }
.sb { border: 1px solid #3B3B3B; }
.s_black { background-color: #4D4D4D; border: 1px solid #484848; color: #111111; }
.ss { border: 1px solid #3F3F3F; }
.s_gray { background-color: #5C5C5C; border: 1px solid #4D4D4D; }
.sw { border: 1px solid #4E4E4E; }
.s_white { background-color: #737373; border: 1px solid #616161; }






/* ----- SUB ----- */
.st0 {
	color: #FFFFFF;
	font-family: Sans-serif;
	font-size: 12px;
	background-color: #949494;
	background-image: url('image/panel/top_title.gif');
	background-repeat: repeat-x;
	display: block;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
}

.st1, .st2, .sx1, .sx2, .sx3, .sx01 { background-color: #5C5C5C; }
.st1 		{ height: 24px; background-image: url('image/panel/title.gif'); background-repeat: repeat-x; margin-left: 1px; margin-right: 1px; text-align: center; display: block; border-right: 1px solid #121212; border-left: 1px solid #121212; font-weight: bold; line-height: 1.8em; }
.st2 		{ height: 24px; background-image: url('image/panel/title.gif'); background-repeat: repeat-x; padding-left: 10px; margin-left: 1px; margin-right: 1px; text-align: left; display: block; border-right: 1px solid #121212; border-left: 1px solid #121212; font-weight: bold; line-height: 1.8em; }

.sf1 		{ font-size: 9px; height: 21px; background: url("image/panel/folder.gif") 0 0 no-repeat; margin-left: 5px; margin-right: 5px; margin-top: 10px; text-align: left; display: block; line-height: 2.0em; }
.sf2 		{ font-size: 9px; height: 21px; background: url("image/panel/folder.gif") 0 -22px no-repeat; margin-left: 5px; margin-right: 5px; margin-top: 10px; text-align: left; display: block; line-height: 2.0em; }
.sf3 		{ font-size: 9px; height: 21px; background: url("image/panel/folder.gif") 0 -44px no-repeat; margin-left: 5px; margin-right: 5px; margin-top: 10px; text-align: left; display: block; line-height: 2.0em; }


.sx0 		{ background-color: #121212; border: 1px solid #949494; border-top: 0px; display: block; margin-left: 5px; margin-right: 5px; }
.sx1 		{ padding: 7px; display: block; margin: 1px; margin-top: 0px; }
.sx2 		{ padding: 7px; display: block; margin: 1px; margin-top: 0px; margin-bottom: 0px; }
.sx3 		{ padding: 7px; display: block; margin: 1px; margin-top: 0px; background-image: url('image/panel/bg_text.gif'); background-repeat: repeat-x; background-position: bottom; position: relative; }
.sx00 		{ background-color: #121212; border: 1px solid #949494; display: block; margin-left: 5px; margin-right: 5px; margin-top: 10px; }
.sx01 		{ padding: 7px; display: block; margin: 1px; }
.sx_chat 	{ padding: 7px; display: block; margin: 1px; background-color: #2E2E2E; }
.sx02 		{ background-color: #737373; padding: 7px; display: block; margin: 1px; }
.sx_error 	{ background-color: #6A3D3D; padding: 7px; display: block; margin: 1px; color: #EEEEEE; position: relative; }
.sx_green 	{ color: #555555; background-color: #8ACF2C; background-image: url('image/panel/blink.gif'); padding: 7px; display: block; margin: 1px; margin-top: 0px; }
.sx_gray, .sub_disk { background-color: #737373; padding: 8px; border: 1px solid #868686; display: block; margin-top: 10px; }
.sx_black 	{ background-color: #3A3A3A; padding: 8px; border: 1px solid #868686; display: block; margin-top: 10px; }
.sx_keyboard 	{ background-color: #3A3A3A; height: 123px; background-image: url('image/keyboard/keyboard.gif'); background-repeat: no-repeat; background-position: center center; padding: 0px; border: 1px solid #868686; display: block; margin-top: 10px; }
.sx01_red 	{ background-color: #6A3D3D; padding: 7px; display: block; margin: 1px; }
.sx01_yellow 	{ background-color: #696A3D; padding: 7px; display: block; margin: 1px; }
.sx3_red 	{ background-color: #6A3D3D; padding: 7px; display: block; margin: 1px; margin-top: 0px; position: relative; }
.sx3_yellow 	{ background-color: #696A3D; padding: 7px; display: block; margin: 1px; margin-top: 0px; position: relative; }
.sx_pink 	{ background-color: #FF80FF; padding: 4px; display: block; margin: 1px; position: relative; }
.sx_code 	{ background-color: #4D4D4D; padding: 4px; border: 1px solid #404040; font-size: 10px;
 font-family: Monaco, 'Courier New', monospace; }
.sp 		{ background-color: #292929; padding: 2px; padding-left: 15px; display: block; margin: 1px; margin-top: 0px; }



/* ----- DISKUSION ----- */
.comm_red, .comm_black, .comm_orange, .comm_green, .comm_white, .comm_gray, .comm_blue, .comm_none, .disk_red, .disk_black, .disk_orange, .disk_green, .disk_white, .disk_gray, .disk_blue, .disk_none { padding: 5px; display: block; border: 1px solid #868686; margin-bottom: 4px; }
.disk_red, .disk_black, .disk_orange, .disk_green, .disk_white, .disk_gray, .disk_blue, .disk_none { margin-left: 5px; margin-right: 5px; }
.comm_blue, .disk_blue 		{ background-color: #717EAA; }
.comm_red, .disk_red 		{ background-color: #6A3D3D; }
.comm_black, .disk_black 	{ background-color: #3A3A3A; }
.comm_orange, .disk_orange 	{ color: #FFB546; background-color: #737373; }
.comm_green, .disk_green 	{ color: #A5F435; background-color: #737373; }
.comm_white, .disk_white 	{ background-color: #737373; }
.comm_gray, .disk_gray 		{ color: #BFBFBF; background-color: #737373; }
.comm_none, .disk_none 		{ color: #A5F435; }

.comm_textarea_on 	{ line-height: 15px; max-height: 250px; width: 406px; color: #FFFFFF; font-size: 11px; background-color: #909090; border: 1px solid #AAAAAA; font-family: Tahoma; }
.comm_textarea_off 	{ font-weight: bold; line-height: 15px; width: 406px; color: #CCCCCC; font-size: 11px; background-color: #909090; border: 1px solid #AAAAAA; font-family: Tahoma; }
.comm_img 	{ display: block; width: 38px; height: 38px; float: left; }
.comm_text 	{ display: block; width: 478px; float: right; position: relative; }
.disk_text 	{ display: block; width: 496px; float: right; position: relative; }
.comm_date 	{ color: #AEAEAE; }
.comm_clear 	{ display: block; clear: both; }


.detail_on, .data_on, .comm_on, .chat_on { display: block; opacity: 0.8; filter:alpha(opacity=80); }
.detail_on 	{ position: absolute; overflow: visible; visibility: visible; top: 0px; right: 0px; padding: 8px; }
.data_on 	{ border: 1px solid #B4B4B4; padding: 2px; background-color: #737373; }
.comm_on 	{ position: absolute; overflow: visible; visibility: visible; top: 0px; right: 0px; border: 1px solid #FFFFFF; padding: 2px; background-color: #BBBBBB; }
.chat_on 	{ position: absolute; overflow: visible; visibility: visible; top: 0px; right: 0px; border: 1px solid #FFFFFF; padding: 2px; background-color: #BBBBBB; }



/* ----- REKLAMA ----- */
.sub_banner 	{ background-color: #737373; padding: 3px; display: block; margin: 1px; }
.sub_addres 	{ color: #A5F435;  font-weight: bold; margin-left: 5px; margin-right: 5px; margin-top: 10px; }
.sub_reklama 	{ display: block; padding: 7px; color: #555555;  background-color: #B7DC78; border: 1px solid #868686; }
.links_show 	{ margin-left: 10px; position: static; overflow: visible; visibility: visible; }
.youtube_hotwar { display: block; position: absolute; top: 18px; right: 75px; }







.hidden 	{ display: none; position: absolute; overflow: hidden; visibility: hidden; }
.show 	{ display: block; position: relative; overflow: visible; visibility: visible; }
.sub_help 	{ font-size: 10px; background-color: #737373;  background-image: url('image/panel/bg_help.gif'); background-repeat: no-repeat; padding: 5px; padding-left: 15px; display: block; }







.detail_noactive 	{ color: #555555;  				background-color: #EADCD4; 											padding: 8px; border: 1px solid #D1D1D1; display: block; margin-left: 5px; margin-right: 5px; }
.detail_noactive2 	{ color: #555555;  				background-color: #D5EAD4; 											padding: 8px; border: 1px solid #D1D1D1; display: block; margin-left: 5px; margin-right: 5px; }
.detail 		{ border: 1px solid #D1D1D1; display: block; margin-left: 5px; margin-right: 5px; }
.detail 		{  background-color: #F6F6F6; padding: 8px; display: block; margin: 1px; }






.sub_text_noactive 	{  background-color: #EADCD4; 											padding: 8px; border: 1px solid #D1D1D1; border-top: 0px; display: block; margin-left: 5px; margin-right: 5px; }
.sub_text_noactive2 	{  background-color: #D5EAD4; 											padding: 8px; border: 1px solid #D1D1D1; border-top: 0px; display: block; margin-left: 5px; margin-right: 5px; }
.sub_detail 		{  background-color: #F6F6F6; 											padding: 8px; border: 1px solid #D1D1D1; display: block; margin-left: 5px; margin-right: 5px; }
.sub_chat 		{ font-size: 12px; background-color: #F6F6F6; 											padding: 8px; border: 1px solid #D1D1D1; display: block; margin-left: 5px; margin-right: 5px; }
.sub_green 		{ color: #555555; font-size: 8px; 				background-color: #EBFFD8; 											padding: 2px; border: 1px solid #D1D1D1; display: block; margin: 0px; }


.sub_pozn 		{ color: #555555;     			background-color: #ECEDEC; background-image: url('image/ico/ico_pozn.gif'); background-repeat: no-repeat; 	padding: 8px; padding-left: 25px; border: 1px solid #D1D1D1; display: block; margin-left: 5px; margin-right: 5px; margin-top: 10px; }
.sub_down 		{ color: #555555;     			background-color: #D1FF79; 											padding: 8px; 			  border: 1px solid #D1D1D1; display: block; margin-left: 5px; margin-right: 5px; margin-top: 10px; }
.sub_trai 		{ color: #555555;  width: 445px;    	background-color: #ECEDEC; 											padding: 8px; border: 1px solid #D1D1D1;  display: block; margin-left: 5px; margin-right: 5px; margin-top: 10px; }
.sub_other 		{ color: #555555;  			background-color: #ECEDEC; 											padding: 8px; border: 1px solid #D1D1D1;  display: block; margin-left: 5px; margin-right: 5px; margin-top: 10px; }


.sub_load 		{ background-image: url('image/panel/loading.gif'); background-repeat: no-repeat; background-position: center center; }
.sub_link 		{ color: #8BC33C; text-decoration: underline; cursor: pointer; }
.sub_off 		{ visibility: hidden;  position: absolute; left: 0px; top: 0px; }
.sub_on 		{ visibility: visible; }
.sub_text_on 		{ visibility: visible; color: #555555;     	background-color: #F6F6F6; 											padding: 8px; border: 1px solid #D1D1D1; border-top: 0px; display: block; margin-left: 5px; margin-right: 5px; }
.sub_text_green 	{ visibility: visible; color: #555555;     	background-color: #EBFFD8; 											padding: 8px; border: 1px solid #D1D1D1; border-top: 0px; display: block; margin-left: 5px; margin-right: 5px; }
.sub_green 		{ color: #555555; font-size: 10px; 				background-color: #EBFFD8; 											padding: 8px; border: 1px solid #D1D1D1; display: block; margin-left: 5px; margin-right: 5px; }


/* HRY-ONLINE */
.sub_section 		{ display: block; margin-left: 5px; margin-right: 5px; }
.sub_section_l 		{ width: 185px; display: block; float: left }
.sub_section_r 		{ width: 178px; display: block; margin-left: 10px; }
.sub_section_e 		{ clear: both; }
.sub_title_mini 	{ color: #FFFFFF;   height: 23px;  	background-color: #B9B9B9; background-image: url('image/sub_title2.gif'); background-repeat: repeat-x; 		padding-left: 20px; display: block; border-right: 1px solid #A8A8A8; border-left: 1px solid #A8A8A8; font-weight: bold; line-height: 1.8em; }
.sub_text_mini 		{ color: #555555;     			background-color: #F6F6F6; 											padding: 8px; border: 1px solid #D1D1D1; border-top: 0px; display: block; }


/* ----- ANKET ----- */
.anket_1 		{ width: 110px; float: left; display: block; vertical-align: middle; }
.anket_2 		{ width:  44px; float: left; display: block; text-align: right; }
.anket_3 		{ clear: left; }

/* ----- TOP ----- */
.top_1 			{ font-size: 12px; }
.top_2 			{ font-size: 20px; }
.top_3 			{ font-size: 15px; }
.top_4 			{ font-size: 9px; }
.top_5 			{ font-size: 16px; }
.top_6 			{ font-size: 11px; }
.top_7 			{ font-size: 19px; }
.top_8 			{ font-size: 15px; }
.top_9 			{ font-size: 10px; }
.top_10 		{ font-size: 12px; }

/* ----- DOSTUPNOST ----- */
.d_0, .d_1, .d_2, .d_3, .d_4, .d_5, .d_6, .d_7, .d_8, .d_9, .d_10 { width: 18px; height: 42px; display: block; }
.d_0 			{ background: url("image/dostupnost.gif") 0 0 no-repeat; }
.d_1 			{ background: url("image/dostupnost.gif") -19px 0 no-repeat; }
.d_2 			{ background: url("image/dostupnost.gif") -38px 0 no-repeat; }
.d_3 			{ background: url("image/dostupnost.gif") -57px 0 no-repeat; }
.d_4 			{ background: url("image/dostupnost.gif") -76px 0 no-repeat; }
.d_5 			{ background: url("image/dostupnost.gif") -95px 0 no-repeat; }
.d_6 			{ background: url("image/dostupnost.gif") -114px 0 no-repeat; }
.d_7 			{ background: url("image/dostupnost.gif") -133px 0 no-repeat; }
.d_8 			{ background: url("image/dostupnost.gif") -152px 0 no-repeat; }
.d_9 			{ background: url("image/dostupnost.gif") -171px 0 no-repeat; }
.d_10 			{ background: url("image/dostupnost.gif") -190px 0 no-repeat; }

/* ----- PERCENTO VYPLNENIA ----- */
.pv_0, .pv_1, .pv_2, .pv_3, .pv_4, .pv_5, .pv_6, .pv_7 { font-size: 17px; width: 61px; height: 61px; display: block; font-weight: bold; text-align: center; }
.pv_0 			{ background: url("image/panel/percento.gif") 0 0 no-repeat; }
.pv_1 			{ background: url("image/panel/percento.gif") -62px 0 no-repeat; }
.pv_2 			{ background: url("image/panel/percento.gif") -124px 0 no-repeat; }
.pv_3 			{ background: url("image/panel/percento.gif") -186px 0 no-repeat; }
.pv_4 			{ background: url("image/panel/percento.gif") -248px 0 no-repeat; }
.pv_5 			{ background: url("image/panel/percento.gif") -310px 0 no-repeat; }
.pv_6 			{ background: url("image/panel/percento.gif") -372px 0 no-repeat; }
.pv_7 			{ background: url("image/panel/percento.gif") -434px 0 no-repeat; }

/* NEWS */
.game_news_title 	{ color: #FFFFFF; font-size: 12px; width: 265px; height: 23px;  	background-color: #B9B9B9; background-image: url('image/sub_title2.gif'); background-repeat: repeat-x; 		float: left; display: block; margin-left: 5px; margin-right: 5px; margin-top: 10px; border-right: 1px solid #A8A8A8; border-left: 1px solid #A8A8A8; font-weight: bold; line-height: 1.8em; text-align: center; }
.movie_news_title 	{ color: #FFFFFF; font-size: 12px; width: 265px; height: 23px;  	background-color: #B9B9B9; background-image: url('image/sub_title2.gif'); background-repeat: repeat-x; 		float: right; display: block; margin-left: 5px; margin-right: 5px; margin-top: 10px; border-right: 1px solid #A8A8A8; border-left: 1px solid #A8A8A8; font-weight: bold; line-height: 1.8em; text-align: center; }
.game_news_text 	{ color: #555555; font-size: 10px; width: 265px;    			background-color: #F6F6F6; 											float: left; border: 1px solid #D1D1D1; border-top: 0px; display: block; margin-left: 5px; margin-right: 5px; }
.movie_news_text 	{ color: #555555; font-size: 10px; width: 265px;    			background-color: #F6F6F6; 											float: right; border: 1px solid #D1D1D1; border-top: 0px; display: block; margin-left: 5px; margin-right: 5px; }
.news_text 		{ display: block; margin-left: 5px; margin-right: 5px; }




.obal_1, .obal_10  	{ display: block; margin: 0px; margin-left: 5px; margin-right: 5px; }
.obal_1 	{ margin-top: 1px; }
.obal_10 	{ margin-top: 10px; }
.line_light, .line_white, .line_gray, .line_black, .line_red, .line_yellow, .line_green, .line_blue, .line_white_gray, .line_white_green, .line_white_orange, .line_green_light 	{ height: 1px; font-size: 1px; padding: 0px; margin-left: 1px; margin-right: 1px; display: block; }

.jadro_title_green 	{ border: 1px solid #343434; background: #7DB152 url("image/panel/green.bmp") -200px 0 repeat-x; font-weight: bold; font-family: Sans-serif; font-size: 12px; }
.jadro_title, .jadro_top 	{ border: 1px solid #343434; background: #484848 url("image/panel/title2.gif") 0 0 repeat-x; font-weight: bold; font-family: Sans-serif; font-size: 12px; }
.jadro_title, .jadro_title_green 	{ text-align: center; }
.line_light 	{ background-color: #696969; }
.jadro_light 	{ border: 1px solid #696969; background-color: #737373; }
.line_white, .line_white_gray, .line_white_green, .line_white_orange  	{ background-color: #4D4D4D; }
.jadro_white, .jadro_white_gray, .jadro_white_green, .jadro_white_orange 	{ border: 1px solid #4D4D4D; background-color: #5C5C5C; }
.line_gray 	{ background-color: #343434; }
.jadro_gray 	{ border: 1px solid #343434; background-color: #484848; }
.line_black 	{ background-color: #232323; }
.jadro_black 	{ border: 1px solid #232323; background-color: #292929; }
.line_red 	{ background-color: #5C3434; }
.jadro_red 	{ border: 1px solid #5C3434; background-color: #6A3D3D; }
.line_yellow 	{ background-color: #696A3D; }
.jadro_yellow 	{ border: 1px solid #696A3D; background-color: #696A3D; }
.line_green 	{ background-color: #477D12; }
.jadro_green 	{ border: 1px solid #477D12; background: #6C9245 url('/image/panel/green.bmp') 0 0 no-repeat;  }
.line_blue 	{ background-color: #232323; }
.jadro_blue 	{ border: 1px solid #232323; background-color: #292929; }
.line_green_light 	{ background-color: #9DBE65; }
.jadro_green_light 	{ border: 1px solid #9DBE65; background-color: #B7DC78; }
.jadro_line 	{ padding: 8px; border: 1px dashed #343434; margin: 5px; margin-top: 1px; }

.jadro_light, .jadro_title, .jadro_title_green, .jadro_top, .jadro_white, .jadro_gray, .jadro_black, .jadro_red, .jadro_yellow, .jadro_green, .jadro_blue, .jadro_white_gray, .jadro_white_green, .jadro_white_orange, .jadro_green_light 	{ border-top: 0px; border-bottom: 0px; padding: 3px; position: relative; display: block; }
.jadro_top 	{ padding-left: 8px; }
.jadro_white_gray { color: #BFBFBF; }
.jadro_white_green { color: #A5F435; }
.jadro_white_orange { color: #FFB546; }




.closeOver { display: block; width: 17px; height: 17px; background: url('/image/panel/function.gif') 0 0 no-repeat; margin-bottom: 5px; }
.closeOut { display: block; width: 17px; height: 17px; background: url('/image/panel/function.gif') -17px 0 no-repeat; margin-bottom: 5px; }
.allert { text-align: right; padding: 5px; color: #FFFFFF; display: block; position: fixed; background-color: #333333; min-width: 370px; }
.blackscreen { display: block; position: absolute; opacity: 0.9; filter:alpha(opacity=90); background-color: #000000; top: 0px; left: 0px; height: 100%; width: 100%; margin:0 0 0 0; }