/* NEW STYLES */
#aimFrame {
 width: 980px; /* DO NOT ALTER */
 padding: 0; /* DO NOT ALTER */
 margin: 10px 10px 20px 10px; /* DO NOT ALTER */
 font-family: Arial, Helvetica, sans-serif; /* DO NOT ALTER */
 font-size: 12px;
 color:#000;
 text-align: left;
 background: transparent url(/i/events/truveo/aimFrameBg.png) center center repeat-y;
}
#aimFrameN {
 padding: 0;
 margin: 0;
 background: transparent url(/i/events/truveo/aimFrameBgN.png) top center no-repeat;
}
#aimFrameS {
 padding: 7px 0 12px 0;
 margin: 0;
 background: transparent url(/i/events/truveo/aimFrameBgS.png) bottom center no-repeat;
}
#topBox {
 position: relative;
 height: 120px;
 margin: 0;
 padding: 0 12px;
 background: url(/i/events/truveo/topBox.png);
 color: red;
}
#topBox div.logo {
 float: left;
 padding: 25px 0 0 20px;
}
#slogan {
 position: absolute;
 top: 45px;
 width:370px;
 height: 16px;
 text-align:center;
 color:#FFFFFF;
 font-size:18px;
 font-weight: bold;
 left: 400px;
}
#company_logo {
 text-align: center;
}
#company_logo2 {
 width: 295px;
 height: 90px;
 text-align: center;
 background-color:#000;
}
#topBox div.pbtc {
 position: absolute;
 right: 32px;
 bottom: 15px;
}
div.content, div.contentWithLeft {
 padding: 0 0 5px 0;
 margin: 0 12px;
 border-bottom: 1px solid black;
}
div.content {
 background: #efefef;
}
div.contentWithLeft {
 padding: 0 0 5px 0;
 margin: 0 12px;
 border-bottom: 1px solid black;
 background: #efefef url(/i/events/truveo/contentBgColorWithLeft.png) top left repeat-y;
}
div.contentTexture {
 background: transparent url(/i/events/truveo/contentBgTexture.png) top left repeat-x;
 margin: 0px;
 padding: 0px;
}
div.leftBox {
 float: left;
 width: 265px;
 background: #ffffff url(/i/events/truveo/leftBoxBgTexture.png) top left repeat-x;
 text-align: left;
}
div.leftBox div.titleBox {
 margin-top: 25px;
 margin-left: 7px;
}
div.leftBox div.descBox {
 width: 250px;
 margin-left: 7px;
 margin-top: 15px;
 text-align: left;
 background: transparent url(/i/events/truveo/descBg.png) top center repeat-y;
}
div.leftBox div.descN {
 background: transparent url(/i/events/truveo/descN.png) top center no-repeat;
}
div.leftBox div.descS {
 background: transparent url(/i/events/truveo/descS.png) bottom center no-repeat;
}
div.leftBox div.descBuff {
 padding: 7px 10px;
}
div.leftBox div.catBox {
 margin: 10px 0 0 7px;
 padding: 10px 0 30px;
 width: 250px;
 text-align: center;
 background: transparent;
}
div.leftBox div.catBox a {
 font-weight: bold;
}
div.navBox {
 width: 650px;
 padding-top: 17px;
 margin-right: 5px;
 background: transparent;
}
div.navBox a.navTab {
 display: block;
 float: right;
 margin-left: 5px;
}
div.newsBox {
 margin-right: 5px;
 background: transparent;
 text-align: right;
}
div.newsBox iframe {
 width: 675px;
 height: 650px;
 border: 1px solid #0033cc;
 background: #ffffff;
}
div.siteBoxFull, div.siteBoxHalf {
 margin: 0 5px;
 background: transparent;
 text-align: left;
 border: 1px solid #0033cc;
 background: #ffffff;
 clear: right;
 padding: 10px;
}
div.siteBoxHalf {
 width: 655px;
}
/* STUDIO STYLES */
/* GENERAL SITE STYLES */
html {
 margin:0px;
 padding:0px;
}
body {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 line-height: 1.4;
 font-size: 12px;
 color: #333333;
 background: #ffffff;
 margin:0px;
 padding:0px;
}
body.textarea {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 line-height: 1.4;
 font-size: 12px;
 color: #333333;
 background: #EEEEEE;
 margin:0px;
 padding:0px;
}
img {
 border: none
}
a {
 color: #0033cc;
 text-decoration: none;
}
a:link {
 color: #0033cc;
 text-decoration: none;
}
a:hover, a:active {
 color: #0033cc;
 text-decoration: underline;
}
ul {
 margin-left: 10px;
 padding-left: 10px;
}
li {
 padding-top: 2px;
 padding-bottom: 2px;
}
.noSpace {
 margin: 0px;
 padding: 0px;
}
table {
 empty-cells: show;
}
td, th {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color: #333333;
 background: transparent;
 line-height: 1.4;
 font-size: 12px;
}
h1, h2, h3 {
 padding: 5px 28px;
 margin: 0px 0px 10px 0px;
 font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-weight: bold;
 color: #333333;
 background: url(/i/events/truveo/sectionBg.png) left center no-repeat;
}
h1 {
 font-size: 16px;
}
h2 {
 font-size: 13px;
}
h3 {
 font-size: 11px;
}
div.popUp {
 display: none;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 100;
}
div.popUp div {
 float: left;
 line-height: normal;
 font-weight: normal;
 font-size: 11px;
 background: #FFFFCC;
 border: 1px solid #999999;
 padding: 4px 6px 4px 6px;
 white-space: nowrap;
}
.bigRed {
 color: #FF0000;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}
A.bigRed:link, A.bigRed:visited, A.bigRed:active {
 color: #FF0000;
 text-decoration: underline;
}
A.bigRed:hover {
 color: #000000;
 text-decoration: underline;
}
.bigGreen {
 color: #009900;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}
A.bigGreen:link, A.bigGreen:visited, A.bigGreen:active {
 color: #009900;
 text-decoration: underline;
}
A.bigGreen:hover {
 color: #000000;
 text-decoration: underline;
}
.grayedOut {
 color: #999999;
}
/* --- stat --- */
div.statHolder {
 text-align: center;
}
div.statHolder div.NE, div.statHolder div.SE {
 display: none;
 float: right;
}
div.statHolder div.NW img {
 display: none;
}
div.statHolder div.SW img {
 display: none;
}
div.statHolder div.NE img {
 display: none;
}
div.statHolder div.SE img {
 display: none;
}
div.statHolder div.container {
 position: relative;
 width: 100%;
}
table.stat {
 margin: 0px;
 border: 1px solid #cccccc;
}
table.stat td {
 color: #333333;
 font-size: 11px;
 font-weight: normal;
 text-align:left;
 vertical-align: middle;
 padding: 5px;
}
table.stat td.title {
 color: #333333;
 font-size: 12px;
 font-weight: bold;
 text-align:left;
 padding-top: 0px;
}
table.stat td.header {
 font-weight: bold;
 text-align:left;
 background: #b7b7b7;
}
table.stat td.headerR {
 font-weight: bold;
 text-align: right;
 background: #b7b7b7;
}
table.stat td.headerC {
 font-weight: bold;
 text-align: center;
 background: #b7b7b7;
}
table.stat td.headerW {
 width: 1px;
 padding: 0;
 margin: 0;
 background: #b7b7b7;
}
table.stat td.headerW div {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat td.headerE {
 width: 1px;
 padding: 0;
 margin: 0;
 background: #b7b7b7;
}
table.stat td.headerE div {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat td.value {
 text-align:left;
}
table.stat td.valueR {
 text-align: right;
}
table.stat td.valueC {
 text-align: center;
}
table.stat td.space {
 padding: 0px;
 font-size: 8px;
}
table.stat td.btnRight {
 text-align: right;
 padding: 10px 0px 0px 0px;
}
table.stat tr.light td {
 background: #f4f4f4;
 border-top: solid 1px #ffffff;
}
table.stat tr.dark td {
 background: #eaeaea;
 border-top: solid 1px #ffffff;
}
table.stat tr.light:hover td, table.stat tr.dark:hover td {
 background: #e6ecff;
}
table.stat tr.light td.valueW {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat tr.light td.valueW div {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat tr.light td.valueE {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat tr.light td.valueE div {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat tr.dark td.valueW {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat tr.dark td.valueW div {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat tr.dark td.valueE {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat tr.dark td.valueE div {
 width: 1px;
 padding: 0;
 margin: 0;
}
div.tableTabOn, div.tableTabOff {
 float: left;
 position: relative;
 top: 0px;
 padding: 4px 10px;
 margin-right: 4px;
 background: #cccccc;
 border-top: 1px solid #dcdcdc;
 border-right: 1px solid #dcdcdc;
 border-left: 1px solid #dcdcdc;
 font-weight: bold;
}
div.tableTabOn {
 background: #dcdcdc;
}
div.tableTabOff {
 background: #eeeeee;
}
div.tableTabOff a:link, div.tableTabOff a:visited {
 color: #999999;
}
div.tableTabOff a:hover, div.tableTabOff a:active {
 color: #cf9797;
}
/* TOPCODER STYLES */
div.topBar, div.topBar div, div.memberCountBox {
 color: #FFFFFF;
 font-size: 11px;
}
div.memberCountBox {
 position:absolute;
 top:5px;
 left:3px;
 z-index:1;
}
div.topBar {  /* DO NOT ALTER THIS DIV */
 background: transparent url(/i/events/truveo/top_bg.gif) top center repeat-x;
 vertical-align: top;
 height: 84px;
 padding: 0px 10px 0px 3px;
 margin: 0px;
 white-space: nowrap;
}
#outerLogo {
 width: 360px;
 position: relative;
 z-index: 2;
}
#innerLogo {
 position: absolute;
 left: 0px;
}
#shortcutBar {
 position: absolute;
 left:0;
 top:32px;
 height: 30px;
 padding-right: 30px;
 background: transparent url(/i/events/truveo/shortcutBar.png) top right no-repeat;
}
#shortcutBar div.icon {
 float: left;
 margin-left: 4px;
 background: transparent;
}
a.gMetal:link {
 color:#FFCC33;
 text-decoration: none;
}
a.gMetal:visited {
 color:#CC9933;
 text-decoration: none;
}
a.gMetal:hover {
 color:#AAAAAA;
 text-decoration: underline;
}
a.gMetal:active {
 color:#AAAAAA;
 text-decoration: underline;
}
/* FOOTER */
.footer {
 font-size: 11px;
 color: #666666;
 font-weight: normal;
 font-style: normal;
 text-align: center;
 white-space: nowrap;
 background: #EEEEEE;
 padding-top: 5px;
 padding-bottom: 5px;
 border-bottom: 4px solid #CCCCCC;
 clear: both;
}
.footerStripe {
 background: #CCC;
}
A.footerLinks:link {
 color: #00F;
 text-decoration: none;
}
A.footerLinks:visited {
 color: #006;
 text-decoration: none;
}
A.footerLinks:hover {
 color: #F00;
 text-decoration: underline;
}
A.footerLinks:active {
 color: #F00;
 text-decoration: underline;
}
.copyright {
 font-size: 10px;
 color: #000;
 font-weight: normal;
 font-style: normal;
 text-align: center;
 white-space: nowrap;
 background: #FFF;
 padding-top: 4px;
 padding-bottom: 15px;
}