body
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	//BGCOLOR: #326699;
}
.HeaderTop
{
	background-color: #326699;
	color: lime;
}
.HeaderBottom
{
	background-color: #FFFF00;
}
.HeaderBottomNewGame
{
	background-color: #FFFF00;
	//background-image:url("./images/dollar_sign.gif");
	/* Defines the location of the background image (relative or absolute location) */
	background-attachment:fixed;
	/* Sets the image to be fixed in place and will not scroll with page content*/
	/*background-repeat:no-repeat;*/
	/* The background image is to display one time only */
	/*background-position:top left; */
	/* The background image will always be in the top left of the browser*/
}
.HeaderRightNewGame
{
	background-color: #FFFFFF;
	color: BLUE;
	font-family: Arial;
	font-size: 11pt;
	font-weight: normal;
	letter-spacing: normal;
}
.HeaderLeft
{
	background-color: #cccccc;
	font-size: 14pt;
	color: RED;
}
.HeaderRight
{
	background-color: #FFFFFF;
	color: BLUE;
}
.HeaderOption
{
	background-color: #00FF00;
	color: Blue;
	font-family: Arial;
	font-size: 9pt;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
}
.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #008000; /*dark purple border*/
border-width: 1px 0;
background: black url(images/green.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: blue; /*text color*/
font-size: 8pt;
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #008000; /*dark purple divider between menu items*/
target: "Option_Frame";
}

.indentmenu ul li a:visited{
color: blue;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: blue !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(images/green2.gif) center center repeat-x;
}
#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: white;
//background: green url(media/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
//background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
color: Blue;
background-color: lime;
}

#ddcolortabs a:hover span{
color: Blue;
background-color: lime;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
color: Blue;
background-color: lime;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: Lime;
}

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #00ff00;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 4px 6px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #00a200;
    color: #fff;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #00a200;
    color: #fff;
}

/* Style the tab content */
.tabcontents {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    //border-top: none;
    backround-color: #00a200;
}