body {
		font: 100% verdana, arial, sans-serif;
		background-color: #000;
		color: #fff ;
		margin: 10px; /* this puts a big border around the text reducing it makes the text tighter */
		scrollbar-base-color: #1e1e1e; /*Scrollbar color*/
		scrollbar-arrow-color: #ffffff; /*Scrollbar arrow color*/
		scrollbar-DarkShadow-Color: #ff0000; /*Scrollbar shadow color*/

}
.development {
		 font: 80% verdana, arial, sans-serif;
		background-color: #333333;
		 color: #fff ;
		 border: 0;
		 padding: 5px;
		 margin: 0 9px 0 8px; /* this puts a big border around the text reducing it makes the text tighter */
}
.tickertape
{
	position:fixed;
	font-family: arial;
	font-size: 20px ;
	left:5px;
	bottom:5px;
	align: center;
	color: black;
	border: 1px solid red;
}
h1 {
		 font: 100% verdana, arial, sans-serif;
		 font-size: 30px ;
		 margin: 5px 5px 5px 80px;
}
h2 {
		 font: 100% verdana, arial, sans-serif;
		 font-size: 30px ;
}
.sys {
		 font: 100% verdana, arial, sans-serif;
		 font-size: 8px ;
		 margin: 2px ;
		 color: #000;
}
.hd {
		 font: 100% verdana, arial, sans-serif;
		 font-size: 30px ;
		 margin: 5px 5px 5px 80px;
}
.hdr {
		float: right;
		 font: 100% verdana, arial, sans-serif;
		 font-size: 15px ;
		 margin: 0px 50px;
}
.hdrimg {
	position:absolute;
	right:0px;
	top:0px;
	z-index:-1
}
.copyright {
		font: 9px verdana, arial, sans-serif; /* set font as desired */
		float:left;
		width:100%;
		 background-color: #000 ;
		 text-align: right;
		 color: #fff ;
		 padding: 0 15px;
		 margin: 0px;
		 border-bottom: 1px solid #ccc;
	
}
img#logo{
	top: 5px;
	left: 5px;
	width: 80px;
}
div#logo{
	position: absolute;
	top: 5px;
	left: 5px;
	width: 80px;
	font-size:9px ;
}
div#logon {
	top: 5px;
	left: 15px;
	width: 60px;
	text-align: center;
	border: 1px solid #fff; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #999; /* set unselected tab background color as desired */
	color: #000; /* set unselected tab link color as desired */
}
div#logon:hover {
	background-color: #666; /* set unselected tab background color as desired */
}
/* used in the logo area */
.msg {
  color: red ;
}
input#logon {
	border: none;
  font-size:9px;
	height: 11px;
	width: 60px;
}
input.butt {
	vertical-align: text-top;
	/*border-style: ridge;*/
	float: left;
	position: relative;
  font-size:9px;
	height: 18px;
/*	width: 60px;*/
}
input#butt {
	vertical-align: text-top;
	/*border-style: ridge;*/
	font-size:9px;
	height: 18px;
	width: 60px;
}
#edit {
	font: 10px verdana, arial, sans-serif; /* set font as desired */
 	padding: 5px;
	text-align: right;
	vertical-align: top;
	color: #fff ;
	background-color: #000 ;
}
#editbg {
	font: 10px verdana, arial, sans-serif; /* set font as desired */
 	padding: 0 5px;
	float:left;
	border-style: none;
	color: #fff ;
	background-color: #000 ;
	text-align: left;
}
.editfld {
	font: 10px verdana, arial, sans-serif; /* set font as desired */
 	padding: 0 5px;
	border-style: none;
	color: #000 ;
	background-color: #fffaf0 ;
}
.editbg {
	font: 10px verdana, arial, sans-serif;
 	padding: 0 5px;
	border-style: none;
	text-align: left;
	color: #fff ;
	background-color: #000 ;
}
#select {
	font: 10px verdana, arial, sans-serif; /* set font as desired */
	padding: 0 ;
	border-style: none;
	color: #000 ;
	scrollbar-base-color: #1e1e1e; /*Scrollbar color*/
	scrollbar-arrow-color: #ffffff; /*Scrollbar arrow color*/
	scrollbar-DarkShadow-Color: #ff0000; /*Scrollbar shadow color*/


}
#content {
		 font: 100% verdana, arial, sans-serif;
		 background-color: #fffaf0 ;
		 color: #000 ;
		 border: 0;
		 padding: 5px;
		 margin: 0 90px 0 80px; /* this puts a big border around the text reducing it makes the text tighter */
}
#sponsor {
		 font: 10px verdana, arial, sans-serif;
		 background-color: #666 ;
		 color: #000 ;
		 border: 1px solid #666;
		 padding: 0px;
		 right: 1px;
		 position: absolute;
		 width: 95px;
		 margin: 65px 0 0;
		 align: center;
}
#sponsorhd {
		 font: 10px verdana, arial, sans-serif;
		 background-color: #666 ;
		 width: 95px;
		 text-align: center;
}
img#splogo{
	font: 14px verdana, arial, sans-serif;
	text-align: center;
	top: 5px;
	left: 5px;
	width: 90px;
	color: #ff0000;
	border: 1px solid #fff;
}
a,a:link,a:visited {
	text-decoration: none;
	color: #fff; 
}
a:hover {
	color: #ff0000;
}
a.ln {
	text-decoration: none;
	text-align: center;
	align: center;
	color: #000;
	padding: 0 10px;
}
a.sp {
	text-decoration: none;
	text-align: center;
	align: center;
	font: 14px verdana, arial, sans-serif;
	color: #fff;
	background-color:  #990000;
	border: 1px solid #990000;
	padding: 0 10px;
}
.sp {
	font: 14px verdana, arial, sans-serif;
	text-align: center;
	align: center;
	color: #990000;
	background-color: #fff ;
	border: 1px solid #990000
}
#dtail {
		 font: 100% verdana, arial, sans-serif;
		 background-color: #333 ;
		 color: #fff ;
		 border: 0;
		 padding: 0 10px;
