body
{
    background-color: #000000;
    color: #CCCCCC;
    font-family: Verdana;
    font-size: 12px;
    background-image: url('bilder/body_bg.gif');
    background-repeat: repeat;
    text-align:center;
}
html
{
    overflow: -moz-scrollbars-vertical; /* Visa alltid scrollbar */
}
h1,h2,h3,h4
{
    padding: 0px;
    margin: 0px;
}
h2
{
    font-size: 18px;
}
hr
{
    color: #886C00;
    background-color: #886C00;
    height: 1px;
}
form
{
    margin: 0px;
    padding: 0px;
}
td
{
    vertical-align:top;
    font-family: Verdana;
    font-size: 12px;
}
table
{
    border: 0px none #000000;
}
.char_info
{
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
}
.char_value
{ 
    color: #FFCC00;
    font-family: Verdana;
    font-size: 10px;
}


#wrapper
{
    border: 3px solid #FFCC00;
    width: 900px;
    text-align: left;
    margin: auto;
    background-color: #000000;
    background-image: url( 'bilder/test.png' );
    background-repeat: repeat-y;
}
#head
{
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #FFCC00;
    padding: 0px;
    background-color: #666666;
    background-image: url( 'bilder/logo.png' );
    background-repeat: no-repeat;
    height: 100px;
}
#head_menu
{
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #FFCC00;
    padding: 5px;
    background-color: #141414;
    vertical-align: middle;
    font-family: Verdana;
    font-size: 10px;
    color: #A88600;
}
head_menu.a
{
    font-size: 10px;
}
#head_scroll
{
    -moz-opacity: .80; /*Mozilla*/
    opacity: .80; /* W3C */
}
#page
{
    border-width: 1px;
    border-color: #FFCC00;
    border-left-style: solid;
    padding: 0px;
    font-family: Verdana;
    font-size: 12px;
    width: 720px;
    top: 0px;
    margin: auto;
    float: right;
    position: relative;
}
#page_content
{
    padding: 5px;
    font-family: Verdana;
    font-size: 12px;
}
#page_width
{
    width: 100%;
}
#menu
{
    padding: 0px;
    width: 170px;
    top: 0px;
    float: left;
}
#menu_content
{
    padding: 10px;
}
#foot
{
    padding: 0px;
    width: 720px;
    float: right;
    border-width: 1px;
    border-color: #FFCC00;
    border-left-style: solid;
}
#foot_content
{
    padding: 10px;
    font-family: Verdana;
    font-size: 10px;
    color: #666666;
    text-align: right;
}
#character
{
    padding: 0px;
    margin: 5px;
    border: 0px solid #886C00;
    float: right;
    background-color: #141414;
    background:url('bilder/layout/character_bg.png') no-repeat;
    height: 88px;
    width: 280px;
    top: 0px;
    font-family: Verdana;
    font-size: 10px;
    text-align: right;
    position:static;
    vertical-align: middle;
}
#character_content
{
    padding: 1px;
    font-family: Verdana;
    font-size: 10px;
    text-align: right;
    position: relative;
}
#hlpframe
{
    top: 150px;
    width: 500px;
    height: 500px;
    left: 50%;
    margin-left: -200px;
    background-color: #000000;
    text-align: left;
    position: absolute;
    border: 3px solid #FFCC00;
    z-index:80;
}
#guldhlpframe
{
    top: 150px;
    width: 500px;
    height: 400px;
    left: 50%;
    margin-left: -200px;
    background-color: #000000;
    text-align: left;
    position: absolute;
    border: 3px solid #FFCC00;
    z-index:80;
}
#ihjalp
{
    border-width: 0px;
    height:100%;
    width:100%;
}
#iguldhjalp
{
    border-width: 0px;
    height:100%;
    width:100%;
}
a.main_menu
{
    letter-spacing: 1px;
    color: #FF9900;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}
a.main_menu:hover
{
    letter-spacing: 1px;
    color: #FFCC00;
    font-size: 14px;
    text-decoration: underline;
    font-weight: bold;
}
a.main_menu:visited
{
    letter-spacing: 1px;
    color: #FF9900;
    font-size: 14px;
    font-weight: bold;
}
a
{
    color: #FF9900;
    text-decoration: none;
    font-weight: bold;
}
a:hover
{
    text-decoration: underline;
    font-weight: bold;
}
a:visited
{
    font-weight: bold;
}
a.character
{
    text-transform: uppercase;
    color: #FF9900;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}
.logintextbox
{
    font-family: Verdana;
    font-size: 10px;
    border: 1px solid #808080;
    width: 90%;
    color: #666666;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    margin-right: 2px;
    margin-left: 2px;
}
.loginsubmit
{
    font-family: Verdana;
    font-size: 10px;
    padding: 0px 6px 0px 6px;
    border: 1px solid #808080;
    text-transform: uppercase;
    color: #666666;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 2px;
}
.loginsubmit:hover
{
    background-color: #C3C3C3;
}
.edittextarea,.edittextbox
{
    border: 1px solid #808080;
    width: 100%;
}
.tbleditinfo
{
    margin: 0px;
    font-size: 10px;
    padding: 3px;
    vertical-align: middle;
}
.error
{
    padding: 10px 10px 10px 10px;
    border: 1px solid #FF0000;
    font-size: 12px;
    color: #000000;
    background-color: #FF8484;
    width: 90%;
    display: block;
    text-align: left;
}
.postdetails
{
    font-size: 10px;
}
.postdetailsgray
{
    font-size: 10px;
    color: #666666;
}
#carinfo
{
    padding: 3px;
    margin: 5px;
    border: 1px solid #886C00;
    background-color: #999999;
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}
#carsalesinfo
{
    padding: 3px;
    border: 2px solid #886C00;
    text-transform: uppercase;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
}
img.car
{
    background-color: #ffffff;
    border: 0px solid #808080;
    float: left;
    overflow: auto;
}
img.part
{
    background-color: #ffffff;
    border: 3px solid #808080;
    float: left;
    overflow: auto;
}
.car_info
{
    font-family: Verdana;
    font-size: 12px;
    padding-right: 2px;
}
.car_value
{
    color: #FFCC00;
    font-family: Verdana;
    font-size: 12px;
    padding-left: 2px;
}
.table_item_selected
{
    border: 1px solid #FFCC00;
    background-color: #332800;
}
.car_overview
{
    background-color: #666666;
    padding: 4px;
}

.selected_item_left
{
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-color: #FFCC00;
    border-bottom-color: #FFCC00;
    border-left-color: #FFCC00;
    background-color: #332800;
    padding: 4px;
}
.selected_item_mid
{
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-top-color: #FFCC00;
    border-bottom-color: #FFCC00;
    background-color: #332800;
    padding: 4px;
}
.selected_item_right
{
    border-top-style: solid;
    border-bottom-style: solid;
    border-right-style: solid;
    border-top-color: #FFCC00;
    border-right-color: #FFCC00;
    border-bottom-color: #FFCC00;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    background-color: #332800;
    padding: 4px;
}
.place_item
{
    padding: 4px;
}
.item_left
{
    padding: 4px;
}
.item_mid
{
    padding: 4px;
}
.item_right
{
    padding: 4px;
}
#garage_meny
{
    padding: 5px;
    text-align: center;
}
.race_info
{
    font-family: Verdana;
    font-size: 12px;
}
.race_value
{
    color: #FFCC00;
    font-family: Verdana;
    font-size: 12px;
}
#char_box1
{
    position: absolute;
    float: left;
    width: 40px;
    height: 28px;
    left: 1px;
    top: 1px;
}
#char_box2
{
    position: absolute;
    float: left;
    width: 40px;
    height: 28px;
    top: 30px;
    left: 1px;
}
#char_box3
{
    position: absolute;
    float: left;
    width: 40px;
    height: 28px;
    top: 59px;
    left: 1px;
}
#char_status
{
    position: relative;
    float: right;
    width: 75px;
    height: 26px;
    font-size: 24px;
    font-weight: bold;
    color: #FFCC00;
    text-align: right;
    padding-right: 3px;
}
#char_info
{
    top: 3px;
    left: 60px;
    position: absolute;
    float: left;
    text-align: left;
}
#char_durability_box
{
    top: 3px;
    left: 41px;
    width: 6px;
    height: 80px;
    position: absolute;
    float: left;
    text-align: left;
    border: solid 1px #886c00;
    background-image: url('bilder/hallbarhet.png');
}
#char_fuel_box
{
    top: 3px;
    left: 50px;
    width: 6px;
    height: 80px;
    position: absolute;
    float: left;
    text-align: left;
    border: solid 1px #886c00;
    background-image: url('bilder/bransle.png');
}
.smallPercent
{
    font-size: 10px;
    font-weight: normal;
    color: #CCCCCC;
}
.fuelInput
{
    border: 1px solid #808080;
}
.ok
{
    padding: 10px 10px 10px 10px;
    border: 1px solid #00ff00;
    font-size: 12px;
    color: #000000;
    background-color: #84ff84;
    width: 90%;
    display: block;
    text-align: left;
}

.report_player_info
{
    
}
.hiddenSpan
{
    visibility: hidden;
    display: none;
}
.debug
{
    padding: 10px 10px 10px 10px;
    border: 1px solid #B134FF;
    font-size: 12px;
    color: #000000;
    background-color: #8C29CA;
    width: 90%;
    display: block;
    text-align: left;
}
#race_scores
{
    width: 100%;
}
.report_player
{
    height:auto;
    min-height: 128px;
    padding: 5px;
    width: 700px;
    border: 1px solid #332800;
    text-align: left;
}
.report_player_name
{

    color: #FFCC00;
    font-family: Verdana;
    font-size: 12px;
}
.carpart_select
{

    font-family: Verdana;
    font-size: 12px;
    border: 1px solid #CCCCCC;
    background-color: #000000;
    color: #FFCC00;
}
.carpart_left
{
    vertical-align: middle;
}
.carpart_right
{
    vertical-align: middle;
}
page_navigation
{
    padding: 5px;
}
a.page_nav, a.page_nav:visited
{
    color: #FFCC00;
    font-family: Verdana;
    font-size: 10px;
}
a.page_nav:hover
{
    color: #FFCC00;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: underline;
}
.blog_post
{
    border: 1px solid #A88600;
    padding: 4px;
    background-color: #141414;
}
.blog_date
{
    background-image: url(  'bilder/kalender2.gif' );
    width: 47px;
    height: 48px;
    text-align: center;
    background-repeat: no-repeat;
    float: left;
}
.blog_month
{
    color: #000000;
    padding: 2px 0px 0px 0px;
    height: 12px;
}
.blog_day
{
    padding: 3px 0px 0px 0px;
    color: #000000;
    height: 36px;
    font-size: 24px;
    font-family: verdana;
    font-weight: bold;
}
.blog_info
{
    margin: 0px 0px 0px 52px;
    height: 55px;
}
li
{
    list-style-type: disc;
}
.infobox
{
    border: 1px solid #886C00;
    background-color: #141414;
    padding: 5px;
}
.infobox ul
{
    margin-top: 5px;
    margin-bottom: 5px;
    list-style-type: disc;
}
.check_ul
{
    margin-top: 5px;
    margin-bottom: 5px;
}
.checked_li
{
    list-style-image: url( 'bilder/ikoner/checked.gif' );
}
.unchecked_li
{
    list-style-image: url( 'bilder/ikoner/unchecked.gif' );
}
.itemgreen
{
    color: #009900;
}
.itemblue
{
    color: #3E3EFF;
}
.itemred
{
    color: #990000;
}
.itemgray
{
    color: #808080;
}
.itempurple
{
    color: #FF00FF;
}
.place_head
{
    background-color: #666666;
    padding: 4px;
}
#affar_delar
{
    float:left;
    width: 560px;
}
#affar_delar_filter
{
    float: right;
    width: 140px;
    font-size: 10px;
    border: 1px solid #3e3e3e;
    padding: 3px;
}
.filter_td
{
    font-size: 10px;
    vertical-align:middle;
}
.header_ikon
{
    border-style: solid;
    border-width: 1px;
    border-color: #3e3e3e;
    min-height: 52px;
    height:52px;
    background: #666666 url( 'bilder/layout/header_ikon_bg.png' ) no-repeat;
}
.car_table, .car_table td, .car_table th
{
    border-collapse: collapse;
    border-width: 1px;
    border-color: #3E3E3E;
    border-style: solid;
}
.header_ikon_image
{
    position: relative;
    float: left;
    left: 2px;
    top: 2px;
    width: 52px;
    height: 48px;
    margin-right: 5px;
}
.sub_menu
{
    padding: 6px;
    border: 1px solid #886C00;
    background-color: #141414;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 14px;
    color: #886C00;
}
.inbox_border
{
    border: 1px solid #3e3e3e;
}
.inbox_td
{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #3e3e3e;
    vertical-align: middle;
}
.inbox_tr_1
{
    background-color: #000000;
}
.inbox_tr_2
{
    background-color: #0a0a0a;
}
.inbox_tr_hover
{
    background-color: #101010;
}
.ah_text
{
    font-size: 12px;
}

.trofe_background_enabled
{
    height: auto;
    min-height: 74px;
    padding: 5px;
    width: 700px;
    border: 1px solid #332800;
    text-align: left;
    background-color: #9c891f;
    margin-bottom: 5px;
}
.trofe_background_disabled
{
    height: auto;
    min-height: 74px;
    padding: 5px;
    width: 700px;
    border: 1px solid #332800;
    text-align: left;
    background-color: #5A5A5A;
    margin-bottom: 5px;
}

/* ======== Chat ================ */
#chat_frame
{
    width: 100%;
}
#chat_write
{
    width: 100%;
}
#chat_text
{
    width: 80%;
}
/* ======== Forum ================ */
.topictitle
{
	font-weight: bold; 
	font-family: Verdana;
	font-size: 12px; 
	color : #CCCCCC;
}
a.topictitle:link
{
	text-decoration: none; 
	color : #FF9900;
}
a.topictitle:visited
{
    text-decoration: none;
    color: #FFC56C;
}
a.topictitle:hover
{
	text-decoration: underline; 
}
.smalltitle
{
	font-size : 10px;
	color : #CCCCCC;
}
a.smalltitle
{
	font-size : 10px;
	color : #CCCCCC;
}
a.smalltitle:link
{
	font-size : 10px;
	text-decoration: none; 
	color : #006699;
}

a.smalltitle:visited
{
	font-size : 10px;
	text-decoration: none; 
	color : #5493B4; 
}

a.smalltitle:hover
{
	font-size : 10px;
	text-decoration: underline; 
	color : #DD6900; 
}
.post
{
	font-family: Verdana;
	font-size: 12px; 
	color : #CCCCCC;
}
.postedited
{
	font-family: Verdana;
	font-size: 10px; 
	color : #ff0000;
}
table.borderout
{
    vertical-align: top;
    border-collapse: collapse;
    background-color: #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}
table.quote	
{
	vertical-align: top;
	border-collapse: collapse;
	border-top: 1px solid #A88600;
	border-bottom: 1px solid #A88600;
	border-left: 1px solid #A88600;
	border-right: 1px solid #A88600;
}
table.post
{
    border-collapse: collapse;
    border-right: 1px solid #A88600;
    border-left: 1px solid #A88600;
    border-top: 1px solid #A88600;
    border-bottom: 1px solid #A88600;
    border-width: 1px;
}
td.row1
{
    background-color: #101010;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-top-color: #000000;
    border-bottom-color: #000000;
}
td.row2
{
    background-color: #211C18;
    border-top: 1px solid #000000;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom: 1px solid #000000;
}
td.row3
{
    background-color: #2E2823;
    border-top: 1px solid #000000;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom: 1px solid #000000;
}
td.row1color
{
	background-color: #101010; 
}
td.row2color
{ 
	background-color: #211C18; 
}
td.row3color
{
	background-color: #2E2823;
}
td.row2post
{ 
	border-top:1px;
	border-left-width: 1px;
	border-right: 1px solid #D1D7DC;
	border-bottom: 1px;
}
.postdetails
{
    font-size : 10px;
    color : #CCCCCC; 
}