@import "defaults.css";
html,
body{
	width				: 100%;
	margin				: 0;	
	height				: auto !important;
	height				: 100%;
} 
#Container,
#Center{
	margin				: 0;	
	height				: auto !important;
	height				: 100%;

}
body{
	font-family			: Pokhto,"Pashto Kror Asiatype","Microsoft sans serif",Tahoma,sans-serif;
	color				: #000;
	font-size			: 14px;
	background-color	: #fff;
}
#Container{
	padding-right	: 25px;
}
#header{
	background-color: #ccccb2;
	margin-right	: -25px;
	padding-right	: 25px;
	height			: 87px;
}
#header a{
	float			: right;
}
#header .top-search{
	padding			: 10px
}
#header .top-search input{
	float			: right;
	margin-right	: 10px;
}
.menu{
	color			: #fff;
	height			: 29px;
	margin-bottom	: 15px;
	margin-right	: -25px;
	padding-right	: 25px;
	background		: transparent url(../img/menu_back.gif) repeat-x 0 0;
}
.menu a{
	float			: right;
	height			: 29px;
	color			: #fff;
	padding			: 2px 20px 2px 10px;
	margin-left		: 10px;
}
.menu a.home{
	background		: transparent url(../img/house.gif) no-repeat right 6px;
}
.menu a.members{
	background		: transparent url(../img/group.gif) no-repeat right 6px;
}
.menu a.anzuruna{
	background		: transparent url(../img/photo.gif) no-repeat right 6px;
}
.menu a.blogs{
	background		: transparent url(../img/blogs.gif) no-repeat right 6px;
}
.menu a.register{
	background		: transparent url(../img/page_white_edit.gif) no-repeat right 6px;
}
.menu a.rules{
	background		: transparent url(../img/report.gif) no-repeat right 6px;
}

.menu a:hover{
	color			: #000;
}
.menu .mRight{
	float			: right;
	width			: 450px;
}
.menu .mLeft{
	float			: right;
	width			: 350px;
}
.menu .mLeft a{
	float			: left;
	margin-left		: 10px;
	color			: #fff;
	margin-top		: 2px;
}
.menu .mLeft a:hover{
	color			: #000;
}
.menu .mLeft a.mLogout{
	background		: transparent url(../img/logout.gif) no-repeat 0 3px;
	padding-left	: 30px;
}
.menu .mLeft a.mEdaara{
	background		: transparent url(../img/lock.gif) no-repeat right 3px;
	padding-right	: 20px;
}
.menu .mLeft a.mLogin{
	background		: transparent url(../img/login.gif) no-repeat 0 3px;
	padding-left	: 30px;
}
.menu .mLeft a.mMessages{
	background		: transparent url(../img/email.gif) no-repeat right 4px;
	padding-right	: 20px;
	padding-top		: 2px;
}
.menu .mLeft a.my-account img{
	height			: 22px;
	vertical-align	: middle;
	margin-top		: 0px;
}
/***** ACCOUNT PANEL ************/
.account-panel{
	float			: right;
	width			: 800px;
}
.tabs{
	float			: right;
	margin			: 0;
	padding			: 0;
	width			: 100%;
	
}
.tabs a{
	color			: #fff;
	float			: right;
	background-color:#97aac2;
	padding	: 5px 10px 4px;
	border-left		: solid 1px #fff;
}
.tabs a:hover,.tabs a.active{
	background-color:#fff;	
	color			: #000;
}
.account-panel .info-box{
	float			: right;
	width			: 760px;
}
.account-submenu{
	float			: right;
	width			: 100%;
	margin-bottom	: 15px;
	border-bottom	: solid 1px #fd6d04;
}
.account-submenu a{
	color			: #000;
	float			: right;
	background-color:#d9d6d6;
	padding	: 5px 10px 4px;
	border-left		: solid 1px #fff;
}
.account-submenu a:hover,
.account-submenu a.active{
	background-color:#daf1c3;	
}
.account-content{
	border			: solid 1px #f95251; 
	border-top-width: 5px; 
	float			: right;
	width			: 780px;
	padding			: 10px;
	background-color:#f2f0f0;
}
.account-content .frm{
	border			: solid 0px #000;
	width			: 750px;
}
.account-content .blog-filter{
	float			: right;
	width			: 100%;
	margin			: 15px 0;
}
.account-content .blog-filter input,
.account-content .blog-filter select,
.account-content .blog-filter label{
	float			: left;
	margin-right	: 15px;
}
.content, .footer{
	width			: 800px;
	float			: right;
	clear			: both;
}
.content-public{
	width			: 585px;
	float			: right;
	margin-left		: 15px;
}
#sidebar{
	padding			: 0;
	float			: right;
	width			: 200px;
}

