@import url("share.css");

* {
line-height:1.2;
font-size:11px;
}
body {
background: black;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #666;
line-height: 14px;
margin-top:25px;
background:url(../gfx/haunted.gif)
}
img { border:0px; }
area { cursor: pointer; }
form, p { margin:0px; }
input { color:#666; width:145px; }
textarea { color:#666; font-family: Tahoma, Verdana, Helvetica, sans-serif; }
select { color:#666; }
h1 { font-size:16pt; }

a { color:blue; text-decoration:none; }
a:hover { color:red; text-decoration:underline; }

.cB { clear:both; }
.dB { display:block; }
.dN { display:none; }
.fL { float:left; }
.fR { float:right; }
.tAc { text-align:center; }
.tAr { text-align:right; }
.tAl { text-align:left; }
.fs7pt { font-size:7pt; }
.p2 { padding:2px; }
.p5 { padding:5px; }
.m2 { margin:2px; }
.fWb { font-weight:bold; }
.pR { position:relative; }
.pA { position:absolute; }
.notka { color:silver; font-size:7pt; }
.cP { cursor:pointer; }
.fWb { font-weight:bold; }
.vH { visibility:hidden; }
.lH1p2 { line-height:1.2; }

#mainContainer {
background: white;
border:1px solid gray;
width:1000px;
margin:0px auto;
padding:10px;
}

/* MENU */
#menuContainer {
height:50px;
}
/* end MENU */

/* LEFT */

.tab {
height:17px;
background:gray url(../gfx/tab_back.gif) repeat-x;
color:white;
padding:4px 10px;
float:left;
margin:0px 2px 0px 0px;
cursor:pointer;
position:relative;
top:-25px;
font-family:arial, tahoma,sans-serif;
font-weight:bold;
}

.tab.sel {
background:#c00000;
font-weight:bold;
cursor:default;
padding:6px 10px;
top:-29px;
background:gray url(../gfx/tab_back_sel.gif) repeat-x;
}
.tabDescription { margin:5px 0px 15px 0px; }
#leftContainer {
margin:0px 10px 0px 0px;
float:left;
position:relative;
width:754px;
height:547px;
}
#mapContainer,
#campaignDesc, #userArmy, #mainPage, #campaignReports, #campaignGamers, #armyRosters, #faq, #campaignMessages {
width:754px;
height:547px;
overflow-x: scroll;
overflow-y: scroll;
border:1px solid #c00000;
border-width:2px 0px 0px 0px;
position:absolute;
background:black;/*#a8a8a8;*/
color:white;
}
#campaignDesc, #userArmy, #mainPage, #campaignReports, #campaignGamers, #armyRosters, #faq, #campaignMessages {
display:none;
overflow-x: auto;
background:#fff;
color:#666;
height:537px;
padding:5px 0px;
}

.submitButton {
width:100px;
padding:5px;
text-align:center;
background-color:gray;
cursor:pointer;
color:white;
background:gray url(../gfx/tab_back.gif) center center repeat-x;
font-family:arial, tahoma,sans-serif;
font-weight:bold;
}
.submitButton:hover { background-color:#c00000; background:gray url(../gfx/tab_back_sel.gif) center center repeat-x; }

#selectedHex {
width:100px;
height:87px;
position:absolute;
background:url(../gfx/border_hex.png) no-repeat;
display:none;
cursor:pointer;
}
#goN,#goNE,#goSE,#goS,#goSW,#goNW {
width:50px; height:35px;
position:absolute;
display:none;
cursor:pointer;
}
#goN { width:21px; height:57px; background:url(../gfx/go/goN.png) no-repeat; }
#goN:hover { background:url(../gfx/go/sel/goN.png) no-repeat; }
#goNE { background:url(../gfx/go/goNE.png) no-repeat; }
#goNE:hover { background:url(../gfx/go/sel/goNE.png) no-repeat; }
#goSE { background:url(../gfx/go/goSE.png) no-repeat; }
#goSE:hover { background:url(../gfx/go/sel/goSE.png) no-repeat; }
#goS  { width:21px; height:57px; background:url(../gfx/go/goS.png) no-repeat; }
#goS:hover  { background:url(../gfx/go/sel/goS.png) no-repeat; }
#goSW { background:url(../gfx/go/goSW.png) no-repeat; }
#goSW:hover { background:url(../gfx/go/sel/goSW.png) no-repeat; }
#goNW { background:url(../gfx/go/goNW.png) no-repeat; }
#goNW:hover { background:url(../gfx/go/sel/goNW.png) no-repeat; }

