/*abstractions*/
.vui-form p { overflow: hidden; padding: 4px; }
.vui-dialog { display: none; }
.vui-textbox { padding: 5px; border: 0px; }
.vui-textarea { padding: 5px; border: 0px;}
    .vui-table td{ padding: 5px;}

.vui-toolbar { padding: 5px; border-bottom: 1px solid gray; margin-bottom: 5px;}
    .submitPane a, a.ac, .vui-tools a, .vui-toolbar a { padding-left: 20px;  background-position: left center; background-repeat: no-repeat;}
    .submitPane { clear: both !important;}
a.ac-refresh { background-image: url(gfx/icons/ac-refresh.png);}
a.ac-moderation, a.ac-delete-confirm, a.ac-delete { background-image: url(gfx/icons/ac-remove.png);}
a.ac-edit { background-image: url(gfx/icons/ac-edit.png);}
a.ac-lock { background-image: url(gfx/icons/ac-lock.png);}
a.ac-back { background-image: url(gfx/icons/ac-back.png);}
a.ac-message { background-image: url(gfx/icons/ac-message.png);}
a.ac-modal-cancel { background-image: url(gfx/icons/back.png); padding-left: 20px;  background-position: left center; background-repeat: no-repeat;}
a.ac-show { background-image: url(gfx/icons/ac-show.png);}
a.ac-export { background-image: url(gfx/icons/ac-export.png);}
a.ac-more-vertical { text-align: center; display: block; padding: 5px; background: #000;}
    a.ac-more-vertical span { padding-left: 20px; background: #000 url(gfx/icons/arrow-vertical.png) no-repeat; }
.abuses-filter { padding-left: 5px;}

fieldset#moderation-log { text-align:center; }
	fieldset#moderation-log table { margin-left: auto; margin-right: auto;}
	fieldset#moderation-log legend { border-bottom: 1px solid whitesmoke; margin-bottom: 30px; font-weight: bold; }
	fieldset#moderation-log table  th { color: white; font-weight: bold; background-color: #000;}
	
.object-moderation { position: absolute; background-color: black; color: white !important; overflow: hidden; z-index: 240; padding: 6px; }	
	.object-moderation ul { list-style: none; }
		.object-moderation ul li { float: left !important; padding: 4px !important;
									background-color:#000 !important;
									margin-bottom:0px !important;
									position:relative;		
									line-height: 1em;
								  }
		.object-moderation ul li a { color: white !important;}

.vui-ajax-loader
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 220px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
}

div.growlUI{ background: url(gfx/icons/info48.png) no-repeat 10px 10px }
div.growlUI-error { background: url(gfx/icons/error48.png) no-repeat 10px 10px }
div.growlUI h1 { font-size: 2em;}
div.growlUI h1, div.growlUI h2 {
	color: white; padding: 5px 5px 5px 75px; text-align: left
}

span.error { color: #ff0000; padding: 5px; display : block;}
select.error, textarea.error, input.error { border: 1px solid #ff0000 !important; } 

.ui-autocomplete-results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ui-autocomplete-results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ui-autocomplete-results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ui-autocomplete-loading {
	background: white url('gfx/indicator.gif') right center no-repeat;
}

.ui-autocomplete-odd {
	background-color: #eee;
}

.ui-autocomplete-over {
	background-color: #0A246A;
	color: white;
}
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	color: Black;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('gfx/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
	color:Black;
}

.ac_over {
	background-color: #0A246A;
	color: white !important;
}  


/*new wave since 27.05.2009 */
#dlg-sendToFriends { width: 390px; text-align: left; }
    #dlg-sendToFriends label { width: 100%;}
    #dlg-sendToFriends .vui-textbox { width: 380px; display: block;}
    #dlg-sendToFriends .vui-textarea { width: 380px; display: block; }
    #dlg-sendToFriends p { padding-bottom: 5px;}
    
table#invitations
{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
    table#invitations th { font-weight: bold; border-bottom:1px solid gray; }
    table#invitations td { text-align: center; vertical-align:middle;}
    table#invitations td strong { clear: both; display: block;}

#friends {  margin-top: 20px;  width: 70%; margin-left: auto; margin-right: auto; overflow: hidden;} 
    .vui-bricks li { float: left; height: 100px; width: 14%; text-align: center;}
        #friends li strong { display: block; color: #fff; }
        

#pms.page #tabs .vui-pane { overflow-x:hidden;
overflow-y:scroll; height: 550px; } /*tabs with scrollbars man!*/

#stats.page #tabs .vui-pane { overflow-x:hidden;
overflow-y:scroll; height: 550px; } /*tabs with scrollbars man!*/
        
 /* private messages */
 #pms-handle-write { width: 530px; margin-left: auto; margin-right: auto; }
    #pms-handle-write form .vui-textbox, #pms-handle-write form .vui-textarea { border: 1px solid black; width: 90%;  }
    #pms-handle-write form .vui-textarea { height: 200px;}
    #pms-handle-write form label { width: 530px; margin-top:10px;}
    
.vui-pms-mailbox { width: 100%; } 
    .vui-pms-mailbox th { font-weight: bold; }
    .vui-pms-mailbox td { vertical-align: middle; padding: 5px; }
        .vui-pms-mailbox td.title a { text-decoration: underline;  }
        .vui-pms-mailbox td.title a.unread { font-weight: bold; }
    .vui-pms-mailbox td.title { vertical-align: top; padding: 5px; }
    .vui-pms-mailbox .sender { width: 90px; text-align: center; }
    .vui-pms-mailbox .date { width: 90px; text-align: center; }
    .vui-pms-mailbox .vui-tools { width: 120px; }
    
    .vui-pms-mailbox .unread a { font-weight: bold; padding-left: 20px; background: transparent url(gfx/icons/mail-unread.png) no-repeat;}
    .vui-pms-mailbox .read a { font-weight: normal; padding-left: 20px; background: transparent url(gfx/icons/mail-read.png) no-repeat;}
 #pms-message-dialog { display: none; text-align: center;}
 
 #pms-message-dialog label { float: left; }
 #pms-message-dialog #message-subject { font-size: 2em; text-align: left; padding-left: 30px; background: transparent url(gfx/icons/mail-message.png) no-repeat; }
 #pms-message-dialog #response-content, #pms-message-dialog #response-title { width: 100%;} 
 #pms-message-dialog #response-content { margin-bottom: 10px; height: 90px;}
 #pms-message-dialog #message-from {}
 #pms-message-dialog #message-from-label {float:left;
text-align:left}
 #pms-message-dialog #message-to {}
 #pms-message-dialog #message-to-label {float:left;
text-align:left} 
 #pms-message-dialog #message-body { height: 90px; display:block; overflow-x: hidden; overflow-y: scroll; border: 1px solid gray; text-align: left; margin-top: 5px; margin-bottom: 5px; padding: 5px;} 
 
 .comments-list-handle { margin-bottom: 10px;}
 
 
 /* moderation */
