/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

@import url(reset.css);
@import url(layout.css);
@import url(typography.css);
@import url(menus.css);
@import url(modules.css);
@import url(joomla.css);
@import url(extensions.css);

table {
	border-collapse: collapse;
	border-spacing: 0; border: 0px;
}

table td { padding: 0px; }
.resized-linked-image-zoom {
	width: 200px;
	height: 30px;
	background-color: #FFF;
	padding-top: 6px;
	padding-left: 5px;
	top: 0px;
	left: 0px;
	position: absolute;
	display: none;
}

#highlighted {
	background-color: #ffffff;
}

#highlighted tr:hover {
	background-color: #F1F1F1;
}

#tooltip{
	background: #ffffff;
	font: verdana;
	font-size: 10px;
	width:auto;
	border:1px solid #00749f;
	border-left:5px solid #00749f;
	color: #999999;
	font-family: verdana, arial, helvetica, sans-serif;
	opacity: 0.91;
	filter: alpha(opacity="91");
	line-height:15px; 	z-index:100;
	margin:0px;
	padding: 3px;
	position: absolute;
	visibility: hidden;
	border-collapse: separate;
}

.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error b {
	color: #990000;
	background: inherit;
}

.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}

.success b {
	color: #7BA813;
	background: inherit;
}

.editor {
	margin: 0px 0px 1px 0px;
	width: 400px;
	height: 21px;
	border: 1px #D1D8EC solid;
}

.editorinput {
	background: #FAFAFA;
	color: #000000;
	border: 1px #D1D8EC solid;
	font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none;
}

.editorbutton {
	float: left;
	cursor: pointer;
	padding: 2px 1px 0px 5px;
}

code {
	background: none;
	color: #0000FF;
	font-size: 11px;
	font-family: Verdana, Helvetica;
}

.code {
	color: #0000BB;
	font-size: 11px;
	font-family: Verdana, Helvetica;
}
.footer {
	border:none;
	font-family:'tahoma';
	font-size:10px;
	color:#999999;
	font-weight:normal;
	}

a.copyright:link, a.copyright:visited, a.copyright:active {
	text-decoration: none;
	color: #0064b9;
	padding: 0px;
	text-transform:uppercase;
	font-weight:normal;
}

td.pager { background:url(../images/pager_hover.gif) top center no-repeat; width:60px; height:19px; border: none; text-align:center; }

td.pagebr { background: transparent; border: 0px; padding: 0px; }

td.highlight { background:url(../images/pager.gif) top center no-repeat;
			width:16px;
			height:19px;
			color:#FFFFFF;
			text-align: center;
			border:none; }

hr { height: 0px; border: solid #e5e5e5 0px; border-top-width: 1px; }

table {
  border-collapse: collapse;
  border: none;
}

#table_l {
	padding-top:35px;
	padding-left:60px;
	padding-right:60px;
	padding-bottom:35px;
	}
	
table.main {
  background-color: none;
}
table.mainouter {
  background-color: #fafafa;
  border: 0px;
}
table.bottom {
  background: none;
}
table.main2 {
  background-color: #fafafa;
  border: 0px;
}
table.blok {
  background-color: #ffffff;
}
td {
	font-size: 8pt;
	border: 1px solid #E0E0E0;
	padding: 10pt;

}

td.block {
   font-size: 8pt;
   border: 0px;
}


td.right_menu {
 border: 0px;

}

td.commenttable {
background-color: #FFFEF2;
}

td.embedded {
   border: none;
  text-align: left;
  background:transparent;
}

td.bottom {
  border: none;
}

td.heading {
  font-weight: bold;
  margin-top:200px;
  margin-bottom:5px;
  margin-left:5px;
  margin-right:5px;
}

td.text {
  padding: 10pt;
  text-align: left;
}

td.comment {
  padding: 10pt;
  font-size: 8pt;
  text-align: left;
}

td.colhead {
  font-weight: bold;
  font:Arial, Helvetica, sans-serif;
  color: #484848;
  background-image: url(../images/header.gif);
}

td.rowhead {
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}

td.title {
        font-size: 14pt;
}

td.navigation {
        font-weight: bold;
        font-size: 10pt;
   border: none;
}

form {
        margin-top: 0;
        margin-bottom: 0;
}

.sublink {
        font-style: italic;
        font-size: 7pt;
        font-weight: normal;
}
.important {
        font-weight: bold;
        font-size: 8pt;
}



.red {
        color: #ee0000;
}

.yellow {
        color: #997700;
}

.green {
        color: #000000;
}