.footer{
	margin-top		: 20px;
}
a.remove{
	background		: transparent url(../img/cancel.gif) no-repeat right 2px;
	padding-right	: 20px;
	float			: right;
}
a.reply{
	float			: right;
	background		: transparent url(../img/arrow_reply.gif) no-repeat right 2px;
	padding-right	: 20px;
}

/******* FLASH MESSAGES *********/
#flashMessage,
#errorMessage{
	margin-bottom		: 15px;
	background			: #FFFF96 url(../img/exclamation.gif) no-repeat 98% 50%;
	color				: #000;
	padding				: 15px 70px 15px 10px;
	border				: 1px solid #D56716;
}
#infoMessage,
#accountMessage{
	margin-bottom		: 15px;
	background			: #cdf98e url(../img/info.gif) no-repeat 98% 50%;
	color				: #000;
	padding				: 15px 70px 15px 10px;
	border				: 1px solid #D56716;
}
#errorMessage P, #errorMessage UL{
	margin				: 0;
	padding				: 0;
}
#errorMessage UL{
	list-style			: none;
}
#errorMessage LI{
	background			: transparent url(../img/list_dot.gif) no-repeat right 6px;
	padding-right		: 10px;
}
.paging{
	margin-top			: 15px;
	float				: left;
	padding				: 0 10px;
}
.paging DIV{
	float				: left;
}
.paging .paging_left{
	margin-right		: 10px;
}
.altrow{
	background-color	: #e4dff4;
}
.defrow{
	background-color	: #d8d3e6;
}

.rowOver{
	background-color	: #fff;
}

.errors{
	border-top		: solid 1px #ffc2ca;
	border-bottom	: solid 1px #ffc2ca;
	background-color: #ffedef;
	margin			: 0 0 10px 0;
}
.errors{
	list-style-type	: none;
}
td.action a{
	float			: left;
	margin-right	: 10px;
}
/******** FORM ************/
.frm{
	background-color	: #f2f0f0;
	padding				: 10px;
	border				: solid 1px #c3c4bf;
	float			: right;
	clear			: both;
	width				: 778px;
	margin-bottom		: 15px;
}
.content-public .frm{
	width				: 563px;
}
.frm .input-div{
	float			: right;
	clear			: both;
	margin-bottom	: 5px;
	width			: 100%;
}
.frm .datetime {
	
}
.frm .datetime SELECT{
	margin-left		: 10px;
	line-height		: 20px;
}
.frm .input-div LABEL{
	padding-left	: 5px;
	font-size		: 12px;
	text-align		: left;
	width			: 100px;
}
.frm .input-div INPUT{
	width			: 200px;
}
.frm .input-div textarea{
	width			: 500px;
	height			: 130px;	
}
.frm textarea.input-summary{
	height			: 100px;
}
.frm textarea.input-detail{
	height			: 300px;
}
.content-public .frm textarea{
	width			: 440px;
}
INPUT.button{
	width			: auto !important;
	padding			: 0 5px;
	background-color: #c1f086;
	color			: #000;
	height			: 24px ;
	border			: solid 1px #000;
}
.auto-size{
	width			: auto !important;
}
INPUT.cb{
	width			: auto !important;
	border			: solid 0px #000;
	background-color: Transparent;
}
.frm .submit-div{
	margin-top		: 10px;
	margin-left		: -3px;
}
.frm .submit-div INPUT{
	margin-left		: 10px;
}
.frm INPUT.active-input{
	background-color: #edeced;
}
.frm .captcha-div{
	margin			: 0 !important;
}
.frm .captcha-div IMG{
	float			: right;
}
INPUT.form-error,textarea.form-error{
	border			: solid 1px #f00;
}
/***** QUICKLOGIN **********/
.ql{
	border				: solid 1px #474747;
	float				: right;
	margin				: 15px 0;	
}
.qlogin{
	width				: 188px;
	border				: solid 1px #474747;
	background			: transparent url(../img/ql_filler.gif) repeat-x 0 0 ;
	float				: right;
	padding				: 10px 5px;
}
.qlogin .input-div{
	float			: right;
	clear			: both;
	margin-bottom	: 5px;
	width			: 100%;

}
.qlogin .input-div LABEL{
	width			: 65px;
	padding-left	: 5px;
	font-size		: 12px;
	text-align		: left;
}
.qlogin .input-div INPUT{
	width			: 105px;
	font-family		: "Microsoft sans serif";
}
.qlogin .ql-submit{
	float				: right;
	width				: 100%;
}
.qlogin .ql-submit INPUT,.qlogin .ql-submit LABEL{
	vertical-align		: text-bottom;
}
.qlogin .ql-submit LABEL{
	width			: 110px;
	text-align		: right;
	margin-right	: 5px;
	margin-top		: 3px;
}
.qlogin .ql-submit .cb{
	margin-top		: 3px;
}
.qlogin .login-help{
	float			: right;
	width			: 100%;
	font-size		: 12px;
	font-family			: "Microsoft sans serif";
	
}
.qlogin .login-help A, .qlogin .login-help SPAN{
	float			: right;
}
.qlogin .login-help SPAN{
	margin			: 0 5px;
}

