body, p { font-family: verdana, arial, helvetica, sans-serif; }
h1, h2, h3, h4 { font-family: arial, verdana, helvetica, sans-serif; }
input, textarea, select { font-family: verdana, arial, helvetica, sans-serif; font-size:11px;}

input
{
 height:20px;
}

select
{
 height:18px;
}

body { margin: 0; padding: 0; text-align: center; font-size: 0.7em; background-color: #FFFFFF; }
body.reg { margin: 11px; background-image: url( ../img/gradbg.jpg ); background-repeat: repeat-x; }
body.user { background-image: url( ../img/solbg.gif ); background-repeat: repeat-x; }
table, td, tr { font-size: 1em; }
form { margin: 0; padding: 0; }

code { font-size: 1.2em; }

a { color: #003; border:none; }
img{border:none;}
a:hover { color: #f93; }
.norm { color: #003; }
.norm2 { color: #f93; }
.norm3 { color: #9c3; }
.feat { color: #003; font-weight:bold; }
.feat2 { color: #f93; font-weight:bold; }
.feat3 { color: #9c3; font-weight:bold; }
.feat4 { color: #777E5D; font-weight:bold; }
.warn { color: #F00; font-weight:bold; }
.bfeat { color: #003; font-size: 1.2em; font-weight:bold; }
.bfeat2 { color: #f93; font-size: 1.2em; font-weight:bold; }
.bfeat3 { color: #9c3; font-size: 1.2em; font-weight:bold; }

a.nfeat2 { color: #f93; font-size: 1.2em; font-weight: bold; text-decoration: none;}

.clear {height:1px;	font-size: 1px;	clear:both; }
.center {margin-left:auto; margin-right:auto; text-align:center;}

hr {color:#E3E7CE; background-color:#E3E7CE; height:1px; border:0; margin:1px auto; text-align:center;}
td.sep { height: 1px; background-color: #ddd; }

th { text-align: center; }

#wrapper { margin: 3px auto; padding: 0; width: 976px; }

#header { margin: 80px 0 0 0; padding: 0; clear: both; height: 130px; }
#logo { float:left; width: 240px; }
#tophead { float: left; text-align:center; width: 736px; background-color: #fff; background-image: url( ../img/pgrbg.gif ); background-repeat: no-repeat; background-position: 100% 0; }
#topadv { margin: 4px 0; padding: 0; text-align:center; width: 728px; height: 90px; }
#topadv .imgad { font-size: 0px; }

#topnav { width:736px; margin: 0; padding:0; height: 28px; background-color: #f93; background-image: url( ../img/navrbg.gif ); background-repeat: no-repeat; background-position: 100% 0; }
#topnav ul { margin:0; padding:6px 0 0; list-style-type:upper-alpha; list-style:none; background-image: url( ../img/navlbg.gif ); background-repeat: no-repeat; background-position: 0 0;}
#topnav li { float:left; margin:0; padding:0; }
#topnav li.b { border-left: solid 1px #fff; }
#topnav a { float:left; display:block; width:.1em; padding:0 20px 3px 20px; font-size: 11px; font-weight:bold; color:#fff; white-space:nowrap; text-decoration:underline; }
#topnav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnav a {float:none;}
/* End IE5-Mac hack */
#topnav a:hover {color:#eee;}

#pagebody	{ padding: 0; margin: 0; clear: both;  }
#sidebar { float: left; text-align:left; margin-right: 4px; padding: 0; width: 240px; }
#mainarea { float: left; text-align: left; padding: 0; width: 732px; overflow: hidden;}
#pagecontent { padding: 0; }
#footer { clear: both; width: 966px; padding: 5px; margin: 0 auto; }
#footer hr { margin:4px auto; width: 952px; }
#footer div.wrapper { padding: 0 10px; }
#footer div.wrapper div.copyright { float:left; width: 360px; text-align:left; }
#footer div.wrapper div.ruskey { float: left; width: 260px; text-align: center; }
#footer div.wrapper div.counters { float: left; width: 316px; text-align: right; }

#regwrapper { margin: 0 auto; padding: 0; width: 1050px;}
#regbody	{ padding: 0; margin-top: 0; clear: both;  }
#regsidebar { float: left; margin: 0; padding: 0; text-align:center; width: 215px; }
#reglogo { margin: 0px 0 0px 0; padding: 0; }
#regmainarea { float: left; text-align: left; padding: 0; width: 820px; }
#regtopline { margin-top: 15px; padding: 4px; font-weight: bold; color: #777E5D; font-size: 11px; text-align: right; font-style:italic; }
#regheader { margin: 15px 0 5px 5px; }
#regcontent { padding: 5px 0 5px 0; }
#regfooter { clear: both; text-align:center; width: 1050px; padding: 5px; margin: 0 auto; }
#regfooter hr { margin:4px auto; width: 870px; }
#regfooter div.wrapper { padding: 0 10px; }
#regfooter div.wrapper div.copyright { float:left; width: 320px; text-align:left; }
#regfooter div.wrapper div.ruskey { float: left; width: 220px; text-align: center; }
#regfooter div.wrapper div.counters { float: left; width: 270px; text-align: right; }

.homeadv { text-align:left; padding: 5px; }
.homeadv a { color: #00f; font-size: 11px; }
.sideadv a { color: #00f; font-size: 11px; }
.bottomadv { height: 100px; width: 620px; margin-top:15px; text-align:right; }
.adpanel {float:right; margin: 0 10px 0 5px;}

h1 { color: #777E5D; font-size: 2.2em; margin: 0 0 5px 0; padding:0;}
h2 { color: #777E5D; font-size: 1.8em; margin: 0; padding:0;}
h3 { color: #FF9933; font-size: 1.2em; margin: 0; padding: 3px 0;}
h4 { margin: 0; padding-top: 2px; color:#777E5D; font-size: 1.2em; }

h3.subh { color: #765; font-size: 11px; margin: 6px 0; padding: 6px; background-repeat:repeat-x; background-image: url( ../img/subhbg.gif ); font-family: verdana, arial, helvetica, sans-serif;}

#header h1 { color: #777E5D; font-size: 2.0em; margin: 0; padding:0;}
#header h2 { color: #777E5D; font-size: 1.8em; margin: 0; padding:0;}
#header h3 {position: relative; font-size:1em; font-weight:normal; margin:0; padding:0; top: -1.5em; left: 270px; display: block; width:300px; text-align:right; font-family: verdana, arial, helvetica, sans-serif; }

div.contentbox { margin: 0 0 10px 0; padding: 0; }
div.boxnav { font-size: 11px; line-height:normal; padding: 0; margin:0; height: 32px; background:url( ../img/rbborder.gif ) no-repeat right top; background-position: 100% 25px; }
div.boxnav ul { margin:0; padding:0 0 0 1px; list-style:none; width: auto; background:url( ../img/bnl.gif ) no-repeat left top; background-position:0 -60px; height: 32px; }
div.boxnav li { float:left; background:url( ../img/bnl.gif ) no-repeat left top; margin:0; padding:0 0 0 4px; border-bottom:1px solid #E3E7CE; background-position: -1px 0; }
div.boxnav a { float:left; display:block; width:.1em; background:url( ../img/bnr.gif ) no-repeat right top; padding:7px 16px 6px 7px; text-decoration:none; font-weight:bold; color:#765; white-space:nowrap; font-size: 10px; }
div.boxnav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.boxnav a {float:none;}
/* End IE5-Mac hack */
div.boxnav a:hover { color:#333; }
div.boxnav .s { background-position:-1px -60px; border-width:0; }
div.boxnav .s a { background-position:100% -60px; padding-bottom:7px; color:#333; }
div.boxnav li#id_boxGroup a { color: #f00; }
div.contentbox h2 {color: #777E5D; font-size: 1.2em; margin: 0; padding: 5px 0;}
div.contentbox #ctl00_cphMain_ucInfoCard_pnlThumbnail { padding: 12px 0;}
div.contentbox2 {margin: 0 0 10px 0; padding: 10px; }

div.sbrb { width: 240px; margin: 0 auto 10px auto; text-align: left; }
div.sbrbc { width: 240px; margin: 0 auto 10px auto; text-align: center; }
div.sbrbr { width: 200px; margin: 0 auto 10px auto; text-align: left; }
.rbtl, .rbtr, .rbbl, .rbbr { background-image: url( ../img/rbborder.gif ); height: 5px; font-size: 2px; }
.rbtl, .rbbl { margin-right: 5px; }
.rbtr, .rbbr { margin-left: 5px; margin-top: -5px; }
.rbtr { background-position: 100% 0; }
.rbbl  { background-position: 0 -5px; }
.rbbr { background-position: 100% -5px; }
.rbin { border-left: 1px solid #E3E7CE;	border-right: 1px solid #E3E7CE; padding-left: 8px; padding-right:8px; text-align:left; }
.rbntg { margin-top: 0; }
.rbnbg { margin-bottom: -1px; padding-bottom: 1px; }
.sbin { border-left: 1px solid #E3E7CE; border-right: 1px solid #E3E7CE; padding-left: 8px; padding-right:8px; text-align:left; }
.cntin { border-left: 1px solid #E3E7CE; border-right: 1px solid #E3E7CE; padding: 0 10px 0 10px; margin: 0; text-align:left; clear: both; }

div.sbin h4 { margin: 0; padding-top: 2px; color:#777E5D; font-size: 1.2em; }
div.sbin ul { list-style-type: disc; list-style-position: inside; margin: 0; padding: 0; color: #FF9A36 }
div.sbin ul li { margin: 0; padding: 2px 0; }
div.sbin ul li span { color: black; }
div.sbin a { color: #89C434; }
div.sbin a.norm { color: #003; }
div.sbin a.menuFind {
    font-weight: bold;
}
/*
div.sbin h4 {
    color: #f93;
}
*/
table.sbct { width: 218px; }
table.sbct thead tr td { font-size:9px; margin:0; padding:0; text-align:center; }
table.sbct tbody tr td { padding: 1px 0; }
table.sbct tbody tr td.n {width:30px; color: #000; text-align:center;}
table.sbct tbody tr td.n2 {width:30px; color: #f93; text-align:center;}

div.tpromo_left {width:630px; height:263px; margin-bottom: 5px; background:url( ../img/tpromo_left.gif ) no-repeat left top; }
div.tpromo_right {width:630px; height:263px; background:url( ../img/tpromo_right.gif ) no-repeat right top; }
div.tpromo { width: 345px; height: 260px; position:relative; top: 10px; left: 10px; }
div.bpromo_left {width:630px; height:275px; background:url( ../img/bpromo_left.gif ) no-repeat left top; }
div.bpromo_right {width:630px; height:275px; background:url( ../img/bpromo_right.gif ) no-repeat right top; }
div.bpromo1 { width: 305px; height: 125px; position:relative; top: 20px; left: 220px; }
div.bpromo2 { width: 225px; height: 110px; position:relative; top: 30px; left: 140px; }
a.bpromo1 { font-size: 22px; color:#f93; font-weight:bold; font-family: arial, verdana, helvetica, sans-serif; text-decoration:none; }
a.bpromo1:hover { text-decoration:underline; }
a.bpromo2 { font-size: 22px; color:#9c3; font-weight:bold; font-family: arial, verdana, helvetica, sans-serif; text-decoration:none; }
a.bpromo2:hover { color:#9c3; text-decoration:underline; }

.reglist { clear:both; margin: 0; padding:0; }
ul.reglci { list-style-type: none; margin: 0; padding:0; }
ul.reglci li { padding: 1px 0; margin: 1px 0; white-space:normal; }

.filt select { font-size: 1em; }
.filt input { font-size: 1em; }
.filt a { font-size: 1em; margin-right:5px; }

.pager { margin: 18px 0 1px 0; line-height: 2em;}
.pager .link { background-color:#eee; text-align:center; vertical-align:middle; width: 22px; height: 22px; margin: 2px 4px 2px 0; padding: 4px; }
.pager .link a {color:#000;}
.pager a.link:hover { color:#000; }
.pager .alink { color:#fff;  background-color:#f93; text-align:center; vertical-align:middle; width: 22px; height: 22px; margin:  2px 4px 2px 0; padding: 4px; }
.pager a.alink:hover { color:#fff; }

.thumbnail-left { margin-left:5px; }
.thumbnail { margin-right:5px; }
.icon { vertical-align:middle; }

table.school_info th { text-align: right; padding-right: 10px; }







#shortcutMenuFriend * {
    margin: 0;
    padding: 0;
}

#shortcutMenuFriend {
    font-size: 1em;
    border: 1px solid #765;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    background-color: #fff;
    padding: 5px 1px;
}

#shortcutMenuFriend li {
    list-style: none;
    list-style-position: outside;
    padding: 1px;
	text-align: left;
}

#shortcutMenuFriend li a:link, #shortcutMenuFriend li a:visited {
	font-weight: bold;
    color: #89C434;
    display: block;
    padding: 2px 20px 2px 25px;
}

#shortcutMenuFriend li a:hover { color: #F93; }

#shortcutMenuFriend li.shortcutMenuItem-view a {
    background: url( ../img/icon_photo.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-message a {
    background: url( ../img/icon_msg.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-friends a {
    background: url( ../img/icon_friends2.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-groups a {
    background: url( ../img/icon_soobshhestva.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-altGroupInvite a {
    background: url( ../img/icon_altgroupInvite.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-altGroups a {
    background: url( ../img/icon_gruppa.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-photo a {
    background: url( ../img/icon_photos.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-self a {
    background: url( ../img/icon_about2.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-messaging a {
    background: url( ../img/icon_messaging.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-forum a {
    background: url( ../img/icon_forum.gif ) no-repeat 3px;
}

#shortcutMenuGroup * {
    margin: 0;
    padding: 0;
}

#shortcutMenuGroup {
    font-size: 1em;
    border: 1px solid #765;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    background-color: #fff;
    padding: 5px 1px;
}

#shortcutMenuGroup li {
    list-style: none;
    list-style-position: outside;
    padding: 1px;
        text-align: left;
}

#shortcutMenuGroup span {
    color: #f93;
    font-size: 1.2em;
    font-weight:bold;
}

#shortcutMenuGroup li a:link, #shortcutMenuGroup li a:visited {
        font-weight: bold;
    color: #89C434;
    display: block;
    padding: 2px 20px 2px 25px;
}

#shortcutMenuGroup li a:hover { color: #F93; }

#shortcutMenuGroup li.shortcutMenuItem-group-main a {
    background: url( ../img/icon_about2.gif ) no-repeat 3px;
}

#shortcutMenuGroup li.shortcutMenuItem-group-members a {
    background: url( ../img/icon_gruppa.gif ) no-repeat 3px;
}

#shortcutMenuGroup li.shortcutMenuItem-group-albums a {
    background: url( ../img/icon_photos.gif ) no-repeat 3px;
}

#shortcutMenuGroup li.shortcutMenuItem-group-forum a {
    background: url( ../img/icon_forum.gif ) no-repeat 3px;
}

div.msg-area p { margin: 0 0 0.5em; }
img.online { margin-top: 3px; }

div.mark5, div.mark4, div.mark3, div.mark2, div.mark1 {
    width: 45px;
    height: 45px;
}

div.mark5 {
    background: url( ../img/5.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/5.png,sizingMethod=crop);
}

div.mark4 {
    background: url( ../img/4.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/4.png,sizingMethod=crop);
}

div.mark3 {
    background: url( ../img/3.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/3.png,sizingMethod=crop);
}

div.mark2 {
    background: url( ../img/2.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/2.png,sizingMethod=crop);
}

div.mark1 {
    background: url( ../img/1.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/1.png,sizingMethod=crop);
}

div.mark30small, div.mark20small, div.mark10small, div.mark5small, div.mark4small, div.mark3small, div.mark2small, div.mark1small {
    width: 28px;
    height: 28px;
}

div.mark30small {
    background: url( ../img/30_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/30_28.png,sizingMethod=crop);
}

div.mark20small {
    background: url( ../img/20_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/20_28.png,sizingMethod=crop);
}

div.mark10small {
    background: url( ../img/10_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/10_28.png,sizingMethod=crop);
}

div.mark5small {
    background: url( ../img/5_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/5_28.png,sizingMethod=crop);
}

div.mark4small {
    background: url( ../img/4_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/4_28.png,sizingMethod=crop);
}

div.mark3small {
    background: url( ../img/3_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/3_28.png,sizingMethod=crop);
}

div.mark2small {
    background: url( ../img/2_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/2_28.png,sizingMethod=crop);
}

div.mark1small {
    background: url( ../img/1_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/1_28.png,sizingMethod=crop);
}

.newicon {
    margin-left: 0.3em;
    vertical-align: middle;
}

div.rejectPhoto {
    margin: 0 auto;
    color: #F00;
    font-weight:bold;
    width: 128px;
    overflow: auto;
}

div.userCard {

    margin: 0 0;

    width: 130px;
}



#messaging td {

	text-align: left;

}

/* Bubble pop-up */
.bubbleInfo {
	position: relative;
	
}
.trigger {
}

.popup {
	position: absolute;
	display: none;
	z-index: 50;
	background-image:url(../img/menu.gif);
	width:150px;
	height:200px;
}

#notify {
background:none;
width:976px;
height:50px;
display:block;
position:fixed;
top:0;
z-index:100;
}

	#notify .left {
	background-image:url(../img/notify-left-bg.gif);
	width:20px;
	height:50px;
	float:left;
	}
	#notify .right {
	background-image:url(../img/notify-right-bg.gif);
	width:20px;
	height:50px;
	float:left;
	clear:right
	}
	#notify .middle {
	background-color:#BACD60;
	width:936px;
	height:50px;
	float:left;
	}
		#notify .middle .sms a{
		background-image:url(../img/sms.gif);
		background-repeat:no-repeat;
		width:75px;
		height:50px;
		position:absolute;
		left:200px;
		}
		
		#notify .middle .sms a:hover {
		background-image:url(../img/sms-hover.gif);
		}
		
		#notify .middle .sms .kol{
		background:none;
		}
		
			#notify .middle .sms .kol-1{
			background-image:url(../img/01.gif);
			background-position:center;
			background-repeat:no-repeat;
			width:30px;
			height:30px;
			margin: 10px 0 0 40px;
			}
			
			#notify .middle .sms .kol-1{
			background-image:url(../img/01.gif);
			background-position:center;
			background-repeat:no-repeat;
			width:30px;
			height:30px;
			margin: 10px 0 0 40px;
			}
			
			#notify .middle .sms .kol-2{
			background-image:url(../img/02.gif);
			background-position:center;
			background-repeat:no-repeat;
			width:30px;
			height:30px;
			margin: 10px 0 0 40px;
			}
			
			#notify .middle .sms .kol-3{
			background-image:url(../img/03.gif);
			background-position:center;
			background-repeat:no-repeat;
			width:30px;
			height:30px;
			margin: 10px 0 0 40px;
			}
			
			#notify .middle .sms .kol-4{
			background-image:url(../img/04.gif);
			background-position:center;
			background-repeat:no-repeat;
			width:30px;
			height:30px;
			margin: 10px 0 0 40px;
			}
			
			#notify .middle .sms .kol-5{
			background-image:url(../img/05.gif);
			background-position:center;
			background-repeat:no-repeat;
			width:30px;
			height:30px;
			margin: 10px 0 0 40px;
			}
			
			#notify .middle .sms .kol-6{
			background-image:url(../img/06.gif);
			background-position:center;
			background-repeat:no-repeat;
			width:30px;
			height:30px;
			margin: 10px 0 0 40px;
			}
			
			#notify .middle .sms .kol-7{
			background-image:url(../img/07.gif);
			background-position:center;
			background-repeat:no-repeat;
			width:30px;
			height:30px;
			margin: 10px 0 0 40px;
			}
			
			#notify .middle .sms .kol-8{
			background-image:url(../img/08.gif);
			background-position:center;
			background-repeat:no-repeat;
			width:30px;
			height:30px;
			margin: 10px 0 0 40px;
			}
			
			#notify .middle .sms .kol-9{
			background-image:url(../img/09.gif);
			background-position:center;
			background-repeat:no-repeat;
			width:30px;
			height:30px;
			margin: 10px 0 0 40px;
			}
			
			#notify .middle ul{
			display:block;
			float:right;
			list-style-type:none;
			}
			
			#notify .middle li{
			float:left;
			padding:0 5px;
			line-height:25px;
			}
				#notify .middle li a{
				color:#FFFFFF;
				font-size:14px;
				font-weight:bold;
				}		
				#notify .middle li a:hover{
				color:#CC0000;
				}

.button{
background-image:url(../img/button-bg.gif);
background-repeat:no-repeat;
width:71px;
height:18px;
float:left;
margin-left:30px;;
}	

div.button a{
color:#000000;
text-decoration:none;
line-height:20px;
}

.photos{
position:relative;
width:auto;
margin:0 auto;
}
	.mark{
	position:absolute;
	top:0;
	right:0;
	}
	
.friend{
display:block;
width:170px;
float:left;
position:relative;
text-align:center;
}