table.moderation-box { width: 100%; border: 0px;}
    table.moderation-box th { background: #000; font-weight: bold; border: 0px;}
    table.moderation-box td { border: 0px;}
    
div.moderation-box .vui-pane { padding: 10px;}

 /* stats */
table.stats-box { width: 100%; border: 0px;}
    table.stats-box th { background: #000; font-weight: bold; border: 0px; color:white;}
    table.stats-box td { border: 0px;}
    
div.stats-box .vui-pane { padding: 10px;}

/* flash messenger */
#flashMsg { display: none; }
#flashMsg.info { display: block !important; background-color: #83da00; font-weight: bold; color: white !important; border: 4px solid #deeec1; margin-top: 10px; padding: 5px;} 
#flashMsg.error { display: block !important;padding: 5px; background-color: #da0019; font-weight: bold; color: white !important; border: 4px solid #f3a6b0;  } 
    
/* simple dropdown menu */ 
.dropdown ul  { display: none; z-index: 1000;
clear:both;
margin-top:-8px;
opacity:0.9;}
.dropdown:hover ul { display: block; width: 150px;   }

.vui-static h3 { display: block; padding-bottom: 10px; font-size: 14px; font-weight: bold; }
.vui-static p, .vui-static li { padding:5px 10px;
text-align:justify; }
.vui-static ol { list-style: decimal; }



/* mark form */

.formMark {
	width:158px;
	background:url(gfx/mark10.png) no-repeat 0 100%;
	margin-left:auto;
	position:relative;
	zoom:1; /* IE fix */
}

	.formMark fieldset legend span {
		position:absolute;
		top:-1.2em;
		white-space:nowrap;
	}

		.formMark p.mark img {
			position:absolute;
			bottom:0;
			left:0;
			z-index:0;
		}

		.formMark p.mark span {
			padding-left:85px;
			float:left;
		}

		.formMark fieldset:hover p.mark img {
			display:none;
		}

	.formMark div {
		height:12px;
		overflow:hidden;
		background:url(gfx/mark10.png) no-repeat -85px -14px; /* IE bug */
		position:absolute;
		left:0;
		bottom:0;
	}

		.formMark div input {
			display:block;
			margin-left:85px;
			padding: 0px !important;
			border: 0 !important;
		}

		.formMark div:hover input,
		.formMark div input:focus {
			margin-left:0;
		}

	.formMark div.mark1 { width:17px; z-index:50; }
	.formMark div.mark2 { width:34px; z-index:40; }
	.formMark div.mark3 { width:51px; z-index:30; }
	.formMark div.mark4 { width:68px; z-index:20; }
	.formMark div.mark5 { width:85px; z-index:10; }

/* for IE6 */

.formMark fieldset.hover p.mark img {
	display:none;
}

	.formMark div.hover input {
		margin-left:0;
	}
	
div.comments form.formLogin fieldset div {
float:left;
padding-right:15px;
}
div.comments form.formLogin fieldset div label {
font-weight:bold;
}
div.comments form.formLogin fieldset div input {
border:1px solid #B2B2B2;
padding:4px;
vertical-align:middle;
width:186px;
}