/*Style sheet for battlefieldsingleplayer.com website. By Thomas Nørgaard Elvius (aka "TNE26") of TNE Webdesign. http://Webdesign.TNE.dk/ */
body {
    background-color: #404040;
/*background-image: url('images/comp023.gif');*/
}

body a img {
    border:none;
}

#mainwrapper {
    /*	background-color: #EFEFEF;*/
    width:1000px;
    margin-right:auto !important;
    margin-left:auto !important;
}

#wrapTop {
    background-image: url('images/wrap/topwrap.gif');
    width:1000px;
    color:#fff;
    height:7px;
}

#wrapBottom {
    background-image: url('images/wrap/bottomwrapper.gif');
    width:1000px;
    color:#fff;
    height:7px;
}

#page {
    background-color: #FFF;
}

#menu {
    float:left;
    width:150px;
    background-color: #FFF;
}

#content {
    float:right;
    width:850px;
    background-color: #FFF;	
    border-top:1px #ccc solid;
    font-family:Tahoma,Arial,Verdana,sans-serif;
    font-size:10pt;
}

#contentPadding {
    padding:9px;
}

#header {
    background-color:#EAEAEA;
    text-align:center;
}

#header h3.h3RedBar {
    height:45px;
    background: #a00 url('images/div/headergradient.gif') repeat-x;
}

#footer {
    background-color: #EAEAEA;
    clear:both;
    font-family:Tahoma,Arial,Verdana,sans-serif;
    font-size:9pt;
    color:#333;
    padding-top:5px;
    text-align:center;
}

#header h3 {
    padding:2px;
    font-weight:bold;
    font-family:Verdana,Arial,sans-serif;
    font-size:13pt;
    background:#a00; color:white;
}

span.headerNews {
    font-weight:bold;
    font-family:Verdana,Arial,sans-serif;
    font-size:10pt;
}


/* MENU */

table.menu {
    width: 150px;
    vertical-align: middle;
    padding: 0px;
    border-spacing: 0px;
    border-top: 1px solid #222;
    /*	border: 1px solid #222;*/
    background-color: #fff;
    /*	background-color: #187cda;*/
    font-family:Tahoma,Verdana,Arial,sans-serif;
    font-size:10pt;
}

table.menu .menuHead {
    border:none;
    font-weight:bold;
    color:#fff;
    background:#222;
    text-align:center;
}

table.menu .menuSearch {
    background:#222 url(images/div/searchbg.gif) repeat-x scroll center bottom;
	height:40px;
}

table.menu .menuLink {
    height:17px;
    background:url('images/div/menugradientwhite.gif') repeat-x top #bbb;
}

table.menu .menuLink.highlight {
    height:17px;
    background:url('../images/div/menugradienthighlight.gif') repeat-x top #b89d31;
}

table.menu .menuLink:hover {
    background-color:#183673;
    background:url('images/div/menugradienthover.gif') repeat-x top #183673;
    color:#fff;
}

table.menu .menuLink a {
    text-decoration:none;
    color:#000;
    display:block;
	height:100%;
}

table.menu .menuLink a:hover {
    color:#fff;
    display:block;
}

/* */

linkTableMiddle {
    width:300px;
    border-collapse:collapse;
    border-color:#dedede;
}

/*content*/
span.smHeadRed {
    color:#c00;
    font-weight:bold;
}

#content span.smHead {
    font-weight:bold;	
}

#content span.smHead2 {
    font-weight:bold;	
    margin-top:20px;
    display:inline;
}

#content span.medHead {
    font-weight:bold;	
    font-size:11pt;
    margin-top:20px;	
    color:#162c59;
}

#content div.contentTitle {
    font-weight:bold;
    text-align:center;
    font-size:17pt;
    margin-top:20px;
    color:#161617;
    margin-top:0px;
}

#content div.authorDate {
    text-align:center;	
    margin:0px;
}

#content div.authorDate b {
    color:#c00;
    font-weight:bold;	
}

#content img.tutorial {
    padding:5px;
    border:1px #ccc solid;
}

#content div.copyright {
    text-align:center;
    margin-right:auto;
    margin-left:auto;
}

.blueBar {
    height:30px;
    background:url('images/div/contentHeadbar.png') no-repeat center;
    font-weight:bold;
    text-align:center;
    color:#fff;
    font-size:13pt;
    font-family:Arial,Tahoma,Verdana,sans-serif;
    padding-top:10px;
    margin-top:20px;
    margin-bottom:15px;
}

/*Copyright in content */
#content div.copy .fixedTop {
    background:url('images/copyright/top.png') no-repeat;
    height:10px;
    width:450px;
    margin-right:auto;
    margin-left:auto;
    margin-top:50px;
}

#content div.copy .fixedBottom {
    background:url('images/copyright/bottom.png') no-repeat;
    height:10px;
    width:450px;
    margin-right:auto;
    margin-left:auto;
}

