/* standard elements */
* {
    margin: 0;
    padding: 0;
}

a {
    color: #36C;
}

a:hover {
    color: #555;
}

a img {
    border: none
}

body {
    background: #EEE url(../img/bg.gif);
    color: #444;
    font: normal 62.5% "Lucida Sans Unicode", sans-serif;
    margin: 0;
}

input {
    color: #555;
    font: normal 1.1em "Lucida Sans Unicode", sans-serif;
}

p, cite, code, ul {
    font-size: 1.2em;
    padding-bottom: 1.2em;
}

h1 {
    font-size: 1.4em;
    margin-bottom: 4px;
}

.important{
	color : red;
	font-size : 10px;
	font-weight:bold;
}

code {
    background: url(../img/bgcode.gif);
    border: 1px solid #F0F0F0;
    border-left: 6px solid #39F;
    color: #555;
    display: block;
    font: normal 1.1em "Lucida Sans Unicode", serif;
    margin-bottom: 12px;
    padding: 8px 10px;
    white-space: pre;
}

cite {
    background: url(../img/quote.gif) no-repeat;
    color: #666;
    display: block;
    font: normal 1.3em "Lucida Sans Unicode", serif;
    padding-left: 28px;
}

h1, h2, h3 {
    color: #367EA6;
    padding-top: 6px;
}
/* misc */
.clearer {
    clear: both;
}
/* structure */
.container {
    background: url(../img/bgcontainer.gif) repeat-y;
    margin: 0 auto;
    padding-bottom: 6px;
    width: 1045px;
}

.header {
    background-image: url(../img/banner.jpg) !important;
    background-repeat: no-repeat;
    width: 99%;
    height: 150px;
    padding: 2px;
}
/* title */
.title h1 {
    color: #FFF;
    font: normal 3em Verdana, sans-serif;
    height: 150px;
    line-height: 150px;
    margin-bottom: 8px;
    text-align: center;
}
/* navigation */
.navigation {
    margin-bottom: 4px;
}

.navigation a {
    background-color: #4A91C3;
    color: #FFF;
    float: left;
    font: bold 1.2em "Trebuchet MS", sans-serif;
    padding: 8px 0;
    width: 19%;
    border-right: 1px solid #FFF;
    text-align: center;
    text-decoration: none;
}

.navigation a:hover {
    background-color: #000;
    color: #FFF;
}
/* main */
.main {
    clear: both;
    padding: 8px 18px;
}
/* main left */
.sidenav h1, .sidenav ul {
    padding-left: 12px;
}

.sidenav {
    background: #EEE;
    border: 1px solid #E5E5E5;
    float: left;
    width: 200px;
}

#siteRightPanel {
    /*background: #EEE;
    border: 1px solid #E5E5E5;
    /*float: left;*/
    float: left;
  	width: 200px;
}

#siteRightPanel .item {
  /*  width: 150px;*/
    /*padding: 6px 12px;*/
	border:1px solid #E5E5E5;
    background: #FFF;
   /*margin-bottom: 8px;*/
}

#siteRightPanel .descr {
    color: #333;
    /*margin-bottom: 6px;*/
}

#siteRightPanel .itemContent {
	padding: 6px 12px;
}


.siteRightPanel .itemTitle {
	font-family:tahoma,arial,verdana,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:20px;
	min-height: 24px;
	background-image: url(../framework/resources/images/gray/panel/white-top-bottom.gif);
    color: #333;
	padding:0 0 0 4px;
}


#usersOnlineAndOffline{
	width: 200px;
	
}

.sidenav h1 {
    color: #666;
    font-size: 1.2em;
    height: 20px;
    margin-top: 1.2em;
}

.sidenav ul {
    border-top: 1px solid #FAFAFA;
    background: url(../img/bgul.gif) repeat-x;
    margin: 0;
    padding: 0;
}

.sidenav li {
    border: 1px solid #FAFAFA;
    border-top: none;
    list-style: none;
    margin: 0;
}

.sidenav li a {
    color: #777;
    display: block;
    font-size: 0.9em;
    padding: 3px 6px 3px 14px;
    text-decoration: none;
}

