html, body, * {margin:0;padding:0;font-size:11px; max-width:480px; font-family:  Verdana,Helvetica,sans-serif;}

body
{
	background-color: #111111;
	background-repeat: repeat;
	font-family: Verdana,Helvetica;
	max-width:480px;
	color:#fff;
}
input, select, textarea {
	font-family:  Verdana,Helvetica;
	border: 1px solid #828282;
	background-color: #FFFFFF;
	color: #000000;
}
img
{
	border-color: transparent;
}

a:link
{
	COLOR: #a2a586;
	font-weight: bold;
	text-decoration: underline;
}
a:active
{
	COLOR: #a2a586;
	font-weight: bold;
	text-decoration: underline;
}
a:visited
{
	COLOR: #a2a586;
	font-weight: bold;
	text-decoration: underline;
}
a:hover
{
	COLOR: #a2a586;
	font-weight: bold;
	text-decoration: none;
}

.btype1
{
background-image: url(../images/bb1.gif);
}

.btype2
{	
background-image: url(../images/bb2.gif);
}

.bldb
{
background-image:url(../images/selb.gif);
}

.mbtype1
{
background-image: url(../images/bbm.gif);
}

.mbtype1
{
float:left;
width:100px;
height:30px;
background-repeat: no-repeat;
font-size:12px;
font-weight:bold;
color:#000000;
text-align:center;
}

.btype1, .btype2
{
text-align:center;
float:left;
width:100px;
height:50px;
background-repeat: no-repeat;
font-size:14px;
font-weight:bold;
color:#000000;
}

.bldb
{
text-align:center;
width:100px;
height:30px;
background-repeat: no-repeat;
font-size:12px;
font-weight:bold;
color:#000000;
}

a.bldbut
{
width:100px;
height:30px;
display:table-cell;
vertical-align:middle;
text-align:center;
font-size:11px;
font-weight:bold;
text-decoration: none;
}

a.bldbut:link
{
color:black;
}

a.bldbut:visited
{
color:black;
}

a.bldbut:active
{
color:red;
}

a.bldbut:hover
{
color:black;
}

a.mbut
{
width:100px;
height:50px;
display:table-cell;
vertical-align:middle;
text-align:center;
font-size:16px;
font-weight:bold;
text-decoration: none;
}

a.tmbut
{
width:100px;
height:30px;
display:table-cell;
vertical-align:middle;
text-align:center;
font-size:16px;
font-weight:bold;
text-decoration: none;
}

a.mbut:link
{
color:black;
}

a.mbut:visited
{
color:black;
}

a.mbut:active
{
color:red;
}

a.mbut:hover
{
color:black;
}

a.tmbut:link
{
color:black;
}

a.tmbut:active
{
color:red;
}

a.tmbut:visited
{
color:black;
}

.header{
	TEXT-ALIGN: center;
}
.footer{
	FONT-SIZE: 9px;
	FONT-FAMILY: Verdana,Helvetica;
	TEXT-ALIGN: center;
}
.polltext{
	FONT-SIZE: 9px;
	FONT-FAMILY: Verdana,Helvetica;
}
.nfotxt{
	FONT-SIZE: 9px;
	FONT-FAMILY: Verdana,Helvetica;
}
.bodycell{
	border: 1px solid #32342a;
	background-color: #4c513a;
	padding: 2px;
}
.bodycell2{
	padding: 2px;
	color: #FFF;
	border: 3px solid #373a29;
	background-color: #4c513a;
}
.bc2c{
	color: #FFF;
	border: 0px solid #828662;
	background-color: #4c513a;
	 padding: 2px 10px 2px 10px;
	vertical-align: top;
	text-align:center;
}
.bodycell3{
	border: 1px solid #32342a;
	background-color: #737561;
	color: #FFF;
	padding: 2px;
	text-align: center;
	font-weight: bold;
}
.bc3, .bc3l{
	border: 1px solid #32342a;
	background-color: #737561;
	color: #FFF;
	padding: 2px;
	text-align: center;
	font-weight: bold;
}
.bodycell4{
	border: 1px solid #727652;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #5f6243;
	color: #FFF;
	vertical-align: top;
}
.bc4, .bc4a {
	border: 1px solid #727652;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #5f6243;
	color: #FFF;
	vertical-align: top;
}

