@charset "UTF-8";
/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: verdana, arial, helvetica, sans-serif;
	background: #000 url('../images/kubrickbgcolor.jpg') top repeat-x;
	color: #968f8a;
	text-align: left;
	}

#header {
	background: #73a0c5 url('../images/kubrickheader.jpg') no-repeat top center;
	}
    
#footer {
	background: #eee url('../images/kubrickfooter.jpg') no-repeat top;
	border: none;
	}
       
#headerimg 	{
	margin: 6px 8px 10px;
	height: 304px;
	width: 987px;
	font-variant: small-caps;
	}
#headerimg .titleheader {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 3em;
	padding-top: 80px;
	padding-right: 50px;
	margin: 0;
   	text-align: center;
   	letter-spacing: .1em;
	}
#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	padding-right: 50px;
   	letter-spacing: .5em;
	}

a {
	color: #F4982B;
	text-decoration: none;
	}
a.savas { color: #4AA02C; }
.link { color: #F4982B; } 
.savas { color: #4AA02C; } 
.alliance { color: #247FAA; }
.horde { color: #B30000; }
a:hover {
	color: #A95624;
	}
a.savas:hover {
	color: 	#347C2C; 
	}
/* End Typography & Colors */

/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	margin: 0px auto;
	padding: 0;
	width: 987px;
    background: #000 url("../images/kubrickbg-ltr.jpg") repeat-y top;
	}

#header {
	background-color: #73a0c5;
	margin: 0;
	padding: 0;
	height: 304px;
	width: 987px;
	}

#headerimg {
	margin: 0;
	height: 200px;
	width: 100%;
	}
    
#topnav	{
    margin-top: 44px;
    font-size: 1.2em;
	}
    
#topnav .left {
    margin-left: 240px;
	width: 440px;
    height: 40px;
    text-align: right;
    font-weight: bold;
    letter-spacing: .2em;
	}
    
#topnav .right {
	margin-left: 700px;
    margin-top: -42px;
	width: 210px;
    text-align: center;
    letter-spacing: .1em;
	}
#topnav .right p { line-height: 6pt; }

.narrowcolumn {
	float: left;
	padding: 0 0 20px 105px;
	width: 550px;
	margin: 0;
	}
    
#content {
	font-size: 1.2em
	}

#sidebar {	
	padding: 0 0 10px 0;
	margin-left: 700px;
	width: 210px;
	}
     
p { line-height: 18pt; }

#footer {
	padding: 0;
	margin: 0 auto;
	width: 987px;
	clear: both;
	height: 206px;
	}

#lyginam {
    clear: both;
	}

#footer p {
	margin: 0 0;
	padding: 100px 80px 0 80px;
	color:#000;
	}
/* End Structure */

/*	Begin Headers */

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 2em;
	}
    
h2 {
	font-size: 1.6em;
	}
    	
h3 {
	font-size: 1.3em;
    line-height: 0.5em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description, #headererimg .titleheader {
	text-decoration: none;
	color: #d7d2cf;
	}

/* End Headers */
    
/* Begin Tables */

#lentele {
	font-size: 0.9em;
	text-align: left;
    width: 100%;
	border-collapse: collapse;
	cursor: pointer;
}
#lentele th {
	padding: 4px;
	text-align: center;
    background: url('../images/mh-bg.gif') repeat-x top;
	color: #FFF;
}

#lentele th.off {
	background: url('../images/mh-bg.gif') repeat-x top;
}

#lentele th.on {
	background: url('../images/mh-bg2.gif') repeat-x top;
}

#lentele td {
	padding: 4px;
	background: #1C130C;
	border-top: 1px solid #502D17;
}
#lentele tbody tr:hover td { background: #3A2718; }

#lentele1 {
	font-size: 11px;
	text-align: left;
    width: 100%;
	border-collapse: collapse;
}
#lentele1 th {
	padding: 4px;
	text-align: center;
    background: url('../images/mh-bg.gif') repeat-x top;
	color: #FFFFFF;
}

#lentele2 {
    width: 100%;
	border-collapse: collapse;
}
#lentele2 th {
	padding: 4px;
	color: #F4982B;
	text-align: center;
	background: #3A2718;
	font-weight: bold;
	border: 1px solid #502D17;

}
#lentele2 td {
	height: 32px;	
	text-align: center;
	border: 1px solid #502D17;
	border-width: 0 1px 1px 1px;
}

#lentele3 {
    width: 100%;
	border-collapse: collapse;
}
#lentele3 th {
	padding: 3px;
	height: 20px;
	color: #FFF;
	text-align: left;
	font-weight: normal;
	background: url('../images/mh-bg.gif') repeat-x top;
	border: 1px solid #502D17;
	border-width: 0 1px 0 1px;
}
#lentele3 td {
	font-weight: bold;
	letter-spacing: 1pt;
	text-align: center; 
	height: 40px;
	padding: 4px;	
	border: 1px solid #502D17;
	border-width: 0 1px 1px 1px;
}
#lentele3 .off { background: #3A2718;}
#lentele3 .on { background: #A95624; color: #FFF;}

#progresas {
    width: 100%;
	border-collapse: collapse;
	border: 1px solid #502D17;
}
#progresas th {
	padding: 2px;
	font-weight: normal;
}
#progresas td {
	padding: 4px 0 4px 0;	
	border-style: solid; 
	border-width: 0 0 1px 0;
	border-color: #502D17;
	background-color: #3A2718;
}

