body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/* COLORS: #000000, #464646, #1081E3, #AAD2FF */

body {
    background: #000000 url('../images/layout/body_bg.png') repeat-x;
    font: normal 12px/1.5em Arial,Tahoma,sans-serif;
    color: #000000;
}

h1, h2, h3, h4, h5, h6 {
    color: #1081E3;
    font-family: Arial,Tahoma,sans-serif;
}

h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0.6em;
}

h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0.2em;
  color: #000000;
}

h4 {
  font-weight: bold;
}

em {
    font-style: italic;
}

p {
    margin-bottom: 1em;
}

a {
    color: #1081E3;
}

img {
    border:0;
}

ul, ol {
    margin: 8px 0;
}

ul li, ol li {
    margin-left: 3em;
    list-style-type: square;
}

label {
    padding: 0 0 3px 2px;
    display: block;
    font-weight: bold;
}

br.clear {
  clear: both;
  line-height: 0;
  height: 0;
  font-size: 0;  
}

iframe {
    border: none;
}

strong {
    font-weight: bold;
}

/* LAYOUT */
div#wrapper {
    margin: 0 auto;
    width: 920px;
    height: auto !important;
}

div#header {
    margin: 0;
    padding: 0;
    height: 88px;
}

div#logo h1 {
    margin: 0;
    padding: 12px 0 0 0;
}

div#logo h1 a {
    float: left;
    width: 200px;
    height: 64px;
    background: url("../images/layout/logo.png") no-repeat;
    text-decoration: none;
    text-indent: -10000px;    
}

/* SERVICES MENU */
div#services_menu {
    float: right;
    padding-top: 52px;
}

div#services_menu ul.menu {
    padding: 0;
}

div#services_menu ul.menu li {
    padding-left: 12px;
}

div#services_menu ul.menu a {
    color: #FFFFFF;
}

/* MAIN MENU */
div#main_menu {
    margin: 0;
    padding: 0;
    height: 40px;
}

div#main_menu ul.menu {
    padding: 9px 0 0 0;
}

div#main_menu ul.menu li {
    padding-right: 12px;
}

div#main_menu ul.menu a {
    font-size: 1.3em;
    color: #FFFFFF;
    padding: 3px;
}

div#main_menu ul.menu a:hover {
    color: #464646;
    background: #FFFFFF;
}

div#admin_menu {
    margin-bottom: 1em;
}

div#admin_menu_links {
    padding: 6px;
    background: #B3BFA8;
    border: 1px dotted #464646;
}

div#admin_menu a {
    color: #000000;
    text-decoration: none;
}

div#admin_sub_menu {
    margin-bottom: 10px;
}

/* CONTENT */
div#content {
    margin: 0 auto;
    background: #FFFFFF;
}

div#content_inside {
    margin: 0 auto;
    padding: 1.6em 0 1em 0;
    width: 920px;
    min-height: 150px;
    background: #FFFFFF url('../images/layout/logo_big_alfa_half.png') no-repeat bottom right;
}

/* FOOTER */
div#footer {
    border-top: 4px solid #464646;
    color: #FFFFFF;
    background: #000000;
}

div#footer_inside {
    margin: 0 auto;
    padding: 12px 0;
    width: 920px;
    height: 140px;    
    background: url('../images/layout/logo_big_beta.png') no-repeat right -152px;
}

div#footer a {
    color: #FFFFFF;
}

div#footer div.column_one {
}

div#footer div.column_two {
    width: 37%;
}

/* FORM */
fieldset {
    padding: 6px 10px 10px 10px;
    border-color: #4646464;
    border-style: solid;
    border-width: 1px 0 0 0;
}

legend {
    padding: 0 6px;
    font-size: 150%;
    line-height: 150%;
}

label {
    padding: 6px 10px 0 0;
    /*font-size: 108%;*/
}

input[type="text"], input[type="password"], input[type="file"], select, textarea {
    /*margin: 3px 0;*/
    padding: 1px;
    border: 1px solid #CCCCCC;
}

input[type="checkbox"] {
    margin: 3px 0 1px 0;
}

input[type="radio"] {
    margin: 6px 3px 1px 0;
}

input[type="submit"] {
    padding: 3px;
}

/* FIELD GROUP */
div.field_group, div.single_group, div.button_group {
    padding-bottom: 6px;
    clear: both;
}

div.button_group {
    padding-top: 6px;
}

div.field_group fieldset {
    border-width: 1px;
}

div.field_group div.field {
    padding-top: 5px;
}