/*		 margin: 0 50px 0 80px; /* this puts a big border around the text reducing it makes the text tighter */
}
.info {
	background-color: #333; /* set selected tab background color as desired */
/*	border: 5px solid #333; */ 
	border-left: 1px solid #c0c0c0; 
	border-right: 1px solid #c0c0c0; 
  margin: 0px 90px 0px 80px; 
}
.message {
		font: 12px verdana, arial, sans-serif bold; /* set font as desired */
		 background-color: #2f4f4f ;
		 color: #fff ;
		 border: 2px solid #333; 
		 padding: 0 5px;
		 margin: 0px 5px 0px 5px; 
}
.warning {
		font: 14px verdana, arial, sans-serif; /* set font as desired */
		 background-color: yellow ;
		 color: #000 ;
		 border: 3px solid #333; 
		 padding: 0 5px;
		 margin: 0px 5px 0px 5px; 
}
.error {
		font: bold 14px verdana, arial, sans-serif; /* set font as desired */
		 background-color: red ;
		 color: #fff ;
		 border: 3px solid #333; 
		 padding: 0 5px;
		 margin: 0px 5px 0px 5px; 
}

#test {
		font: 12px verdana, arial, sans-serif; /* set font as desired */
		 padding: 5px;
		 margin: 0px;
		 border-bottom: 1px solid #333; /* set border color to page background color */
		 background-color: #e0e0e0 ;
		 color: #000 ;
}
#note {
	font: 11px verdana, arial, sans-serif; /* set font as desired */
	padding: 5px;
	margin: 0px;
	border-bottom: 1px solid #333; /* set border color to page background color */
	background-color: #e8e8e8 ;
	color: #000 ;
}
.note {
	font: 11px verdana, arial, sans-serif; /* set font as desired */
	padding: 5px;
	margin: 0px;
	border-bottom: 1px solid #333; /* set border color to page background color */
	background-color: #e8e8e8 ;
	color: #000 ;
}
th {
		font: 14px verdana, arial, sans-serif; /* set font as desired */
		 background-color: #333333 ;
		 color: #fff ;
		 padding: 0 5px;
}
th.left {
		 text-align: left;
}
th.rght {
		 text-align: right;
}
thead {
		font: 16px verdana, arial, sans-serif; /* set font as desired */
		 background-color: #f00 ;
		 text-align: right;
		 color: #000 ;
		 padding: 0 15px;
}
tfoot {
		font: 6px verdana, arial, sans-serif; /* set font as desired */
		 background-color: #000 ;
		 text-align: right;
		 color: #fff ;
		 padding: 0 15px;
}
/* replace see below */
td#desc {
	font: 12px verdana, arial, sans-serif; /* set font as desired */
	background-color: #333333 ;
	color: #fff ;
	padding: 0 5px;
	text-align: right;
}
td#detail {
	font: 12px verdana, arial, sans-serif; /* set font as desired */
	background-color: #f5f5dc ;
	color: #000 ;
	padding: 0 5px;
	text-align: left;
	border-bottom: 1px solid #333; 
}

/* the above to be replaced by this */
td.desc {
	font: 12px verdana, arial, sans-serif; /* set font as desired */
	background-color: #333333 ;
	color: #fff ;
	padding: 0 5px;
	text-align: right;
}
td.detail4 {
	font: 12px verdana, arial, sans-serif; /* set font as desired */
	background-color: #f5f5dc ;
	color: #000 ;
	padding: 0 5px;
	text-align: left;
	border-bottom: 1px solid #333; 
}
td#date {
	text-align: right;
}
td#ko {
	text-align: center;
}

table {
		 background-color: #000 ;
}

ul#tabnav { /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 0 90px 0 80px;
	font-size:93%;
	line-height:normal;
/*	margin: 1em 0 0 0; /* set margins as desired */
	font: bold 11px verdana, arial, sans-serif; /* set font as desired */
	border-bottom: 1px solid #c0c0c0; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
