/* CSS for programmers ADD Ons */

/* 21.09.08 */
.colls3 {
   width: 100%;
} .colls3 td {
 vertical-align: top;
 width: 34%;
} form.regFields td.thirdWidth select {
 width: 142px;
} .your_acc {
 font-size: 14px;
 padding: 20px 0 7px 0;
} .your_acc b {
 font-size: 18px;
} 
.addCon2 textarea {margin: 10px 0 0 0; width: 300px; border: 1px solid #b9cbdf; height: 46px}
.addConProf textarea {display: block; margin: 10px 0; width: 145px; border: 1px solid #b9cbdf; height: 26px}

/* added by goshi 28.09.08 
used in pager like three dots separator */
.pages td.sep{
background: none;
}

img.m-pic{
width: 50px;
}

#editgroupPopup {position: absolute; padding: 5px; left: 0; top: 0; cursor: default; width: 148px; background: #3eb1f0 }
#editgroupPopup span.changebutton {background: #3eb1f0 url(/skin/img/button_2h15_left.gif) no-repeat; float: left; padding: 0; margin: 0; height: 16px; width: auto}
#editgroupPopup span.changebutton a {background: #3eb1f0 url(/skin/img/button_2h15_right.gif) right no-repeat; color: #6a6b6d; float: left; padding: 0 5px 0 0; margin: 0 3px 0 7px; width: auto; height: 15px; text-decoration: none; font-weight: normal}
#editgroupPopup span.deletebutton {width:auto; height: 20px; float: right; background: transparent url(/skin/img/deletebutton-btn-left.gif) 0 0 no-repeat; margin: 0 0 0 3px; padding: 0}
#editgroupPopup span.deletebutton a {float: left; height: 20px; text-decoration: none; margin: 0 0 0 7px; padding: 0 10px 0px 5px; width: auto; background: transparent url(/skin/img/deletebutton-btn-right.gif) 100% 0 no-repeat; color: #fff}

/* added by goshi 05.10.08 
used in main skeleton header for limiting width of the phrase */
.quote {
width: 500px;
}

.quote .inner{
background: url(/skin/img/h_quote_end.gif) right 4px no-repeat;
padding-right: 20px;
display: inline;
float: none;
}

/* added by goshi 05.10.08
used in invite form */
.resInv{
text-align: center;
font-weight: normal;
font-size: 11px;
}

/* added by goshi 05.10.08
 loader */
.loader{
margin: 0;
padding: 0;
display: block !important;
width: 100%;
text-align: center !important;
}

.loader img{
margin: 20px;
padding: 20px;
display: inline;
}


/* 
================================================
autosuggest, inquisitor style
================================================
*/

body
{
	position: relative;
}


div.autosuggest
{
	position: absolute;
	background-image: url(/skin/img/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(/skin/img/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	background-image: url(/skin/img/ul_corner_br.gif);
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(/skin/img/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url(/skin/img/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 5px;
	overflow: hidden;
	background-color: #fff;
}

div.autosuggest div.as_header div.as_bar{
border-top: 1px solid #d5d5d5;
}

div.autosuggest div.as_footer div.as_bar{
border-bottom: 1px solid #d5d5d5;
}

div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #fff;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
}

div.autosuggest ul li
{
	color: #888;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #888;
	display: block;
	text-decoration: none;
	background-color: transparent;
	/*text-shadow: #000 0px 0px 5px;*/
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #888;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(/skin/img/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	background-image: url(/skin/img/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url(/skin/img/hl_corner_tl.gif);
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url(/skin/img/hl_corner_tr.gif);
	background-position: bottom right;
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #6EADE7;
}

/* goshi 19.10.08  */
dl.twocols dt{
width: auto;
}


/* goshi 03.11.08 
 remove bug for IE with payment button text-decoration */
.button_1h15 a,
.button_1h15_right a{
text-decoration: none;
color: #fff;
}

/*
* goshi 09.11.08
* remove bug for club search
*/
.anketaCenter{
width: 320px;
}

.equal .anketaCenter{
width: 270px;
}

.leftOptions .on a{
cursor: pointer;
}

.ashowNoteAccept {
width: auto;
}

/*
* error login class
*/
.error-data{
display: block;
border: 1px solid #FF345E;
background: #F0DCE2;
padding: 5px;
margin: 10px 10px 0 0;
}

.info-data{
display: block;
border: 1px solid #6dc845;
background: #ddf0db;
padding: 5px;
margin: 10px 10px 0 0;
}

/* patch for href 
* 10.11.08/goshi
*/
.button_h23 a{
color: #fff;
text-decoration: none;
}

/* patch for zero class, goshi 16.11.08*/
.zero{
background: none;
}

.leftOptions .sub div.zero{
background: none;
}


/* 02.12.08/goshi */
form.regFields td.thirdWidth select{
width: 170px;
}

.gray-block-container {
	padding-top: 19px;
}
.gray-block-titled {
	width: 150px;
	float: right;
	margin-left: 10px;
}
.gray-block-container .gray-block-container-inner{
	border: 1px solid #dde6ed;
	padding: 10px;
}
.gray-block-container .corner {
	background: url("/skin/img/gray-block-4.gif") left top no-repeat;
	width: 5px;
	height: 6px;
	position: absolute;
	left: 6px;
	top: -11px;
}
.gray-block-container .gray-block-container-inner a{
	display: block;
	margin-bottom: 5px;
	background: url("/skin/img/arrow-right.gif") 2px 4px no-repeat;
	padding-left: 15px;
	color: #000;
}
.gray-block-container .gray-block-container-inner a.style-1{
	color: #000;
}
.gray-block-container .gray-block-container-inner a.style-2{
	background: url("/skin/img/arrow-down.gif") left 6px no-repeat;
	color: #3db1ee;
	text-decoration: none;
	font-weight: bold;
}
.gray-block-container .gray-block-container-inner a.style-3{
	color: #999999;
}

.event {
	border-bottom: 2px solid #e4e9ef;
	padding: 20px 20px 20px 20px;
}
.event.added {
	background: #f1f5f8;
}
.event a.title {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
.event .date {
	padding: 5px 0px;
	font-size: 10px;
	color: #878984;
}
.event .text {
	padding-bottom: 15px;
}
.person {
	float: right;
}


.thin-button {
	float: left;
	background: url("/skin/img/button_h15_left.gif") left top no-repeat;
	padding-left:14px;
	margin-left: 5px;
}
.thin-button a{
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	padding-right: 14px;
	padding-top: 1px;
	padding-bottom: 3px;
	background: url("/skin/img/button_h15_right.gif") right top no-repeat;
	display: block;
}
.FRight {
	float: right;

}

.Fmini{
	padding-bottom: 20px; 
	width: 160px;
}

.left-top-block {
	float: left;
}
.left-top-block td.photo{
	border: 1px solid #e4e9ef;
	vertical-align: middle;
	text-align: center;
	width: 135px;
	height: 135px;
}
.left-top-block .info{
	padding-left: 15px;
}
.list-two-columns {
	margin-top: 10px;
	width: 100%;
	margin-bottom:0px;
}
.list-two-columns.border-less td {
	border: none;
}
.list-two-columns.FLeft{
	float: left;
	width: auto;
}
.list-two-columns .left{
	width: 135px;
	font-weight: bold;
	text-align: right;
	padding-right: 20px;
}
.list-two-columns .right{
	
}
.list-two-columns .right span{
	color:#7f7d82;
}
.list-two-columns td {
	padding: 10px 0px;
	border-top: 2px solid #ebf0f4;
}
.list-two-columns.fixed { 
	float: left; 
	width: 450px;
}
.left-top-block-lines {
	float: left;
}
.left-top-block-lines .info {
	
}

.list-two-columns td.border-less {
	border: none;
	padding: 0px;
}


/* hack for account */
.layout{
position: relative;
}

.account{
position: absolute;
margin-top: -15px;
/*right: 0px;*/
top: 45px;
z-index: 10000;
width: 100px;
left: 802px;
text-align: right;
}

.account a {
color: #2a537f;
}

.four-table {
	border-top: 2px solid #ebf0f4;
	width: 100%;
	margin-top: 10px;
}
.four-table td {
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	width: 25%;
}
.four-table td.left-align{
	text-align: left;
}
.four-table tr.titles td {
	font-weight: bold;
	font-size: 12px;
}


/* comments hack */
.bcLeave textarea {
width: 100%;
}

.blogComment2 {
	padding: 15px 0px 0px 0px;
}

.blogComment2 .bcInner,
.blogComment1 .bcInner {
max-width: 547px;
}

/* patch for contacts left adder for subgroup */
.superPopup input {
width: 130px;
}

.comment_new{
padding: 4px;
text-align: center;
font-weight: bold;
}

/* patch table columns width */
.twoColumnsForm2 td {
width: 45%;
}

.twoColumnsForm2 td.s {
width: 3%;
}

.twoColumnsForm2 td.t {
width: 52%;
}

/* blog/photo contacts page */
div.photo {
	margin-right: 17px;
	margin-left: 0px;
	padding:3px;
	float: left;
	border: 1px solid #e7e7e7;
	margin-bottom: 10px;
}


/* for statistic styles */
.leftOptions .sub div var{
font-style: normal;
}

/* file input */
div.myfileinputs {position: relative; width: 250px;}
div.fakefile {position: absolute; top: 0px; left: 0px; z-index: 1;  width: 250px;}
input.file {position: relative; text-align: right; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 2;  width: 250px;}


/* blog photo */
td.galleryPic{
vertical-align: top;
}

.galleryPic .cont{
position: relative;
display: block;
width: 129px;
/*height: 129px;*/
vertical-align: middle;
}

div.galleryPic {
/*height: 129px;*/
}

div.galleryPic .cont img,
div.galleryPic .cont a{
vertical-align: bottom;
}

.del-elem{
position: absolute;
right: -9px;
top: -9px;
cursor: pointer;
}

.del-elem img{
display: block;
}

/* popup block 2 */
.pop2{
padding: 36px 68px; 
position: relative;
}

.pClose2{
position: absolute; 
right: 23px; 
top: 23px;
}

.pop2 .l1{
float: left; 
width: 102px; 
padding-top: 47px; 
font-size: 8pt; 
font-weight: bold;
}

.pop2 .l2 {
margin-left: 103px;
}

.l2 h3{
display: block; 
padding: 0; 
margin: 0 0 26px 0; 
font-size: 11pt; 
color: #8c8c8c;
}

.input{
border: 1px solid #A5ACB2;
color# #7F7F7F;
padding:3px 2px;
font-size: 11px;
}

/* forum search */
.list-opened .num{
width: 25px;
color: #878787;
font-size: 9pt;
font-weight: bold;
vertical-align: top;
}

.list-opened .result{
padding-left: 0;

}

.list-opened .result h3{
display: block;
color: #878787;
font-weight: bold;
font-size: 11pt;
margin: 0;
padding: 0 0 9px 0;
}

.list-opened .result h3 a{
color: #878787;
}

.list-opened .result small{
display: block;
color: #878787;
font-size: 7pt;
margin: 0;
padding: 0 0 9px 0;
}

.list-opened .result span{
background: #a6d8fb;
padding: 2px; 
}

/* title page add on*/
img.go{
padding: 0 0 0 6px;
}

/* allowed files for uploadstyle */
div.allowedFiles{
display: block;
}

div.allowedFiles{
display: block;
}

div.allowedFiles span{
float: left;
width: 120px;
padding: 2px;
font-size: 9px;
}

div.allowedFiles span pre{
float: none;
display: block;
text-align: left;
padding: 2px;
margin: 0;
width: 120px;
/*font-family: CourierNew;*/
}

div.allowedFiles span.upto{
font-size: 11px;
width: 60px;
color: #303030;
text-align: right;

}

/* popup in photoalbums by krasnoukhov */
.superPopup {
	position: absolute;
	left: 0;
	top: 0;
	cursor: default;
	width: 160px;
	z-index: 1;
	padding: 5px;
	background: #3eb1f0;
}

.superPopup span.changebutton {
	background: #3eb1f0 url(/skin/img/button_2h15_left.gif) no-repeat;
	float: left;
	padding: 0;
	margin: 5px 0px 0px 0px;
	height: 16px;
	width: auto;
}
.superPopup span.changebutton a {
	background: #3eb1f0 url(/skin/img/button_2h15_right.gif) right no-repeat;
	color: #6a6b6d;
	float: left;
	padding: 0 5px 0 0;
	margin: 0 3px 0 7px;
	width: auto;
	height: 15px;
	text-decoration: none;
	font-weight: normal;
}
.superPopup span.deletebutton {
	width:auto;
	height: 20px;
	float: right;
	background: transparent url(/skin/img/deletebutton-btn-left.gif) 0 0 no-repeat;
	margin: 0 0 0 3px;
	padding: 0;
}
.superPopup span.deletebutton a {
	float: left;
	height: 20px;
	text-decoration: none;
	margin: 0 0 0 7px;
	padding: 0 10px 0px 5px;
	width: auto;
	background: transparent url(/skin/img/deletebutton-btn-right.gif) 100% 0 no-repeat;
	color: #fff;
}

/* hack right bock searchName */
/*.searchName{
height: auto;
width: 150px;
}*/
.person .name {
	padding: 5px 10px 10px 20px;
	display: block;
	margin-bottom: 5px;
	background: url("/skin/img/i_searchName.gif") left center no-repeat;
}

div.person .info,
div.searchName .info
{
width: 100px;
clear: both;
}


/* tabs */
.tabs2{
height: 36px;
}

.tabs2 a{
text-decoration: underline;
}

.tabs2 div.on a{
text-decoration: none;
color: #8b8c8e;
}

.tabs2 div,
.tabs2 div div{
background: none;
}

.tabs2 div div{
padding: 11px 15px 11px 0;
}

.tabs2 div.on{
background: url(/skin/img/tab2_left.png) left top no-repeat;
}

.tabs2 div.on div{
background: url(/skin/img/tab2_right.png) right top no-repeat;
}

/* blog/photo title link */
a.graytitlelink {
	color: #2A537F;
}


/* chat button */
.dark {
height: 18px;
padding-left: 23px;
}

.dark a{
/*background: url(/skin/img/chat_mess_right_act.gif) no-repeat right top;*/
background: 0 none;
color: #000;
float: left;
height:17px;
padding:1px 12px;
}

.dark span {
/*background: url(/skin/img/chat_mess_left_act.gif) no-repeat left top; */
background: 0 none;
float:left;
height:17px;
}