fieldset.no_border
{
    border: none;
}

/* INFO GROUP */
div.info_group {
    padding-bottom: 6px;
    clear: both;
}

div.info_group div.field {
    padding: 6px 0 3px 0;
}

div.info_group fieldset {
    border-width: 1px;
}

div.info_group div.info {
    padding: 6px 0 0 0;
}

/* FIELDSET: GENERAL */
fieldset.general {
}

fieldset.general label {
    float: left;
    width: 110px;
    text-align: right;
    padding: 6px 0 0 0;
}

fieldset.general label span.tip {
    display: block;
    font-size: 0.8em;
    color: #999999;
}

fieldset.general div.field,
fieldset.general div.info {
    margin-left: 120px;
    text-align: left;
}

fieldset.general div.button_group,
fieldset.general div.button_group,
fieldset.general div.single_group {
    margin-left: 120px;
}

/* FIELDSET: SINGLE WIDE */
fieldset.single_wide {
    
}

fieldset.single_wide label {
    float: left;
    width: 36%;
    text-align: right;
}

fieldset.single_wide div.field {
    margin-left: 36%;
    text-align: left;
}

fieldset.single_wide div.button_group,
fieldset.single_wide div.button_group,
fieldset.single_wide div.single_group {
    margin-left: 37%;
}

/* FIELDSET: ADMIN */
fieldset.admin {
    padding: 6px 0 10px 0; 

}

fieldset.admin legend {
    padding: 0 16px;
}

/* FIELDSET: FULL_WIDTH */
fieldset.full_width input[type="text"],
fieldset.full_width input[type="password"], 
fieldset.full_width select, 
fieldset.full_width textarea {
    width: 96%;
}

/* FIELDSET: HALF_WIDTH */
fieldset.half_width input[type="text"],
fieldset.half_width input[type="password"], 
fieldset.half_width select, 
fieldset.half_width textarea {
    width: 37%;
}

/* RADIO GROUP */
table.radio_group {
}

table.radio_group td.field {
    vertical-align: top;
    padding: 3px 6px 0 0;
}

table.radio_group td.label {
    padding-bottom: 6px;
}

table.radio_group td.label label {
    padding: 0;
}

table.radio_group td.label span.summary {
    font-size: 0.95em;
}


/* MESSAGES */
ul.flash {
    padding: 6px 0;
    border-width: 1px 0; 
    border-style: solid;
    color: #000000; 
}

ul.error { 
    border-color: #FF9999; 
    background-color: #ffeeee;
    /*background-image: url(../images/icons/exclamation.gif); 
    background-repeat: no-repeat; 
    background-position: 0.7em 1em;*/
}

ul.success {
    border-color: #99ee99; 
    background-color: #EEFFEE; 
    /*background-image: url(../images/icons/accept.gif);
    background-repeat: no-repeat;
    background-position: 0.7em 1em;*/
}

ul.info {
    border-color: #9999ee;
    background-color: #eeeeff;
    /*background-image: url(../images/icons/information.gif);
    background-repeat: no-repeat;
    background-position: 0.7em 1em;*/
}

/* COLUMN LAYOUT TWO*/
div.column_layout_two div.column_one {
    float: left;
    width: 49%;
}

div.column_layout_two div.column_two {
    float: right;
    width: 49%;
}

/* COLUMN LAYOUT MULTIPLE */
div.column_layout_multiple div.column {
    float: left;
}

/* GENERAL LIST */
div.general_list_panel {
    border: 1px solid #6FB3D6;
}

table.general_list {
    width: 100%;
}

table.general_list th {
    padding: 4px 5px 4px 5px;
    background: url('../images/layout/header_row_bg.gif') repeat-x bottom;
    font-weight: bold;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #D0D0D0;
    border-bottom: 1px solid #EEEEEE;
}

table.general_list th.first {
    border-left: none;    
}

table.general_list th.last {
    border-right: none;    
}

table.general_list td {
    padding: 3px 5px 3px 5px;
    border-top: 1px solid #EEEEEE;
}

table.general_list td.name {
    text-align: center;
}

table.general_list tr.hi td {
}

/* FIELD LIST */
table.field_list {
}

table.field_list th {
    padding-bottom: 4px;
    font-weigth: bold;
}

/* PAGER */
div.pager_group {
    padding: 10px 0 10px 0;
}

div.pager_group div.column_two {
    text-align: right;
}

span.pager_links {
}

span.pager_links span.current {
    padding: 2px 4px;
    font-weight: bold;
}