input, select, textarea {
       margin-top: 0px;
       margin-bottom: 0px;
       font-family: "tahoma";
       font-size: 8pt;
}

.small {
  font-size: 7pt;
}

.big {
  font-size: 10pt;
}

li {
  margin-top: 6pt;
  margin-bottom: 6pt;
}

ul {
  margin-left: 16pt;
  margin-top: 0px;
  margin-bottom: 0px;
}
.menutitle{
        font-weight:bold;
        text-align:center;
        color: #7E110E;
        margin: 2px;
        background-color: #FFC58C;
}

input.button{
border: solid #FFC58C 1px;
 background-color: #FFC58C;

}

.btn {
	background:url(../images/btn.gif) top center no-repeat;
	width:69px;
	height:20px;
	font:small-caps Arial, Helvetica, sans-serif 11px;
	border:none;
	}
	
#banners a img {

opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);

}



#banners a:hover img {

opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);

}
td.colhead_blue_a {
color: #000;
border: 1px solid #c4d6dd; 
background:#e5ebf3;
}
td.colhead_blue_b {
color: #000;
border: 1px solid #c4d6dd; 
background:#fff;
}
.commText {
font-size:10pt;
}
a.menu {display : block;padding : 3px;text-align : left;text-decoration : none;font-weight : normal;border-top : 1px solid #516a88;}
#tooltip{
	background: black;
	font: verdana;
	font-size: 10px;
	width:auto;
	border:1px solid lightgray;
	color: white;
	font-family: verdana, arial, helvetica, sans-serif;
	opacity: 0.91;
	filter: alpha(opacity="91");
	line-height:15px; 	z-index:100;
	margin:0px;
	padding: 3px;
	position: absolute;
	visibility: hidden;
	border-collapse: separate;
}
/*my.php*/
div.my_gender p {
	float: left;
}

div.my_xxx p {
	width: 70px;
	float: left;
}

div.pm_from p {
	width: 350px;
	height: 20px;
	float: left;
	margin: 5px 0px;
}

div.my_gender span,div.pm_from span,.my_xxx span {
	font-size: 16px;
}

#my_table {
	width: 945px;
}

#my_table_1 {
	width: 610px;
	margin: 0 auto;
}

#my_column {
	width: 800px;
	margin: 0 auto;
	border-bottom: 1px solid #ddd;
}

#my_title {
	float: left;
	font-size: 12pt;
	height: auto;
	width: 250px;
	clear: left;
}

#cl_avatar {
	width: 100px;
	padding-left: 350px;
}

.my_count,.pm_from,.my_avatar,.my_count,.my_web,.my_name,.my_style {
	padding-left: 250px;
}

.my_contact {
	float: left;
	width: 350px;
}

#my_gender,#my_count,#pm_from,#my_web,#my_area,#my_delete,#my_sentbox,#my_sent,#my_style,#my_xxx,#my_comment,#nam_warner,#my_birthday,#my_birthday,#my_contact,#my_show_ava,#my_check,#my_name,.my_sent
	{
	margin-top: 15px;
}

.my_comment,.my_birthday,.my_name,.my_sent {
	padding-top: 8px;
}

/*end my.php*/ /*mynotifs*/
#mynotifs {
	margin: 0 auto;
}

.notify_type span {
	padding-left: 30px;
}

.notify_type {
	width: 377px;
	padding: 7px 0;
}

.notify_popup,.notify_ema {
	width: 280px;
	//padding: 7px 0;
}

div.colhead {
    background-color: #999;
    padding: 4px;
    font-weight: bold;
    color: #FFFFFF;
}

#mynotifs_chek {
	width: 100%;
	margin: 5px 0px;
	float: left;
	border-bottom: 1px solid #ddd;
}

.notify_chek {
	width: 377px;
	float: left;
	font-size: 11px;
	padding: 3px 0px;
}

.notify_chek span {
	font-weight: 700;
	font-size: 11px;
	margin-left: 30px;
}

.input_chek {
	width: 280px;
	float: left;
	margin: 0 auto;
}

/*end mynotifs*/ /*rate*/
img.arrowup {
	width: 13px;
	height: 13px;
	background: transparent url(/pic/icons_vote.png) no-repeat scroll 0px
		0px;
	background-position: -13px -13px !important;
}

img.arrowdown {
	width: 13px;
	height: 13px;
	background: transparent url(/pic/icons_vote.png) no-repeat scroll 0px
		0px;
	background-position: 0 -13px !important;
}
/*end rate*/
.paginator {
	font-size: 1em;
    width: 100%;
}

