/*

Reset
--------------------------------------------------------------------------------
Based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

*/

html, body, div, span, applet, 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;
}

td {
	border-collapse: collapse;
	border-spacing: 0;
}

:focus {
  outline: 0;
}

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: "" "";
}

img {
	vertical-align:top;
}

/*

Elements
--------------------------------------------------------------------------------

*/

body {
	font:11px/16px "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	color: 222;
	text-align: center;
	background-color:#fff;
	font-size:10px;
}

#title b {
	display:block; 
	padding:0;
	font:bold 10px "Trebuchet MS",Arial,Sans-Serif;
	letter-spacing:.3em;
	text-transform:uppercase;
	color:#000;
}

#TitleIn {
	display:block; 
	padding:0;
	font:10px "Trebuchet MS",Arial,Sans-Serif;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:#000;
}

#Header {
	margin: 0px auto;
	margin-top:0px;
	text-align:left;
	padding:30px 0px 0px 0px; /* top and bottom */ 
	width:900px;
	background-color:#FFF;
	float:none;
	height:40px;
}

#HeaderIn {
	margin: 0px auto;
	margin-top:0px;
	text-align:left;
	padding:0px 0px 0px 0px; /* top and bottom */ 
	width:860px;
	height:26px;
	font-size:12px;
}

#SignInBox, #SignUpBox, #RecoverBox
{
	width:100%;
	height: 100%;
	position:fixed;
	z-index: 9999;
    top: 0px;
	left:0;
	bottom: 0px;
	right:0;
	position: expression("absolute");
    width: expression(document.body.clientWidth);
    top: expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight);
	background:url(/images/dot.png);
}

#UBox
{
	width:100%;
	height: 100%;
	position:fixed;
	z-index: 9999;
    top: 0px;
	left:0;
	bottom: 0px;
	right:0;
	position: expression("absolute");
    width: expression(document.body.clientWidth);
    top: expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight);
	background:url(/images/dot.png);
}

#ListGroups, #ListSets
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	width:345px;
	height: 320px;
	position:absolute;
	z-index: 9000;
	overflow: auto;
	color:#ffffff;
	background:url(/images/dot_dark.png);
}

#Welcome {
	margin: 0px auto;
	text-align:left;
	width:860px;
	margin-top:30px;
	color:#333;
	background-color:#f5f5f5;
	height:300px;
}

#People {
	margin: 0px auto;
	text-align:left;
	width:860px;
	margin-top:10px;
	color:#333;
	background-color:#000;
	color:#FFF;
	height:100px;
}


#outer_wrapper {
	margin: 0px auto;
	width:850px;
	font-size:12px;
	margin-top:40px;
}
#wrapper {

}
 
#container {
	margin-right:0px;
	margin-left:0px;
}
#content {
	margin-right: 0px;
}

#main {
	width:635px;
	text-align:left;
	margin-left:15px;
}

#mainwide {
	width:840px;
	text-align:left;
	margin:0 auto;
}

#main a, #mainwide a {
	color:#069;
}

#left {
	width:200px;
}

#BoxContent {
	background-color:#FFF;
	margin:0 auto;
	margin-top:200px;
	width:100px;
	padding:5px;
}

#Footer {
	margin: 0px auto;
	margin-top:30px;
	text-align:left;
	width:900px;
	padding:10px 15px;
	font-size:10px;
	color:#b5b5b5;
}

#Adv {
	margin: 0px auto;
	text-align:left;
	width:100%;
	padding:10px;
	font-size:11px;
}

#Adv td
{
	opacity:0.3;
	-khtml-opacity: 0.3;
	-moz-opacity:0.3;
	filter: alpha(Opacity=30);
	font-size:95%;
}

#Counters {
	margin: 0px auto;
	text-align:left;
	width:900px;	
	margin-top:10px;
	padding-left:30px;
}

#Counters img
{
	opacity:0;
	-khtml-opacity: 0;
	-moz-opacity:0;
	filter: alpha(Opacity=0);
}

#Copyrights
{
	position:absolute;
	margin-top:-25px;
	z-index:5999;
	width:600px;
	background:url(/images/dot.png);
	height:25px;
}

#UserPhotoMenu
{
	position:absolute;
	z-index:9999;
	margin:0;
	padding:0;
	width:200px;
	vertical-align:middle;
	text-align:right;
	visibility:hidden;
}



