/*

All colours:

MAIN

#442c8f : deepmost background
#534877 : deep grey for navigation links background
#8479A9 : title background, light grey for navigation links letters, contrast color links
#c1badb : standard text background, border around navigation links
#e3dcfd : palest, cells

#1F0091 : blue box inside content title border

#f0f0f0 pale characters on deepmost background

#4078B8 h2, "chatbox"

#202040 header (?)

#CC6622  ???


#FFFFFD : fake, overwrite with custom stylesheets

2006/01/10 making standard text background paler, but not only...:
#c1badb => #d2cbec
#8479A9 => #958ABA

player colours:
//1 & \#C80000 \\ \hline
//2 & \#003CAB \\ \hline
//3 & \#F0E600 \\ \hline
//4 & \#008A2B \\ \hline
//5 & \#FFFFFF \\ \hline
//6 & \#00BADC \\ \hline
//7 & \#8403AA \\ \hline
//8 & \#FF7E00 \\ \hline
//9 & \#D856B2 \\ \hline
//10 & \#376A73 \\ \hline
//11 & \#88491B \\ \hline
//12 & \#7D9B43 \\ \hline
//13 & \#BF8879 \\ \hline
//14 & \#FFE8B1 \\ \hline


*/


html,body{margin:0; padding: 0}

body{font-family: verdana, arial, sans-serif;
/*      font-size: 76%; */
     font-size: 12px;
     background-color:  #442c8f;
     color:#000000;
     }



form{font-family: verdana, arial, sans-serif;
/*      font-size: 86%; */
     font-size: 12px;
    margin:0px;
     }

table{
  font-family: verdana, arial, sans-serif;
/*      font-size: 86%; */
     font-size: 12px;
}

table td{
  font-family: verdana, arial, sans-serif;
  margin:0px;padding:0px;border:0px;
/*      font-size: 86%; */
     font-size: 12px;
}