.paginator table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

.paginator table td {
	padding: 0;
	white-space: nowrap;
	text-align: center;
}
.paginator span a{border-top:1px solid #eee;border-left:1px solid #eee;-moz-border-radius:30px;padding:2px 10px;background:#f5f5f5}
.paginator span a:hover{border:1px solid #c2e1ef;color:#369;background:#dff4ff}
.paginator span a:active{border:1px solid #6299c5;color:#fff;background:#6299c5}
.paginator span strong{font-style:normal;font-weight:400;background:#0f6cee}

.paginator span {
	display: block;
	padding: 3px 0;
	color: #3b5998;
}

.pagstrong {
	background: #ECEFF5;
}

.paginator span strong,.paginator span a {
	padding: 2px 6px;
}

.paginator span strong {
	background: #ff6c24;
	padding: 3px 12px;
	font-style: normal;
	font-weight: normal;
}

.paginator .scroll_bar {
	width: 100%;
	height: 20px;
	position: relative;
	margin-top: 10px;
}

.paginator .scroll_trough {
	width: 100%;
	height: 3px;
	background: #ccc;
	overflow: hidden;
}

.paginator .scroll_thumb {
	position: absolute;
	z-index: 2;
	width: 0;
	height: 3px;
	top: 0;
	left: 0;
	font-size: 1px;
	background: #363636;
}

.paginator .scroll_knob {
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background: url(/pic/slider_knob.gif) no-repeat 50% 50%;
	cursor: pointer;
	cursor: hand;
}

.paginator .current_page_mark {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 0;
	height: 3px;
	overflow: hidden;
	background: #ff6c24;
}

.fullsize .scroll_thumb {
	display: none;
}

.paginator_pages {
	width: 100%;
	text-align: right;
	font-size: 0.8em;
	color: #808080;
	margin-top: -19px;
	margin-left:-5px;
}

.relgroups_table {
	background: #FFF none repeat scroll 0 0;
	float: left;
	border: 1px solid #D8DFEA;
	min-height: 65px;
	width: 936px;
	z-index: 2;
	position: inherit;
	margin: 8px 0 5px 8px;
	padding: 5px 4px 4px;
}

dd,.relgroups_input,.relgroups_input_right,.relgroups_table,.avatarli,.ultext
	{
	text-align: center;
	margin: 0;
	padding: 0;
}

.relgroups_input li,.relgroups_input_right li,.relgroups_table li,.avatarli li,.ultext li,.faq li,.nobbyul
	{
	list-style-type: none;
}

.relgroups_name dt {
	clear: both;
	color: gray;
	float: left;
	text-align: left;
	width: 110px;
	padding: 0;
}

.relgroups_name dd {
	width: 311px;
	float: left;
}

.relgroups_image {
	float: left;
	text-align: left;
	width: 100px;
	margin: 10px;
	padding: 0 9px 0 0;
}

.relgroups_name {
	width: 490px;
	float: left;
}

.relgroups_name dl {
	line-height: 15px;
}

#relgroups_header {
	height: 15px;
	background: #f0e7ba;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	border: 1px solid #D8DFEA;
	width: 100%;
	z-index: 2;
	padding: 5px 0;
}

#relgroups_table_left {
	width: 689px;
}

.boxes_left {
	width: 686px;
}

#relgroups_table_right {
	float: right;
	width: 334px;
}

.relgroups_image_right {
	min-height: 180px;
	width: 300px;
	text-align: center;
	margin: 10px;
}

.relgroups_avatar_right {
	text-align: center;
	min-height: 100px;
}


#box_app_right {
	position: relative;
	margin-top: 0;
	width: 310px;
	min-height: 75px;
}

#box_app_right_adm {
	position: relative;
	width: 310px;
	min-height: 75px;
}

.box_right_block,.box_right_left,h3.box_right_left {
	background: #ECEFF5 none repeat scroll 0 0;
	border: 1px solid #94A3C4;
	display: block;
	font-size: 11px;
	position: relative;
	text-align: left;
	margin: 0;
	padding: 5px 8px;
}
.box_right_left {
	width: 600px;
}

.search_group {
	display: block;
	height: 50px;
	position: relative;
	right: 3px;
	top: 1px;
	width: 50px;
}

#box_left,#box_left_wall {
	position: relative;
	width: 700px;
	height: auto;
}

dl.infor_left dt {
	clear: left;
	color: gray;
	float: left;
	width: 65px;
	line-height: 20px;
}