.sidenav li a:hover {
    color: #111;
}
/* content */
.content {
    float: left;
    width: 577px;
	padding:0 10px;	
}

.content .item {
    /*padding: 6px 12px;*/border:1px solid #D0D0D0;
    background: #FFF;
    margin-bottom: 8px;
}

.content .descr {
    color: #333;
    margin-bottom: 6px;
}

.content .itemContent {
	padding: 6px 12px;
}



.item .itemTitle {
	font-family:tahoma,arial,verdana,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:20px;
	min-height: 24px;
	background-image: url(../framework/resources/images/gray/panel/white-top-bottom.gif);
    color: #333;
	padding:0 0 0 4px;
}

.content li {
    list-style: url(../img/li.gif);
    margin-left: 18px;
}
/* search form */
form {
    padding: 0 0 6px 8px;
}

.styled {
    border: 1px solid #DDD;
    padding: 4px;
}

.button {
    background: url(../img/search.gif) no-repeat left bottom;
    border: none;
    height: 27px;
    width: 27px;
}
/* footer */
.footer {
    background: #FFF;
    border: 1px solid #EEE;
    color: #666;
    font-size: 1.1em;
    margin: 0 auto;
    text-align: center;
    padding: 6px;
    width: 720px;
}

.footer a {
    color: #36C;
    text-decoration: none;
}

.footer a:hover {
    color: #06F;
    text-decoration: underline;
}

.clr {
    clear: both;
}
/*            My own           */
#modInfoText {
    float: left;
    padding: 7px;
    width: 380px;
}

#modInfoImage {
    float: left;
}

#serverViewPanel {
    font-size: 11px;
    color: #9f16d8;
}

#serverViewTop {
    width: 490px;
    height: 103px;
    background: url(../img/serverViewTop.jpg) no-repeat top;
}

#serverViewContent {
    float: left;
    width: 490px;
    min-height: 90px;
    /*margin: 45px 0px;	*/
    background: url(../img/serverViewContent.jpg) repeat-y left;
}

#serverViewBottom {
    float: left;
    width: 490px;
    min-height: 51px;
    background: url(../img/serverViewBottom.jpg) no-repeat left;
}

#serverViewContentText {
    width: 445px;
	margin: 0px 25px;
}

#serverViewContentText td, th {
    font-size: 11px;
    color: #0072fe;
    /*text-align: center;*/
}

#serverIframe{
	width : 100%;
	/*height: 1000px;*/
}

#clanText{
	float:left;
	width : 320px;
}

#clanLogo{
	margin:0 11px;
	float:left;
	width : 151px;
	
}

#donationNeed{
	width : 500px;
	background-color: #E0E0E0;
}

#profileUserText{
	border-bottom: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	border-top: 1px solid #D0D0D0;
    padding: 7px;
    width: 375px;
	min-height: 150px;
	float: left;
}

#profileUserImage{
	/*border:1px solid #D0D0D0;*/
	border-bottom: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	border-top: 1px solid #D0D0D0;
	padding:3px;
	min-height:158px;
    width: 150px;
	text-align:center;
	float: left;
}

#googleAdvert{
	background-color : white;
}

#circuitList{
	float: left;	
	margin:10px 10px 10px 40px;
}


.circuitProperties {
	width: 100px;
	float: left;    
}

.circuitProperties .circuitPropertiesImages{
	float:inherit;
	background-repeat:no-repeat;
	width: 70px;
	height : 50px;	
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);	

}

.circuitProperties .circuitPropertiesImages:hover{	
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

.circuitProperties .circuitName{
	width: 70px;
	min-height: 30px;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	padding: 10px;
	
}

/* icons */
.allMembers {
    background-image: url(../images/icons/userGroup.png) !important;
}

.clanRanking {
    background-image: url(../images/icons/clan.png) !important;
}

.onlineUser {
    background-image: url(../images/icons/online.gif) !important;
}

.offlineUser {
    background-image: url(../images/icons/offline.gif) !important;
}