@CHARSET "UTF-8";

@import "/css/ui/ui.css";

html, body
{
	background: #000000;
	border:0px none;
	color: #ffffff;
	height:100%;
	margin:0px;
	padding:0px;
	width:100%;
    font-family: Arial,Tahoma,Verdana,Helvetica,sans-serif;
    font-size: 10px;	
}
p, form { margin: 0; padding: 0; }

#extern
{
  width:  450px;
  height: 400px;
  overflow: hidden;
  display: block;
  border: 1px solid #ff0000;
  padding: 5px;  
}

#intern
{
  position: relative;
  top: 10px;
  left: 0px;
  width: 100%;
}

#main { /*padding-top: 20px;*/ text-align: center; }
               
#colonyScreen
{
  position: absolute;
  visibility: hidden;
  top: 0px;
  left: 0px;
  width: 900px;
  padding: 0px;
  margin: 0px;
  z-index: 1;
}

#outerColonyScreen
{
	min-height: 400px;
	background: url(/img/colony/starsbg.jpg) top right no-repeat #000000;
	position: relative;
}

#innerColonyScreen { min-height: 400px; position: relative; }

#colonyQueue { width: 215px; }

#colonyTopBar
{
	/*width: 470px;*/
	height: 60px;
	/*background: url(/img/colony/colonybg1.png) top left no-repeat;*/
	/*border: 1px solid #ff0000;*/
}

#starMapComponent
{
	width: 100%;
	height: 600px;
	border: 1px dotted #990000;
}

#rightPanelComponent { border: 1px dotted #000099; }

#rightBand { width: 430px; }

#welcomediv
{
	background-repeat: no-repeat;
	background-position: 150% 25%;
 	min-height: 100px;
}
	
#empire_info {text-align: left;}
	
