/*
 +-------------------------------------------------------------------+
 |                      ASTRO5.NET   MAIN CSS FILE                   |
 |                                                                   |
 | Design: http: //yordanoff.net                                     |
 +-------------------------------------------------------------------+
*/

/*------------------------------------------------------------------------------------
	Global Styles
------------------------------------------------------------------------------------*/
* { margin: 0px; padding: 0px; }

body {
	background: #fff url(images/bgr.jpg) repeat-x; 
	font-family: Tahoma, Geneva, Arial, sans-serif; 
	font-size: 12px; 
	color: #444; 
	line-height: 1.6em; }

a { color: #A84CA5; text-decoration: none; outline: 0; }
a:hover { color: #7F277D; text-decoration: underline; }

h1 { font-size: 22px; font-weight: normal; }
h2 { font-size: 20px; font-weight: normal; }
h3 { font-size: 18px; font-weight: normal; }
h4 { font-size: 16px; font-weight: normal; }

p { float: left; margin-bottom: 10px; margin-top: 10px; text-align: justify; }
img { border: none; }
a img { background: #eee; padding: 3px; border: 1px solid #bbb; }
.clear { clear: both; }
.display-none { display: none; }
 
.orange { color: #A84CA5; }
 
.floatLeft { float: left; }
.floatRight { float: right; }

.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }

.mt5 { margin-top: 5px; }
.mr5 { margin-right: 5px; }
.mb5 { margin-bottom: 5px; }
.ml5 { margin-left: 5px; }

.wrap { width: 960px; margin: 0px auto; padding: 5px auto; }


/*------------------------------------------------------------------------------------
	Header
------------------------------------------------------------------------------------*/
#hdr {
	background: url(images/hdr.jpg) bottom no-repeat;
	background-position: 0px 47px;
	width: 960px;
	height: 180px;
	float: left; }
	
.logo {
	background: url(images/logo.jpg) top no-repeat;
	width: 212px;
	height: 60px;
	display: block;
	float: left;
	margin-top: 18px; }
	
.logo:hover {
	background: url(images/logo.jpg) bottom no-repeat; }

/*user info top*/
.userInfo {
	width: 200px;
	height: 44px;
	float: right;
	text-align: right;
	padding-top: 4px;}
	
.nick_top { font-size: 15px; font-weight: bold; color: #f2f2f2; }
.edit_top { color: #6c74b5; font-size: 9px; margin-left: 10px; }
.born_top { color: #bdc7e5; font-size: 10px; }

/*navigation*/
#nav { float: left; margin-top: 55px; }

#nav ul { list-style: none; }

#nav ul li { float: left; }

#nav ul li a { 
	background: url(images/nav.jpg) top center repeat-x; 
	width: auto; 
	height: 24px; 
	display: inline-block;
	padding: 11px;
	margin-right: 1px;
	color: #f2f2f2;
	font-weight: bold;
	text-decoration: none; }
	
#nav ul li a:hover {
	background: url(images/nav.jpg) bottom center repeat-x; 
	color: #fff; }
	
.free {
	background: url(images/hdr-btns.jpg) left bottom no-repeat;
	width: 78px;
	height: 44px;
	display: block;
	float: left;
	margin-right: 3px; }
	
.free:hover,
.free-active {
	background: url(images/hdr-btns.jpg) left top no-repeat;
	width: 78px;
	height: 44px;
	display: block;
	float: left;
	margin-right: 3px; }
	
.club {
	background: url(images/hdr-btns.jpg) right bottom no-repeat;
	width: 154px;
	height: 44px;
	display: block;
	float: left;
	margin-right: 3px; }
	
.club:hover,
.club-active {
	background: url(images/hdr-btns.jpg) right top no-repeat;
	width: 154px;
	height: 44px;
	display: block;
	float: left;
	margin-right: 0px; }
	
.status-tagline {
	color: #FFB013;
	font-size: 11px;
	font-weight: bold;
	float: right;
	margin-top: 10px;
	margin-right: 3px; }
	
.status-tagline:hover {	color: #f2f2f2; }
	
/*------------------------------------------------------------------------------------
	Content
------------------------------------------------------------------------------------*/
.contentBox {
	width: 960px;
	height: auto;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: justify; }
	
.contentBox ul { list-style: inside; }

.leftColumn {
	width: 648px;
	height: auto;
	float: left; }

/* .width-box {
	width: 580px;
	margin-left: 23px; } */
	
.rightColumn {
	width: 300px;
	height: auto;
	float: right; }
	
.tab-active {
	background: url(images/tab2.jpg) right bottom;
	width: auto;
	height: 41px;
	float: left;
	display: block; }
	
.tab-active b {
	background: url(images/tab-l2.jpg) left bottom no-repeat;
	width: auto;
	height: 27px;
	float: left;
	display: block; 
	color: #fff;
	padding: 7px 10px;
	cursor: pointer; }

.tab-active:hover { text-decoration: none; }
.tab-active b:hover { color: #DFE3FF; }

.tab {
	background: url(images/tab2.jpg) right top;
	width: auto;
	height: 41px;
	float: left;
	display: block;
	margin: 0px 1px; }
	
.tab b {
	background: url(images/tab-l2.jpg) left top no-repeat;
	width: auto;
	height: 27px;
	float: left;
	display: block; 
	color: #5d609a;
	padding: 7px 10px;
	cursor: pointer; }
	
.tab:hover { text-decoration: none; }
.tab b:hover { color: #7F277D; }

.boxContainer { float: left; } 

.box {
	background: #fff url(images/box-bgr.jpg) top repeat-x;
	width: 100%;
	height: auto;
	float: left; }
	
.box-btm {
	background: url(images/box-btm.jpg) right no-repeat;
	width: 100%;
	height: 10px;
	float: left;
	display: block;
	font-size: 1px; }
	
.box-btm-l {
	background: url(images/box-btm-l.jpg) left no-repeat;
	width: 100%;
	height: 10px;
	float: left;
	display: block;
	font-size: 1px; }
	
.info-small {
	width: 308px;
	height: auto;
	float: left;
	padding: 5px; }
	
.info-big {
	width: 601px;
	height: auto;
	float: left; 
	padding: 10px 22px 5px 22px; }
	
	.info-big2 {
	width: 450px;
	height: auto;
	float: left; 
	padding: 10px 22px 5px 22px; }
	
.help {
	background: url(images/help-icon.gif) no-repeat top;
	width: 16px;
	height: 16px;
	display: block;
	float: right; 
	margin-top: 13px;
	color: #bfbfbf;
	cursor: help; }
	
.help:hover {
	background: url(images/help-icon.gif) no-repeat bottom; }
	
.help-active {
	background: url(images/help-icon.gif) no-repeat bottom;
	width: 16px;
	height: 16px;
	display: block;
	float: right; 
	margin-top: 13px;
	color: #bfbfbf;
	cursor: help; }
	
.ybox {
	background: url(images/ybgr.jpg) repeat-y;
	width: 140px;
	height: auto;
	display: inline;
	padding: 5px;
	float: left; }
	
.ysep {
	background: url(images/ysep.jpg) repeat-x;
	width: 100%;
	height: 2px;
	display: inline;
	float: left;
	font-size: 1px; }
	
.planets_col_1 {
	background: url(images/planets_col_1.jpg) left repeat-y;
	/*width: 75px;*/
    width: 125px;
    /*width: 25px; */
	height: 16px;
	padding: 5px;
	float: left;
	border-right: 1px solid #ddd;
	/*text-align: center;*/
    text-align: center;
	font-weight: bold; }
	
.planets_col_2 {
	background: url(images/ybgr.jpg) repeat-y;
	/*width: 200px;*/
    width: 150px;
	height: 16px;
	padding: 5px;
    padding-left:15px; /*ako planetite padat nadolu - da namalq towa */
	float: left; }

/*.planets_col_3 {
	background: url(images/planets_col_1.jpg) repeat-y;
	width: 25px;
	height: 16px;
	padding: 5px;
	float: left; }*/


/*ColumnRight*/
.rightColumn a img { border: 0px; padding: 0px; }
.rightColumn a { color: #333; }
.rightColumn a:hover { color: #A84CA5; }
	
.rc-top {
	background: url(images/rightColumn-top2.jpg) no-repeat;
	width: 300px;
	height: 6px;
	float: left;
	display: block;
	font-size: 1px; }
	
.rc-info {
	/*background: #F7F7FF url(images/rightColumn-bgr2.jpg) repeat-x;*/
	background: #EAF0FF;
	width: 280px;
	height: auto;
	padding: 10px;
	float: left; }
	
.rc-info h2,
.rc-info-title {
	font-size: 13px;
	color: #3d3f7c;
	font-weight: bold;
	float: left; 
	margin-bottom: 7px; }
	
.rc-help { 
	background: url(images/help-icon.gif) no-repeat top;
	width: 16px;
	height: 16px;
	display: block; 
	float: right;
	color: #bfbfbf;
	cursor: help;
	margin-top: -1px; }
	
.rc-help:hover { 
	background: url(images/help-icon.gif) no-repeat bottom; }
	
.arrow {
	background: url(images/arrow.gif) left top no-repeat;
	background-position: 0px 4px;
	height: 5px;
	padding-left: 10px; }
		
.rc-sep {
	background: url(images/rc-sep.jpg) repeat-x;
	width: 100%;
	height: 2px;
	float: left;
	font-size: 1px; }
	
.rc-forums ul {
	list-style: none; }
	
.rc-forums ul li { 
	background: url(images/rc-forums-arrow2.jpg) left no-repeat;
	height: 32px;
	width: 300px;
	float: left; }
	
.rc-forums ul li a {
	background: url(images/rc-forums2.jpg) repeat-x;
	width: 259px;
	height: 22px;
	display: block; 
	padding: 5px 10px;
	float: right; }
	
	
/* others */
.sysmsg {
	background: #EFF3FF;
	border: 1px solid #C2CCEF;
	width: 940px;
	height: 18px;
	padding: 10px;
	float: left;
	font-size: 17px;
	margin-bottom: 20px; }
	
.sysmsg-close {
	background: url(images/close-icon.gif) top no-repeat;
	width: 11px;
	height: 12px;
	display: block;
	float: right; 
	margin-top: 4px;
	color: #bfbfbf; }
	
.sysmsg-close:hover {
	background: url(images/close-icon.gif) bottom no-repeat; }
	
.sysmsg-close2 {
	background: url(images/close2-icon.gif) bottom no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	float: right; 
	margin-top: 2px;
	color: #bfbfbf; }
	
.sysmsg-close2:hover {
	background: url(images/close2-icon.gif) top no-repeat; }
	
.not-vip {
	background: #FFDFE0;
	width: 100%;
	height: auto;
	float: left;
	padding: 10px 0px;
	border: 1px solid #EFB3B5; }
	
.not-vip span {
	margin: 0px 10px;
	float: left;
	font-size: 14px;
	font-weight: bold; }
	
.not-vip a {
	color: #2C378F;
	text-decoration: underline; }
	
.not-vip a:hover {
	text-decoration: none; }
	
.alert-icon {
	background: url(images/alert.gif) no-repeat;
	width: 14px;
	height: 14px;
	float: left; 
	margin-right: 5px; 
	margin-top: 2px;
	font-size: 1px; }

.vip-btn {
	background: url(images/vip-btn.gif) no-repeat;
	width: 21px;
	height: 12px;
	display: block;
	float: left;
	font-size: 0px;
	margin-top: 12px;
	margin-left: -5px;
	margin-right: 6px; }
	
/* table */
.tble th {
	height: 25px;
	padding: 6px;
	text-align: center;
	font-weight: bold; }
	
.tble tr {
	background: #E5E5E5 url(images/rc-forums.jpg) bottom repeat-x; }
	
.tble td {
	padding: 6px;
	margin: 0px; }
	
/* Kitaiski */
.kitaiski-l {
	float: left; 
	width: 250px;
	margin-top: 20px; }
	
.kitaiski-r {
	float: right;
	width: 325px;
	margin-top: 20px; }
	
/**/
.code-field {
	width: 300px;
	height: 18px;
	padding: 6px;
	font-size: 18px;
	float: left; }

.code-field-select {
	height: 38px;
	padding: 6px;
	font-size: 18px;
	float: left;
	margin-right: 10px; }
	
.code-num {
	background: url(images/code-num.jpg) no-repeat;
	width: 34px;
	height: 27px;
	text-align: center;
	padding-top: 7px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin-right: 10px;
	margin-top: 5px; }
	
.code-btn {
	height: 34px;
	float: left; }
	
/* login box */
.loginBox {
	 
	float: right;
	text-align: right;
	margin-top: 12px; }

.login-input {
	background: #fff url(images/ybgr.jpg) right repeat-y;
	height: 15px;
	width: 120px;
	font-size: 12px;
	padding: 3px;
	float: left;
	margin-right: 5px;
	margin-top: 2px;
	border: 0px; }
	
.login-btn {
	height: 26px;
	width: auto;
	float: left; }
	
.label {
	float: left;
	color: #9BA1CF;
	margin-right: 5px;
	margin-left: 10px;
	font-weight: normal;
	font-size: 11px;
	margin-top: 3px; }
	
.loginMeta {
	float: left;
	font-size: 11px;
	margin-top: 3px;
	margin-left: 20px; }
	
.loginMeta a {
	color: #9BA1CF;
	text-decoration: underline; }
	
.loginMeta a:hover {
	text-decoration: none; }
	
.loginSep {
	color: #292F5F; }
	
/**/
.banners-small-home {
	float: left; }
	
.banners-small-home ul {
	list-style: inside;
	width: 370px;
	float: left;
	margin-left: 15px; }

.registration-form label {
	width: 50%;
	text-align: right;
	font-weight: bold;
	float: left;
	font-size: 16px;
	margin-right: 15px;
	margin-bottom: 20px; }

.registration-form input, .reg_txt , .contact-form input {
	width: 300px;
	float: left;
	margin-bottom: 20px;
	height: 18px;
	padding: 6px;
	font-size: 14px; }

.contact-form label {
	/* width: 50%; */
	text-align: left;
	font-weight: bold;
	float: left;
	font-size: 16px;
	margin-right: 50px;
	margin-bottom: 20px; }


.register-sex {
	font-weight: bold;
	float: left;
	margin-left: 5px;
	margin-right: 15px;
	margin-bottom: 20px; }	
	
.license-title {
	color: #292B66;
	background: #eee;
	width: 100%;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd; }
	
.license-title h3 {
	margin-left: 5px; }
	
.license-box {
	width: 100%;
	height: 200px;
	overflow-y: scroll;
	float: left;
	border: 1px solid #ddd; }
	
.contentImg {
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 15px; }
	
/*------------------------------------------------------------------------------------
	Footer
------------------------------------------------------------------------------------*/
#footer {
	background: #2e3166 url(images/footer.jpg) top repeat-x;
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
	color: #f2f2f2; }
	
.footer-box {
	background: #2e3166 url(images/footer-box.jpg) top right no-repeat;
	width: 320px;
	height: 240px;
	float: left;
	margin-top: 4px; }
	
.footer-box a {
	color: #f2f2f2; }
	
.footList,
.footList-sep,
.footList-sep-2 {
	margin-top: 10px;
	margin-bottom: 10px; 
	float: left; }
	
.footList ul,
.footList-sep ul,
.footList-sep-2 ul {
	list-style: none; }
	
.footList ul li a,
.footList-sep ul li a,
.footList-sep-2 ul li a {
	background: url(images/footList-li.gif) right bottom no-repeat;
	width: 270px;
	height: auto;
	margin: 0px 7px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 5px; 
	display: block;
	color: #f2f2f2; }


.footList-sep ul li a {
	background: url(images/footList-li-sep.png) right bottom no-repeat;
	width: 170px;
	border-bottom: 1px solid #484989;
	padding-left: 0px;
	padding-right: 0px; }
	
.footList-sep-2 ul li a {
	background: url(images/footList-li-sep.png) right bottom no-repeat;
	width: 120px;
	border-bottom: 1px solid #484989;
	padding-left: 0px;
	padding-right: 0px; }