h1 { margin-bottom: .4em; font:bold 26px "Trebuchet MS",Arial,Sans-Serif;letter-spacing:.3em;color:#000; font-weight: bold;}
h5 { margin-bottom: .4em; font:bold 22px "Trebuchet MS",Arial,Sans-Serif;color:#000; font-weight: bold;}
h2 { padding-top:5px;  font:bold 10px "Trebuchet MS",Arial,Sans-Serif;letter-spacing:.3em;color:#fff; text-transform:
uppercase; font-weight:lighter;}
h3 { padding-top:5px;  font:bold 10px "Trebuchet MS",Arial,Sans-Serif;letter-spacing:.3em;color:#000; text-transform:
uppercase; font-weight:lighter; padding-left:20px;}
h4 {font:bold 12px "Trebuchet MS",Arial,Sans-Serif;letter-spacing:.3em;color:#000; text-transform:
uppercase; font-weight:lighter; padding:10px;}
h6 {font:bold 14px "Trebuchet MS",Arial,Sans-Serif; padding-bottom:5px;}

.join { font:bold 10px "Trebuchet MS",Arial,Sans-Serif;letter-spacing:.3em; text-transform:
uppercase; font-weight:lighter; color:#666;}


ul#navubox,ul#navubox li{list-style-type:none;margin:0;padding:0;}
ul#navubox li{float:left;margin-right: 3px;text-align: center;}

ul#navubox a.remove{float:left; background:#F30; text-decoration:none;color:#fff; font-size:11px; width:150px; font-weight:bold; padding: 5px 0;}
ul#navubox a.remove:visited{float:left; background:#F30; text-decoration:none;color:#fff; font-size:11px; width:150px; font-weight:bold;}
ul#navubox a.remove:hover{float:left; background:#F30;color:#CCC; font-size:11px; width:150px; font-weight:bold;}

ul#navubox a.cancel{float:left; background:#e8e8e8; text-decoration:none; color:#444; font-size:11px; width:70px; font-weight:bold; padding: 5px 0; margin-left:7px;}
ul#navubox a.cancel:visited{float:left; background:#e8e8e8; text-decoration:none;color:#444; font-size:11px; width:70px; font-weight:bold;}
ul#navubox a.cancel:hover{float:left; background:#eeeeee;color:#444; font-size:11px; width:70px; font-weight:bold;}

ul#navubox a.yes{float:left; background:#68a64c; text-decoration:none; color:#fff; font-size:11px; width:70px; font-weight:bold; padding: 5px 0; margin-left:7px;}
ul#navubox a.yes:visited{float:left; background:#68a64c; text-decoration:none;color:#fff; font-size:11px; width:70px; font-weight:bold;}
ul#navubox a.yes:hover{float:left; background:#7ac159;color:#fff; font-size:11px; width:70px; font-weight:bold;}


a {color:#222; text-decoration:none;}
a:visited {color:#222; text-decoration:none;}
a:hover {color:#666; text-decoration:underline;}

#UserDescr a {color:#069; text-decoration:none;}
#UserDescr a:visited {color:#069; text-decoration:none;}
#UserDescr a:hover {color:#069; text-decoration:underline;}

a.none { text-decoration:none; }
#main a.small, #mainwide a.small { font-size:90%; }
#main a.small:vsited, #mainwide a.small:vsited { font-size:90%;}
#main a.small:hover, #mainwide a.small:hover { font-size:90%; text-decoration:underline; }


.basictab ul{
margin: 0px;
padding: 3px 0;
font: 12px Verdana;
border-bottom: 1px solid #ccc;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li.date {
	font-size:85%;
	color:#999;
	padding-left:10px;
	padding-right:5px;
}

.basictab li.active a, .basictab li.active a:hover, .basictab li.active a:visited {
text-decoration: none;
padding: 3px 7px;
margin-right:3px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom:1px solid #f9f9f9;
background-color:#fbfbfb;
font-weight:bold;
font-size:12px;
}

.basictab li.none a, .basictab li.none a:visited {
text-decoration: none;
padding: 3px 5px;
margin-right:3px;
border-bottom: none;
background-color:#f7f7f7;
font-size:90%;
}

.basictab li.none a:hover {
text-decoration: none;
padding: 3px 5px;
margin-right:3px;
border-bottom: none;
background-color:#f1f1f1;
font-size:90%;
}


#pages ul { border:0; margin:0; margin:0;}
#pagination li{
border:0; padding:0; margin:0;
font-size:11px;
list-style:none;
display:inline;
}
#pagination a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
#pagination .total{
color:#666;
display:block;
float:left;
padding:4px 6px;
}
#pagination .previous-off,
#pagination .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination .next a,
#pagination .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
} 
#pagination .active a:link,
#pagination .active a:visited,
#pagination .active a:hover {
	color:#000;
	font-weight:bold;
}
#pagination a:link,
#pagination a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination a:hover{
border:solid 1px #666666;
}

#mainwide a.tag:link       { COLOR: #999999; TEXT-DECORATION: none }
#mainwide a.tag:visited    { COLOR: #999999; TEXT-DECORATION: none }
#mainwide a.tag:hover      { COLOR: #003366; TEXT-DECORATION: none }

#mainwide a.tag_delete:link    { COLOR: #cccccc; TEXT-DECORATION: none }
#mainwide a.tag_delete:visited { COLOR: #cccccc; TEXT-DECORATION: none }
#mainwide a.tag_delete:hover   { COLOR: #999999; TEXT-DECORATION: none }

#mainwide a.view_group:link       { COLOR: #999999; TEXT-DECORATION: none }
#mainwide a.view_group:visited    { COLOR: #999999; TEXT-DECORATION: none }
#mainwide a.view_group:hover      { COLOR: #003366; TEXT-DECORATION: none }

#mainwide a.group_delete:link    { COLOR: #cccccc; TEXT-DECORATION: none }
#mainwide a.group_delete:visited { COLOR: #cccccc; TEXT-DECORATION: none }
#mainwide a.group_delete:hover   { COLOR: #999999; TEXT-DECORATION: none }

#mainwide a.group_list:link { color:#5cb8e5; TEXT-DECORATION:underline; font-weight:bold;}
#mainwide a.group_list:visited { color:#5cb8e5; TEXT-DECORATION:underline; font-weight:bold;}
#mainwide a.group_list:hover { COLOR: #ccc; TEXT-DECORATION:none; font-weight:bold;}


div .pages { padding:5px; display:inline;}

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

#SignInBox a, #SignInBox a:visited, #SignUpBox a, #SignUpBox a:visited  {
  color: #069;
  text-decoration: none;
}