.bc4a a {color:#ffffff;}
.bc4r{
	border: 1px solid #727652;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #5f6243;
	color: #FFF;
	vertical-align: middle;
	text-align:right;
}
.bc4c{
	border: 1px solid #727652;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #5f6243;
	color: #FFF;
	vertical-align: middle;
	text-align:center;
}
.bc4np{
	border: 1px solid #727652;
	background-color: #5f6243;
	color: #FFF; 
	vertical-align: top;
}
.bc5, .bodycell5{
	border: 1px solid #727652;
	background-color: #5f6243;
	padding: 2px 10px 2px 10px;
	color: #FFF;
}
.bc5c {
	border: 1px solid #727652;
	background-color: #5f6243;
	padding: 2px 10px 2px 10px;
	color: #FFF;
}
.bc50r, .bc50, .bodycell50{
	border: 0px solid #727652;
	background-color: #5f6243;
	padding: 2px 10px 2px 10px;
	color: #FFF;
}
.bc51r, .bc51, .bodycell51{
	border: 0px solid #828662;
	background-color: #6f7253;
	padding: 2px 10px 2px 10px;
	color: #FFF;
}

.bc6, .bc6c{
	padding: 2px 10px 2px 10px;
	color: #FFF;
	border: 0px solid #373a29;
	background-color: #4c513a;
}

.bc6c
{
text-align:center;
}

.bc50r
{
text-align:right;
border: 0px solid #5f6243;
}

.bc51r
{
text-align:right;
border: 0px solid #6f7253;
}

.bc50c{
	border: 0px solid #727652;
	background-color: #5f6243;
	padding: 2px 10px 2px 10px;
	color: #FFF;
	text-align:center;
}
.bc51c{
	border: 0px solid #828662;
	background-color: #6f7253;
	padding: 2px 10px 2px 10px;
	color: #FFF;
	text-align:center;
}
.txtboxgap{
}
.smlhead{
	text-align: center;
	font-weight: bold;
}
.sbh{
	float:left;
	font-weight: bold;
}
.percentbar{
	border: 1px solid #000000;
}
.pbgreen
{
	background-color: #009900;
}
.pbred
{
	background-color: #800000;
}
hr{
	color: #BEBEBE;
	border: 1px dashed #BEBEBE;
}
.nbanner {
	background-color: #506E7F;
	height: 26px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 1px solid #31596A;
}
.nbinput {
	background-color: #99B0BF;
	border-color: #31596A;
	border-style: solid;
	border-width: thin;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #14313D;
}
#nav {
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
	background-image: url(../images/navm.gif);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 215px;
	height: 36px;
	color: #FFF;
}
#nav a:link {
	padding: 0px;
	color: #FFF;
}
#nav a:visited {
	padding: 0px;
	color: #FFF;
}
#nav a:active {
	padding: 0px;
	color: #FFF;
}
#nav a:hover {
	padding: 0px;
	color: #FFF;
}
#nav2 {
	display:table-cell;
	vertical-align:middle;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	background-image: url(../images/navm.gif);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 215px;
	height: 36px;
	color: #FFF;
}

#nav2 a{
padding:0px 3px;
}

#nav2 a:link {
	color: #FFF;
	text-decoration: none;
}
#nav2 a:visited {
	color: #FFF;
	text-decoration: none;
}
#nav2 a:active {
	color: #FFF;
	text-decoration: none;
}
#nav2 a:hover {
	color: #FFF;
	text-decoration: underline;
}
.foot
{
	background-image: url(../images/navm.gif);
	background-repeat: no-repeat;
}
.foot
{
	width: 215px;
	height: 36px;
	display:table-cell;
	vertical-align:middle;
	margin-top: 4px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Trebuchet MS, sans-serif;
	color: #FFF;
}

.hdft a
{
color:#fff;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.hdft a:link {
color: #FFF;
text-decoration:none;
}
.hdft a:visited {
color: #FFF;
text-decoration:none;
}
.hdft a:active {
color: #FFF;
text-decoration:none;
}
.hdft a:hover {
color: #FFF;
text-decoration:none;
}