.info-box{
	background-color	: #fcf6c4;
	border				: dotted 1px #000;
	padding			: 10px;
}
.user-list{
	float			: right;
	list-style		: none;
	width			: 100%;
	margin			: 15px auto;
	padding			: 0;
}
.user-list li{
	float			: right;
	margin			: 15px 18px;
	text-align		: center;
	width			: 150px;
	border			: solid 1px #e7e4e8;
	height			: 120px;
	overflow		: hidden;
	padding-bottom	: 10px;
}
.user-list li img{
	float			: right;
	margin			: 0 22px;
}
.users .user-list li img{
	float			: none;
	margin			: 0;
}

.user-list .ulOver{
	background-color: #efe8e8;
}
.row-separator{
	float			: right;
	width			: 570px;
	margin			: 10px 0;
	height			: 5px;
	background		: transparent url(../img/trenner_grau_h.gif) repeat-x 0 0;
}
.tooltip{
	display			: none;
}
/**************** USER VIEW **********************/
.user-view{
	float			: right;
	width			: 100%;
}
.user-view .uv-thumb{
	float			: right;
	margin-left		: 15px;
}
.user-view .uv-info{
	float			: right;
	margin-left		: 15px;
	width			: 390px;
}
.user-view .uv-info p{
	margin			: 0;
}
.user-view .uv-info .uv-i-block{
	background-color : #e5e5d8;
	float			: right;
	width			: 380px;
	padding			: 5px;
	margin-bottom	: 10px;
	border			: solid 1px #c3c4bf;
}
.user-view .uv-sidebar{
	float			: right;
	width			: 228px;
}
.user-view .uv-sidebar .user-list li{
	margin-bottom	: 0;
}

.user-view .uv-actions{
	float			: right;
	background-color: #e9e0e0;
	width			: 208px;
	padding			: 9px;
	border			: solid 1px #c3c4bf;
}
.uv-actions ul{
	list-style		: none;
	padding			: 0;
	margin			: 0;
}
.uv-actions ul li{
	margin-bottom	: 0px;
	font-size		: 0;
	margin-bottom	: 1px;
}
.uv-actions ul a{
	font-size		: 14px;
	color			: #fff;
	background-color: #f25050;
	width			: 170px;
	display			: block;
	padding-right	: 10px;
	clear			 :none;
	
}
.uv-actions ul a:hover{
	background-color: #fd7904;
	color			: #000;
}
.uv-actions ul li{
	padding-right	: 20px;
}
li.friend{
	background		: transparent url(../img/friend_request.gif) no-repeat right 4px;
}
li.block{
	background		: transparent url(../img/block.gif) no-repeat right 4px;
}
li.pm{
	background		: transparent url(../img/email.gif) no-repeat right 4px;
}
li.greeting{
	background		: transparent url(../img/email.gif) no-repeat right 4px;
}