fieldset{
  border-color: #1F0091;
  /*xxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
}
legend{
   font-style: italic;
   padding: 2px;
}

input{
  border: 1px solid #1F0091;
  margin: 1px;
  font-weight: normal;
}
button{
  border: 1px solid #1F0091;
  margin: 1px;
  font-weight: normal;
}
textarea{
  border: 1px solid #1F0091;
  margin: 1px;
}
select {
  border: 1px solid #1F0091;
  margin: 1px;
  font-weight: normal;
}
input[disabled]{color:#A8A}


table.aow_games   {text-align: center;}
table.aow_games th{margin:100px; background:#e3dcfd;}
table.aow_games td{margin:100px; background:#e3dcfd;}
table.aow_games tr.color1 td{margin:100px; background:#FFBBBB;}
table.aow_games tr.color2 td{margin:100px; background:#DDDDBB;}
table.aow_games tr.color3 td{margin:100px; background:#BBFFBB;}
table.aow_games tr.color4 td{margin:100px; background:#BBDDDD;}
table.aow_games tr.color5 td{margin:100px; background:#BBBBFF;}
table.aow_games tr.color6 td{margin:100px; background:#DDBBDD;}
table.aow_games tr.colour1 td{margin:100px; background:#FFBBBB;}
table.aow_games tr.colour2 td{margin:100px; background:#DDDDBB;}
table.aow_games tr.colour3 td{margin:100px; background:#BBFFBB;}
table.aow_games tr.colour4 td{margin:100px; background:#BBDDDD;}
table.aow_games tr.colour5 td{margin:100px; background:#BBBBFF;}
table.aow_games tr.colour6 td{margin:100px; background:#DDBBDD;}

table.rules_table   {text-align: center;}
table.rules_table th{margin:100px; background:#e3dcfd;padding:0.3em;}
table.rules_table td{margin:100px; background:#e3dcfd;padding:0.3em;}

table.fighter_sheet{ text-align: center;}
table.fighter_sheet td{ text-align: center; background:#e3dcfd; font-size: 11px;}
table.fighter_sheet th{ text-align: center; background:#e3dcfd; font-size: 11px;}

table.fighter_creation   {text-align: left;border-collapse:collapse;}
table.fighter_creation th{background:#e3dcfd; padding:0px;border:0px;}
table.fighter_creation td{background:#e3dcfd; padding:0px;border:0px;}
table.fighter_creation tr.colour1 td{margin:100px; background:#FFBBBB;}
table.fighter_creation tr.colour2 td{margin:100px; background:#DDDDBB;}
table.fighter_creation tr.colour3 td{margin:100px; background:#BBFFBB;}
table.fighter_creation tr.colour4 td{margin:100px; background:#BBDDDD;}
table.fighter_creation tr.colour5 td{margin:100px; background:#BBBBFF;}
table.fighter_creation tr.colour6 td{margin:100px; background:#DDBBDD;}
table.fighter_creation input{text-align: right;}


table.small_tab   {text-align: center; font-size: 10px;}
table.small_tab th{margin:1px; background:#e3dcfd; font-size: 10px;}
table.small_tab td{margin:1px; background:#e3dcfd; font-size: 10px;}

table.visible_rows th{background:#e3dcfd;}
table.visible_rows td{background:#e3dcfd;}

/* better done css here */
table.forum_table{ text-align: left;border-collapse:collapse;}
table.forum_table th{background:#e3dcfd; padding:2px; border: 1px solid black;}
table.forum_table td{background:#e3dcfd; padding:2px; border: 1px solid black;}

td.threader{font-family:monospace; font-weight:bold;}
tr.linkfill td{background-color:#c1badb; color:#000000;}
tr.linkfill td:hover{background-color:#FFFFFD;}
tr.linkfill td a:link{text-decoration:none; color:#000000; display:block;}
tr.linkfill td a:visited{text-decoration:none; color:#000000; display:block;}
tr.linkfill td a:hover{text-decoration:none; color:#000000; display:block;}
tr.linkfill td.threader{font-family:monospace; text-align:left; font-weight:bold;}
tr.linkfill img{border:0}

select{font-family: verdana, arial, sans-serif;
     font-size: 86%;
     font-size: 12px;
     }


submit{font-family: verdana, arial, sans-serif;
     font-size: 86%;
     font-size: 12px;
     }
h1{
  font-family: Helmet,univers,"trebuchet ms", verdana, arial, sans-serif;
  font-size: 1.4em;
  text-align:center;
  background-color:#FFFFFD;
  color:#000000;
  line-height:120%;
  font-weight: normal;
  display:block;
  margin: 2px;
  border: 2px solid #000000;
  padding:4px;
  }
/*
h1{margin: 0;padding:0}
*/


h2{
  font-family: Helmet,univers,"trebuchet ms", verdana, arial, sans-serif;
  font-size: 1.3em;
  font-weight:bold;
  color:#FFFFFD;
  background-color:#958ABA;
  margin : 2px;
  border : 1px solid #1F0091;
  padding : 1px;
}

h3{
  font-family: Helmet,univers,"trebuchet ms", verdana, arial, sans-serif;
  font-size:1.5em;
  text-align:center;
  color:#4078B8;
  margin: 2px;
}

a:link    {color: #FFFFFD;}
a:visited {color: #FFFFFD;}

a:link    {color: #FFFFFD;}
a:visited {color: #FFFFFD;}



a.clickable_player:link    {text-decoration: none;color: black;}
a.clickable_player:visited {text-decoration: none;color: black;}
a.clickable_player:hover   {text-decoration: overline underline;color: black;}



a.contrast_color:link    {text-decoration: none;color: #958ABA;}
a.contrast_color:visited {text-decoration: none;color: #958ABA;}

a.new{color: #CC6622; font-weight:bold;}


/*
//------------------------------------------------
//------------------------------------------------
//------------------------------------------------
//------------------------------------------------
*/


div.footnote{font-size:86%; text-align:right;}


div#container{}

div#header{
    background-color:  #442c8f;
    color: #202040;
           position:relative;
           height:60px;
           text-align:center;
           }


/*
div#header a:link   {text-decoration:none;
                     color: #FFAAFF;
             border:1px solid black;
             background-color: #884488;
             }
div#header a:visited {text-decoration:none;
                     color: #FFAAFF;
             border:1px solid black;
             background-color: #884488;
             }
*/

div#game_image{
    background-color:#442c8f;
    cursor: crosshair;
    text-align:center;
           }



div#navigation{
    font-family: Helmet,univers,"trebuchet ms", verdana, arial, sans-serif;
    background-color:  #442c8f;
    float: left;
    top: 40px;
    left: 0;
    width: 180px;
    color: #f0f0f0;
    text-align:center;
    }


a.navigation_banner{
    width: 180px;
    }


div#content{
    background-color:  #442c8f;
    margin-left: 180px;
    line-height:1.2;
    /*line-height:1.6em;*/
    /*width:100%;*/
/* min-width: 100%;
 _width: 100%;*/
}

.boxer{
  width:98%;    /* IE stupidity workaround, must be 99% or bad things will happen*/
  border:0;  /* FF stupidity workaround, brings back things to right width*/
}



div#larger_content{
    margin-top:40px;
    background-color:  #442c8f;
    line-height:1.6em;
    }


/* obsolete, now use boxer
.flowrap {
  clear:right;
  float:right;
  width:100%;
}
*/

.blockjumps {
 border:2px;
}

.clearer {
  clear: both;
}





div#footer{
    background-color:#442c8f;
    color:#f0f0f0;
    clear: left;
    padding:0.5em;
    text-align:center;
    font-size: 9px;
    }









/*
//------------------------------------------------
//------------------------------------------------
//------------------------------------------------
//------------------------------------------------
*/


div.colourframe{
 border:2px;
 padding:2px;
 margin:4px;
 BORDER: solid;
 BORDER-WIDTH: 2px;
 BORDER-COLOR: #FFFFFD;
 BACKGROUND-COLOR: #442c8f;
 display:block;
 }





div.navigation_links_group{
 border:2px;
 padding:2px;
 margin:4px;
 BORDER: solid;
 BORDER-WIDTH: 1px;
 BORDER-COLOR: #d2cbec;
 BACKGROUND-COLOR: #442c8f;
 display:block;
 }




.navigation_links_title{
  text-align:center;
  /*width:140px;*/
  background-color:#FFFFFD;
  /*color:#48347d;*/
  color:#000000;
 /*width:90%;*/
 padding-top:2px;
 padding-bottom:2px;
 padding-right:4px;
 padding-left:4px;
 margin-top:1px;
 margin-bottom:0;
 margin-right:0px;
 margin-left:0px;
 line-height:120%;
 font-weight: normal;
 border: solid #000000;
 border-width: 2px;
 display:block;
  }


.navigation_link{
  text-align:center;
/*  BACKGROUND-COLOR: #d2cbec;
  color: #442c8f;*/
 text-decoration: none;
 /*width:100%;*/
 padding-top:1px;
 padding-bottom:1px;
 padding-right:4px;
 padding-left:4px;
 margin-top:1px;
 margin-bottom:0;
 margin-right:0px;
 margin-left:0px;
 line-height:120%;
 font-weight: normal;
 border: solid black;
 border-width: 1px;
  }

div#navigation a.navigation_link{
 display:block;
  }
div#navigation a.navigation_link_not_active{
 display:block;
  }



a.navigation_link:link    {color: #958ABA;text-decoration: none;BACKGROUND-COLOR: #534877;}
a.navigation_link:visited {color: #958ABA;text-decoration: none;BACKGROUND-COLOR: #534877; }
a.navigation_link:hover   {COLOR: #FFFFFD;text-decoration: none;background-color: #534877; border : 1px solid #FFFFFD;}




div.horizontal_navigation_links_group{
 text-align:center;
 border:2px;
 padding:2px;
 margin:4px;
 BORDER: solid;
 BORDER-WIDTH: 1px;
 BORDER-COLOR: #d2cbec;
 BACKGROUND-COLOR: #442c8f;
 }

div#horizontal_navigation_links_group a.navigation_link{
 display:block;
  }


/*
//------------------------------------------------
//------------------------------------------------
//------------------------------------------------
//------------------------------------------------
*/


.side_box{
    float: right;
    width: 50%;
    }

.main_box{
    margin-right: 50%;
    }

.uneven_side_box{
    float: right;
    width: 70%;
    }

.uneven_side_box textarea{
    width: 90%;
    height: 400px;
    }

.uneven_main_box{
    margin-right: 30%;
    }

.game_info_box{
    float: left;
    width: 300px;
    }

.game_map_box{
    margin-left: 305px;
    }

.bottom_box{
    clear: right;
    }

pre{ border:1px solid black; }

div.small_side_box{
    float: right;
    width: 49%;
    padding:5px;
    }

.small_main_box{
    margin-right: 51%;
    padding:5px;
    }


div.small_bottom_box{
    clear: right;
    text-align: center;
    padding:5px;
    }


/*
//------------------------------------------------
//------------------------------------------------
//------------------------------------------------
//------------------------------------------------
*/


div.thint_boxlet{
 font-size: 11px;
 padding:4px;
 margin:5px;
 BORDER: 1px solid black;
 BACKGROUND-COLOR: #d2cbec;
 }




.box_inside_content{
 BORDER: 1px solid black;
 BACKGROUND-COLOR: #d2cbec;
 overflow:auto;
 margin:2px;
 padding:4px;
 -moz-border-radius:10px;
}

.box_inside_content_pale{
 BORDER: 1px solid black;
/*  padding-color: #d2cbec; */
 BACKGROUND-COLOR: #e3dcfd;
 margin:2px;
 padding:4px;
 -moz-border-radius:10px;
 }

.bigtitle{
  font-size:larger;
  text-align:center;
  background-color:#FFFFFD;
  color:#000000;
  padding:2px;
  line-height:120%;
  border: solid #000000;
  border-width: 2px;
  margin: 12px;
  }


.box_inside_content_title{
  font-weight:bold;
  color:#FFFFFD;
  background-color:#958ABA;
  margin : 1px;
  border : 1px solid #1F0091;
  padding : 1px;
    }


div.spacebox{
 padding:5px;
 /*has line at bottom*/
}


div.spacebox0{
 padding:5px;
 /*border-bottom: 1px solid #000000;*/
}

div.spacebox1{
 padding:5px;
 /*border-bottom: 1px solid #000000;*/
  background-color:#e3dcfd;
}


.quoted_text{
 margin:0.5em;
 padding:0.5em;
 /*border-bottom: 1px solid #000000;*/
  background-color:#e3dcfd;
  border: 1px solid black;
}



/*
//------------------------------------------------
//------------------------------------------------
//------------------------------------------------
//------------------------------------------------


*/

.supmap{
    cursor: crosshair;
    position:absolute;
    }


div.sup_main_box{
    margin-left: 710px;
    }


div.sup_bottom_box{
    margin-top: 490px;
    float:left;
    width: 710px;
    }



.SimplifiedHexMap {
 background-image:URL("../images/hexes/hex_uncut.gif");
    }

.LargerSimplifiedHexMap {
 background-image:URL("../images/hexes/hex_uncut2.gif");
    }


.SimplifiedHexMap0 {
 background-image:URL("../images/hexes/hex_uncut0.gif");
    }
.SimplifiedHexMap1 {
 background-image:URL("../images/hexes/hex_uncut1.gif");
    }
.SimplifiedHexMap2 {
 background-image:URL("../images/hexes/hex_uncut2.gif");
    }
.SimplifiedHexMap3 {
 background-image:URL("../images/hexes/hex_uncut3.gif");
    }
.SimplifiedHexMap4 {
 background-image:URL("../images/ancients/hex_uncut4.gif");
    }



.RadarSimplifiedHexMap {
  border : 3px solid #1F0091;
 background-image:URL("../images/hexes/hex_uncut_radar.gif");
    }



div.zwz_main_box{
    width: 400px;
    }


div.zwz_bottom_box{
    margin-top: 460px;
    float:right;
    width: 710px;
    }




.zwz_computer{
  text-align:center;
  background-color:#FFFFFD;
  color:#000000;
 padding-top:2px;
 padding-bottom:2px;
 padding-right:4px;
 padding-left:4px;
 margin-top:1px;
 margin-bottom:0;
 margin-right:0px;
 margin-left:0px;
 line-height:200%;
 font-weight: normal;
 border: solid #000000;
 border-width: 2px;
  }

.zwz_computer:link    {text-decoration: none;color: black;}
.zwz_computer:visited {text-decoration: none;color: black;}
.zwz_computer:hover   {text-decoration: none;color: black;}







.sup_army{cursor: crosshair;}



a.sup_player1:link{text-decoration: none; color:black; background-color:#C80000;border : 1px solid black;padding : 1px; margin: 1px;cursor: crosshair;}
a.sup_player2:link{text-decoration: none; color:black; background-color:#003CAB;border : 1px solid black;padding : 1px; margin: 1px;cursor: crosshair;}
a.sup_player3:link{text-decoration: none; color:black; background-color:#F0E600;border : 1px solid black;padding : 1px; margin: 1px;cursor: crosshair;}
a.sup_player4:link{text-decoration: none; color:black; background-color:#008A2B;border : 1px solid black;padding : 1px; margin: 1px;cursor: crosshair;}
a.sup_player5:link{text-decoration: none; color:black; background-color:#FFFFFF;border : 1px solid black;padding : 1px; margin: 1px;cursor: crosshair;}
a.sup_player6:link{text-decoration: none; color:black; background-color:#00BADC;border : 1px solid black;padding : 1px; margin: 1px;cursor: crosshair;}
a.sup_player7:link{text-decoration: none; color:black; background-color:#8403AA;border : 1px solid black;padding : 1px; margin: 1px;cursor: crosshair;}

a.sup_player1:hover{color:#C80000;border : 1px solid #C80000;padding : 1px; margin: 1px;background-color:#534877;cursor: crosshair;}
a.sup_player2:hover{color:#003CAB;border : 1px solid #003CAB;padding : 1px; margin: 1px;background-color:#534877;cursor: crosshair;}
a.sup_player3:hover{color:#F0E600;border : 1px solid #F0E600;padding : 1px; margin: 1px;background-color:#534877;cursor: crosshair;}
a.sup_player4:hover{color:#008A2B;border : 1px solid #008A2B;padding : 1px; margin: 1px;background-color:#534877;cursor: crosshair;}
a.sup_player5:hover{color:#FFFFFF;border : 1px solid #FFFFFF;padding : 1px; margin: 1px;background-color:#534877;cursor: crosshair;}
a.sup_player6:hover{color:#00BADC;border : 1px solid #00BADC;padding : 1px; margin: 1px;background-color:#534877;cursor: crosshair;}
a.sup_player7:hover{color:#8403AA;border : 1px solid #8403AA;padding : 1px; margin: 1px;background-color:#534877;cursor: crosshair;}


a.Pteam1{color:#C80000;}
a.Pteam2{color:#003CAB;}
a.Pteam3{color:#F0E600;}
a.Pteam4{color:#008A2B;}
a.Pteam5{color:#FFFFFF;}
a.Pteam6{color:#00BADC;}
a.Pteam7{color:#8403AA;}



/*


//div.sup_side_box{
//    float: right;
//    width: 482px;
//    }

*/


div.forum_message_header{
  padding:0.5em;
  border-bottom: 1px solid #000000;
  background-color:#d2cbec;
    }


/*
  div.forum_message_header#1{
  background-color:#e3dcfd;
    }
*/

div.forum_message_body{
    margin: 0.5em;
    padding: 0.2em;
    /*border: 1px solid black;*/
    background-color:#e3dcfd;
    }

/*div.forum_message_body#1{
  background-color:#d2cbec;
    }*/

div.forum_message_topic{
  margin:0.3em;
  padding-bottom:0.3em;
  background-color:#958ABA;
  border: 1px solid #000000;
    }

div.forum_message_reply{
  margin-left:0.3em;
  margin-bottom:0.3em;
  padding-left:0.3em;
  padding-bottom:0.3em;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  background-color:#d2cbec;
    }

/*//div.sup_side_box{
//    float: right;
//    width: 482px;
//    }*/


/*
//------------------------------------------------
//------------------------------------------------
//------------------------------------------------
//------------------------------------------------
*/


div.buttons a{
  text-align:center;
  BACKGROUND-COLOR: #d2cbec;
  color: #442c8f;
 text-decoration: none;
 /*width:100%;*/
 padding-top:1px;
 padding-bottom:1px;
 padding-right:4px;
 padding-left:4px;
 margin-top:1px;
 margin-bottom:0;
 margin-right:0px;
 margin-left:0px;
 line-height:150%;
 font-weight: normal;
 border: solid black;
 border-width: 1px;
  }

div.buttons a:link    {color: #958ABA;text-decoration: none;BACKGROUND-COLOR: #534877;}
div.buttons a:visited {color: #958ABA;text-decoration: none;BACKGROUND-COLOR: #534877; }
div.buttons a:hover {background-color: #534877;text-decoration: none;COLOR: #FFFFFD; border : 1px solid #FFFFFD;}



a.help_point{
 background-color:  #442c8f;
 text-align:center;
 text-decoration: none;
 font-weight:bold;
 color: #c1badb;
 padding-top:1px;
 padding-bottom:1px;
 padding-right:4px;
 padding-left:4px;
 margin-top:1px;
 margin-bottom:0;
 margin-right:0px;
 margin-left:0px;
/*  line-height:120%; */
 border: solid #c1badb;
 border-width: 1px;
}


/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/

/*div.roundbox{background: #d2cbec; margin-bottom:8px; margin-left:4px; margin-right:4px;}
b.rtop, b.rbottom{display:block;background:   #442c8f}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #d2cbec}
b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px;}*/



/*overrides all!!*/
td.highlight{background:#FFBBBB;font-variant: small-caps;}


/* for js draggable items */
.draggable{position:absolute;}
.drag { position: relative; }