﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,img,
form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
margin: 0 auto;
border: 0;
}


body
{
	background: #0f1115 url('../SubaImages/BG/BG.jpg') center top repeat;
	font-family:Verdana;
}

.linker
{
	font-size:10px;
	color:#3c653c;
}
.linker:link {text-decoration:none;color:#3c653c;} 
.linker:visited {text-decoration:none;color:#3c653c;} 
.linker:active {text-decoration:none;color:#3c653c;} 
.linker:hover {text-decoration:none;color:#25dc0f;}

.bigfont
{
	font-size:25px;
	color:Gray;
	
}

.bigfont2
{
	font-size:25px;
	color:Black;
}

.style12black
{
	font-size:12px;
	color:Gray;
	font-weight:bold;
	
}

.style13black
{
	font-size:13px;
	color:Black;
	font-weight:bold;
	
}
.graytitle
{
    color:#272626;
    font-size:13px;
    font-weight:bold;
}

a
{
	font-size:10px;
	color:#3c653c;
}
a:link {text-decoration:none;color:#3c653c;} 
a:visited {text-decoration:none;color:#3c653c;} 
a:active {text-decoration:none;color:#3c653c;} 
a:hover {text-decoration:none;color:#25dc0f;}
.main {font-family:Verdana; color:#272626; font-size:10px; line-height:18px;}
.h1 {font-family:Verdana; color:#FFFFFF; font-size:10px; line-height:18px; font-weight:bold;}
.stylebigwhite
{
	font-family:Cambria;
	font-size:20px;
	color:#272626;
}
.style1graybold
{
	color:#272626;
	font-size:10px;
	font-weight:bold;
}

.style1org
{
	font-size:10px;
	color:Orange;
}
.style1green
{
	font-size:10px;
	color:#3c653c;
}
.style1
{
	font-size:10px;
	color:White;
}
.style12
{
	font-size:12px;
	color:White;
	font-weight:bold;
	
}

.styleemail
{
	font-size:15px;
	font-family:Verdana;
	color:#437C17;
	font-weight:bold;
}

.style2
{
	font-size:10px;
	color:#fb8e0d;
	font-weight:bold;
	
}

.style13org
{
	font-size:13px;
	color:#fb8e0d;
	font-weight:bold;
	
}

.serverdrop_long
{
	border:solid 1px gray;
	width:140px;
	height:20px;
	color:#fb8e0d;
	font-size:11px;
	background-color:Black;
	text-align:center;
	margin-left: 0px;
}

.serverdrop
{
	border:solid 1px gray;
	width:88px;
	height:20px;
	color:#fb8e0d;
	font-size:11px;
	background-color:White;
	text-align:center;
	margin-left: 0px;
}
.textboxlogin
{
	width:140px;
	height:20px;
	border:solid 1px Gray;
	
	
	text-align:center;
	font-family:Century Gothic;
	font-size:14px;
	color:#2d701d;
}
#popuplogin
{
	position:relative;
}

#loginidlabel
{
	position:absolute;
	width:110px;
	height:16px;
	top:0px;
	margin-left:12px;
	margin-right:16px;
	margin-top:5px;
	text-align:left;
	font-family:Century Gothic;
	font-size:13px;
	color:#2d701d;
	background-color:transparent;
}

#popuppassword
{
	position:relative;
}

#passwordlabel
{
	position:absolute;
	width:110px;
	height:16px;
	top:10px;
	margin-left:12px;
	margin-right:16px;
	margin-top:-2px;
	text-align:left;
	font-family:Century Gothic;
	font-size:13px;
	color:#2d701d;
	background-color:transparent;
}

.popuptextboxlogin
{

	width:110px;
	height:16px;
	left:1px;
	margin-left:12px;
	margin-right:16px;
	margin-top: 8px;
	margin-bottom:0px;
	text-align:left;
	font-family:Century Gothic;
	font-size:13px;
	color:#2d701d;
	background-color:transparent;
}

.popuptextboxpassword
{
	z-index:1;
	width:110px;
	height:16px;
	margin-left:12px;
	margin-right:16px;
	margin-top:8px;
	margin-bottom:0px;
	text-align:left;
	font-family:Century Gothic;
	font-size:13px;
	color:#2d701d;
	background-color:transparent;
}
.textboxemail
{
	border:solid 1px gray;
	width:100px;
	height:18px;
	color:#fb8e0d;
	font-size:12px;
	background-color:white;
	text-align:center;
	margin-left: 0px;
}
.textbox1
{
	border:solid 1px gray;
	width:88px;
	height:14px;
	color:#fb8e0d;
	font-size:10px;
	background-color:white;
	text-align:right;
	margin-left: 0px;
}
.textbox2
{
	border:solid 1px gray;
	width:200px;
	height:14px;
	color:#272626;
	font-size:10px;
	background-color:White;
	text-align:center;
	
	
}
.textbox3
{
	border:solid 1px gray;
	width:88px;
	height:14px;
	color:#fb8e0d;
	font-size:10px;
	background-color:White;
	text-align:left;
	margin-left: 0px;
}
.style1gray
{
	font-size:10px;
	color:Gray;
	
	
}
.style1black
{
	font-size:10px;
	color:#272626;
	
}
.style1
{
	font-size:10px;
	color:Gray;
	
}
.style1red
{
	font-size:10px;
	color:Red;
	
}
.style1bold
{
	font-size:10px;
	color:White;
	font-weight:bold;
	
}

 .style12
{
	font-size:12px;
	color:White;
	
}

 .style12new
{
	font-size:12px;
	color:#272626;
	
}

.style2bold
{
	font-size:10px;
	color:gray;
	font-weight:bold;
	
}



.welcome-message
{
	font-size:16px;
	font-weight:bold;
	color:#2d2d2d;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

.registration-form
{
    color:White;
    width:500px;
	border-width:3px;
	border-collapse:collapse;
}
.registration-question
{
	width:170px; /* TODO */
	text-align:right;   
		color:White;
		font-size:12px;
}
.registration-question-right
{
	width:266px; /* TODO */
	text-align:right;   
		color:White;
}
.registration-label
{
	font-weight:bold;
	white-space:nowrap; /*  TODO */
	color:White;
}
.registration-description 
{
	font-size:10px;
	text-align:right;
	color:White;
}
.registration-input
{
	vertical-align:top;
	text-align:left;
    white-space:nowrap;
    
}

.ddl
{
	width: 150px;
}

.error
{
	font-size:10px;
}
.words
{
	color:White;
	font-size:12px;
}
.style8
{
  width: 245px;
}

/* SUBA Lite */

.sl-screenshot-area
{
	width:1px; /* Does nothing.. */
	height:110px;
	text-align:center;
	vertical-align:middle;
}

img.outline
{
	border: 1px #acacac solid;
}

.sl-game-listing
{
	vertical-align:top;
	color:White;
	font-size:x-small;
	padding:5px;
}

.sl-game-title
{
	font-weight:bold;
	color:#272626;
}

.sl-game-brief
{
	height:59px;
	vertical-align:top;
	color:#666666;
	text-align:left;
}

.sl-game-image
{
}

.label-text-left
{
	text-align:center;
}

.alignTop  /* used on serach button and search input text box */
{
float:left;
}

.sl-content-title
{
	font-size:12px;
	font-weight:bold;
	color:#272626;
	background-image:url('SubaImages/SubaLite/game_title_bar.jpg');
	background-repeat:no-repeat;
	vertical-align:top;
	padding-top:3px;
	padding-left:15px;
}

.row 
{
	clear:both;
	width:450px;
	word-wrap:break-word;
	word-break:normal;
}
.label 
{
	
	float:right;
	text-align:left;
	width: 522px;
	padding-right:5px;
	/*height: 50px;*/
}

/* Suba Mascot */

div.floating-mascot
{
    position:fixed;
    bottom:0px;
    left:0px;
    z-index:10;
   
}

/* Account Management */

.avatar
{
	background-image:url('SubaImages/images/noavatar.jpg');
	width:75px;
	height:75px;
}


.smallfont 
{	
    font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
    font-size:11px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
}


.bginput {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -x-system-font:none;
    background:#000000 none repeat scroll 0 0;
    border:1px solid #1F1F1F;
    color:#CDF16C;
    font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
    font-size:11px;

    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
}


.fmbutton 
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -x-system-font:none;
    background:#5B8D22 url(http://forum.subagames.com/images/greenfox/gradients/gradient_tcat.gif) repeat-x scroll left top;
    border:1px solid #5B8D22;
    color:#FFFFFF;
    font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
    font-size:11px;

    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
}


.serverdrop_l
{
	border:solid 1px gray;
	width:100px;
	height:20px;
	color:#fb8e0d;
	font-size:11px;
	background-color:Black;
	text-align:center;
	margin-left: 0px;
}

div.scroll

       
{
    height:70px;
    width:240px;
    overflow: auto;
    border: 1px solid #666;
    background-color:#2c2d32;
    position:absolute;
    font-size:10px;
    padding-right:20px;
    
    text-align: left;
    white-space: normal;
    color:Orange;
    margin-top: 4px;
    
   
}
.quantity_drop
{
	width:36px;
	height:15px;
	border:solid 1px white;
	
	font-size:9px;
	background-color:Gray;
}

/* Customer Support */

.breadcrumb
{
	font-family: Century Gothic, Sans-Serif;
	text-align: left;
}

.breadcrumb a
{
	font-size:16px;
	/* color:#25dc0f; */
}
.breadcrumb a:link {text-decoration:none; /* color:#25dc0f;*/} 
.breadcrumb a:visited {text-decoration:none;/* color:#25dc0f;*/} 
.breadcrumb a:active {text-decoration:none;/* color:#25dc0f;*/} 
.breadcrumb a:hover {text-decoration:none; /* color:Gray; */}

.send-button
{
	background: url('../SubaImages/buttons/post_reply.png') no-repeat;
}

.send-button:hover
{
	background-position: 0px -24px;
}



.delete-button
{
	background: url('../SubaImages/buttons/delete_ticket.png') no-repeat;
}

.delete-button:hover
{
	background-position: 0px -24px;
}

.button-delete
{
	background: url('../SubaImages/buttons/delete.png') no-repeat;
}

.button-delete:hover
{
	background-position: 0px -24px;
}

.cancel-button
{
	background: url('../SubaImages/buttons/cancel.png') no-repeat;
}

.cancel-button:hover
{
	background-position: 0px -24px;
}

.faq-link
{
	font-size: 12px;
}

.ticket-gridview
{
	text-align: left;
	font-family: Century Gothic, Sans-Serif;
	padding: 3px;
}

.ticket-gridview a
{
	font-size: 14px;
}

.send-ticket
{
	background: url('../SubaImages/buttons/send_ticket.png') no-repeat;
}

.send-ticket:hover
{
	background-position: 0px -24px;
}

.formbox
{
}

.formbox form, formbox input, formbox textarea
{
	border: solid 1px black;
}

.ddl1
{
	border:solid 1px gray;
	height:20px;
	color:black;
	font-size:11px;
	background-color:White;
	font-weight:bold;
	padding-top: 1px;
	width:200px;
	
}

.textbox4
{
	border:solid 1px gray;
	width:200px;
	height:16px;
	color:black;
	font-size:11px;
	background-color:White;
	
	padding-top: 1px;
	padding-left: 2px;
	
}
/*
.sketch
{
	position:fixed; left:168px; top:160px;z-index:99;
}
.sketch_hint
{
	display:none; background:url('/subaimages/bg_help.png') no-repeat;
    width:203px;
    height:92px;
    padding: 7px;
    text-align:left;
    z-index:9;
    font-size:12px; position:fixed; top:220px; left:210px;
}
*/
.sketch
{
	position:absolute; left:146px; top:210px;z-index:99;
}


.sketch_hint
{
	display:none; background:url('/subaimages/bg_help.png') no-repeat;
    width:203px;
    height:92px;
    padding: 7px;
    text-align:left;
    z-index:9;
    font-size:12px; position:absolute; top:220px; left:210px;
}

.main_popup
{
	position:relative;
	z-index:10;
	
}

.login_bar
{

	position:absolute;
	left:132px;
	top:-47px;
	z-index:-1px;
	height:98px;
	width:235px;

}

#login_popup
{
	position:relative;
	display:none;
	background:url('/subaimages/loginbox_bg.png') no-repeat;
	width:146px;
	height:98px;
	padding: 0px;
	z-index:999;
	
	font-size:12px; position:absolute; top:-47px; left:22px;

}


.main_sketchbook
{
	position:relative; 
	top:-150px; 
	left:-205px;
	z-index: 8
}

#site_map
{
	position:relative;
	background-image:url('/SubaImages/sitemap/sitemap_content_bg.png');
	background-repeat:no-repeat;
	width:1020px;
	height:360px;
	background-position:center top;
	margin-left:-7px;
	margin-top:5px;
	text-align:left;
	
}

.subaliteGameItemStyle
{
	float:left;
}

.subaliteGameItemDescription
{
	height:159px;
    width:191px;
    position:absolute;
    z-index:19;
    white-space: normal;
    color:#2d2d2d;
    font-family:Century Gothic;
    top:-7px; 
    left:13px;  
    background-image:url('/subaimages/subalite/showall_images/bg_gameinfo.png');
    background-position:top center;
    background-repeat:no-repeat;
    display:none;
}

.subaliteGameItemBackGroundStyle
{
	margin:20 20 20 20;
	 width:200px;
	 height:130px;
	 background-image:url('/subaimages/bg/bg_game.png');
	 background-repeat:no-repeat;
	 background-position:center center;
	 cursor:pointer;
	 text-align:right;
	 vertical-align:middle;
	 z-index:99999;
	 
}

#content_container
{
	text-align: center;
}

/* adding stuff for the new newbie tutorial */
.tut 
{
	position: relative;
	vertical-align: bottom;
}

input.invite 
{
	bottom: 45px;
	right: 12px
}

.ace
{
	padding-bottom: 20px;
}

.pt
{
	padding-top: 10px;
}

.kuso
{
	padding: 10px 5px 10px 10px;
}

div.tut.kuso
{
	height: 186px;
}

div.tut.invite
{
	height: 292px;
}
div.tut.join 
{
	height: 275px;
}

input.join
{
	padding-top: 9px;
	bottom: 38px;
	left: 20px;
}
span.kuso 
{
	text-align: left;
}

table.tut table.tut 
{
	bottom: 10px;
}

td.tut.join 
{
	width: 240px;
}

td.tut.kuso 
{
	width: 274px;
}

td.tut.invite 
{
	width: 208px
}

#passwordlabel2
{
	position:absolute;
	width:110px;
	height:16px;
	top:10px;
	margin-left:12px;
	margin-right:16px;
	margin-top:-2px;
	text-align:left;
	font-family:Century Gothic;
	font-size:13px;
	color:#2d2d2d;
	background-color:transparent;
}

.popuptextboxlogin2
{

	width:110px;
	height:16px;
	left:1px;
	margin-left:12px;
	margin-right:16px;
	margin-top: 8px;
	margin-bottom:0px;
	text-align:left;
	font-family:Century Gothic;
	font-size:13px;
	color:#2d2d2d;
	background-color:#f5f5f5;
}

.popuptextboxpassword2
{
	z-index:1;
	width:110px;
	height:16px;
	margin-left:12px;
	margin-right:16px;
	margin-top:8px;
	margin-bottom:0px;
	text-align:left;
	font-family:Century Gothic;
	font-size:13px;
	color:#2d701d;
	background-color:#f5f5f5;
}