#SignInBox a:hover, #SignUpBox a:hover {
  color: #000;
  text-decoration: underline;
}

.error
{
	color:#C30;
	font-weight:bold;
	margin-bottom:10px;
}


.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-north { background-image: url(/images/tipsy-north.gif); background-position: top center; }
.tipsy-south { background-image: url(/images/tipsy-south.gif); background-position: 90% 100%; }
.tipsy-east { background-image: url(/images/tipsy-east.gif); background-position: right center; }
.tipsy-west { background-image: url(/images/tipsy-west.gif); background-position: left center; }
    
#StatusBar {
	margin:0 auto;
	display:none;
	bottom:0;
	left:0;
	width:150px;
	position:fixed;
	overflow:hidden;
	z-index:5000;
}

	#StatusBar .nav_menu {
		font-size:11px;
		color:#666;
		text-align:left;
		height:100%;
		padding-left:10px;
		padding-top:5px;
		padding-bottom:5px;
		margin-left:20px;
		margin-right:20px;
		
		background-color:#e7e7e7;
		border-top:solid 1px #b5b5b5;
		border-left:solid 1px #b5b5b5;
		border-right:solid 1px #b5b5b5;
	}
	
		#StatusBar .nav_menu ul {
			list-style:none;
		}
		
		#StatusBar .nav_menu li {
			display:inline;
		}
		
		
.user-title {
	font-size:150%; font-weight:bold;
}
#main a.UserStatus, #main a.UserStatus:hover, #main a.UserStatus:visited {
	font-size:90%;
	color:#000;
}

a.AlphaWork img {
	opacity:0.4;
	-khtml-opacity: 0.4;
	-moz-opacity:0.4;
	filter: alpha(Opacity=40);
}

.statusdate {font-size:85%; color:#999;}


#box .b {
  background:url(/images/facebox/b.png);
}

#box .tl {
  background:url(/images/facebox/tl.png);
}

#box .tr {
  background:url(/images/facebox/tr.png);
}

#box .bl {
  background:url(/images/facebox/bl.png);
}

#box .br {
  background:url(/images/facebox/br.png);
}

#box {
  text-align: left;
}

#box .popup {

}

#box table {
  border-collapse: collapse;
}

#box td {
  border-bottom: 0;
  padding: 0;
}

#box .body {
  padding: 0px;
  background: #fff;
}

