@CHARSET "UTF-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,
ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,
td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{color:#373737;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
body { font-family: Arial, Tahoma, Verdana, sans; font-size: 12px;color: #373737; }
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #333;
	font-size:0.9em;
	background-color: black;
	-moz-border-radius:7px;
	-moz-opacity:0.8;
	opacity:0.8;
	color:white;
	font-size: 13px;
	font-family: "Trebuchet MS";
	padding: 5px 10px 5px 10px;
	
}
#tooltip h3, #tooltip div { margin: 0; color: #fff; text-decoration: none;}
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 490;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 500;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 510;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 87px; 
	float: right;
	padding-bottom: 0.7em;	
	
}

body {
	background: url('../graf/start/bottom-back.png') repeat-x;
	background-position: 0 100%;
	margin: 0; padding: 0;
	font-size: 12px;
	font-family: "Trebuchet MS", arial;
}

input { border: 0 !important; }
h2 { color: #7a8507; font-size: 16px; margin-top: 11px; font-family: "Trebuchet MS"; margin-bottom: 8px; }
a { text-decoration: underline; color: #7A8507;}

.clear { clear:both;height:0}
.floatleft {float:left;}
.floatright {float:right}
.sessions { margin-left: -1px; }
.green-c {color:#7a8507;}
.red-c {color:#df3f00;}
.blue-c {color:#2399bd;}
.light-blue {color:#5AA9C3;}
.header-blue {font-size:140%;color:#2399bd;}
.header-green {font-size:140%;color:#7a8507;}
.green-button {display: block;float: left;height: 23px;background: url('../graf/start/green_button_left.png') no-repeat top left;}
.green-button input,.green-button span {display: block;float:left;height:23px;padding:0 4px 3px 4px;background: url('../graf/start/green_button_right.png') no-repeat top right;color:white;border: none;}
.blue-button {display:block;float:left;height:23px;background: url('../graf/start/blue_button_left.png') no-repeat top left;}
.blue-button input,.blue-button span {display: block;float:left;height:23px;padding:0 4px 3px 4px;background: url('../graf/start/blue_button_right.png') no-repeat top right;color:white;border: none;font-weight:bold;line-height:23px;}
/** CONTENT **/
#all-page {width: 100%;background: url('../graf/start/top-back.png') 0 0 repeat-x;}
#top { height: 151px; position: relative; }
#center-div { width: 999px; margin: 0 auto;padding-bottom:10px;min-height: 800px;}
* html #center-div { height: 800px; }

/** GORA **/
#top-links { position: absolute; left: 312px; top:0;}
#top-links a {  display: block; float: right; text-align: center; color: #eef2ec; text-decoration: none; line-height: 25px;}
#brown-link { background: url('../graf/start/zakladka1.png') 0 0 no-repeat; width: 148px; height: 30px;}
#blue-link { background: url('../graf/start/zakladka2.png') 0 0 no-repeat; width: 141px; height: 30px; margin-left: -9px;}
#green-link { background: url('../graf/start/zakladka3.png') 0 0 no-repeat; width: 161px; height: 30px; margin-left: -12px;}

#top-fileds {position:relative;}
#logo { position: absolute; top: 31px; left: 65px; }
#login-form { position:absolute;top:80px; left: 390px; }
#top-fileds .options { position:absolute;top:115px; left:550px;}
#login-form #login-field {width:99px;height:19px;float;left;padding:6px 5px 6px 40px;margin:0 10px 0 0;background: url('../graf/start/login_bg.png') no-repeat;border: 0 #fff none !important;color:#7a8507;}
#login-form .gen_inpt {width:103px;height:17px;padding:3px 5px;background: url('../graf/start/gen_inpt_bg.png') no-repeat;border:none;color:#7a8507;float:left;height:19px;padding:6px 5px;background-position: 0 2px;}
#login-form .green-button {float:left;margin-left:10px;}
#top-fileds #register { text-decoration: underline; }
#top-fileds .tv { position:absolute;top:24px;right:49px; }
#wantlogin { position:absolute; top: 127px; right: 212px; color: #7a8608; font-weight: bold; }
#wantlogin a { color: #2399bd; font-weight: bold; }

#footer{background:url('../graf/main/b.png') 0px 0 repeat-x;border-top:1px solid #5ab7d5}#footer #links-in{margin:0 auto;height:180px;width:999px;padding-top:20px;line-height:17px}#footer #links-in a{color:#363636;text-decoration:none;font-size:11px}#footer #links-in a:hover{ text-decoration:underline !important}#footer #links-in h2{color:#fff;font-family:"Trebuchet MS";font-size:19px;margin-bottom:15px}#footer #links-in div{float:left;width:228px;height:157px;border-left:1px #95cddf solid;padding-left:20px}#footer #links-in div.cities{width:207px}#footer #links-in div.users{width:217px}#footer #links-in div.portal{width:217px}#footer #links-in div img{margin-top:8px}#footer .bottom{background-color:#363636;height:180px;color:#5aa9c3}#footer .bottom a{color:#fff;text-decoration:none}#footer .bottom .float-right a{padding:0 5px}#footer .bottom .center{width:999px;text-align:left}#footer .bottom .center .ue-logos{padding-top:20px;width:100%;text-align:center}#footer .bottom .center .ue-logos p{font-size:8pt;line-height:31px;height:31px;margin-top:15px;color:#a1a3a7;background:url('../graf/ue_loga_border.png') no-repeat 90px 0;}#footer .bottom .center .float-left{padding-top:20px}#footer .bottom .center .float-right{padding-top:27px}

#online-box { height: 130px;  margin-top: 20px; clear: both;}
#online-box .left-corner, #online-box .right-corner { height: 130px; float: left; background: url('../graf/main/sliders2.gif') 0 0 no-repeat; width: 60px; text-decoration: none;}
#online-box .right-corner { background-position: 0 -130px;  float: right;}
#online-box #online-slider { height: 114px; border-top: 1px #d9e1d3 solid; border-bottom: 1px #d9e1d3 solid; width: 879px; float: left; background-color: #f1f2f0; overflow: hidden; padding-top: 14px; line-height: 100px;}

#middle { margin-top: 20px;}
#middle #left {width: 180px; float: left;}
#middle #content { width: 810px; float: right;}

.clear { clear: both; }

#left .box { width: 170px; }
#left h2.header { background: #e6ebe3; border: 1px #ced8c7 solid; height: 42px; color: #7a8507; font-size: 19px; line-height: 42px; padding-left: 14px; letter-spacing: -1px; text-shadow: 1px 1px 0px #ffffff; filter: progid:DXImageTransform.Microsoft.DropShadow(color=#ffffff, offX=1, offY=1, positive=true); margin-bottom: 0;}
#left .box .content { width: 168px; border-left: 1px #ced8c7 solid; border-right:  1px #ced8c7 solid; background: #e6ebe3; padding-top: 9px;}
#left .box .bottom { background: url('../graf/main/i.png') -154px -48px no-repeat; height: 12px; margin-bottom: 20px;}
div.center { text-align: center; }
a.button:hover{background:url('../graf/main/b3.png') 100% -204px no-repeat}a.button:hover span{background:url('../graf/main/b3.png') -200px -204px no-repeat}
a.button span { display: inline-block; height: 23px;padding-left: 22px; background: url('../graf/main/i.png') 0 -25px no-repeat; font-weight: bold; line-height: 20px; margin: 0 auto;}
a.button { display: inline-block; height: 23px; background: url('../graf/main/i.png') 92% -52px no-repeat; padding-right: 22px; color: #fff; text-decoration: none;}



#content .box .title {display: block;  border-top:1px solid #ced8c7; border-bottom: 1px solid #ced8c7;background-color: #e6ebe3; height: 42px; color: #7a8507; padding-left: 17px; margin-bottom: 20px; overflow: hidden;}
#content .box .title h1 { letter-spacing: -1px;font-size: 25px; line-height: 42px; float: left; text-shadow: 1px 1px 0px #fdfefd;} 
#content .box { width: 808px; border-left: 1px solid #ced8c7; border-right: 1px solid #ced8c7; background-color: #f1f2f0;}
#content .bottom { width: 810px; background: url('../graf/main/i.png') 0 -85px no-repeat; height: 15px;}
#content .box .offline .status { background: url('../graf/main/i.png') -340px -45px; width: 20px; height: 15px; display: block; float: left; margin-right: 10px; margin-top: 15px;}
#content .box .online .status { background: url('../graf/main/i.png') -340px -60px; width: 20px; height: 15px; display: block; float: left;margin-right: 10px; margin-top: 15px;}
#content .box .busy .status { background: url('../graf/main/i.png') -360px -60px !important; width: 20px; height: 15px; display: block; float: left;margin-right: 10px; margin-top: 15px;}



.user-thumb { width: 98px; height: 96px; border: 2px #c0c95e solid; overflow: hidden; background-position: 50% 50%; display: block; float: left; margin-right: 26px; position: relative;}
.looking-for-1 { border: 2px solid #37bce5; }
.pop-looking-for-1 { color: #37bce5; }
.user-looking-for-1 { background-color: #cfe2e8 !important; }
.looking-for-2 { border: 2px solid #ff6891; }
.pop-looking-for-2 { color: #ff6891; }
.user-looking-for-2 { background-color: #fbd9e1 !important; }
.looking-for-3 { border: 2px solid #e7f410; }
.pop-looking-for-3 { color: #e7f410; }
.user-looking-for-3 { background-color: #f5f9b7 !important; }
.user-thumb span.login { display: block; color: #fff; position: absolute; top: 79px; width: 100%; padding-left: 5px;  }
.user-thumb span.bg { background-color: #000; display: block; color: #fff; position: absolute; top: 78px; width: 100%; height: 18px; opacity: 0.6; filter: alpha(opacity=60);}
.user-thumb span.online { background: url('../graf/main/i.png') -256px 3px no-repeat; }
.user-thumb span.offline { background: url('../graf/main/i.png') -256px -13px no-repeat; }
.user-thumb span.busy { background: url('../graf/main/i.png') -396px 3px no-repeat; }

#useful { background: url('../graf/main/i.png') -551px -25px no-repeat; height: 60px; width: 140px; margin-left: 15px;}


.user-profile { padding: 0 20px; }
.profile-box2 { padding-top: 20px; }
.user-profile h2, .session-view h2 { color: #7a8507; font-size: 21px; font-family: "Trebuchet MS"; background: url('../graf/main/p.png') 100% 100% no-repeat; height: 38px; margin-bottom: 9px; text-shadow: 1px 1px 0px #ffffff;}
li.label { float: left; display: block; width: 77px; text-align: right; color: #929b36; margin-right: 15px;}
li.data {  }
h1.user { margin: 0 !important;  }
div.profile-box-half { width: 235px; float: left; margin-right: 20px;}
div.profile-box { width: 390px; padding-top: 20px; padding-bottom: 20px;}
.user-profile li { line-height: 24px; }
.my-stats li.label { width: 116px; }
.session-view .my-stats li.label { width: 150px; }
.my-stats li { line-height: 20px; }
.user-profile .text-info { width: 415px; float: left;}
.float-right { float: right; }
.float-left { float: left; }
#content .box .title .float-right { padding-top: 8px; padding-right: 20px; }
.user { margin-bottom: 14px !important; }
.right-column { float: right; width: 350px;} 
.user-profile .photo-box { border: 1px #d9e1d3 solid ;  padding: 10px;}
.user-profile #foto_box { overflow: hidden; height: 188px; margin: 10px 0;}
.user-profile #foto_box img { cursor: move; }
.user-profile #loading { margin-left: 110px; margin-top: 70px; display: none;}
.right-column h2 { background: none; height: 25px; text-shadow: 1px 1px 0px #ffffff;}
.user-profile p { line-height: 20px; }
.user-profile #photo-slider { padding: 10px; border-left: 1px #d9e1d3 solid; border-right: 1px #d9e1d3 solid; border-bottom: 1px #d9e1d3 solid; margin-bottom: 10px; height: 45px;}
.user-profile #slider-overflow { width: 175px; height: 45px; overflow: hidden; } 
.user-profile #photo-slider img { border: 1px solid #7f8a11; }

.user-profile #photo-slider a.left-arrow { display: block; width: 21px; height: 20px; background: url('../graf/main/sliders.gif') -23px -55px no-repeat; margin-right: 10px; margin-top: 12px;}
.user-profile #photo-slider a span { display: none; }
.user-profile #photo-slider a.right-arrow { display: block; width: 21px; height: 20px; background: url('../graf/main/sliders.gif') -14px -185px no-repeat; margin-top: 12px;}
#content .right-column .show-all { display: block; text-align: right; color: #7a8507; text-decoration: none; border-left: 1px #d9e1d3 solid; border-right: 1px #d9e1d3 solid; border-bottom: 1px #d9e1d3 solid; padding: 9px 10px; font-size: 11px; margin-bottom: 15px;}


.user-profile .right-column .container { padding: 4px 5px; border: 1px #d9e1d3 solid;}
.user-profile .right-column .container .friend-thumb { padding: 5px; display: block; float: left;}
#left h2 { margin-top: 0 !important; }
.bold { font-weight: bold; }

.user-friends img { margin-right: 4px; }
.user-friends { border: 1px solid #D9E1D3; padding-left: 7px; padding-top: 7px; padding-bottom: 3px;}

.mic-cam {float: left; margin-right: 10px; margin-top: 2px;  width: 32px; height: 19px; background: url('../graf/main/mic_cam.gif'); display: block;}
.mic-nocam { background-position: 0 -38px; }
.nomic-cam { background-position: 0 -19px; }
.nomic-nocam { background-position: 0 -57px; }
span.blue { color: #2399bd; }
span.dark { color: #373737; }

#online-slider h1 { font-size: 23px; color: #2399bd; float: left; }
#online-slider a { float: right; padding-top: 22px; margin-left: 0px}
.my-description { margin-top: 10px; }
.page { padding: 20px; }



li.session-title { color: #2399bd; font-size: 20px; clear: both; display: block; padding: 10px 20px; text-align: center;}
a.session-a { color: #2399bd; text-decoration: none; font-weight: bold; }

.session-view .profile-box-half img { margin-right: 9px; border: 1px #7a8507 solid; }

.session-view .free-place { width: 52px; height: 42px; border: 1px solid #7A8507; display: inline-block; margin-right: 9px; background: url('../graf/main/free-place.png') 0 0 no-repeat;}
.session .time-was { font-size: 9px; }
div.center { margin: 0 auto; text-align: center; overflow: hidden;}
.session-view .blue-button { margin-left: 130px; }


.form1 { padding-bottom: 20px; width: 335px; }
.form1 label { display: block; width: 122px; float: left; text-align: right;padding-right: 10px; color: #7a8507; text-transform: lowercase;}
.form1 div { height: 23px; margin: 3px 0; line-height: 23px;}	
.form1 input { width: 145px; height: 17px; background: url('../graf/main/buttons.png') 100% 100% no-repeat; border: none; padding: 3px 4px;}
.form1 input.checkbox { width: 17px; height: 17px; padding:0!important;}
.form1 input.submit { margin-left: 100px; background: url('../graf/main/i.png') -154px -61px no-repeat; width: 88px; height: 23px;font-weight: bold; line-height: 20px; color: #fff; font-size: 12px; font-family: Arial; letter-spacing: 0;}

.form2 { padding-bottom: 20px; width: 600px; }
.form2 label { display: block; width: 145px; float: left; text-align: right;padding-right: 10px; color: #7a8507;}
.form2 div { height: 23px; margin: 8px 0; line-height: 23px;}
.form2 div.textarea { height: 96px; }
.form2 textarea { width: 420px; height: 96px; background: url('../graf/main/textarea.gif') 0 0 no-repeat; border: none;} 
.form2 input { width: 164px; height: 17px; background: url('../graf/main/textarea.gif') 0 100% no-repeat; border: none; padding: 3px 4px;}
.form2 input.checkbox { width: 17px; height: 17px; }
.form2 input.submit { margin-left: 100px; background: url('../graf/main/i.gif') -154px -61px no-repeat; width: 88px; height: 23px;font-weight: bold; line-height: 20px; color: #fff; font-size: 12px; font-family: Arial; letter-spacing: 0;}
.form2 span.float-right { margin-right: 69px;}
span.useful { display: inline-block; width: 43%; text-align: center; font-size: 11px; margin-top: 6px; margin-bottom: 10px; color: #373737;}
#foto_file { background: none !important; width: 230px !important; border: 1px silver solid; height: 24px;}

.clear { font-size: 0px; }

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.video { width: 532px; height: 400px; background: url('../graf/main/video-bg.gif') 0 0 no-repeat; padding-top: 9px;}
.video #myytplayer { margin-top: 31px; } 

#popup-center, #popup-center2 { display: block; position: fixed; top: 200px; z-index: 4; width: 100%; display: none;}
#popup { margin: 0 auto; width: 517px; background: url('../graf/main/popup-bg.png') 0 0 no-repeat; height: 154px; padding-left: 20px; padding-top: 10px; color: #fff;}
#popup-center2 { top: 130px; }

#popup form { padding-top: 10px; width: 380px; float: left;}
#popup h2 { color: #fff; font-size: 19px; padding-top: 5px;}
#popup h2 span { color: #37bce5; }

#popup .user-thumb { float: right; border: 3px #464646 solid; }

#popup form div { margin-top: 15px; margin-bottom: 12px; }
#popup-bg { display: none; width: 100%; height: 100%; background-color: #000; opacity: 0.6; filter: alpha(opacity=60);position: fixed; z-index: 3; left: 0; top: 0;}

#popup-all {display:none; margin: 0 auto; width: 100%; padding-top: 10px; color: #fff;text-align: center; position: fixed; top: 0; left:0; z-index: 5;}
#popup-login { position: relative;width: 536px; height: 155px; background: url('../graf/start/login-popup.gif') 0 0 no-repeat; margin: 0 auto; padding-top: 44px;}
#popup-login h2, #popup-login h3 { font-family: Impact; color: #fff; font-size: 18px;}
#popup-login h2 { margin-left: 23px; margin-bottom: 0;}
#popup-login .form2 div label { display: none; }
#popup-login .float-right, #popup-login .float-left { width: 38%; }
#popup-login .float-left { padding-left: 22px; }
#popup-login input.gen_inpt { background: url(../graf/start/inpt.gif) 0 0 no-repeat !important; width: 158px; height: 23px; margin-bottom: 4px; }
#popup-login #inp_password { margin-top: 5px; }
#popup-login p { float: right; padding-top: 26px; color:#fff;}
#popup-login p label { display: inline; width: auto; float: right; margin-left: 10px; color: #fff; }
#popup-login .submit { margin-left: 0px; margin-top: 18px;  }
#popup-login .checkbox { width: 10px; height: 10px; }
#popup-login h3 { text-align: right; text-decoration: underline; padding-right: 21px; margin-top: 25px;}

#popup-login .blue-button { margin-top: 41px; margin-left: 97px; }
#popup-login .checkbox { background: none; }
#popup-login a.button span { display: inline-block; height: 23px;padding-left: 22px; background: url(../graf/main/popup-btns.gif) 0 0 no-repeat; font-weight: bold; line-height: 20px; margin: 0 auto;}
#popup-login a.button { display: inline-block; height: 23px; background: url(../graf/main/popup-btns.gif) 100% 0 no-repeat; padding-right: 22px; color: #fff; text-decoration: none;}

.blue-button span { background: url('../graf/main/buttons2.gif') 0 0 no-repeat ; height: 23px; color: #fff; padding-left: 6px; display: inline-block; text-decoration: none; font-weight: bold; font-size: 11px; letter-spacing: 0;}
.blue-button  { background: url('../graf/main/buttons2.gif') 100% 0 no-repeat ; height: 23px; display: inline-block; line-height: 20px; padding-right: 4px; }
#popup-center2 .blue-button span { background: url('../graf/main/buttons2.gif') 0 0 no-repeat !important; height: 20px; color: #fff; padding-left: 6px; display: inline-block; text-decoration: none; font-weight: bold; font-size: 11px; letter-spacing: 0;}
#popup-center2 .blue-button  { background: url('../graf/main/buttons2.gif') 100% 0 no-repeat !important; height: 22px; display: inline-block; line-height: 20px; padding-right: 4px; }
#close-login-popup { display: block;width: 29px; height: 26px;  position: absolute; top: 41px; left: 507px; text-decoration: none; }

.hide { display: none; }
#popup-center, #popup-bg, #popup-all, #popup-center2 { 
	_position: absolute;
	_margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
* html #popup-login .form2 div { margin: 0 !important; } 
* html #popup-login input.gen_inpt { margin-bottom: 0; }
* html #popup-login p  { width: 110px; }
* html #popup-login form { margin-top: 20px; }
#all-page .blue-button span { background: url('../graf/main/buttons.png') 0 0 no-repeat; line-height: 23px;}
#all-page .blue-button { background: url('../graf/main/buttons.png') 100% 0 no-repeat;}
#all-page .blue-button:hover { background: url('../graf/main/b3.png') 100% -158px no-repeat ; text-decoration: none; }
#all-page .blue-button:hover span { background: url('../graf/main/b3.png') -200px -158px no-repeat ; text-decoration: none;}
.session-view .profile-box-half {
	width:375px;
}
.ad { margin: 0 auto; text-align: center; }
#close-popup { color: #9b9b9b; text-decoration: none; font-weight: bold; float: right; background: url('../graf/main/x.gif') 0 0 no-repeat; width: 30px; height: 26px; display: block; margin-right: -3px; margin-top: -12px; }
#content-wide .box .title h1{letter-spacing:-1px;font-size:25px;line-height:42px;float:left;text-shadow:1px 1px 0px #fdfefd}
#content-wide{width:1000px;float:right}.help-page{padding:20px 10px;}.help-box h1{color: #7a853c;font-size:16px;padding:10px 0 6px 9px;font-weight:bold;}.help-page > .content{float:left;width:685px;min-height: 305px;}.help-box{float:right;margin-bottom:10px; width: 280px;}.help-box .content{display:block;padding:20px;color:#fff;background:transparent url(../graf/pomoc/box-cnt.gif) repeat-y scroll 0 0;}.help-box ul.menu{margin-top:26px;margin-left:9px;}.help-box ul.menu li{list-style-position:inside;padding:5px 0;height:30px;}.help-box ul.menu li.mout{list-style-image:url('../graf/pomoc/list-item.png');}.help-box ul.menu li.mover{list-style-image:url('../graf/pomoc/list-item-on.png');}.help-box ul.menu li span{margin-left:30px;display:block;font-size:11px;color:#000;}.help-box ul.menu li a,.help-box ul li a:hover{display:block;font-size:14px;color:#129ace;text-decoration:none;margin-top:-26px;margin-left:28px;}.help-box-top{display:block;height:12px;width:100%;height:12px;background:url('../graf/pomoc/box.gif') 0 0 no-repeat;}.help-box-bottom{display:block;width:100%;height:12px;background:url('../graf/pomoc/box.gif') 0 -12px no-repeat;}#content-wide .box .title{display:block; border-top:1px solid #ced8c7;border-bottom:1px solid #ced8c7;background-color:#e6ebe3;height:42px;color:#7a8507;padding-left:17px;margin-bottom:20px;overflow:hidden}
#content-wide .box{width:998px;border-left:1px solid #ced8c7;border-right:1px solid #ced8c7;background-color:#f1f2f0}#content-wide .bottom{width:100%;background:url('../graf/pomoc/bottom-wide.png') 0 0 no-repeat;height:15px}#content-wide .box .title .float-right {padding-right:20px;padding-top:8px;}.help-lightbox{display:none;position:fixed;width:690px;height:690px;left:25%;top:15%;z-index:100}.help-lightbox-top{display:block;width:690px;height:27px;background:url('../graf/pomoc/popup.png') no-repeat scroll 0 0;}.help-lightbox-bottom{display:block;width:690px;height:27px;background:url('../graf/pomoc/popup.png') no-repeat scroll 0 -27px;}.help-lightbox-cnt{display:block;width:690px;height:440px;background:url('../graf/pomoc/popup-cnt.png') repeat-y scroll 0 0;}.help-lightbox-box-button{float:right;margin:10px 22px 10px;}.help-lightbox-box{display:block;width:646px;height:420px;margin: 0 auto;}.help-lightbox-box-top{display:block;width:646px;height:6px;background:url('../graf/pomoc/popup-box.png') no-repeat scroll 0 0;}.help-lightbox-box-bottom{display:block;width:646px;height:6px;background:url('../graf/pomoc/popup-box.png') no-repeat scroll 0 -6px;}.help-lightbox-box-cnt{display:block;padding:15px;width:616px;height:380px;background:url('../graf/pomoc/popup-box-cnt.png') repeat-y scroll 0 0;overflow:auto;}.help-lightbox-box-cnt .preloader{margin: 180px 0 0 260px;}

.box .user-thumb{margin:10px 15px 10px 16px}
.looking-for-1{border:2px solid #37bce5}.pop-looking-for-1{color:#37bce5}.user-looking-for-1{background-color:#cfe2e8 !important}.looking-for-2{border:2px solid #ff6891}.pop-looking-for-2{color:#ff6891}.user-looking-for-2{background-color:#fbd9e1 !important}.looking-for-3{border:2px solid #e7f410}.pop-looking-for-3{color:#e7f410}.user-looking-for-3{background-color:#f5f9b7 !important}.user-thumb span.login{display:block;color:#fff;position:absolute;top:79px;width:100%;padding-left:5px}.user-thumb span.bg{background-color:#000;display:block;color:#fff;position:absolute;top:78px;width:100%;height:18px;opacity:0.6;filter:alpha(opacity=60)}.user-thumb span.online{background:url('../graf/main/i.png') -256px 3px no-repeat}.user-thumb span.offline{background:url('../graf/main/i.png') -256px -13px no-repeat}.user-thumb span.busy{background:url('../graf/main/i.png') -396px 3px no-repeat}#useful{background:url('../graf/main/i.png') -551px -25px no-repeat;height:60px;width:140px;margin-left:15px}span.useful{display:inline-block;width:43%;text-align:center;font-size:11px;margin-top:6px;margin-bottom:10px;color:#373737}

/************ CSS GRY ***************/
#content-wide-gry input{border:0;width:149px;height:19px;background:url('../graf/main/i.png') 0 0 no-repeat;padding:3px}
#content-wide-gry{margin-top:-20px;}
#content-wide-gry .page{padding:0px;float:left;overflow:hidden;width:100%}
#content-wide-gry {width:1000px;float:right;margin-bottom:20px;}
#content-wide-gry a{text-decoration:none;}
#content-wide-gry a.red{color:#f00;font-size:9px}
#content-wide-gry .header{padding-left:20px;height:100px;overflow:hidden;background-color:#fff;}
#content-wide-gry .header img{float:left;}
#content-wide-gry .box{float:left;width:998px;border-bottom:1px solid #ced8c7;border-left:1px solid #ced8c7;border-right:1px solid #ced8c7;border-top:3px solid #74c8e3;background-color:#f1f2f0}
#content-wide-gry .bottom{float:left;width:100%;background:url('../graf/pomoc/bottom-wide.png') 0 0 no-repeat;height:15px}

#content-wide-gry .box .h_header{margin-bottom:15px;width:100%;padding-left: 20px;height:60px;line-height:60px;font-size:15px;font-weight:bold;border-bottom:1px solid #CED8C7;float:left}

#content-wide-gry ul.menu{margin-left:20px;}
#content-wide-gry ul.menu li{background-color:#A2B75F;height:31px;text-align:center;line-height:31px;color:#fff;border-bottom:1px solid #90a74d}
#content-wide-gry ul.menu li a{display:block;color:#fff;background-color:#A2B75F;height:31px;width:135px;padding-left:15px;text-align:left;}
#content-wide-gry ul.menu li a:hover{background-color:#8FA151}
#content-wide-gry ul.menu{float:left;width:150px;margin:0 0 20px 20px;}
#content-wide-gry ul.menu li.header{padding-left:15px;text-align:left;background-color:#8FA151;height:45px;line-height:45px;font-weight:bold}
#content-wide-gry ul.menu li.footer{height:31px;border-bottom:none;background-color:#8FA151}
#content-wide-gry ul.menu li.footer a{color:#fff;display:block;height:31px;line-height:31px;background-color:#8FA151;font-weight:bold}
#content-wide-gry ul.menu li.footer a:hover{}

.game-holder-in > ul.gameslist{float:left;margin:0 65px}
.page > ul.gameslist{float:right;width:808px}
#game-admin-notice{background-color:#FFF6BF;border:2px solid #FFD324;width:300px;text-align:center;color:#514721;padding:10px;margin:150px auto;}
.game-admin-notice-ok{background-color:#FFF6BF;border:2px solid #FFD324;width:503px;text-align:center;color:#514721;padding:10px;margin:10px 0 40px 0;display:none}
#game-admin-notice-err{background-color:#FFF6BF;border:2px solid #FFD324;width:503px;text-align:center;color:#514721;padding:10px;margin:10px 0 40px 0;display:none}
#notice-comment{margin:5px auto;width:660px;}
.game-class ul.userslist{float:left;margin:0 60px;}

.game-class ul.userslist li{width:135px;height:140px;float:left;border:1px solid #d1d1d1;margin:0 0 12px 23px;background-color:#fff;text-align:center;}
.game-class ul.userslist li p{color:#828d0a;font-size:7pt;}
.game-class ul.userslist li p>span{color:#0784a2;font-weight:bold}
.game-class ul.gameslist li{width:175px;height:240px;float:left;border:1px solid #d1d1d1;margin:0 0 12px 23px;background-color:#fff;text-align:center;}
.game-class ul.gameslist li img{width:150px;height:150px;margin:10px 13px 0 13px}
.game-class ul.gameslist li p.game-name{color:#000;font-weight:normal;font-size:11px;text-align:left;padding: 8px 13px 0 13px;}
.game-class ul.gameslist li p.game-name a{font-size:13px;font-weight:bold;color:#000;}
.game-class ul.gameslist li p.game-name span{font-weight:normal;}
.game-class ul.gameslist li p.download{color:#81860e;font-size:8pt;float:right;padding:3px 13px 0 0;}
.game-class ul.gameslist li p.rating{color:#05596f;font-size:8pt;float:left;padding:3px 0 0 13px;}
.game-class ul.gameslist li .info-rating{float:left;width:150px;height:15px;border:1px solid #ccc;text-align:left;font-size:11px;color:#fff;margin:10px 0 0 13px;overflow:hidden}
.game-class ul.gameslist li .info-rating .strip{float:left;height:15px;background-color:#FF7A2B;padding-left:5px}
.game-class ul.gameslist li a{color:#f00;font-size:7pt;display:inline-block;}
.theSameH{float:left;}
#game-holder-out{float:left;width:705px;margin:0 20px 0 20px;}

#game-holder-out-wide{float:left;width:952px;margin-left:20px;}
.game-class .game-holder-in{border:1px solid #d0d0d0;background-color:#fff;width:100%;min-height:580px;float:left;text-align:center;overflow:hidden}
.game-class .game-holder-in .h2-wybrana{margin:40px 0 20px 0;width:100%;height:60px;line-height:60px;background-color:#f3f3f3;padding-left:20px}
.game-class .game-holder-in .h2-wybrana h2{margin:0}
.game-class .game-holder-in h2, h2.game{text-align:left;color:#000;font-weight:bold;font-size:13pt;float:left;}
.game-class .game-holder-in h2 span, h2.game span{color:#0784a2;}
ul.tabs{float:left;margin-top:-34px;margin-left:1px}
ul.tabs li{border:1px solid #ced8c7;border-bottom:none;float:left;width:115px;height:34px;text-align:center;line-height:34px;font-size:10pt;margin-right:5px;margin-left:-1px}
ul.tabs li.selected{background-color:#ced8c7;background-color:#ced8c7;}
ul.tabs li.selected a{font-weight:bold;}
ul.tabs li a{font-weight:normal;color:#000;}
.info-box-top{float:right;width:215px;height:38px;padding-top:8px;margin:0 32px 0 50px;}
.info-box-top-without{float:right;width: 300px;height:41px;padding-top:5px}
.info-box-top .star-info{margin:-2px 0 0 65px;width:20px;float:left;height:20px;background:url('../graf/games/star-info.png') 0 -18px no-repeat;}
.info-box-top p{float:right;text-align:right;}
.info-box-top p.addToFavourite{width:115px}
.info-box-top p.addToFavouriteAfter{width:215px}
.info-box-top p.amountFavourite{width:200px;font-size:11px}
.info-box-top span.color1{font-weight:bold;color:#0994b1;}
.info-box-top a{font-weight:bold;}
.game-info{float:left;overflow:hidden;width:220px;min-height:580px;border:1px solid #d1d1d1;background-color:#fff;}
.game-info h1{margin:0 0 20 0;width:100%;color:#000;font-weight:bold;font-size:13pt;height:60px;line-height:60px;padding-left:15px;background-color:#f3f3f3;margin-bottom:20px}
.game-info h2{color:#58b7d5;font-weight:bold;font-size:10pt;padding: 0 0 0 20px;height:40px;line-height:40px;margin:0}
.game-info h2 span{color:#0784a2;}
.game-info p{padding: 20px;line-height:19px;text-align:justify}
.game-tooltip{width:250px;}
.game-info h3{color:#055b72;font-weight:bold;font-size:10pt;padding:0 15px 15px 20px;}
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
.game-class div.rating{float:right;margin:0;width:380px;display:none;}
.game-class .rating p{color:#5b5b5b;float:left;width:130px;height:60px;line-height:60px;text-align:left;font-weight:bold;}
.game-class .rating p span{color:#719d00;text-align:center}
.game-class .rating input{visibility:hidden;display:none;}
#formRating{float:left;height:30px;margin-top:22px;width:220px;}
.game-holder-in div.star-rating{float:left;width:20px;height:18px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;margin:0}
.game-holder-in div.star-rating, .game-holder-in div.star-rating a{background:url(../graf/games/gwiazdki-gry.png) 0px -20px no-repeat}
.game-holder-in div.star-rating a{display:block;width:20px;height:18px;background-position:0 0px;border:0}
.game-holder-in div.star-rating-on a{background-position:0 0 !important}
.game-holder-in div.star-rating-hover a{background-position:0 -20px}
.game-holder-in div.star-rating-readonly a{cursor:default !important}
.game-holder-in div.star-rating{background:transparent!important;overflow:hidden!important}
#game-holder{float:left;padding:0;width:100%;}
#game-holder>#game-ads{z-index:10;float:left;margin:50px 0 30px;width:100%;background-color:#fff;}
#game-holder>#game-ads #flash-strip{display:block;width:300px;height:30px;background-color:#fff;clear:both;margin:0 auto 10px auto;}
#game-holder>#game-embed{display:none;z-index:1;display:block;margin:10px auto;}
ul.top-buttons {float:right;width:350px;margin-top:62px}
ul.top-buttons li{float:right;margin:0 0 0 3px;}
ul.top-buttons li a{float:right;background-color:#f1f2f0;height:38px;line-height:38px;border:1px solid #dfe0de;border-bottom:none;padding: 0 10px;color:#000;font-weight:bold;}
ul.top-buttons li a:hover{color:#fff;background-color:#74C8E3}
ul.top-buttons li a.selected{color:#fff;background-color:#74C8E3}
div.search{float:left;width:200px;margin:40px 0 0 40px}
div.search img, div.search form{float:left;}
div.search img{cursor:pointer}
.hand-cursor{cursor:pointer;}

.game-class .comment{float:left;width:705px;padding:0 0 20px 0;background-color:#fff;background-image:none;border:1px solid #D0D0D0;margin:20px 0 20px 20px;}
.game-class .comment h1{color:#055b72;font-size:14pt;width:100%;padding:0 20px;line-height:60px;height:60px}
.game-class .comment h1>span{color:#7c8708;font-size:14pt;}
.game-class .comment .top>.notlogged{float:right;width:250px;font-size:90%}
.game-class .comment .top>.notlogged>p{text-align:right;}
.game-class .comment .top>.notlogged>p.txt1 span{color:#7c8708;font-weight:bold;}
.game-class .comment .top>.notlogged>p.txt2 span{color:#055b72;font-weight:bold;}
.game-class .comment ul.comments-list{width:680px;margin:0 auto 20px auto;}
.game-class .comment ul.comments-list li{list-style-type:none;float:left;width:640px;padding:20px 0 20px 10px}
.game-class .comment ul.comments-list li:nth-child(2n) {background-color: #f1f1ef;}
.game-class .comment ul.comments-list li:nth-child(2n+1) {background-color: #fff}
.game-class .comment ul.comments-list li .avatar{float:left;background-color:#ccc;width:55px;height:45px;margin-right:10px;border:2px solid #6ec1c4;}
.game-class .comment ul.comments-list li .comment-content{float:left;width:442px;margin-top:6px;}
.game-class .comment ul.comments-list li textarea{background:url("../graf/speed-meeting/smbar-input.png") no-repeat 0 0;border:none;height:29px;padding:4px 0 4px 10px;width:380px;float:left;}
.txtintro{line-height:29px !important;font-size:110% !important;text-align:center !important}
.txtnormal{font-size:90%;line-height:14px;text-align:left;}
.game-class .comment ul.comments-list li .comment-content .ending{background:url("../graf/speed-meeting/smbar-input.png") no-repeat -570px 0;height:37px;padding:0;width:10px;float:right;}
.game-class .comment ul.comments-list li .comment-content .comment-add{float:right;width:37px;height:37px;margin-left:5px}
.game-class .comment ul.comments-list li .comment-content .comment-add a{float:right;width:37px;height:37px;background:url("../graf/games/ikona-gry-komentarz-dodaj.png") no-repeat 0 0;text-indent:-999pt}
.game-class .comment ul.comments-list li .comment-content .comment-add a:hover{background:url("../graf/games/ikona-gry-komentarz-dodaj.png") no-repeat 0 -37px;}
.game-class .comment ul.comments-list li h2.login{color:#929b36;font-size:90%;font-weight:bold; }
.game-class .comment ul.comments-list li h2.login span{color:#858585;font-weight:normal;font-size:90%}
.game-class .navi{float:left;width:100%;}
.game-class .navi .prior{float: left; height: 24px; line-height: 24px; padding: 10px 10px 0pt;}
.game-class .navi .next{float: right; height: 24px; line-height: 24px; padding: 10px 10px 0pt;}

.user-navi{float:left;width:100%;height:20px;margin:-14px 0 20px 0;padding:7px 0;background:url("../graf/navi-strip-background.png") repeat-x 0 0;}
.user-navi a{color:#000;font-weight:bold;text-decoration:none;}
.user-navi a span{margin: 0 5px;}
.user-navi .prior{float:left;width:100px;line-height:17px;}
.user-navi .prior a span{float:left;height:20px;width:15px;background:url("../graf/navi-buttons.png") no-repeat 0 0;}
.user-navi .random{float:left;line-height:17px;margin-left:45px;width:100px;}
.user-navi .random a span{float:left;height:20px;width:15px;background:url("../graf/navi-buttons.png") no-repeat -15px 0;}
.user-navi .next{float:right;text-align:right;line-height:17px;margin-right:458px;width:85px;}
.user-navi .next a span{float:right;height:20px;width:15px;background:url('../graf/navi-buttons.png') no-repeat -30px 0;}
#linki1, #linki1>a{font-size:12px;color:#7A8507}

#content-wide-gry .paginator{float:right;height:40px;line-height:40px;background: none repeat scroll 0% 0% transparent;text-align:center;padding: 0 0 20px 0}
#content-wide-gry li.paginator{width: 100%;height:40px;line-height:40px;background: none repeat scroll 0% 0% transparent; border: none;text-align:center;}
#content-wide-gry .paginator a{float:left;background-color:#dfe5db;height:20px;line-height:20px;padding:5px 10px;margin:0 3px 0 0 !important;font-weight:bold}
#content-wide-gry .paginator a.on{background-color:#ced8c7;margin:0 3px 0 0 !important;font-weight:bold}
#content-wide-gry .paginator a:hover{background-color:#7A8507;color:#DFE5DB;font-weight:bold}
#content-wide-gry .bottom-right{float:right;width:100%;border-top: 1px solid #CED8C7;}
#content-wide-gry .bottom-right .linki{float:right;margin-right:20px}
#content-wide-gry .top-right{width:500px;margin:30px 20px  0 0;border-top:none;width:500px}
#content-wide-gry .top-right .linki{float:right;margin-right:20px}
#content-wide-gry .paginator .linki span{float:left;background-color:#dfe5db;height:20px;line-height:20px;padding:5px 10px;margin:0 3px 0 0 !important;font-weight:bold}
#content-wide-gry .paginator .linki{padding:0}
#content-wide-gry .paginator .desc{display:none;}

.hide-loading-game{width:0;height:0;overflow:hidden;}

#progressbar {border:1px solid black;width:300px;height:20px;position:relative;color:black;display:block;margin: 15px auto;background-color:#CCFF00;}
#progressbar p.info-notice{position:absolute;top:-35px;}
#progressbar div.progress{position:absolute;width:0;height:100%;overflow:hidden;background-color:#9BA427;}
#progressbar div.progress .text{position:absolute;text-align:center;color:white;}
#progressbar div.text{position:absolute;width:100%;height:100%;text-align:center;}