.list-table td{
	border-bottom	: solid 1px gray;
}
/************ GREETINGS **************/
.greetings{
	float			: right;
	width			: 100%;
	margin			: 15px 0;
}
/******************* LOADER PROCESS ***************/
.ajax-loader{
	background		: #38404a url(../img/ajax-loader.gif) no-repeat center 10px;
	border			: 2px solid #9db6e8;
	height			: 60px;
	padding			: 5px;
	position		:absolute;
	left			: 70%;
	top				: 230px;
	margin-left		: -75px;
	text-align		: center;
	width			: 100px;	
}
.ajax-loader p{
	margin-top		: 40px;
	color			: #fff;
	
}
.confirmation-popup{
	width			: 200px;
	position		: absolute;
	z-index			: 999;
	background-color: #E4E7FF;
	border			: solid 1px #002299;
	padding			: 10px;
}
.confirmation-popup p{
	margin-top		: 0;
	color			: #ff4200;
}
.confirmation-popup input{
	margin-left		: 15px;
}
/************************ NEWS *****************/
.news{
	float			: right;
	width			: 100%;
	margin-bottom	: 25px;
}
.news h3,.news .news-summary{
	margin			: 0;
}
.news .news-date{
	font-size		: 11px;
	margin-bottom	: 10px;
	margin-top		: 0;
}
.news .news-summary a{
	float			: right;
	margin-left		: 10px;
}
.blogs .blogs-categories{
	list-style		: none;
	padding			: 0;
	margin			: 0;
}
.blogs .blogs-categories li{
	float			: right;
	margin-left		: 15px;
}
/**** random blog ********/
.random-blog{
	background		: transparent url(/img/random_blog_title.gif) no-repeat center top;
	border			: solid 1px #C3C4BF;
}
.random-blog li{
	width			: 200px;
	margin			: 0;
	padding			: 35px 0 15px 0;
	border			: solid 0px #000;
	
}
.random-blog li img{
	float			: none;
	margin			: 0;
}
.clearall{
	float			: right;
	width			: 100%;
	clear			: both;
}
#comments-div {
	clear:both;
	float:right;
	margin:15px 0px;
	width:100%;
}
#comments-div .comment {
	border:1px solid #98BE10;
	margin:15px 0pt;
	padding:15px;
	float			: right;
	width			: 555px;
	background-color: #e8e8db;
}
#comments-div .comment p{
	padding			: 0;
	margin			: 0;
}
#comments-div .comment .com-sep {
	background-image:url(../img/separator.gif);
	background-repeat:repeat-x;
	font-size:0px;
	height:1px;
	margin:10px 0pt;
	width			: 565px;
	float			: right;
}
#comments-div .comment .com-body{
	width			: 100%;
	float			: right;
}
#comments-div .comment img{
	float			: right;
	margin-left		: 15px;
}
#comments-div .comment .com-body p{
	float			: right;
}
.msg-view-reply a{
	float			: left;
}
.quick-search{
	width			: 800px;
	clear			: both;
	float			: right;
	margin			: 0 0 15px;
	
}
.quick-search input, .quick-search select{
	float			: left;
	margin-right	: 15px;
}
.mceColorSplitMenu{
	float:left;
}

/************* PHOTOS ***************/
.photos-div{
	float			: right;
	width			: 100%;
	background-color: #f2f4f0;
	border			: solid 1px #fe4a03;
	margin-bottom	: 15px;
}
.photos-div .user-list li{
	margin-bottom	: 5px;
	margin-top		: 5px;
}
.content-block-title{
	margin			: 10px;
	background-color: #a7dc65;
	text-align		: center;
}
.latest-post-div{
	float			: right;
	width			: 100%;
	background-color: #f2f4f0;
	border			: solid 1px #fe4a03;
	margin-bottom	: 15px;
}
.latest-post-div p, .latest-post-div h3{
	padding			: 0 10px;
}