﻿body { margin: 0px; background-color: #CDCDCD; color: #3A3A3A; background-image: url('images/bg.gif'); font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
a { color: #353535; text-decoration: none; }
a:hover { color: #FA3605; text-decoration: none; }
a:visited { color: #464646; text-decoration: none; }
hr { color: #4B4B4B; height: 1px; }
ul, li, p, td { font-size: 11px; }
.tablehead { border-bottom: 1px solid #2D2D2D; background-color: #e8e8e8; color: #4B4B4B; }
.tablebottom { padding: 5px; border-bottom: 1px solid #000000; border-top: 1px solid #777777; background-color: #2E2E2E; color: #C0C0C0; }
.tablebottom a, .tablebottom a:visited { color: #EFEFEF; text-decoration: none; }
.tablebottom a:hover { color: #FF8040; text-decoration: none; }
.bordercolor { background-color: #C0C0C0; }
.tablebgcolor { background-color: #ffffff; }
.navbar { padding: 5px; border-bottom: 1px solid #777777; border-top: 1px solid #777777; background-color: #2E2E2E; color: #C0C0C0; }
.navbar a { color: #EFEFEF; }
.navbar a:visited { color: #EFEFEF; }
.navbar a:hover { color: #FF8040; }
.row1 { padding: 3px; background-color: #FFFFFF; color: #4B4B4B; }
.row2 { padding: 3px; background-color: #E0E0E0; color: #4B4B4B; }
.head1 {
	background: url(body_panel2_bg.gif) no-repeat;
	width: 572px;
	height: 41px;
	margin: 0 auto;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 13px;
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}
.head2 {
	padding-left: 30px;
	background-color: #838383;
	color: #ffffff;
	width: 186px;
	height: 40px;
	background: url(images/sidebar_h2.gif) no-repeat;
	background-position: left;
	font-size: 14px;
	font-weight: bold;
}
.rateform_smilies img {
 filter: alpha(opacity=30);
 -moz-opacity: 0.3;
 opacity: 0.3;
 background-color: #;
}
#resize {
height:95px;
overflow: hidden;
width: 95px;

}#resize img {
height:95px;
overflow: hidden;
width: 95px;
max-height:95px;
max-width:95;
}
.rateform_smilies:hover img {
 filter: alpha(opacity=100);
 -moz-opacity: 1;
 opacity: 1;
 background-color: #;
}

.rateform_smilies:active img {
 filter: alpha(opacity=100);
 -moz-opacity: 1;
 opacity: 1;
 background-color: #;
}
/*Definition for state toggling image */

.title { color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 15px; font-weight: bold; }
.clickstream { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.smalltext { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-weight: normal; }
.marktext { color: #FF0000; background-color: #ffffff; }
.new { color: #9AEBFF; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
form { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.logininput { width: 160px; border: 1px inset #F5F5F5; padding: 2px; margin-left: 4px; background-color: #F5F5F5; color: #646464; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.searchinput { width: 130px; background-color: #FFFFFF; color: #0f5475; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.textarea { width: 230px; color: #0f5475; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.input { width: 230px; color: #0f5475; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.select { color: #0f5475; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.setperpageselect { color: #0f5475; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.categoryselect { color: #0f5475; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.dropdownmarker { background-color: #EEEEEE; color: #136c99; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.button { color: #2D2D2D; font-family: Tahoma,Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.catbgcolor { background-color: #F0F0F0; }
.maincat {
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: lighter;
}
.subcat { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-weight: bold; }
.imagerow1 { padding: 7px; color: #4B4B4B; }
.imagerow2 { background-color: #ffffff; color: #4B4B4B; }
.commentrow1 { background-color: #e1e1e1; color: #4B4B4B; }
.commentrow2 { background-color: #efefef; color: #4B4B4B; }
.commentspacerrow { background-color: #d1d1d1; color: #4B4B4B; }
.commenttextarea { width: 270px; color: #0f5475; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.commentinput { width: 270px; color: #0f5475; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.pic { border: 0; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135, strength=1)    progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
.okvir { width: 1000px; }
.left { background-color: #F0F0F0; }
.thumb { border: 1px solid #BBBBBB; background-color: #F5F5F5; cursor: hand; height: 200px; }
.thumb2 { border: 1px solid #838383; background-color: #E0E0E0; height: 200px; }
#categories a { padding-left: 7px; padding-top: 1px; padding-bottom: 1px; padding-right: 3px; border: 1px solid #CFCFCF; display: block; color: #172033; }
#categories a:hover { border: 1px solid #9A9A9A; background-color: #E2E2E2; color: #C02105; text-decoration: none; }
	#newsblock { width:100%px; height:200px; padding:5px; background-color:#F0F0F0; }
	#newsblock .news { display:block; color:#777; font:11px "Tahoma", georgia; text-decoration:none }
	#newsblock .news:hover { color:#f51361; }
		#newsblock .hot { float:left; width:10px; height:200px; margin-right:5px; }
	#newsblock .hot a { margin-top:135px; padding:5px; position:absolute; z-index:99; display:block; width:290px; text-decoration:none; font:12px "Trebuchet MS", "MS Sans Serif", georgia; color:#ccc; line-height:13px; }

.box_back { padding: 2px; color: #4B4B4B; }
#copyright { padding: 0; margin: 0; text-align: left; white-space: nowrap; }
#copyright br { display: none; }
#page {
	width:1000px;
	margin:0 auto;
}
#menu {
	width:100%;
	height:59px;
	background:url(menu_bg.gif) no-repeat;
}
#menu_left {
	float:left;
}
#menu_right {
	float:right;
	text-align:right;
}
#menu_left ul {
	margin-left:19px;
	padding-top:8px;
}
#menu_left ul li {
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#d2d2d2;
	line-height:25px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:1px;
}
#menu_left ul li a {
	color:#d2d2d2;
	font-weight:bold;
	padding:10px 5px;
}
#menu_left ul li a:hover {
	color:#fff;
	background-color:#0072BC;
	text-decoration:none;
	-moz-border-radius:3px;
}
#menu_right {
	margin-top:3px;
	color:#c0c0c0;
	margin-right:12px;
}
#search_input {
	background:none;
	border:0;
	color:#ccc;
	font-family:Tahoma;
	font-size:18px;
	line-height:15px;
	width:250px;
	margin-right:5px;
*/	top:8px;
	position:relative;*/
	height:25px;
}
#search_input2 {
	color:#000;
	font-weight:bold;
	background:none;
	border:0;
*/	top:8px;
	position:relative;*/
	font-family:Tahoma;
	font-size:18px;
	line-height:15px;
	width:250px;
	margin-right:5px;

	height:25px;
}
#subsearch_input {
	position:relative;
	top:12px;
}
#header {
	width:100%;
	height:131px;
	background:url(header_bg.gif) no-repeat;
}
#header_left {
	float:left;
	width:231px;
	padding:25px 0 0 20px;
}
#header_right {
	float:left;
}
#header_ads {
	padding-top:25px;
}
#body {
	width:100%;
	background:url(body_bg.gif) repeat-y;
}
#body_top {
	width:100%;
	background:url(body_top_bg.gif) no-repeat;
	padding-top:18px;
}
#body_left {
	float:left;
	width:195px;
}
#body_center {
	float:left;
	width:609px;
}
#body_right {
	float:right;
	width:196px;
}
#left_pad {
	width:186px;
	margin-left:9px;
}
.sidebar h2 {
	width:186px;
	height:40px;
	background:url(sidebar_h2.gif) no-repeat;
}
.sidebar h2 span {
	color:#ffffff;
	font-size:15px;
	margin-left:38px;
	position:relative;
	top:8px;
}
.sidebar ul {
	width:186px;
	background:#f0f0f0 url(sidebar_ul.gif) no-repeat left bottom;
	padding-bottom:10px;
	padding-top:5px;
	margin-bottom:15px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.sidebar li {
	background:url(dotted_grey.gif) repeat-x left bottom;
	padding-bottom:6px;
	padding-top:6px;
	margin-left:10px;
	margin-right:5px;
}
.sidebar li a {
	color:#4b4b4b;
}
.sidebar ul.navigation li {
	padding-left:0px;
}
.sidebar ul.navigation li.alt {
	padding-left:5px;
}
.sidebar ul.navigation li a {
	background:url(sidebar_a_menu.gif) no-repeat left 5px;
	padding-left:10px;
	font-weight:bold;
}
.sidebar ul.navigation li.alt a {
	background:url(sidebar_a_menu.gif) no-repeat left 5px;
	padding-left:10px;
	font-weight:normal;
}
.sidebar ul.tops li {
	padding-left:0px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.sidebar ul.tops li a {
	background:url(sidebar_a_top.gif) no-repeat left 3px;
	padding-left:8px;
}
#center_pad {
	width:572px;
	margin-left:18px;
}
.body_panel {
	background:url(body_panel_bg.gif) no-repeat;
	width:572px;
	height:41px;
	margin:0 auto;
	float:left;
	margin-bottom:8px;
}
.body_panel_left {
	float:left;
	width:153px;
}
.body_panel_right {
	float:right;
	text-align:right;
	padding-right:10px;
}
.body_panel_left h3 {
	color:#FFFFFF;
	font-size:19px;
	font-weight:normal;
	text-align:left;
	padding:8px;
	width:600px;
}
.body_panel_right {
	font-size:12px;
	font-weight:bold;
	padding-top:15px;
}
.body_panel_right a{
	color:#fff;
}
.body_item_img {
	float:left;
}
.body_item {
	height:125px;
	overflow:hidden;
	float:left;
	width:143px;
}
.body_item_data {
	text-align:center;
	margin-top:100px;
}
.body_item_img img {
	padding:3px;
	background-color:#F0F0F0;
	border:0;
	margin-left:7px;
}
.body_item_img img:hover {
	background-color:#003663;
}
.body_item_data a {
	font-size:10px;
	font-weight:bold;
}
#body_panel2 {
	background:url(body_panel2_bg.gif) no-repeat;
	width:572px;
	height:41px;
	margin:0 auto;
	margin-bottom:20px;
}
#body_panel2_left {
	float:left;
}
#body_panel2_right {
	float:right;
}
#body_panel2 h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	padding-top:13px;
}
#body_panel2 h3 a {
	font-weight:bold;
	color:#FFFFFF;
}
#body_panel2_left h3 {
	margin-left:14px;
}
#body_panel2_right h3 {
	padding-right:12px;
}
#body_panel2_right h3 span {
	padding-right:15px;
	padding-left:26px;
}
#inside_box {
	width:572px;
	margin:0 auto;
}
#inside_box_left {
	float:left;
	width:170px;
}
#inside_box_right {
	float:right;
	width:402px;
}
#inside_box_images {
	margin-left:2px;
}
#inside_box_images img {
	border:1px dashed #cccccc;
	float:left;
	margin-right:12px;
	margin-bottom:10px;
}
#inside_box_player {
	margin-right:2px;
}
#inside_code {
	text-align:center;
	margin-top:25px;
}
#inside_code p {
	font-size : 20px;
	color :#000000;
	padding-bottom : 10px;
}
#inside_code textarea {
	width:400px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	overflow:auto;
}
#inside_code_1 {
	height:40px;
	margin-bottom:10px;
}
#inside_code_2 {
	height:80px;
}

