body 
{
    /*background-image:url(mainback.jpg);*/
    /* background-color: #4e493e; */
    /* font-family: Georgia, serif; */
    font-family: Tahoma, Verdana, courier;
	font-size: 11px;
	color: #ffffff;
	margin: 0;
	padding: 0;
    
}

html {
    scrollbar-base-color: #1a1818;
    scrollbar-arrow-color: #e6e6e6;
    scrollbar-track-color: #e6e6e6;

    scrollbar-shadow-color: #1a1818;
    scrollbar-lightshadow-color: #1a1818; 
    scrollbar-darkshadow-color: gray;

    scrollbar-highlight-color: white;
    scrollbar-3dlight-color: #1a1818;
}

a
{
   color: #f9ea85;
   /*font-weight:bold;*/
   text-decoration: none;
}


a:hover
{
   /*color: #ffde58; */
   text-decoration: underline;
}

.blocked
{
    letter-spacing:2px; word-spacing:2px; line-height:20px;
}

.smallcaps 
{
    font-variant:small-caps;
}

.h16 
{
  line-height:16px;  
}

.h18 
{
  line-height:18px;  
}

.h20 
{
  line-height:20px;  
}

.h22 
{
  line-height:22px;  
}

.h24 
{
  line-height:24px;  
}

.h26 
{
  line-height:26px;  
}

.h28 
{
  line-height:28px;  
}

.h30 
{
  line-height:30px;  
}

.l-space1
{
  letter-spacing:1px;  
}

.l-space2
{
  letter-spacing:2px;  
}

.w-space2
{
  word-spacing:2px;  
}


.menuitem
{
    color: #ffffff;
    /* background-image:url(iback_bottom.gif); */
    font-size: 11px;
    text-decoration: none;   
}


.menuitem:hover
{
   color: #ffde58; 
   /*font-weight:bold;*/
   text-decoration: underline;
}

.divtop
{
  background-image:url(div_back.jpg); 
  background-repeat:repeat-x repeat-y;
  background-color:#000000;
  padding-left:10px;
  padding-right:10px;
  /*padding:10px;*/
  padding-top:6px;
  border:solid 1px gray;
  border-bottom:0px;
  text-align:left;
  text-indent:44px;
  font-weight:bold;
  height:18px;
  
}


.div1
{
  background-image:url(div1.jpg); 
  background-repeat:repeat-x;
  background-color: Black;
  padding:10px;
  padding-top:4px;
  border:solid 1px gray;
}

.div2
{
  background-image:url(div2.jpg);  
  background-repeat:repeat-x;
  background-color:#2d2d2d;
  padding:10px;
  padding-top:4px;
  border:solid 1px gray;
}

.div3
{
  background-image:url(div3.jpg); 
  background-repeat:repeat-x;
  background-color:#000000;
  padding:10px;
  padding-top:4px;
  border:solid 1px gray;  
}

.div4
{
  background-image:url(div4.jpg);  
  background-repeat:repeat-x;
  background-color:#2d2d2d;
  padding:10px;
  padding-top:4px;
  border:solid 1px gray;
}

.divad
{
    /* 320 x 100 */
    border:solid 1px gray;
    height:100px;
    width:320px;
    border-bottom:0px;
}

.innerback 
{
    background-image:url(mainback.jpg);
}

/* main color themes */
.main 
{
   color: #222222; 
}

.dark 
{
    color: #2d2a2a;
}

.darker 
{
    color: #1a1818;
}

.smaklight 
{
    color: #847d63;
}

.light 
{
  color: #e6e6e6;  
}

.themeborder 
{
    color: gray;
}
/* end main color themes */

.backdark
{
    background-color: #2d2a2a;
}

.backdarker
{
    background-color: #1a1818;
}

.smakleaguebackground 
{
    
   background-image: url(smakback.jpg);
   background-position:right;
   background-repeat :repeat-y;
   background-color: black;
}

.white
{
    color: white;
}