#cfiTextAreas {
height:130px;
}
.gamersSelection {
width:305px;
float:left;
}
.gamersSelection select { width:305px; height:150px; margin:5px 0px;}
.gamersSelection select option:hover { background:#f0f0f0; }

.reportBox {
margin:15px 5px 0px 5px;
border-top:1px solid silver;
padding:5px;
}

.unitList {
width:730px;
height:190px;
overflow-x: none;
overflow-y: scroll;
border:1px solid silver;
margin-bottom:5px;
}
#unitDesc {
width:730px;
height:50px;
overflow-x: none;
overflow-y: scroll;
border:1px solid silver;
}
.characterTable {
border-collapse:collapse;
border:1px solid red;
}
.characterTable img { float:left; margin:0px 3px 0px 20px;}
.characterTable th { background:#f0f0f0; border-left:1px solid silver; }
.characterTable th, .characterTable td {
width:34px;
border:1px solid silver;
padding:2px;
text-align:center;
}
.characterTable .name { width:162px; }
.characterTable input { width:15px; margin:0px 3px 0px 0px; }
#auoContent input { width:15px; margin:1px 3px 1px 10px; }

.eRow.sel { font-weight:bold;background:#ffdfdf; }
.eRow:hover { cursor:pointer;background:#dfffdf; }
.unitInfoDiv {
width:706px;
background:#fff;
border:1px solid silver;
top:17px;
left:-3px;
position:absolute;
padding:3px;
font-weight:normal;
z-index:100;
}
#recipientsContainer {
width:200px;
float:left;
margin-right:5px;
}
#recipients {
width:200px;
height:300px;
margin-top:5px;
}
#messageTitle { width:415px; }
#messageContent { 
width:520px;
height:270px;
margin-top:5px;
}
#messegeEmail { width:20px; }
#messageTable { 
width:730px;
border-collapse:collapse;
border:1px solid silver;
margin:5px 0px 3px 1px;
}
#messageTable th { font-style:bold; }
#messageTable th, #messageTable td { padding:4px; border:1px solid silver; }
#messageTable .nr { width:40px; text-align:center;}
#messageTable .title { cursor:pointer; }
#messageTable .from { width:120px; text-align:center; }
#messageTable .date { width:120px; text-align:center; }
#messageListForm input { width:14px; margin:0px;}
#messageTabNew, #messageTabLists {
position:absolute;
}
/* end LEFT */

/* RIGHT */
#rightContainer {
margin:0px 0px 0px 0px;
width:234px;
float:left;
line-height:2;
}
.box {
color:white;
background-color:silver;
border:1px solid silver;
margin-bottom:5px;
}
.boxTitle {
padding:3px;
font-weight:bold;
cursor:pointer;
}
.boxContent {
background:white;
padding:2px 2px 5px 2px;
color:#666;
}
.boxFooter {
text-align:right;
padding:3px;
}
.boxFooter a { color:white; }
.boxTab {
float:left;
height:12px;
margin-right:1px;
padding:3px 5px;
background:silver;
color:white;
font-size:7pt;
cursor:pointer;
}
.boxTab.sel {
background:#c00000;
cursor:default;
}

#loginOut {
color:#aaa;
text-align:center;
margin-bottom:4px;
font-size:7pt;
}
#loginOut a { font-size:7pt;color:#aaa; }

#mapNameEdit, #campaignNameEdit { width:90px; }
#mapName, #campaignName { width:130px; }
#mapDim, #mapDimEdit, #armyList, #armyListEdit { width:55px; }
#fowList { width:70px; }
#playCanMove { width:17px; }
#chooseFields {
display:none;
}
#randomType {
width:100px;
}
#fieldList {
padding:2px;
background-color:white;
width:228px;
height:160px;
color:#666;
overflow-x: none;
overflow-y: scroll;
}
#fieldList input{
width:25px;
text-align:center;
}
#fieldList .hex {
width:52px;
height:80px;
float:left;
text-align:center;
margin-top:3px;
font-size:7pt;
}
#fieldList .hex img { cursor:pointer; }

#infoEditTexarea, #infoCretaorEditTexarea {
padding:0px;
}
#no_info { padding:2px; }
.addonsCheck { float:left; width:112px; }
.addonsCheck input { width:16px; }
/* end RIGHT */

/* BOTTOM */
#bottomContainer {
background:silver;
padding:2px;
}

#statement {
width:1020px;
position:relative;
margin:0px auto;
background:black;
opacity:0.7; filter: alpha(opacity=70);
height:68px;
}
#logo {
width:57px;
height:58px;
position:relative;
top:-1px;
background:url(../gfx/pracownia_iluzji.png) no-repeat;
float:right;
margin:5px;
}
#smerf_logo {
width:59px;
height:58px;
position:relative;
top:-1px;
background:url(../gfx/smerf_logo.png) no-repeat;
float:right;
margin:5px;
}
#statementText {
text-align:right;
padding:10px;
color:silver;
font-size:7pt;
}
#statementText a { font-size:7pt;color:silver; text-decoration:underline;}
#statementText a:hover { color:silver; text-decoration:underline;}
/* end BOTTOM */