BODY {
	color : #050520;
	background-color : #050510;
	font-family : "Times New Roman", Times, serif, serif;
	font-size : larger;
	text-align : left;
}
BODY.messages {
	color : Navy;
	font-family : "Times New Roman", Times, serif, serif;
	text-align : left;
	background : transparent;
}
#bodycontent{
   background-color: #FFFFDD; 
	/* background : url('img/wood.jpg') repeat fixed; */
   left:50px;
   right:50px;
   top:100px;
   position:absolute;
   padding:50px;
}

DIV.menu_box{
	position:fixed;  
	padding : 10px;
}                

div.menu_box a{
   color:#aaffaa;
   padding-right:10px; 
}

div.menu_box :HOVER{
   color:#ddffdd;     
}
#sub_menu{      
	left:50px;
	right:50px;
	z-index:5; 
   top:65px;
}
#main_menu{  
	left:20px;
	right:20px;
	z-index:10;
   top:10px;
}


DIV.messages {
	border-bottom: 3px solid #8080AA;
	border-right: 3px solid #8080AA;
	border-top: 3px solid #E2E2E9;
	border-left: 3px solid #E2E2E9;
	background : url('img/background_menu.jpg') repeat fixed;
	position:fixed;
	top:2px;
	left:800px;
	width:200px;
	height:30px;
	z-index : 3;
}

DIV.keyword{
	float:left;
	margin-top:5px;
}


DIV.graph_horizontal,
DIV.graph_horizontal_hidable
DIV.graph_vertical,
DIV.graph_vertical_hidable{
	/*	border-bottom: 2px solid #8080AA;
	border-right: 2px solid #8080AA;
	border-top: 2px solid #E2E2E9;
	border-left: 2px solid #E2E2E9;*/
	border:none;
	/*	z-index : 3; */
	background-color:#8A2BE2;
	vertical-align:bottom;
	position:relative;
}
DIV.graph_horizontal,
DIV.graph_horizontal_hidable{
	margin-bottom: 5px;
	width: 50px;
	height: 5px;
	/*	top:-20px; */
	left: 5px;
}
DIV.graph_horizontal{
}
DIV.graph_horizontal_hidable{
	display : none;
}

DIV.graph_vertical,
DIV.graph_vertical_hidable{
	background-color:aqua;
	width: 5px;
	height: 15px;
	/*	top:-20px; */
	left: 5px;
	float:left;
}
DIV.graph_vertical{
}
DIV.graph_vertical_hidable{
	display : none;
}
DIV.hint_div,
DIV.vote_div,
DIV.refresh_hint{
	background-color : #B0C4DE;
	border : 2px outset #BECFE5;
	color : Navy;
	display:none;
	z-index:8;
}
DIV.refresh_hint
{
	z-index:6;
	position:absolute;
	top:150px;
	left:60px;
	font-size : smaller;
}
DIV.hint_div
{
	width:100px;
	position:relative;
	top:-5px;
	left:10px;
	font-size : smaller;
}
DIV.vote_div{
	width:200px;
	position:absolute;
	top:60px;
	left:30px;
	height:100px;
}
DIV.popup_box_2,
DIV.popup_box_3,
DIV.popup_box_4 {
	border-bottom: 3px outset saddlebrown;
	border-right: 3px outset #saddlebrown;
	border-top: 3px outset #saddlebrown;
	border-left: 3px outset #saddlebrown;
	z-index : 2;
//	background : url('img/background_b.jpg') repeat fixed;
   background-color: Tan;
	display : none;
	position:absolute;
	padding-left : 5px;
}

DIV.popup_box_2 {
	left:20px;
	width:90%;
	top:115px;
}

DIV.popup_box_3{
	right:10%;
	width:33%;
}

DIV.popup_box_4{
	left:300px;
	width:300px;
	bottom:5%;
	height:50%;
	z-index : 3;
}

DIV.legend{
	background : url('img/background_menu.jpg') repeat fixed;
	font-style : oblique;
	border : 3px outset;
	color : Purple;
	left:25px;
	top:-10px;
	width:250px;
	position : relative;
	font-variant : small-caps;
	font-family : "Times New Roman";
	font-size : smaller;
	padding-left : 5px;
	z-index : 4;
}

DIV.game_detail{
	border-bottom: 2px solid #8080AA;
	border-right:  2px solid #8080AA;
	border-top:    2px solid #E2E2E9;
	border-left:   2px solid #E2E2E9;
	width:100%;
	margin-top : 5px;
	margin-left : 5px;
	margin-right : 5px;
	margin-bottom : 20px;
	padding-bottom : 15px;
	padding-left : 5px;      
   background-color: #ddddbb;
}
DIV.game_detail_current{
   border: black 2px solid;
	width:100%;
	margin-top : 5px;
	margin-left : 5px;
	margin-right : 5px;
	margin-bottom : 20px;
	padding-bottom : 15px;
	padding-left : 5px;    
   background-color: #ddddbb;
}

