/* 
    Document   : main
    Created on : Jan 30, 2008, 8:19:09 PM
    Author     : Infinity
    Description:
        Purpose of the stylesheet follows.
*/

.sidebar{
width: 122px;
height: 750px;
background-color: black;
float: left;
text-align: center;
position: fixed;
}

.sidebar img{
border: none;
}

.main{
width: 750px;
float: left;
}

.content{
padding-left: 123px;
}

.fig{
z-index: 4;
position: relative;
}

.piece{
z-index: 3;
position: relative;
}

.lower{
z-index: 2;
position: relative;
}

.buttons{
height: 85px;
width: 225px;
float: left;
border: double black;
text-align: center;
}

.buttons img{
border: none;
}

#map{
height: 750px;
width: 750px;
float: left;
text-align: center;
}

.preview{
height: 350px;
width: 350px;
float: left;
text-align: center;
}

.previewthin{
height: 350px;
width: 250px;
float: left;
text-align: center;
}

.preview img{
border: none;
}

.previewthin img{
border: none;
}

.loscontrol{
height: 100px;
width: 234px;
float: left;
border: double black;
text-align: center;
}

.los{
opacity: 0.5;
position: absolute;
top: 10px;
left: 10px;
z-index: 10;
display: none;
}

.holding{
height: 660px;
width: 225px;
float: left;
position: relative;
x: 0px;
y: 0px;
background-color: grey;
    border-color: black;
    border-top-style: double;
    border-bottom-style: double;
    border-left-style: double;
    border-right-style: double;
}

.tool
{
    height: 600px;
width: 180px;
margin-left: 20px;
float: left;
position: relative;
background-color: grey;
    border-color: black;
    border-top-style: double;
    border-bottom-style: double;
    border-left-style: double;
    border-right-style: double;
overflow: hidden;
display: none;
}
.tools
{
    height: 0px;
z-index: 0;
overflow: hidden;
}

#container{
    
height: 755px;
width: 984px;
background-color: #666666;
    border-top-style: double;
    border-bottom-style: double;
    border-left-style: double;
    border-right-style: double;
    border-top-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    border-right-color: #000000;
    overflow: auto;
}

#dialcode th{
height: 30px;
width: 30px;
border-width: thin;
        border-color: black;
}

.w{
background-color: white;
color: black;
}

.red{
    background-color: red;
    border: thin black solid;
color: black;
}

.oran{
    background-color: orange;
    border: thin black solid;
color: black;
}

.blac{
    background-color: black;
    color: white;
    border: thin white solid;
}

.gree{
    background-color: green;
color: black;
border: thin black solid;
}

.purp{
    background-color: purple;
color: black;
border: thin black solid;
}

.gray{
    border: thin black solid;
    background-color: gray;
color: black;
}

.blue{
    border: thin black solid;
    background-color: aqua;
color: black;
}

.yell{
    border: thin black solid;
    background-color: yellow;
color: black;
}

.brow{
    border: thin black solid;
    background-color: #CC6600;
    color: white;
}

.dark{
    background-color: blue;
color: black;
border: thin black solid;
}

.dblu{
    border: thin black solid;
    background-color: blue;
color: black;
}

.lime{
    background-color: lime;
color: black;
border: thin black solid;
}

.spec{
    background-color: white;
color: black;
    border: 10px black solid;
}