#right_pad {
	width:186px;
}

#footer {
	width:100%;
	height:84px;
	background:url(footer_bg.gif) no-repeat;
	text-align:center;
	color:#8e8e8e;
	line-height:18px;
}
#footer a {
	font-weight:bold;
	color:#8e8e8e;
}
#footer ul {
	padding-top:20px;
}
#footer ul li {
	display:inline;
}

.page {
	float:right;
	width:550px;
	margin-right:10px;
	margin-bottom:5px;
}
.page li {
	float:left;
	padding:4px 6px;
	display:block;
	border:1px solid #ccc;
	margin-left:2px;
	font-weight:bold;
}
.page li.active {
	background-color:#0072BC;
	color:#fff;
}
.page li:hover {
	background-color:#0072BC;
	color:#ffffff;
}
.page span {
	float:left;
	font-weight:bold;
	padding-top:5px;
}

.content {
	padding:5px;
	float:left;
	background-color:#F3F3F3;
	width:563px;
	margin-bottom:10px;
}
.playerx {
	float:left;
	background-color:#F3F3F3;
}
.details {
	padding:5px;
	float:left;
	background-color:#F3F3F3;
	width:563px;
	margin-bottom:10px;
}

.kisim-top{
	width:60px;
	height:24px;
	margin-bottom:5px;
	background:url(kisimbar.gif) left top no-repeat;
	margin-left:4px;
	text-align: center;
	float:left;
}
.kisim-selected{
	width:60px;
	height:24px;
	margin-bottom:5px;
	background:url(kisimbarcurrent.gif) left top no-repeat;
	margin-left:4px;
	text-align: center;
	float:left;
}
.white-text {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 24px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;

}