body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
}
table {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #ffffff;
}

#content {
position : relative;
z-index : 1;
}
h2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #f7f7ff;
text-transform : uppercase;
font-weight : bold;
}
.small {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
color : #f7f7ff;
}
.title {
background : url(sa_style/grf/bghead01.png);
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
height : 18px;
padding-left : 5px;
color : #ffffff;
font-weight : bold;
}
.title2 {
background : url(sa_style/grf/bghead01.png);
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
height : 18px;
padding-left : 5px;
color : #ffffff;
font-weight : bold;
}
.title2:hover {
background : url(sa_style/grf/bghead02.png);
color : #ff8888;
}
.category_big {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
color : #f7f7ff;
font-weight : bold;
}
.category {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #f7f7ff;
font-weight : normal;
}
.marked {
background-color : #f7f7ff;
font-weight : bold;
}
a, a:visited, a:active {
color : #93ACF1;
text-decoration : none;
font-weight : normal;
}
a:hover {
color : #ff0000;
text-decoration : underline;
font-weight : normal;
}
a.titlelink, a.titlelink:visited, a.titlelink:active {
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
a.titlelink:hover {
color : #ffffff;
text-decoration : underline;
font-weight : bold;
}
a.category, a.category:visited, a.category:active {
color : #333333;
text-decoration : none;
}
a.category:hover {
color : #ddddff;
text-decoration : underline;
}
option, textarea, input, select, file {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #ffffff;
background-color : #3c3b50;
border : 1px solid #777790;
}

.delete {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #ffffff;
cursor: hand;
width:13px;
height:13px;
background-image:url(grf/tmf_icons/delete_tiny.png);
background-color : #3c3b50;
border : 1px solid #777790;
}

.delete:hover {
background-image:url(grf/tmf_icons/delete_tiny_over.png);
background-color : #000022;
}

.select {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #ffffff;
width:11px;
height:13px;
background-image:url(grf/tmf_icons/select_tiny.png);
background-color : #3c3b50;
border : 1px solid #777790;
}

.select:hover {
background-image:url(grf/tmf_icons/select_tiny_over.png);
background-color : #000022;
}


.whiteround {
	border: 2px solid #FFFFFF;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	padding: 10px;
}
.whiteround td, .whiteround tr { border: 0; }

.greyroundthin
{
border:1px solid #3D4754;
-moz-border-radius:10px;
-khtml-border-radius:10px;
}
.greyroundthininner
{
border:1px solid #3D4754;
-moz-border-radius:6px;
-khtml-border-radius:6px;
}

.thinwhiteround
{
border:1px solid #FFFFFF;
-moz-border-radius:6px;
-khtml-border-radius:6px;
}

.thingreyround
{
border:1px solid #C0C0C0;
-moz-border-radius:6px;
-khtml-border-radius:6px;
}


.footer {
color : #ffffff;
font-size : 10px;
}
.form_off {
color : #999999;
background-color : #051b2d;
border : 1px solid #0f5288;
}
.form_on {
color : #ffffff;
background-color : #0e4979;
border : 1px solid #1464a5;
}
.form_username {
background-color : #051b2d;
border : 1px solid #0f5288;
color : #ffffff;
}
.form_password {
background-color : #051b2d;
border : 1px solid #0f5288;
}
.form_name {
background-color : #051b2d;
border : 1px solid #0f5288;
color : #ffffff;
}
.form_text {
background-color : #051b2d;
border : 1px solid #0f5288;
color : #ffffff;
}
.input {
background-color : transparent;
border : 1px none;
margin-top : 0;
color : #ffffff;
margin-bottom : 0;
}
.tooltip {
position : absolute;
display : none;
background-color : #000022;
color : #ffffff;
border : 1px solid #dddddd;
width : 150px;
padding : 2px;
z-index : 100000;
}
.tooltip2 {
position : absolute;
display : none;
background-color : #000015;
color : #ffffff;
border : 1px solid #dddddd;
padding : 2px;
max-width : 650px;
z-index : 100000;
}
.tooltip3 {
position : absolute;
display : none;
background-color : #000022;
color : #ffffff;
border : 1px solid #dddddd;
padding : 2px;
z-index : 100000;
}
.tooltip4 {
position : absolute;
display : none;
background-color : #000022;
color : #ffffff;
border : 1px solid #dddddd;
padding : 2px;
max-width : 800px;
z-index : 100000;
}
hr {
color : #666666;
background-color : #666666;
border : 0;
border-top : transparent;
border-bottom : transparent;
margin : 2px;
height : 1px;
}
form {
border : none;
margin : 0;
padding : 0;
}
div.tmu1 {
width : 170px;
height : 16px;
overflow : hidden;
padding : 0 0 0 20px;
margin : 0;
cursor : pointer;
background : url(images/games/tmu.gif) no-repeat top left;
}
div.tmu2 {
width : 170px;
height : 16px;
overflow : hidden;
padding : 0 0 0 20px;
margin : 0;
cursor : pointer;
background : url(images/games/tmu.gif) no-repeat top left;
}
div.cry1 {
width : 150px;
height : 16px;
overflow : hidden;
padding : 0 0 0 20px;
margin : 0;
cursor : pointer;
background : url(./sa_style/grf/games/crysis_ico.png) no-repeat center left;
}
div.cry2 {
width : 170px;
height : 16px;
overflow : hidden;
padding : 0 0 0 20px;
margin : 0;
cursor : pointer;
background : url(images/games/cry.gif) no-repeat top left;
}
div.hl2dm1 {
width : 150px;
height : 16px;
overflow : hidden;
padding : 0 0 0 20px;
margin : 0;
cursor : pointer;
background : url(./sa_style/grf/games/hl2dm_ico.png) no-repeat center left;
}
div.css {
width : 150px;
height : 16px;
overflow : hidden;
padding : 0 0 0 20px;
margin : 0;
cursor : pointer;
background : url(./sa_style/grf/games/css_ico.png) no-repeat center left;
}
div.fc1 {
width : 170px;
height : 16px;
overflow : hidden;
padding : 0 0 0 20px;
margin : 0;
cursor : pointer;
background : url(images/games/fc.gif) no-repeat top left;
background-color : #3c3b50;
}
#flashdiv {
position : relative;
z-index : 1;
}
div.light:hover {
background-color : #3b4c75;
cursor : crosshair;
}
tr.light:hover {
background : #0b3e65;
font-family : Verdana, Arial, Helvetica, sans-serif;
height : 18px;
padding-left : 5px;
color : #ffffff;
font-weight : bold;
cursor : crosshair;
}
td.light1 {
border : 2px solid #4a0000;
font-size : 13px;
padding : 3px;
}
td.light2 {
border : 2px solid #002642;
font-size : 13px;
padding : 3px;
}
td.light3 {
border : 2px solid #460044;
font-size : 13px;
padding : 3px;
}
td.light1:hover {
background-color : #4a0000;
font-size : 13px;
padding : 3px;
cursor : crosshair;
}
td.light2:hover {
background-color : #002642;
font-size : 13px;
padding : 3px;
cursor : crosshair;
}
td.light3:hover {
background-color : #460044;
font-size : 13px;
padding : 3px;
cursor : crosshair;
}
.head {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 20px;
}
.head2 {
font-size : 10px;
color : #6dc903;
font-weight : bold;
}

.inputbutton{
  padding:2px;
  background:#333300;
  border:1px solid white;
  color:white;
  cursor:pointer;
  width:12px;
}

.inputbutton:hover{
  background:#2852D2;
  color:#808080;
}

.BG_Q{
 	background-image: url('sa_style/bg50.png');
}
.BG_1{
 	background-image: url('sa_style/bg40.png');
}
.BG_2{
 	background-image: url('sa_style/bg45.png');
}
.BG_3{
 	background-image: url('sa_style/bg40_1.png');
}
.BG_4{
 	background-image: url('sa_style/bg50.png');
}