.offwhite
{
    color: #bebebe;
}

.red
{
    color: red;
}

.gray
{
    color: #515151;
}


.bold
{
    font-weight:bold;
}

.u
{
   text-decoration: underline;
}

.i
{
    font-style:italic;
}

.border1
{
  
  border: 1px solid gray!important;
  margin-right:0px;
}

.border2
{
  
  border: 1px solid gray!important;
  margin-right:0px; 
  vertical-align: top; 
  float: left;
}

.border1a
{
  
  border: 1px solid gray!important;
  margin-right:0px;
  border-bottom:0px!important;
  
}

.border2a
{
  
  border: 1px solid gray!important;
  margin-right:0px; 
  vertical-align: top; 
  float: left;
  border-bottom:0px!important;
}

.text8
{
 font-size: 8px; 
}

.text9
{
 font-size: 9px; 
}

.text10
{
 font-size: 10px; 
}

.text11
{
 font-size: 11px; 
}

.text12
{
 font-size: 12px; 
}

.text13
{
 font-size: 13px; 
}

.text14
{
 font-size: 14px; 
}

.text16
{
 font-size: 16px; 
}

.text18
{
 font-size: 18px; 
}

.text20
{
 font-size: 20px; 
}

.text22
{
 font-size: 22px; 
}

.text24
{
 font-size: 24px; 
}

.text26
{
 font-size: 26px; 
}

.text28
{
 font-size: 28px; 
}

.text30
{
 font-size: 30px; 
}

.text34
{
 font-size: 34px; 
}

.text38
{
 font-size: 38px; 
}

.text40
{
 font-size: 40px; 
}

/**************************************************/
/* all below here for auto story css on main page */
/**************************************************/
.spotlightleft
{
    width:100%; 
}

.spotlightright
{
    width:100%;
}

div.spotlightleft:after{ 
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}

div.spotlightright:after{ 
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}

.spotlightcolumnleft
{
    float:left;
    width:240px;
    margin-right:10px;
    background-color:#222222;
}

.spotlightcolumnright
{
  float:right;
  width:240px;
  margin-left:10px;
  background-color:#222222;
}

.spotlightheader
{
	width:240px;
	height:18px;
	border:1px solid #999999;
	text-align:center;
	color: #eaeaea;
	font-weight: bold;
	position: relative;
	background-color: #303030;
}

.spotlightbox
{
    width:240px;
    border:solid 1px #303030;
	/*padding: 10px;*/
}

.warriortable
{
    background-image:url(div3.jpg); 
    background-repeat :repeat-x;
    background-color :#000000;
    width:240px;
    border-bottom:solid 1px black;
    
}

.clantable
{
    background-image:url(div4.jpg);  
    background-repeat:repeat-x;
    background-color:#2d2d2d;
    width:240px;
    border-bottom:solid 1px black;
}

.quote
{
    font-style:italic;
    color:#CFCC9D;
}

.ajaxmodal
{
    background-color:gray;
    filter:alpha(opacity=80);
    opacity:0.8;
}

.ratingStar {
    font-size: 0pt;
    width: 20px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(FilledStar.gif);
    padding-left:1px;
    padding-right:1px;

}

.emptyRatingStar {
    background-image: url(EmptyStar.gif);
    padding-left:1px;
    padding-right:1px;
}

.savedRatingStar {
    background-image: url(SavedStar.gif);
    padding-left:1px;
    padding-right:1px;
}

.autocomplete_completionListElement 
{  
	font-family: Tahoma, Verdana, courier;
	visibility : hidden;
	margin : 0px!important;
	background-color : #c2c2c2;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
    text-align : left; 
    list-style-type : none;
    padding:0px;
    height : 150px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	font-family: Tahoma, Verdana, courier;
	background-color: #eaeaea;
	color: black;
	padding: 0px;
	font-size:12px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	font-family: Tahoma, Verdana, courier;
	background-color : #c2c2c2;
	color : windowtext;
	padding : 0px;
}