#content div.copy .main {
    background:url('images/copyright/middle.png') repeat-y;
    width:450px;
    color:white;
    text-align:center;
    margin-right:auto;
    margin-left:auto;
}

/* News */
div.newsBox {
}

div.newsBox a {
    color:#c00;
    text-decoration:none;
}

div.newsBox a:hover {
    text-decoration:underline;
}

div.newsBox .newsDate, .mapDate, .gameDate {
    color:#556B2F;
}

div.newsBox .media {
    text-align:left;
    vertical-align:top;
    margin: 0 4px;
}

#content hr {
    width:80%;
    height:1px;
    background-color:#ccc;
    border:none;
    margin-top:30px;
    margin-bottom:29px;
}

/* FourCentsShy - adding styles for pagination */

#content .newsblock .newsmore {
    font-weight:bold;
    color: red;
    font-style: italic;
}

#content .newsblock {
    width:100%;
}

/* Nav bar styles*/
.navbar_table {
    background:url('images/div/menugradientwhite.gif') repeat-x top #bbb;
    border: 0 black none;
    padding: 0px;
    margin: 0px;
    display: inline;
}

.navbar_td a {
    text-decoration: none;
    border: 0 black none;
    height:18px;
    padding: 0 3px;
    text-align:left;
    display: block;
    color:#000;
    cursor:pointer;	
}

.navbar_td a:hover {
    background:url('images/div/menugradienthover.gif') repeat-x top #183673;
    text-decoration: none;
    color:#fff;
}

.navbar_td  {
    background-color:transparent;
    border: 0 black none;
    margin: 0;
    padding: 0;
    color:#006;
}

.navbar_td img {
    display: block;
    padding: 1px 8px;
}

.navbar_td a:hover {
    color:#fff;
}

/* These styles were called from site scripts but not defined.
 * So, I'm defining them now */
table.gametable {
    border: 0 black none;
    margin:  0;
    padding: 3px;
    width:   100%;
}

.formtitle {
    text-align:center;
    font-size:16pt;
    font-weight: bold;
}

td.fieldbold {
    font-weight: bold;
}

td.fieldbold, td.fieldname {
    font-size: 8pt;
    /*    font-weight: bold;*/
    font-variant: small-caps;
    text-align: right;
    padding: 4px 12px 0 0;
    vertical-align:top;
    width: 20%;
}
.fielddesc {
    padding: 12px 24px;
}

.newpic {
    padding: 0 12px 0 0;
    border: 0 black none;
    margin: 0;
}

td.fieldlogo {
    width:20%;
}
td.fieldvalue {
    width:80%;
}

.fieldcenter {
    text-align: center;
}
.fieldcenter .media {
    display:inline-block;
}
div.fieldcenter {
    width:100%;
}

td.fieldlink, .fieldvalue a, .fieldbold a, .formtitle a, .listwide a, .listnarrow a {
    color:#c00;
    text-decoration:none;
}

td.fieldlink:hover, .fieldvalue a:hover {
    color:#844;
    text-decoration:underline;
}

/*
  #header img.headerImg {
  }
  */

.greytable {
    background-color: #404040;
    width:100%;
    padding: 3px;
    margin: 0;
}
.smaller {
    font-size:9pt;
}
.right {
    text-align:right;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.listwide {
    width:33%;
}
.listnarrow {
    width:17%;
}
.smallcaps {
    font-variant:small-caps;
}
.bold {
    font-weight:bold;
}
.navchange {
    padding:0;
    margin:0;
    border:0 black none;
}
.searchbutton {
    padding:0;
    margin:0;
	/* Altered search form - TNE26 dec 17 2009 */
	font-size:10pt;
	background:url('images/div/menugradientwhite.gif') #bbb repeat-x;
	border:1px #fff solid;
	color:#222;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
}

.searchbutton:hover {
	background:url('images/div/menugradienthover.gif') #183673 repeat-x;
	color:#fff;
}

.searchfield {
	width:95px;
	border:1px #fff solid;
	font-family:tahoma,sans-serif;
}

/* Credit page */
table.credits {
	border:none;
	margin-left:auto;
	margin-right:auto;
}

table.credits th {
	text-align:right;
	background:url('images/div/menugradientwhite.gif') repeat-x top #bbb;
	font-weight:normal;
}

table.credits th:hover{
	background:url('images/div/menugradienthover.gif') repeat-x top #183673;
	color:#fff;
}

table.credits td {
	text-align:left;
	background:#f6f6f6;
}

table.credits td, table.credits th {
	padding-left:2px;
	padding-right:2px;
}

table.credits td:hover {
	background:#f9f9f9;
}

table.credits a {
	color:#222;
	text-decoration:none;
	display:block;
}
table.credits a:hover  {
	color:#fff;
}