/* Standard CSS  */
body {margin:0px; padding:0px; background-color:#000000; color: #ffffff;}
img {padding:2px; border: 0px;}
div {font: 11px 'Arial'; color:#ffffff; padding:0px; margin:0px;}
a {text-decoration: underline; color: #efa500}
a:hover {text-decoration: none; color: #efa500;}
input {font: 11px 'Arial'; color:#000; border:1px #65470e solid; margin:1px; padding: 1px; width:100%}
textarea {font: 11px 'Arial'; color:#000; border:1px #65470e solid; margin:1px; padding: 1px; width:100%; height:75px;}
radio {font: 11px 'Arial'; color:#000; border:0px; margin:1px; padding: 1px;}
select {font: 10px 'Arial'; color:#000; border:1px #65470e solid; margin:1px; padding: 1px;}
p, td {font: 11px 'Arial'; color:#fff; padding:2px; margin:0px;}
h1 {font: 16px 'Arial'; color:#efa500; padding: 1px; font-weight:bold; margin:1px;}
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 #65470e; font-weight:bold; cursor: pointer; background-color:#ffffff;}
.title {font: 12px 'Arial'; font-weight:bold; color: #fff;}
.text {font: 11px 'Arial'; color: #fff;}
.buy {font: 11px 'Arial'; color:red; font-weight:bold;}
.btnBuy {cursor:pointer; font: 12px 'Arial'; color:red; font-weight:bold; background-color:#ffffff;}
.padding {padding: 4px;}
.floatLeft {float:left; padding:3px; color:#fff}
.floatLeft.row_over{float:left; padding:3px; background-color: #efeceb;}
.floatLeft.img:hover{background-color: #fff; cursor:pointer; color: #000}
.floatLeft.selected{background-color: yellow; cursor:pointer; color: #000}
.floatRight {float:right; padding:3px;}
.floatClear {clear:both;}
.row_odd {}
.row_even {background-color: #000; color: #fff;}
.row_odd.highlight, .row_even.highlight, .floatLeft.highlight {background-color: yellow; cursor:pointer; color: #000}
.line {background:#65470e; height:1px; margin-top:2px; margin-bottom:2px; font-size:1px;}
.bubble {background:#fff; color:#000; border: 1px #000 solid;}
.ad img {padding:0px;}

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

.popup-box .Over18Box {background-image:url('images/common/Over18Box.jpg'); height:508px;}

/* div_box CSS */
.div_box {border: 0px; font-size:11px; padding:2px; overflow-y:auto; overflow-x: hidden; color: #fff;} 
.div_box .header {padding:2px; background: #000000;}
.div_box .header span {font:16px 'Arial'; color:#fff; font-weight:bold; padding:2px; margin-left:5px;}
.div_box .body {font:11px 'Arial'; color:#fff; background:#1d1300; padding:2px; overflow:hidden;}
.div_box .body p {padding: 2px;color:#fff; }
.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:#efa500; text-decoration: underline;}
.div_box a:hover {font: 11px 'Arial'; color:#efa500; text-decoration: none;}
.download {background-color:#a21d1e; padding:3px; padding-bottom: 8px;}
a.download, a.download:hover {font: 11px 'Arial'; font-weight:bold; color:#fff; text-decoration: none;}
a.download16, a.download16:hover {font: 16px 'Arial'; font-weight:bold; color:#fff; text-decoration: none;}

.edoujinbooks-header { 
	height:85px; width:250px; 
	background:url('/public/websites/edoujinbooks/templates/00001/images/bg-title.jpg');
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/websites/nexxtstudio/templates/00004/images/bg-header.png');
	background-repeat: no-repeat;	
}

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

/* Layout */
/*.layoutMain {background-color:#000000;background-image:url('/public/websites/edoujinbooks/templates/00001/images/bg-1.jpg'); background-repeat: no-repeat; background-position: top center;}*/
.layoutMain {background-color:#000000;}
.layoutMain .layoutBody {width:1000px; }
.layoutMain .layoutTitle {padding:0px}
.layoutMain .E11 {font-weight:bold; color: red;}

.layoutNav {height:24px; background:#000000; padding: 0px;}
.layoutNav .browse, .layoutNav .browse a { font: 12px 'Arial'; font-weight:bold; color:#fff; padding: 0px; marging:0px;}
.layoutNav a {font: 16px 'Arial'; font-weight:bold; color: #f3f3f3; padding: 2px; text-decoration: none; padding-right:10px; padding-left:10px;}
.layoutNav a:hover {font: 16px 'Arial'; font-weight:bold; color: #efa500; text-decoration:none; padding:2px; padding-right:10px; padding-left:10px;}
.layoutNav a.selected {font: 16px 'Arial'; font-weight:bold; color: #efa500; background: #000; padding: 2px; padding-right:10px; padding-left:10px;}
.layoutNav a.selected:hover {text-decoration:none; padding:2px; padding-right:10px; padding-left:10px}
.layoutMain .layoutFooter {background: #65470e; padding: 2px; font: 10px 'Arial'; color: #fff;}

/* LAYOUT PAGE*/
.layoutPage {width:100%;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:810px; float:left; padding:3px;}
.layoutPage .OneColumnRight {width:170px; float:right; padding:3px;}

/* PROMO: TODO: Need to fix opacity for IE */
.promo {position:relative; width: 680px; height:325px;}
.promo .image {width:680px; height:250px;}
.promo .title {position:absolute;top:195px; left:5px; width:670px; height:50px; opacity: .85; background-color: #65470e; padding:2px;}
.promo .title a {color: #fff; font: 18px 'Arial'; font-weight: bold;}
.promo .thumbnail {width:129px;height:64px;border: 2px solid #000;padding:0px; opacity: 1; border: 2px solid #000;}
.promo .thumbnail.selected {border: 2px solid #65470e; opacity: 1;}
.promo .thumbnail.deselected {opacity: .6;}
.promo .thumbnail .image {position:relative;height:60px;width:125px;padding:0px;}

/* 05.16.2010 */
.update_box {border-style:dashed; border-width:2px; border-color:#ffffff; color: #ffffff; font-size:14px; padding:6px; }

/* 06.21.2010  Google search */
#googleSearchControl .gsc-control-cse{overflow-y: hidden}
#googleSearchControl .gsc-input { width:600px; }
#googleSearchControl td.gsc-search-button input.gsc-search-button { cursor:pointer; width:150px;border: 1px solid #efa500; color: #efa500; font-weight:bold; background-color: #000;}
#googleSearchControl td.gsc-search-button input.gsc-search-button:hover { cursor:pointer; width:150px;border: 1px solid #efa500; color: #fff; font-weight:bold; background-color: #000;}
#googleSearchControl .gsc-tabHeader.gsc-tabhActive {background-color: #fff}
#googleSearchControl .gs-webResult.gs-result:hover {background-color: #000}
#googleSearchControl div.gs-title a.gs-title {color: #efa500; font:14px 'Arial'; text-decoration: underline; }
#googleSearchControl div.gs-title a.gs-title:hover {color: #efa500; font:14px 'Arial'; text-decoration: none; }
#googleSearchControl div.gs-title a.gs-title b {color: #efa500; font:14px 'Arial'; font-weight:bold; text-decoration: underline; }
#googleSearchControl div.gs-title a.gs-title b:hover {color: #efa500; font:14px 'Arial'; font-weight:bold; text-decoration: none; }
#googleSearchControl .gs-visibleUrl.gs-visibleUrl-short{cursor:pointer; color: #efa500; text-decoration: none; }
#googleSearchControl .gs-visibleUrl.gs-visibleUrl-short:hover{cursor:pointer; color: #efa500; text-decoration: underline; }
#googleSearchControl .gsc-cursor .gsc-cursor-page {font: 12px 'Arial'; border: 1px solid #efa500; margin: 2px; padding: 3px; text-decoration: none; font-weight:bold; background: #000; color: #efa500;}
#googleSearchControl .gsc-cursor .gsc-cursor-page:hover {font: 12px 'Arial'; border: 1px solid #efa500; color: #fff; font-weight:bold; padding: 3px; }
#googleSearchControl .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page{font: 12px 'Arial'; font-weight: bold; padding: 3px; margin:2px; color:#fff; border:0px; }

/* CSS MENU HOLDERS */
#navmenu {
    background:#000 ;
    font: 16px 'Arial'; 
    font-weight:bold;
    width:100%;
    }
#navmenu, #navmenu ul {
    float:left;
    list-style:none;
    line-height:24px;
    padding:0;
    border:0px;
    margin:0;
    width:100%;
    }
#navmenu a {
    display:block;
    color:#f3f3f3;
    text-decoration:none;
    padding:0px 10px;
    }
#navmenu a.selected {
    display:block;
    color:#efa500;
    text-decoration:none;
    padding:0px 10px;
    }
#navmenu li {
    float:left;
    padding:0;
    }
#navmenu ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:170px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#navmenu li li {
    width:168px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:arial;
    }
#navmenu li li a {
    padding:10px 10px;
    width:140px;
    font: 12px 'Arial'; 
    color:#f3f3f3;
    }
#navmenu li ul ul {
    margin:-33px 0 0 120px;
    }
#navmenu li li:hover {
    background:#000;
    }
#navmenu li ul li:hover a, #navmenu li ul li li:hover a, #navmenu li ul li li li:hover a, #navmenu li ul li li li:hover a {
    color:#efa500;
    }
#navmenu li:hover a, #navmenu li.sfhover a {
    color:#efa500;
    }
#navmenu li:hover li a, #navmenu li li:hover li a, #navmenu li li li:hover li a, #navmenu li li li li:hover li a {
    color:#fff;
    }
#navmenu li:hover ul ul, #navmenu li:hover ul ul ul, #navmenu li:hover ul ul ul ul, #navmenu li.sfhover ul ul, #navmenu li.sfhover ul ul ul, #navmenu li.sfhover ul ul ul ul {
    left:-999em;
    }
#navmenu li:hover ul, #navmenu li li:hover ul, #navmenu li li li:hover ul, #navmenu li li li li:hover ul, #navmenu li.sfhover ul, #navmenu li li.sfhover ul, #navmenu li li li.sfhover ul, #navmenu li li li li.sfhover ul {
    left:auto;
    background:#000;
    }
#navmenu li:hover, #navmenu li.sfhover {
    background:#000;
    }