dl.infor_left dd {
	font-size: 11px;
	text-align: left;
	line-height: 20px;
	padding-left: 95px;
}

.rgcomm {
	width: 700px;
	position: inherit;
	float: left;
	border: 0;
	overflow: hidden;
}

.colhead_rgcomm {
	background: #eee;
}

.colhead_rgcomm_edit {
	width: 697px;
	float: left;
	height: 15px;
	margin-left: -1px;
}

.edittd {
	height: 385px;
	width: 693px;
	border: 0;
	padding-left: 0;
	float: left;
}

h3.box_right_left a.box_editor_left:hover,h3.box_right_block a.box_editor_right:hover,.box_editor_friends:hover
	{
	background: transparent url(/themes/kinokpk/images/editor_pencil.gif)
		no-repeat scroll right -18px;
	display: block;
	height: 18px;
	position: absolute;
	right: 3px;
	top: 3px;
	width: 18px;
}



.tabContent {
	padding: 10px;
}

div.friends_search {
	border: 1px solid #DDD;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 10px;
}

div.clear {
	height: 1px;
	width: 100%;
	overflow: hidden;
	clear: both;
}

a.download {
	padding-right: 5px;
}

#highlighted small {
	font-size: 80%;
	vertical-align: middle;
	visibility: hidden;
	float: right;
	padding: 0 3px;
}

#highlighted tr:hover small,#highlighted tr.hovered small {
	visibility: visible;
}

.cat_name {
	float: left;
}

.cat_pic img {
	width: 16px;
	height: 16px;
}

#popup_container {
	font-family: 'Lucida Grande', arial;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	width: 364px;
	height: 86px;
	background: #F3F3F3;
	border: solid 1px #dedede;
	border-bottom: solid 2px #456FA5;
	color: #000000;
}

#popup_title {
	display: none;
}

#popup_message {
	padding-top: 15px;
	padding-left: 15px;
}

#popup_panel {
	text-align: left;
	padding-left: 15px;
}

.tabset_content_active {
	display: block;
}



h1.img,.polls_f {
	float: left;
}

#polls li {
	list-style-type: none;
	padding-left: 0;
	padding-right: 0;
}

#polls {
	border: 1px solid #D8DFEA;
}

.polls_title {
	list-style-type: none;
	margin-left: 0;
}

.polls_title_q {
	list-style-type: none;
	border-top: 1px solid #D8DFEA;
	border-bottom: 1px solid #D8DFEA;
	background-color: #ccc;
	margin: 0 0 10px;
}

.colheadli {
	margin-bottom: 0;
	text-align: center;
}

.polls_r {
	list-style-type: none;
	width: 100%;
	height: 15px;
	padding-bottom: 0px;
	margin-left:10px;
}

.polls_right {
	list-style-type: none;
	width:  100%;
	height: 30px;
	padding-bottom: 4px;
}

.polls_l {
	list-style-type: none;
	width: 400px;
	height: 15px;
	float: right;
	margin-top: -25px;
	padding-bottom: 4px;
}

.polls_left {
	list-style-type: none;
	width: 500px;
	height: 30px;
	float: right;
	margin-top: -35px;
	padding-bottom: 4px;
}

.polls_l_div {
	width: 150px;
	height: 35px;
	list-style-type: none;
	padding-bottom: 4px;
}

.polls_r_div {
	width: 450px;
	height: 35px;
	float: right;
	padding-bottom: 4px;
	margin-top: -40px;
}
* {
	outline: none;
	outline-color: #fafafa;
}
div#tabs li {
   display:inline;
   margin:0;
   padding:0;
}
.tab2 a {
   float:left;
   background:url(../images/tableft.gif) no-repeat left top;
   text-decoration:none;
   margin:0;
   padding:0 0 0 4px;
}
.tab2 a span {
   float:left;
   display:block;
   background:url(../images/tabright.gif) no-repeat right top;
   color:#627EB7;
   padding:5px 15px 4px 6px;
}
.tab1 a {
   float:left;
   background:url(../images/tableft.gif) no-repeat left top;
   background-position:0 -42px;
   text-decoration:none;
   margin:0;
   padding:0 0 0 4px;
}
.tab1 a span {
   float:left;
   display:block;
   background:url(../images/tabright.gif) no-repeat right top;
   background-position:100% -42px;
   color:#627EB7;
   padding:5px 15px 4px 6px;
}
div#tabs a span {
   float:none;
}
div#tabs a:hover span {
   color:#627EB7;
   background-position:100% -42px;
}
div#tabs a:hover {
   background-position:0 -42px;
}