.sb a, .sb a:link, .sb a:visited, .sb a:active, .sbm a, .sbm a:link, .sbm a:visited, .sbm a:active
{
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

.sb a:hover
{
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
}

.sbo a, .sbo a:link, .sbo a:visited, .sbo a:active
{
	color: #000099;
	text-decoration: none;
	font-weight: bold;
}

.sbmo a, .sbmo a:link, .sbmo a:visited, .sbmo a:active
{
    color: #000099;
    text-decoration: none;
    font-weight: bold;
}

.sbo a:hover
{
	color: #000099;
	text-decoration: underline;
	font-weight: bold;
}

.sbmo a:hover
{
    color: #000099; 
    text-decoration: underline;
    font-weight: bold;
}

#brl a:link {color:#FFF;}
#brl a:visited {color:#FFF;}
#brl a:active {color:#FFF;}
#brl a:hover {color:#FFF;}
#brl {/*font-size:8px;*/}
.bcm50{
	border: 0px solid #727652;
	background-color: #5f6243;
	padding: 2px 10px 2px 10px;
	color: #FFF;
}
.bcm51{
	border: 0px solid #828662;
	background-color: #6f7253;
	padding: 2px 10px 2px 10px;
	color: #FFF;
}
.bcm50 a:link {color:#CCC;}
.bcm50 a:visited {color:#CCC;}
.bcm50 a:active {color:#CCC;}
.bcm50 a:hover {color:#CCC;}
.bcm51 a:link {color:#CCC;}
.bcm51 a:visited {color:#CCC;}
.bcm51 a:active {color:#CCC;}
.bcm51 a:hover {color:#CCC;}

.bc3l a:link {color:#FFF;}
.bc3l a:visited {color:#FFF;}
.bc3l a:active {color:#FFF;}
.bc3l a:hover {color:#FFF;}

.htp a:link {color:#FFF;}
.htp a:visited {color:#FFF;}
.htp a:active {color:#FFF;}
.htp a:hover {color:#FFF;}

.pol, .pol2 a:link {color:#FFF;}
.pol, .pol2 a:visited {color:#FFF;}
.pol, .pol2 a:active {color:#FFF;}
.pol, .pol2 a:hover {color:#FFF;}
.pol {/*font-size:8px;*/float:right;}
.pol2 {/*font-size:8px;*/text-align:center}

.map
{
background-image: url(/images/mapbg4.jpg);
background-repeat: no-repeat;
width:400px;
height:407px;	
}

.mini
{
background-image: url(/images/minibg.png);
background-repeat: no-repeat;
width:85px;
height:85px;   
}

.setinfo
{	
background-image: url(/images/mapbg4.jpg);
background-repeat: no-repeat;
width:72px;
height:72px;
}

.minfo
{
float:left;
/*font-size:8px;*/
}

.fl, .flst
{
float:left;
}

.fr, .frst
{
float:right;
}

.flst, .frst
{
/*font-size:8px;*/
}

.bc4fl{
	border: 1px solid #727652;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #5f6243;
	color: #FFF;
	vertical-align: middle;
	text-align:center;
}

.si
{
float:left;
margin-top:1px;
margin-left:1px;
background-color:transparent;
/*border: 1px solid #00ff00;*/
width:16px;
height:16px;
}

.trnbox
{
/*font-size:8px;*/background-color:#cccccc; color:#000000;border:1px solid #000000; padding:10px;
}

.trnbox a {color:#000000;}
.trnbox img {vertical-align:middle;}

/* shoutbox stuff below this line. */
.textbox {
	/*CSS code for the textbox style.  If you want a default style textbox then delete the values below.*/
	width:99%;
	/*float:left;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 10pt;
/*	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;*/
	/*color:#000;*/
	text-align:center;
	overflow:auto;
}

.btn {
    /*CSS code for the textbox style.  If you want a default style textbox then delete the values below.*/
    border: 1px solid #FFFFFF;
    background-color: #555555;
    color:#FFFFFF;
    text-align:center;
    margin:10px;
    padding:5px;
}

#nameee #pass {
	width: 150px;
}

#buttons {
	text-align:center;
	width: 99%;
}

.name {
	color: #FFFFFF; /*The color users' names appear in when they have no special name color defined.  Default is #FF0000.*/
	font-weight: bold;
}

#bottomlinks { /*The "View All", "Help", "Open User Panel", etc links below the shout display.*/
	text-align:center;
}

/*The following values control the background colors of the alternating shout display rows.  To disable alternate row coloring, set both values to the same color.*/
.rowone {
color:#ffffff;
background-color: #6f7253;
border-bottom: 1px dotted #32342a;
/*border-top: 1px dotted #32342a;*/
}
.rowtwo {
color:#ffffff;
background-color: #828662;
border-bottom: 1px dotted #32342a;
/*border-top: 1px dotted #32342a;*/
}

.rowmod {
color:#ffffff;
background-color: #CC3333;
border-bottom: 1px dotted #32342a;
/*border-top: 1px dotted #32342a;*/
}

.copyrighttext {
	/*Styling for the copyright text at the bottom of every window.  Editing this so the copyright is not visible will violate your right to use ShoutPro!*/
	font-size: 7pt;
	text-align: center;
}

.htpa a:link
{
    COLOR: #ffff00;
    font-weight: bold;
    text-decoration: underline;
}
.htpa a:active
{
    COLOR: #ffff00;
    font-weight: bold;
    text-decoration: underline;
}
.htpa a:visited
{
    COLOR: #ffff00;
    font-weight: bold;
    text-decoration: underline;
}
.htpa a:hover
{
    COLOR: #ffff00;
    font-weight: bold;
    text-decoration: none;
}