/* End Tables */

/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
img.icon {	
	float: left; 
	height: 16px;
	border: 0;
	}
/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 20px;
	text-indent: -10px;
	}

html>body li {
	margin: 7px 0 8px 10px;
	}
/* End Entry Lists */

/* Begin Form Elements */

#form {	}
	
#form input { 
    padding: 2px;
	margin: 5px 5px 1px 0;
	border-collapse: collapse;
	border-style:solid;
	border-color: #502D17; 
	border-width: 1px;
	background-color:#01090B;
	color:#FFF;
	letter-spacing: 1pt;
	}

#form textarea {
	width: 100%;
	padding: 2px;
	border-collapse: collapse;
	border-style:solid; 
	border:0;
	border-color: #F4982B;
	background-color:#01090B;
	color:#F4982B;
	}

#form .submit {
	margin: 0;
	border-width: 1px;
	border-style:solid; 
	border-color: #000;
	background-color:#502D17;
	color:#FFF;
	font-weight: bold;
	font-size: 1em;
	letter-spacing: 1pt;
	}
	
.button {
	margin: 0;
	padding: 2px;
	border-width: 1px;
	border-style:solid; 
	border-color: #000;
	background-color:#502D17;
	color:#FFF;
	font-weight: bold;
	font-size: 1em;
	letter-spacing: 1pt;
}
    
#form select {
	margin: 2px;
	border-width: 1px;
	border-style:solid; 
	border-color: #502D17;
	background-color:#000;
	color:#FFF;
	font-weight: bold;
	font-size: 1em;
	letter-spacing: 0.8pt;
	}
/* End Form Elements */

/* Various */

.alignright { float: right;	}
.alignleft { float: left; }

.aligntopright {
	float: right;
	margin-top: -50px;
	}
.aligntopleft {
	float: left;
	margin-top: -10px;
	width: 150px;
	text-align: left;
	line-height: 1.5em;
	}

p .small {
	font-size: 0.9em;
    line-height: 12pt; 
	}
.small {
	font-size: 0.9em;
    line-height: 12pt; 
	}    
.error {	
	color: red;
	font-weight: bold;
    letter-spacing: .07em;
	}	

hr { display: none; }
a img {	border: none; }

/**
 * Vertical CSS Drop-Down Menu
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
 
 font-size: 1.2em;
 font-weight: normal;
 letter-spacing: .1em;
 border-style: solid;
 border-width: 0 0 1px 0;
 border-color: #502D17;
}

ul.dropdown li {
 float: left;
 line-height: 1.5em;
 vertical-align: middle;
 
 border-style: solid;
 border-width: 1px;
 border-color: #502D17 #502D17 #1C130C #502D17;
 background-color: #3A2718;
 color: #F4982B;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
  
 border-style: solid;
 border-width: 1px;
 border-color: #F4982B;
 background-color: #01090B; 
 color: #FFF;
}

ul.dropdown a:link,
ul.dropdown a:visited	{ color: #F4982B; text-decoration: none; }
ul.dropdown a:hover		{ color: #FFF; }
ul.dropdown a:active	{ color: #F4982B; }

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
  
 width: 170px;
 margin-top: 1px;
}

ul.dropdown ul li {
 float: none; 
 background-color: #3A2718;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


ul.dropdown ul li img {
 position: absolute;
 padding: 7px 10px;
 margin-left: 6px;
}


ul.dropdown-vertical {
 width: 205px;
}

ul.dropdown-vertical ul {
 top: 1px;
 left: 99%;
}

ul.dropdown-vertical li {
 float: none;
}

ul.dropdown-vertical-rtl {
 float: right;
}

ul.dropdown-vertical-rtl ul {
 left: auto !important;
 right: 99%;
}

ul.dropdown-vertical-rtl li {
 text-align: left;
}


ul.dropdown-vertical-rtl *.dir {
 padding-right: 15px;
 padding-left: 30px;
}

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 7px 10px;
}


/* Non-first level */

ul.dropdown ul {
 margin-top: 0;
}

/* Mixed */

ul.dropdown li a,
ul.dropdown *.dir {
 border-style: solid;
 border-width: 0;
 border-color: #502D17;
 padding-left: 40px;
}

ul.dropdown li *.open {
 background-color: #01090B; 
 color: #FFF;
 padding-left: 40px;
}

ul.dropdown-vertical-rtl li:hover > *.open {
 background-color: #01090B; 
 color: #968f8a;
 padding-left: 40px;
}

/* CSS2 clone */

ul.dropdown ul li:hover > *.dir,
ul.dropdown-vertical li:hover > *.dir {
 padding-left: 40px;
}

ul.dropdown-vertical-rtl li:hover > *.dir {
 border-left: none;
}

/* jquery style */
.ui-autocomplete-loading { background: white url('../images/indicator.gif') right center no-repeat; }
.ui-progressbar-value { background-image: url(../images/progressbar.gif); }
#progressbar_form { margin:10px 30px 10px 30px; position:relative; font-size:100%; padding:10px; background-color:#01090B; border:1px solid #502D17; }
.progressbar_msg { position:absolute; left:20px; top:15px; font-size:100%; font-weight:bold; color: #A95624;}
.progressbar_amount { position:absolute; right:20px; top:15px; font-size:100%; font-weight:bold; color: #3A2718;}