img.icon { padding: 2px; margin: 0px; border: 1px solid #444444; }
img.iconorange { padding: 2px; margin: 0px; border: 1px solid #FF9900; }
img.iconred { padding: 2px; margin: 0px; border: 1px solid #990000; }
img.iconoff { padding: 2px; margin: 0px; border: 1px solid #000000; }

input, select, textarea
{
	border: 1px solid #013D8E ;
	background: #000000;		
}

input.bttn
{
	border: 0px;
	color: #ffffff;
	font-weight: bold;
	background: none;	
}

input.bttn50orange
{
	background: url(/img/ru/int/bttn50orange.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 50px;
}
input.bttn50orange:hover
{
	background: url(/img/ru/int/bttn50orange.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 50px;
	color: #990000;
}

input.bttn75orange
{
	background: url(/img/ru/int/bttn75orange.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 75px;
}
input.bttn75orange:hover
{
	background: url(/img/ru/int/bttn75orange.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 75px;
	color: #990000;
}

input.bttn100orange
{
	background: url(/img/ru/int/bttn100orange.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 100px;
}
input.bttn100orange:hover
{
	background: url(/img/ru/int/bttn100orange.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 100px;
	color: #990000;
}

input.bttn125orange
{
	background: url(/img/ru/int/bttn125orange.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 125px;
}
input.bttn125orange:hover
{
	background: url(/img/ru/int/bttn125orange.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 125px;
	color: #990000;
}

input.bttn150orange
{
	background: url(/img/ru/int/bttn150orange.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 150px;
}
input.bttn150orange:hover
{
	background: url(/img/ru/int/bttn150orange.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 150px;
	color: #990000;
}

input.bttn50grey
{
	background: url(/img/ru/int/bttn50grey.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 50px;
}
input.bttn50grey:hover
{
	background: url(/img/ru/int/bttn50grey.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 50px;
	color: #990000;
}

input.bttn75grey
{
	background: url(/img/ru/int/bttn75grey.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 75px;
}
input.bttn75grey:hover
{
	background: url(/img/ru/int/bttn75grey.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 75px;
	color: #990000;
}

input.bttn100grey
{
	background: url(/img/ru/int/bttn100grey.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 100px;
}
input.bttn100grey:hover
{
	background: url(/img/ru/int/bttn100grey.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 100px;
	color: #990000;
}

input.bttn125grey
{
	background: url(/img/ru/int/bttn125grey.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 125px;
}
input.bttn125grey:hover
{
	background: url(/img/ru/int/bttn125grey.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 125px;
	color: #990000;
}

input.bttn150grey
{
	background: url(/img/ru/int/bttn150grey.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 150px;
}
input.bttn150grey:hover
{
	background: url(/img/ru/int/bttn150grey.png) no-repeat center center;
	height: 24px;
	border: 0px;
	width: 150px;
	color: #990000;
}

div.quote
{
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 10px 0px 10px 40px;
	font-size: 10px;
	font-family: tahoma, verdana;
	color: #FFFFAF;
	padding: 5px;
}
div.farmer
{
	float:left; 
	height:11px; 
	width:11px; 
	background: url(/img/ru/int/popfood.gif) center center no-repeat;
}

div.worker
{
	float:left; 
	height:11px; 
	width:11px; 
	background: url(/img/ru/int/popprod.gif) center center no-repeat;
}

div.researcher
{
	float:left; 
	height:11px; 
	width:11px; 
	background: url(/img/ru/int/popres.gif) center center no-repeat;
}

div.popgrey
{
	float:left; 
	height:11px; 
	width:11px; 
	background: url(/img/ru/int/popgrey.gif) center center no-repeat;
}
		
.contenttd { padding: 10px; background: black; }

.planetorbit {background: url(/img/colony/orbitbg.png) center center no-repeat;}

.row1
{
	border-top: 1px solid #000000;
	background: #222222;
	/*background: #00193C;*/
	padding: 2px 5px 2px 5px;
	height: 24px;
}

.row2
{
	border-top: 1px solid #000000;
	background: #333333;
	/*background: #002961;*/
	padding: 2px 5px 2px 5px;
	height: 24px;
}

.divrow1
{
	border-top: 1px solid #000000;
	background: #222222;
	/*background: #00193C;*/
	padding: 2px 5px 2px 5px;
	min-height: 24px;
}

.divrow2
{
	border-top: 1px solid #000000;
	background: #111111;
	/*background: #002961;*/
	padding: 2px 5px 2px 5px;
	min-height: 24px;
}

.delimblue {background: url(/img/ru/int/delimblue.png) left center no-repeat;}

.error 
{
	background-color:#CC0000;
	border: #FF0000 1px solid;	
	color:#FFFFFF;
	margin-bottom:5px;
	padding:5px;
}

.success
{
	background-color: #003300;
	border: 1px solid #007700;
	padding: 5px;
	color: #ffffff;
	margin-bottom: 5px;
}

.homepage { width: 967px; height: 445px; }
.homepage1 { width: 967px; height: 80px; }

.newsdate
{
	background: url(/img/news/ndatebg.png) center center no-repeat;
	width: 48px;
	height: 48px;
}

.newsdate1
{
	background: url(/img/news/ndatebg1.png) center center no-repeat;
	width: 48px;
	height: 48px;
}

/* padding/margin */
.rmargin5 {margin-right: 5px;}
.lmargin5 {margin-left: 5px;}
.tmargin5 {margin-top: 5px;}
.bmargin5 {margin-bottom: 5px;}

.rmargin10 {margin-right: 10px;}
.lmargin10 {margin-left: 10px;}
.tmargin10 {margin-top: 10px;}
.bmargin10 {margin-bottom: 10px;}
.margin10 {margin: 10px;}

.rpadding2 {padding-right: 2px;}

.lpadding5 {padding-left: 5px;}
.rpadding5 {padding-right: 5px;}
.bpadding5 {padding-bottom: 5px;}
.tpadding5 {padding-top: 5px; }
.padding5  {padding: 5px;}

.lpadding10 {padding-left: 10px;}
.rpadding10 {padding-right: 10px;}
.bpadding10 {padding-bottom: 10px;}
.tpadding10 {padding-top: 10px; }
.padding10 {padding: 10px;}
.lpadding15 {padding-left: 15px;}
.rpadding15 {padding-right: 15px;}
.bpadding15 {padding-bottom: 15px;}
.tpadding15 {padding-top: 15px; }
.allpadding1 {padding: 1px 1px 1px 1px; }

.lmarginauto {margin-left: auto;}
.rmarginauto {margin-right: auto;}

/* alignment */
.ltext {text-align: left;}
.rtext {text-align: right;}
/* fonts */
.tahoma {font-family: tahoma; }
.arial {font-family: arial; }
.georgia {font-family: Georgia, 'Times New Roman', Times, serif;}
	
/* text */
.upper {text-transform: uppercase;}
.lower {text-transform: lowercase;}
.smallcaps {font-variant: small-caps;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.size8 {font-size: 8px;}
.size9 {font-size: 9px;}
.size10 {font-size: 10px;}
.size11 {font-size: 11px;}
.size12 {font-size: 12px;}
.size13 {font-size: 13px;}
.size14 {font-size: 14px;}
.size16 {font-size: 16px;}
.size18 {font-size: 18px;}
.size20 {font-size: 20px;}
.size22 {font-size: 22px;}
.size24 {font-size: 24px;}
.size26 {font-size: 26px;}
.size28 {font-size: 28px;}
.nowrap {white-space: nowrap;}
.tcenter {text-align: center;}
.tleft {text-align: left;}
.tright {text-align: right;}
.tmiddle {vertical-align: middle;}
.ttop {vertical-align: top;}
.tbottom {vertical-align: bottom;}
.tsupper {vertical-align: super;}

/* colors */
.grey {color: #777777; }
.lightgrey {color: #E2E2E2; }
.lightgrey2 {color: #A0A0A0; }
.lightblue {color: #6990DE; }
.lightblue3 {color: #5192EA; }
.orange {color: #FFA900; }
.blue1 {color: #023E8E;}
.blue3 {color: #0A4DA8;}
.black {color: #000000;}
.yellow1 {color: #FFFFAF;}
.yellow3 {color: #FFD62E;}
.white {color: #FFFFFF; }
.darkred {color: #990000; }
.darkred2 {color: #550000; }
.red {color: #FF0000;}
.red2 {color: #AA0000;}
.green {color: #009900;}
.green2 {color: #5B7F00;}
.bluegrey {color: #848EC4;}

/* research stage colors */
.stage0 {color: #990000;}
.stage1 {color: #DC0000;}
.stage2 {color: #FF3300;}
.stage3 {color: #FF9900;}
.stage4 {color: #FFDD00;}
.stage5 {color: #ABDD00;}
.stage6 {color: #009900;}

/* background */
.contentbg
{
	min-height: 450px;
	background: url(/img/colony/starsbg.jpg) top right no-repeat #000000;
}
.contentbgblack
{
	min-height: 450px;
	background: #000000;
}

.blacktranspbg {background: url(/img/ru/int/bgtransp.png);}
.bgorange {background-color: #FFA900;}

.bgblue1 {background-color: #023E8E;}
.bgblue3 {background-color: #0A4DA8;}
.bgblue4 {background-color: #1D557C;}
.bgbluegrey {background-color: #34384C;}
.bggrey1 {background-color: #808096;}
.bggreen {background-color: #5B7F00;}
.bgblack {background-color: #000000;}
.bgdarkgrey1 {background-color: #111111;}
.bgdarkgrey2 {background-color: #333333;}
.bgdarkgrey3 {background-color: #222222;}
.bgdarkred {background-color: #330000;}

/* borders */
.noborder {border: 0px;}
.bordertd { background: #013D8E; }
.tbordertd { background: url(/img/ru/int/bt.png) top repeat-x; }
.bbordertd { background: url(/img/ru/int/bb.png) bottom repeat-x; }
.lbordertd { background: url(/img/ru/int/bl.png) left repeat-y; }
.rbordertd { background: url(/img/ru/int/br.png) right repeat-y; }

.tborderblue {border-top: 1px solid #013D8E;}
.bborderblue {border-bottom: 1px solid #013D8E;}
.lborderblue {border-left: 1px solid #013D8E;}
.rborderblue {border-right: 1px solid #013D8E;}

.bordergrey {border: 1px solid #BFBFBF;}
.tbordergrey {border-top: 1px solid #BFBFBF;}
.bbordergrey {border-bottom: 1px solid #BFBFBF;}
.lbordergrey {border-left: 1px solid #BFBFBF;}
.rbordergrey {border-right: 1px solid #BFBFBF;}

.tborderdarkgrey {border-top: 1px solid #333333; }
.bborderdarkgrey {border-bottom: 1px solid #333333; }
.rborderdarkgrey {border-right: 1px solid #333333; }
.lborderdarkgrey {border-left: 1px solid #333333; }

.tborderblack {border-top: 1px solid #000000; }
.bborderblack {border-bottom: 1px solid #000000; }
.lborderblack {border-left: 1px solid #000000; }
.rborderblack {border-right: 1px solid #000000; }

.borderblack {border: 1px solid #000000; }
.borderdarkgrey {border: 1px solid #333333; }
.bordergreen {border: 1px solid #00FF21;}
.borderwhite {border: 1px solid #FFFFFF;}
.borderred {border: 1px solid #FF0000;}
.borderbluegrey {border: 1px solid #848EC4;}
.borderorange {border: 1px solid #FFCC00;}

/* cursors */
.cpointer {cursor: pointer;}
.cmove {cursor: move;}

/*widths/heights*/
.w50 {width: 50px;}
.w75 {width: 75px;}
.w100 {width: 100px;}
.w150 {width: 150px;}
.w175 {width: 175px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.h50 {height: 50px;}
.h200 {height: 200px;}
.h250 {height: 250px;}
.h400 {height: 400px;}
/*floats*/
.fleft {float: left;}
.fright {float: right;}
.clear {clear: both;}
/*decoration*/
.decorationnone {text-decoration: none; }
.underline {text-decoration: underline; }
.sroke {text-decoration: line-through; }