DIV.game_data{
	left:5px;
	position : relative;
	top: -20px;
	padding-left : 5px;
}
DIV.game_legend{
/*	background : url('img/background_menu.jpg') repeat fixed; */
   background: #aaddff;
	border : #aaddff 3px outset; 
	left:25px;
	top: -15px;
	width:350px;          
	color : #881180;
	position : relative;   
	font-style : oblique;
	font-variant : small-caps;
	font-weight: bold;
	font-family : "Times New Roman";
	padding-left : 5px;
}

div.game_links {
	font-size : smaller;
	font-style : italic;
	text-align : right;
	z-index : 1;
	top: -20px;
	width:95%;
	position : relative;
	padding-left : 5px;
}
div.button_bar{
	height:32px;
}


.small_print {
	font-size : xx-small;
	font-style : italic;
}

div.QWE {
	border : 2px groove;
	visibility : hidden;
}

A {
	color : #227744;
}

A:HOVER {
	color : #55bb77;
}

.button {
	color : #3F40A6;
/*	background-image : url(img/button_back.jpg);*/
	border-left-color : #F0F8FF;
	border-left-style : solid;
	border-left-width : 2px;

	border-top-color : #F0F8FF;
	border-top-style : solid;
	border-top-width : 2px;

	border-right-color : #3F40A6;
	border-right-style : solid;
	border-right-width : 2px;

	border-bottom-color : #3F40A6;
	border-bottom-style : solid;
	border-bottom-width : 2px;
	padding-top : 1px;
	padding-bottom : 3px;
	padding-left : 3px;
	padding-right : 3px;

	height: 20px;
	margin-right:10px;
}

A.button:HOVER {
	color : #7374C7;
}


A.menu_admin {
	color : #EC2F55;
}

A.menu_admin:HOVER {
	color : #FF3EA8;
}

A.body_admin {
	color : #F26F89;
	font-size : smaller;
	font-style : italic;
	text-align : right;
}
A.body_admin:HOVER {
	color : #FFDBEF;
	font-size : smaller;
	font-style : italic;
	text-align : right;
}

A.button img {
	height:16px;
	width: 16px;
	border-width:0px;
}
img.star{
	border-style:none;
	width:30px;
	height:30px;
	top:7px;
	position:relative;
}
img.button_bar_large{
	border-style:none;
	width:100px;
	height:30px;
	margin-left:20px;
}
.button_bar_small{
	border-style:none;
	width:50px;
	height:25px;
	margin-left:20px;
}
input,
textarea,
select{
	background-color : #E5E6FF;
	color : #00008B;
	border-left-color : #BBBDFF;
	border-left-style : solid;
	border-left-width : 2px;
	border-top-color : #BBBDFF;
	border-top-style : solid;
	border-top-width : 2px;
	border-right-color : #F6F7FF;
	border-right-style : solid;
	border-right-width : 2px;
	border-bottom-color : #F6F7FF;
	border-bottom-style : solid;
	border-bottom-width : 2px;
}
input.current_field,
textarea.current_field,
select.current_field{
	background-color : #FFFACD;
	color : #8B008B;
	border-width:2px;
	border-color:red;
	border-style:solid;
}
input.changed_field,
textarea.changed_field,
select.changed_field{
	background-color : #C6FFC6;
	color : #003E01;
	border-left-color : #006600;
	border-left-style : solid;
	border-left-width : 2px;
	border-top-color : #006600;
	border-top-style : solid;
	border-top-width : 2px;
	border-right-color : #E1FFE1;
	border-right-style : solid;
	border-right-width : 2px;
	border-bottom-color : #E1FFE1;
	border-bottom-style : solid;
	border-bottom-width : 2px;
}
/*problem with departed field is the color goes back to blue
instead of remaining green
likewise colorbackground is the same*/
input.departed_field,
textarea.departed_field,
select.departed_field{
	border-style : none;
}
input.submit{
	background-color : #C6FFC6;
	border-bottom-color : #006600;
	border-bottom-style : solid;
	border-bottom-width : 2px;
	border-left-color : #E1FFE1;
	border-left-style : solid;
	border-left-width : 2px;
	border-right-color : #006600;
	border-right-style : solid;
	border-right-width : 2px;
	border-top-color : #E1FFE1;
	border-top-style : solid;
	border-top-width : 2px;
	
	color : #003E01;
	margin-top:2px;
}            
#submit_vote{
   max-height:15px;
}