span.pager_links a,
span.pager_links span.disabled {
    padding: 2px 6px;
    border: 1px solid #CCCCCC;
    text-decoration: none;
}

span.pager_links a.nav {
    border: 2px solid #CCCCCC;
}

span.pager_links span.disabled {
    color: #999999;
}

span.pager_info {
}

span.pager_info span.label {
}

span.pager_info span.count {
    font-weight: bold;
}

span.pager_info span.range {
    font-weight: bold;
}

/* MENU */
ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.menu li {
    float: left;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

ul.menu a,
ul.menu a:link,
ul.menu a:active,
ul.menu a:focus,
ul.menu a:visited {
    display: block;
    text-decoration: none;
}

/* COLUMN LAYOUT HOME*/
div.column_layout_home div.column_one {
    float: left;
    width: 700px
}

div.column_layout_home div.column_two {
    float: right;
    width: 200px;
}

/* COLUMN LAYOUT PAGER */
div.column_layout_pager div.column_one {
    float: left;
    width: 42%;
}

div.column_layout_pager div.column_two {
    float: right;
    margin: 0;
    width: 57%;
}

/* REFERENCE */
div.reference_list {
}

div.reference_list div.first {
}

div.reference_list div.last {
    padding-right: 0;
}

div.reference_box {
    float: left;
    padding: 0 12px 12px 0;
}

div.reference_box div.image {
}

div.reference_box div.image table {
    width: 160px;
    height: 130px;
}

div.reference_box div.image td {
    text-align: center;
    vertical-align: bottom;
}

div.reference_box div.name {
    padding: 6px;
    text-align: center;
    font-size: 130%;
    font-weight: bold;
    color: #993333;
}

/* BOX */
div.box div.content {
    padding: 0 0 1em 40px;
}

/* POST LIST */
div.post_list {
}

div.post_list div.post {
    padding-bottom: 1.5em;
}

div.post_list div.post h3 {
}

div.post_list div.post div.picture {
    float: right;
    padding: 0 0 12px 12px;
}

div.post_list div.post div.date {
    padding-bottom: 0.5em;
}

/* POST SUMMARIES */
div#post_summary_links ul {
    float: left;
    margin: 0;
    padding: 10px 0 0 0;
}

div#post_summary_links ul li {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

div.post_summary_image {
    float: left;
    margin-right: 6px;
    border: 1px solid #CCCCCC;
}

div.post_summary_image td {
    width: 80px;
    height: 80px;
    text-align: center;
    vertical-align: middle;
}

a.post_summary_link {
    display: block;
    padding: 3px 6px;
    /*width: 2em;
    height: 18px;*/
    text-decoration: none;
}

a.post_summary_link.active {
    color: #FFFFFF;
    background: #993333;
}

div.in_stock span.yes {
    color: #33CC33;
    font-weight: bold;
}

div.in_stock span.no {
    color: #FF3333;
    font-weight: bold;
}

/* POST DETAIL */
div.post_detail div.picture {
    float: right;
    padding: 0 0 6px 10px;
}

/* SUPPORT */
div.support {
    padding-bottom: 1.5em;
}

div.support div.title {
    padding-bottom: 0.5em;    
}

div.support div.body {
}

/* ADMIN PICTURE LIST */
table.admin_picture_list {
}

table.admin_picture_list td.picture {
    padding: 3px 6px 3px 0;
}

table.admin_picture_list td.picture td {
    width: 87px;
    height: 87px;
    border: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
}

table.admin_picture_list td.links {
}

/* PICTURE LIST */
div.picture_list {
}

div.picture_list div.picture {
    float: left;
    padding: 6px 6px 0 0; 
}

div.picture_list div.picture td {
    width: 82px;
    height: 82px;
    border: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;    
}

div.picture_list div.top {
}

div.picture_list div.last {
    padding-right: 0;
}

/* CHOICE LIST */
table.choice_list {
}

table.choice_list td {
    padding: 0 2px 3px 0;
    border-bottom: 1px solid #CCCCCC;
}

/* TEAM MEMBER */
div.team_member {
    float: left;
    padding-bottom: 12px;
    width: 50%;
}

div.team_member img.picture {
    float: left;
    padding-right: 12px;
}

/* STEAM */
a[href^="steam://"],
a.link-steam {
    background: url('../images/layout/steam_icon.png') no-repeat right center;
    padding-right: 18px;
}

/* NEWS */
ul#news li {
    padding-bottom: 1em;
}