ul#tabnav li { /* do not change */
	display: inline;
}
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7, body#tab8 li.tab8, body#tab9 li.tab9, body#tab10 li.tab10, body#tab11 li.tab11, body#tab12 li.tab12, body#tab13 li.tab13, body#tab14 li.tab14, body#tab15 li.tab15 { /* settings for selected tab */
	border-bottom: 1px solid #333; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color #no effect with IE#*/
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a, body#tab9 li.tab9 a, body#tab10 li.tab10 a, body#tab11 li.tab11 a, body#tab12 li.tab12 a, body#tab13 li.tab13 a, body#tab14 li.tab14 a, body#tab15 li.tab15 a { /* settings for selected tab link */
background-color: #333; /* set selected tab background color as desired */
color: #fff; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}
body#tab1 li.tab1 a:hover, body#tab2 li.tab2 a:hover, body#tab3 li.tab3 a:hover, body#tab4 li.tab4 a:hover, body#tab5 li.tab5 a:hover, body#tab6 li.tab6 a:hover, body#tab7 li.tab7 a:hover, body#tab8 li.tab8 a:hover, body#tab9 li.tab9 a:hover, body#tab10 li.tab10 a:hover, body#tab11 li.tab11 a:hover, body#tab12 li.tab12 a:hover, body#tab13 li.tab13 a:hover, body#tab14 li.tab14 a:hover, body#tab15 li.tab15 a:hover { /* settings for selected tab link */
color: #999; /* set selected tab link color as desired */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #c0c0c0; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #000; /* set unselected tab background color as desired */
color: #ccc; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #333; /* set desired hover color */
color: #fff;
}
/* ==================== next set of tabs ==================== */
#tabteam {
	font: 30% verdana, arial, sans-serif;
	background-color: #333; /* general colour behind tabs */
	border-right: 1px solid #c0c0c0; /* set border COLOR as desired */
	border-left: 1px solid #c0c0c0; /* set border COLOR as desired */
	margin: 0 90px 0 80px; /* this puts a big border around the text reducing it makes the text tighter */
}
ul#tabteam { /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 0 0 0 0;
	font-size:60%;
	line-height:normal;
/*	margin: 1em 0 0 0; /* set margins as desired */
	font: bold 11px verdana, arial, sans-serif; /* set font as desired */
	background-color: #333; /* general colour behind tabs */
	border-bottom: 1px solid #000; /* set border COLOR as desired */
	border-right: 0;
	border-left: 0;
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
ul#tabteam li { /* do not change */
	display: inline;
}
div#ttab1 li.ttab1, div#ttab2 li.ttab2, div#ttab3 li.ttab3, div#ttab4 li.ttab4, div#ttab5 li.ttab5, div#ttab6 li.ttab6, div#ttab7 li.ttab7, div#ttab8 li.ttab8, div#ttab9 li.ttab9, div#ttab10 li.ttab10, div#ttab11 li.ttab11, div#ttab12 li.ttab12, div#ttab13 li.ttab13, div#ttab14 li.ttab14, div#ttab15 li.ttab15, div#ttab16 li.ttab16 { /* settings for selected tab */
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #282828; /* set background color to match above border color #no effect with IE#*/
}

div#ttab1 li.ttab1 a, div#ttab2 li.ttab2 a, div#ttab3 li.ttab3 a, div#ttab4 li.ttab4 a, div#ttab5 li.ttab5 a, div#ttab6 li.ttab6 a, div#ttab7 li.ttab7 a, div#ttab8 li.ttab8 a, div#ttab9 li.ttab9 a, div#ttab10 li.ttab10 a, div#ttab11 li.ttab11 a, div#ttab12 li.ttab12 a, div#ttab13 li.ttab13 a, div#ttab14 li.ttab14 a, div#ttab15 li.ttab15 a, div#ttab16 li.ttab16 a { /* settings for selected tab link */
background-color: #fffaf0; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}
div#ttab1 li.ttab1 a:hover, div#ttab2 li.ttab2 a:hover, div#ttab3 li.ttab3 a:hover, div#ttab4 li.ttab4 a:hover, div#ttab5 li.ttab5 a:hover, div#ttab6 li.ttab6 a:hover, div#ttab7 li.ttab7 a:hover, div#ttab8 li.ttab8 a:hover, div#ttab9 li.ttab9 a:hover, div#ttab10 li.ttab10 a:hover, div#ttab11 li.ttab11 a:hover, div#ttab12 li.ttab12 a:hover, div#ttab13 li.ttab13 a:hover, div#ttab14 li.ttab14 a:hover, div#ttab15 li.ttab15 a:hover, div#ttab16 li.ttab16 a:hover { /* settings for selected tab link */
color: #666; /* set selected tab link color as desired */
}

ul#tabteam li a { /* settings for all tab links */
font-size:80%;
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #000; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #999; /* set unselected tab background color as desired */
color: #000; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabteam a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}