#box .loading {
  text-align: center;
}

#box .image {
  text-align: center;
}

#box img {
  border: 0;
  margin: 0;
}

#box .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#box .tl, #box .tr, #box .bl, #box .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}








#facebox .b {
  background:url(/images/facebox/b.png);
}

#facebox .tl {
  background:url(/images/facebox/tl.png);
}

#facebox .tr {
  background:url(/images/facebox/tr.png);
}

#facebox .bl {
  background:url(/images/facebox/bl.png);
}

#facebox .br {
  background:url(/images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


.label { padding: 5px; font: bold 10px Arial, sans-serif; position: absolute; top: 0;left: 0; }
.form { padding: 0px 0px 0px 0px; overflow: hidden;}
.form p { margin: 0 0 0px 0; float:left; clear:both; display: block; }
.form label { font: 0.9em Helvetica, Arial, sans-serif; padding: 0 0 0 5px; color:#999;}
.form .w { float: left; clear: both; padding: 0px 0px 0px; background: #f4f4f4; font: bold 0.8em Helvetica, Arial, sans-serif; color: #333; overflow: hidden; text-align:right; border:solid 0px #e7e7e7; }
.form .w span { padding: 0 0 0px; float:left;}
.form .input { border: 1px solid #dadada; padding: 5px 5px 5px 5px; margin: 0 0 0 0; font:12px/14px Helvetiva, Arial, sans-serif; background-color:#fff; width:450px; color:#000; }
.form .w label { padding:0; }


/* General dropdown styles */       
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
/* DT styles for sliding doors */
.dropdown dt a {background:#fff url(/images/arrow.png) no-repeat scroll right center;
    display:block; height:22px; border-right:solid 1px #e3e3e3; border-top:solid 1px #e3e3e3; border-bottom:solid 1px #e3e3e3; border-right:0px; }
.dropdown dt img:hover {cursor: pointer;}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
/* UL styles */
.dropdown dd ul { background:#000 none repeat scroll 0 0; display:none;
    list-style:none; padding:0px 0px; position:absolute; 
    left:-156px; top:0px; width:auto; min-width:170px; border-right:solid 1px #e3e3e3; border-top:0px; border-bottom:solid 1px #e3e3e3; border-left:solid 1px #e3e3e3;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding-bottom:0px; display:block; text-decoration:none; text-transform:none; font-size:110%;}


/* элементы закругления */
 
 
		div#nifty
		{ 
			padding:0px; background: #000;
		}
		b.rtop, b.rbottom
		{
			display:block;background: #FFF
		}
		b.rtop b, b.rbottom b
		{
			display:block;
			height: 1px;
		    overflow: hidden; 
			background: #000
		}
		b.r1
		{
			margin: 0 2px
		}
		b.r2
		{
			margin: 0 1px
		}
		b.r3
		{
			margin: 0 1px
		}
		b.rtop b.r4, b.rbottom b.r4
		{
			margin: 0;height: 0px
		}
 
 
.inner-box {
	padding:1em; 
}
 
.r01, .r02, .r03, .r04, .r05, .r06, .r07, .r08, .r09, .r010 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}
 
.r010 { margin: 0 10px; }
.r09 { margin: 0 9px; }
.r08 { margin: 0 8px; }
.r07 { margin: 0 7px; }
.r06 { margin: 0 6px; }
.r05 { margin: 0 5px; }
.r04 { margin: 0 4px; }
.r03 { margin: 0 3px; }
.r02 { margin: 0 2px; }
.r01 { margin: 0 1px; }
 
/*
 
возможные комбинации
 
r3 r1 r1 вверху
r1 r1 r3 внизу
 
r5 r3 r2 r1 r1 вверху
r1 r1 r2 r3 r5 внизу
 
r10 r7 r5 r4 r3 r2 r2 r1 r1 r1 вверху
r1 r1 r1 r2 r2 r3 r4 r5 r7 r10 внизу
 
однако не стоит ограничивать полет фантазии только этими вариантами, возможны и другие комбинации и не только скругление углов, но и множество других эффектов.
 
*/
 
#rounded-box-3, #rounded-box-5, #rounded-box-10 { margin:1em; }
 
.inner-box, b {  }
 
/* уменьшаем отступы по мере роста радиуса закругления */
#rounded-box-3 .inner-box { padding: 1em;}
#rounded-box-5 .inner-box { padding: 0.7em 1em;}
#rounded-box-10 .inner-box { padding: 0.4em 1em;}
 
-->