html										{ margin: 0; }
body										{ margin: 0; color: #333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 13px; }
/* Background */
body										{ background: #000 fixed url(/media/background/BattleFieldBadCompany2.jpg) 50% 0 no-repeat; }

hr 											{ color: #ccc; border: 0; background-color: #ccc; height: 1px; }

body a										{ color: #09f; text-decoration: none; }
body a:hover								{ color: #333; text-decoration: underline; }

#wrapper									{ padding-bottom: 40px; }

#page										{ width: 960px; margin: 0 auto; position: relative; }

#head										{ position: relative; height: 110px; text-shadow: 1px 1px 2px #000; }
#head #logo									{ position: absolute; top: 0; left: 0px; }
#head #welcome								{ position: absolute; top: 30px; right: 0px; width: 300px; }
#head #welcome .avatar						{ float: left; }
#head #welcome .logout						{ float: left; padding: 10px; }
#head #welcome .logout a					{ display: block; font-family: 'Helvetica Neue', Helvetica, Arial,sans-serif; font-size: 18px; color: #fff; }
#head #welcome .logout .tagline				{ display: block; font-size: 12px; color: #fff; }

#dashboard									{ position: absolute; top: 10px; right: 0; width: 265px; height: 65px; padding: 10px; color: #fff; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.75); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#dashboard img								{ float: left; padding-right: 10px; }
#dashboard .hello							{ display: block; }
#dashboard .username						{ display: block; }
#dashboard .toolmenu						{ position: absolute; bottom: 10px; left: 85px; margin: 0; }
#dashboard .toolmenu li						{ list-style: none; display: inline; padding-right: 10px; }
#dashboard .toolmenu li a					{ color: #fff; }
#dashboard .toolmenu li a:hover				{ color: #09f; text-decoration: none; }

#submenu									{ background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.75); height: 40px; margin-bottom: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#submenu ul									{ margin: 0; }
#submenu ul li								{ list-style: none; float: left; position: relative; }
#submenu ul li a							{ padding: 10px 20px; height: 20px; color: #ccc; text-decoration: none; display: block; outline: none; }
#submenu ul li a.selected:hover,
#submenu ul li a.selected					{ height: 18px; margin: 1px; background-color: #e5e5e5; color: #111; text-shadow: 1px 1px 1px #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#submenu ul li a span						{ font-family: "Helvetica Neue",arial,sans-serif; font-size: 14px; }
#submenu ul li a span.items					{ padding: 1px 7px; margin-left: 3px; background-color: #09f; color: #fff; }
#submenu ul li a:hover						{ cursor: pointer; color: #fff; text-shadow: 2px 2px 3px #000; }
#submenu ul ul								{ display: none; position: absolute; top: 40px; left: 0; width: 150px; padding-bottom: 5px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.75); -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
#submenu ul ul li							{ width: 100%; }
#submenu ul ul li a							{ padding: 5px 20px; white-space: nowrap; }

#pagetitle 									{ overflow: hidden; margin: 40px 0 15px; }
#pagetitle h1								{ background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.75); padding: 5px 15px; float: left; font-family: 'Helvetica Neue',Arial,sans-serif; font-size: 30px; text-transform: uppercase; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#content									{ padding-bottom: 20px; overflow: hidden; min-height: 450px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.90); -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.contentRow									{  }
.contentRow .contentCell1					{ width: 100px; float: left; min-height: 1px; position: relative; padding: 5px; }
.contentRow .contentCell2					{ width: 205px; float: left; min-height: 1px; position: relative; padding: 5px; }
.contentRow .contentCell3					{ width: 310px; float: left; min-height: 1px; position: relative; padding: 5px; }
.contentRow .contentCell4					{ width: 415px; float: left; min-height: 1px; position: relative; padding: 5px; }
.contentRow .contentCell5					{ width: 520px; float: left; min-height: 1px; position: relative; padding: 5px; }
.contentRow .contentCell6					{ width: 625px; float: left; min-height: 1px; position: relative; padding: 5px; }
.contentRow .contentCell7					{ width: 730px; float: left; min-height: 1px; position: relative; padding: 5px; }
.contentRow .contentCell8					{ width: 835px; float: left; min-height: 1px; position: relative; padding: 5px; }
.contentRow .contentCell9					{ width: 950px; float: left; min-height: 1px; position: relative; padding: 5px; }

#content h2									{ padding: 4px 10px 4px; margin: 10px 5px; background: #ccc; font-family: 'Helvetica Neue',Arial,sans-serif; font-size: 16px; font-weight: normal; clear: both; color: #333; text-shadow: 1px 1px 2px #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#content h3									{ padding: 2px 15px 1px; margin: 10px 5px; background: #000; font-family: 'Helvetica Neue',Arial,sans-serif; font-size: 16px; font-weight: bold; clear: both; color: #fff; text-shadow: 1px 1px 2px #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#content h4									{ padding: 4px 10px; margin: 0 5px; clear: both; font-size: 12px; color: #333; text-shadow: 1px 1px 2px #fff; }

#footer										{ clear: both; padding-top: 20px; overflow: hidden; }
#footer #foot-content						{ margin: 0 auto; padding: 10px; text-align: center; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 -10px 10px #000; -moz-box-shadow: 0 -10px 10px #000; -webkit-box-shadow: 0 -10px 10px #000; }
#footer #foot-content p						{ padding: 5px 0; }
#footer #foot-content a						{ display: block; }