/* Standard CSS  */
body {margin:0px; padding:0px; background-color:#44454a; color:#fff;}
img {padding:2px; border: 0px;}
div {font: 11px 'Arial'; color:#fff; padding:0px; margin:0px;}
a {text-decoration: none; color: #FFCC00;}
a:hover {text-decoration: none; color: #FFCC00;}
input {font: 11px 'Arial'; color:#000; border:1px #5f7179 solid; margin:1px; padding: 1px; width:100%}
textarea {font: 11px 'Arial'; color:#000; border:1px #5f7179 solid; margin:1px; padding: 1px; width:100%; height:75px;}
radio {font: 11px 'Arial'; color:#44454a; border:0px; margin:1px; padding: 1px;}
select {font: 10px 'Arial'; color:#44454a; border:1px #5f7179 solid; margin:1px; padding: 1px;}
p, td {font: 11px 'Arial'; color:#fff; padding:2px; margin:0px;}
h2 {font: 14px 'Arial'; color:#fff; padding: 1px; font-weight:bold; margin:1px;}
h3 {font: 12px 'Arial'; color:#fff; padding: 1px; font-weight:bold; margin:1px;}

.notfound {text-align: center; font-weight:bold; padding:10px;}
.button {border: 1px solid #44454a; font-weight:bold; cursor: pointer; background-color:#ffffff;}
.title {font: 12px 'Arial'; font-weight:bold; color: #5f7179;}
.buy {font: 11px 'Arial'; color:#5f7179; border:1px #5f7179 solid; background-color:#fff; margin:1px; padding: 1px; cursor:pointer;}
.padding {padding: 4px;}
.floatLeft {float:left; padding:3px;}
.floatLeft.row_over{float:left; padding:3px; background-color: #efeceb;}
.floatRight {float:right; padding:3px;}
.floatClear {clear:both;}
.row_odd {}
.row_even {background-color: #efeceb;}
.row_odd.highlight, .row_even.highlight, .floatLeft.highlight {background-color: #44454a; cursor:pointer;}
.line {background:#44454a; height:1px; margin-top:2px; margin-bottom:2px; font-size:1px;}

.popup-box {background: #ffffff; padding:4px; border: 1px solid #000000;}
.popup-box .yui-widget-hd {background:#44454a; font: 12px 'Arial'; color:#fff; font-weight: bold; padding:2px;}
.popup-box .yui-widget-ft {background:#44454a; }

/* div_box CSS */
.div_box {border: 0px; font-size:11px; padding:2px; overflow-y:auto; overflow-x: hidden; color: #000;} 
.div_box .header {padding:2px;background:#44454a; }
.div_box .header span {font:16px 'Arial'; color:#fff; font-weight:bold; background: #e5dfdf; padding:3px; margin-left:5px;}
.div_box .body {font:11px 'Arial'; color:#fff; background:#e5dfdf; padding:2px; overflow:none;}
.div_box .body p {padding: 2px;}
.div_box .title, .div_box .body .title, .div_box p .title {font: 11px 'Arial'; font-weight:bold; color: #fff;}
.div_box a {font: 11px 'Arial'; color:#161c73; text-decoration: underline;}
.div_box a:hover {font: 11px 'Arial'; color:#161c73; text-decoration: none;}

/* paginationCSS */
.paginationCSS {padding: 4px; font: 12px 'Arial';}
.paginationCSS a {border: 1px solid #161c73; margin: 2px; padding: 3px; text-decoration: none; font-weight:bold; background: #fff}
.paginationCSS a:hover {border: 1px solid red;color: red; font-weight:bold;}
.paginationCSS .selected {font: 12px 'Arial'; font-weight: bold; padding: 3px; margin:2px;}

/* Layout */
.layoutMain {background-color:#44454a; background-repeat: no-repeat; background-position: top center;}
.layoutMain .layoutTemplate {width:967px;} 
.layoutMain .layoutBody {height:465px; background:url('/public/websites/aschsocial/templates/00002/images/bg-center.jpg'); background-repeat: no-repeat; padding:0px; margin: 0px;} 
.layoutMain .layoutTitle {height:65px; background:url('/public/websites/aschsocial/templates/00002/images/bg-top.jpg'); background-repeat: no-repeat; padding:0px; margin: 0px;}
.layoutMain .layoutLayer {background:url('/public/websites/aschsocial/templates/00002/images/bg-layer.jpg'); padding:0px; margin:0px; }
.layoutMain .popup {font: 11px 'Arial'; color:#ffffff; padding:2px; margin:0px; position:absolute;}
.layoutMain .E11 {font-weight:bold; color: red;}
.layoutMain .layoutFooter {height:18px; background:url('/public/websites/aschsocial/templates/00002/images/bg-bottom.jpg'); background-repeat: no-repeat; padding:0px; margin: 0px;}

.layoutNav {height:22px; background-color: #44454a;}
.layoutNav a {font: 18px 'Arial'; font-weight:bold; color: #f3f3f3; padding: 5px; margin: 0 0 4 4; text-decoration: none;}
.layoutNav a:hover {font: 18px 'Arial'; font-weight:bold; color: #000; text-decoration:none; padding:5px}
.layoutNav a.selected {font: 18px 'Arial'; font-weight:bold; color: #000; background: #f3f3f3; padding: 5px;}
.layoutNav a.selected:hover {text-decoration:none; padding:5px}

/* LAYOUT PAGE*/
.layoutPage {overflow: hidden;}

/* 3 COLUMNS LAYOUT */
.layoutPage .ThreeColumnsLeft {width:265px; float:left; padding:3px;}
.layoutPage .ThreeColumnsCenter {width:535px; float:left; padding:3px;}
.layoutPage .ThreeColumnsRight {width:180px; float:right; padding:3px;}

/* 2 COLUMNS LAYOUT */
.layoutPage .TwoColumnsLeft {width:680px; float:left; padding:3px;}
.layoutPage .TwoColumnsRight {width:305px; float:right; padding:3px;}

/* 1 COLUMN LAYOUT */
.layoutPage .OneColumnLeft {width:800px; float:left; padding:3px;}
.layoutPage .OneColumnRight {width:180px; float:right; padding:3px;}

/* PROMO BOX*/
.layoutMain .promo {width: 535px; height:400px;}
.layoutMain .promoTitle {position:absolute;top:325px; left:5px; width:400px; height:50px; opacity: .8; background-color: #44454a; padding:2px;}
.layoutMain .promoTitle a {color: #000; font: 18px 'Arial'; font-weight: bold;}
.layoutMain .promoBox {border: 3px solid #44454a;}