/*-------------------------------
@CSS Author: Hendra Ruswandi
@copyright 2010
@mail: hendra.ruswandi@gmail.com
 --------------------------------*/

/*========================================================================*/
/*		MAIN ELEMENTS													  */
/*========================================================================*/
*{ margin:0px; padding:0px; }

body{ margin:0px; padding:0px; background:#313f40 url(images/bg_body.gif) no-repeat top center; font:normal 12px/1.5em Arial; color:#fff; }
blockquote, q {quotes:"" ""; font-style:italic; }
small { font:normal 11px/1.3em Arial; }
small.date { font:normal 11px/1.3em Arial; color:#abbcc0; }


.input-text {padding:3px; font:100%/1.5 "arial", sans-serif;s}
.input-text-02 {padding:5px; font:140%/1.5 "arial", sans-serif;}
.input-submit {padding:5px; font-size:120%;}
.input-submit-02 {padding:1px; font-size:100%;}
.msg {padding:10px; padding-left:35px;}
.msg.warning {background:url("design/ico-warning.gif") 10px 50% no-repeat;}
.msg.info {background:url("design/ico-info.gif") 10px 50% no-repeat;}
.msg.done {background:url("design/ico-done.gif") 10px 50% no-repeat;}
.msg.error {background:url("design/ico-delete.gif") 10px 50% no-repeat;}


a img, a:hover img { border:none; } 
img.right { float:right; margin: 5px 0px 10px 10px; }
img.left { float:left; margin: 5px 10px 5px 0px; }
img { margin:0px; padding:0px; border:none; }
img.iconside { float:left; margin:0px 3px -3px 0px; padding:0px; }
img.iconside2 { float:left; margin:2px 3px 0px 0px; padding:0px; }

h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px; color:#fff; }
h1 { font:bold 20px/1em Arial; }
h2 { font:bold 18px/1em Arial; }
h3 { font:bold 16px/1em Arial; }
h4 { font:bold 14px/1em Arial; }
h5 { font:bold 12px/1em Arial; }
h6 { font:bold 9px/1em Arial; }

a { color:#00dfdf; border:none; text-decoration:none; }
a:hover { color:#00dfdf; border:none; text-decoration:none; }

/* different selectors */
.float_left { float:left; width:auto; border:none; }
.float_right { float:right; }
.clear { clear:both; margin:0px; padding:0px; height:0px; line-height:0; }
.space { clear:both; display:block; margin:0px; padding:0px; height:10px; border:none; font:normal 1px arial; }
.line1 { display:block; background:url(images/line1.png) repeat-x; margin:10px 0; padding:1px 0;  }
.line2 { display:block; background:url(images/line2.gif) repeat-x; margin:10px 0; padding:1px 0;  }
.line { margin:0 0 10px 0; padding:10px 0 0 0; border-bottom:1px dashed #aaa; }
.exclamation { padding:0 0 0 20px; background:url(images/ico_warning.png) 0 0 no-repeat; }
.checklist { margin:2px 0; padding:3px 0 3px 20px; background:url(images/ico_checklist.gif) 0 0 no-repeat; }
.checklist_n { margin:2px 0; padding:3px 0 3px 20px; background:none; }

/* typo new selectors */
.shnormal { font-style:normal; }
.shbold { font-weight:bold; } 
.shcenter { text-align:center; }
.shtxtab { margin-left:20px; }

/* color selectors */
.clr_red { color:#ff0000; }
.clr_green { color:#20aa00; } 
.clr_blue { color:#201da0; }
.clr_org { color:#ff4000; }
.clr_yell { color:#fff55c; }  
.clr_gray { color:#abbcc0; }

/* messages */
.mserror, .msnotice, .mssuccess { padding:5px; margin-bottom:1em; border:1px solid #ddd; }
.mserror { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; } .mserror a {color:#8a1f11;}
.msnotice { background:#FFF6BF; color:#514721; border-color:#FFD324; } .msnotice a {color:#514721;}
.mssuccess { background:#E6EFC2; color:#264409; border-color:#C6D880; } .mssuccess a {color:#264409;}


/*========================================================================*/
/*		HEADER														      */
/*========================================================================*/
#wrap_header { clear:both; margin:0px; padding:0px; width:100%; background:url(images/wrap_header.png) repeat-x; }
.header { margin:0px auto; padding:0px; width:960px; height:130px; background:url(images/header.png) right no-repeat; }
.headtop { clear:both; width:960px; height:100px; }
.headtop .left { float:left; padding:40px 0 0 0; }
.headtop .right { float:right; padding:40px 0 0 0; } .headtop .right a, .headtop .right a:hover { margin:0 10px; color:#00dfdf; font:normal 12px Arial; text-decoration:none; }


/* with ddmenu */
.mainmenu { clear:both; padding:0 0 0 10px; width:950px; height:30px; background:url(images/mainmenu.png) repeat-x; border-left:1px solid #ff5126; }
.menuTop, .menuTop ul{ margin:0px 0px 0px 0; padding:0; list-style-type:none; list-style-position:outside; position:relative; border:none; }
.menuTop a { display:inline-block; margin:0; padding:5px 20px 0 20px; width:auto; height:25px; color:#fff; font:normal 12px Arial; text-decoration:none; text-align:center; background:transparent; }
.menuTop a:hover{ background:url(images/mainmenu_on.png) repeat-x; color:#fff; }
.menuTop a.active{ background:url(images/mainmenu_on.png) repeat-x center; color:#fff; }
.menuTop li{ float:left;  position:relative;}
.menuTop ul { margin:0px; position:absolute; display:none; }
.menuTop li ul a{ position:relative; margin:0px; padding:5px; width:150px; height:auto; float:left; background:#e86a30; text-align:left; border-bottom:1px solid #febc7f; z-index:1000; display:block;}
.menuTop li ul a:hover { background:#febc80; color:#000; border-bottom:1px solid #febc7f;}

.menuTop ul ul{ top:auto; }	
.menuTop li ul ul { margin:0px 0 0 10px; }
.menuTop li:hover ul ul, .menuTop li:hover ul ul ul, .menuTop li:hover ul ul ul ul{ display:none; }
.menuTop li:hover ul, .menuTop li li:hover ul, .menuTop li li li:hover ul, .menuTop li li li li:hover ul{ display:block; }


/* sub menu */
.submenu { display:block; padding:10px; background:#4f666c; }

/*========================================================================*/
/*		PAGE														      */
/*========================================================================*/
#wrap_content { clear:both; margin:0px; padding:0px; width:100%; background:none; }
#page { margin:0px auto; padding:0px; width:960px; height:auto; background:#3d5054; border-right:1px solid #4f666c; border-bottom:1px solid #4f666c; border-left:1px solid #4f666c}
.pagein { padding:10px; width:940px; height:auto; }
/*============== CONTENT LEFT ==============*/
.contleft { float:left; width:700px; border:none }
.contleft h1.tit { font:normal 20px/2em "Myriad Pro", Arial; }
.contleft h3.tit { font:normal 16px/2em "Myriad Pro", Arial; }

.contleft .in { float:left; padding:10px; width:680px; background:#4f666c; border:none }

/* bonuses */
.tabbonus { width:700px; height:50px; background:url(images/tabbonus.gif) repeat-x; }
.tabbonus ul { list-style:none; }
.tabbonus ul li { float:left; margin-right:3px; }
.tabbonus ul li a.nodep { display:block; width:200px; height:50px; background:url(images/bonnodep.gif); text-indent:-9999px; }
.tabbonus ul li a.nodep:hover { display:block; width:200px; height:50px; background:url(images/bonnodep_on.gif); text-indent:-9999px; }
.tabbonus ul li a.nodepon { display:block; width:200px; height:50px; background:url(images/bonnodep.gif); text-indent:-9999px; }
.tabbonus ul li a.nodepon_act { display:block; width:200px; height:50px; background:url(images/bonnodep_on.gif); text-indent:-9999px; }

.tabbonus ul li a.signup { display:block; width:200px; height:50px; background:url(images/bonsignup.gif); text-indent:-9999px; }
.tabbonus ul li a.signup_act { display:block; width:200px; height:50px; background:url(images/bonsignup_on.gif); text-indent:-9999px; }
.tabbonus ul li a.signup:hover { display:block; width:200px; height:50px; background:url(images/bonsignup_on.gif); text-indent:-9999px;  }

a.bnsinfo { display:block; padding:3px 0 0 0; width:80px; height:17px; font:normal 11px Arial; color:#fff; background:url(images/but_sub1.gif) top repeat-x; }
a.bnsinfo:hover { display:block; padding:3px 0 0 0; width:80px; height:17px; font:normal 11px Arial; color:#fff; background:url(images/but_sub1.gif) top repeat-x; background-position:0 -20px; }

/* bonuses */
.reviews { width:700px; border:none }
.reviews .sleft { float:left; width:470px; background:url(images/linev.gif) repeat-y right; }
.reviews .sleft .img { float:left; width:220px; }
.reviews .sleft .desc { float:right; padding:0 10px; width:230px; }
a.readmore { display:block; padding:3px 0 0 0; width:90px; height:17px; font:normal 11px Arial; color:#fff; background:url(images/but_sub1.gif) top repeat-x; text-align: center; }
a.readmore:hover { display:block; padding:3px 0 0 0; width:90px; height:17px; font:normal 11px Arial; color:#fff; background:url(images/but_sub1.gif) top repeat-x; background-position:0 -20px; }
.reviews .sright { float:left; padding:0 10px; width:210px; }

/* res */
.res { width:700px; border:none }
.res .col { float:left; margin:0 20px 0 0; width:210px; font:normal 11px Arial; border:none }
.res .col ul { list-style:none; }
.res .col ul li { margin:5px 0; }
.res .col small { list-style:none; font:normal 10px Arial; }
a.more { display:block; padding:3px 0 0 0; width:60px; height:17px; font:normal 11px Arial; color:#fff; background:url(images/but_sub1.gif) top repeat-x; text-align: center; }
a.more:hover { display:block; padding:3px 0 0 0; width:60px; height:17px; font:normal 11px Arial; color:#fff; background:url(images/but_sub1.gif) top repeat-x; background-position:0 -20px; } 

/*============== CONTENT MIDDLE LEFT ==============*/
.contmidleft { float:left; width:470px; border:none }
a.getbonus { display:block; width:100px; height:20px; background:url(images/but_getbonus.png); text-indent:-9999px; }
a.getbonus:hover { background:url(images/but_getbonus.png) 0 -20px; }
a.download { display:block; width:100px; height:20px; background:url(images/but_download.png); text-indent:-9999px; }
a.download:hover { background:url(images/but_download.png) 0 -20px; }
a.playnow { display:block; width:220px; height:50px; background:url(images/but_playnow.png); text-indent:-9999px; }
a.playnow:hover { background:url(images/but_playnow.png) 0 -50px; }

.contmidleft h1,h2,h3,h4,h5,h6 { margin:5px 0; } 
.contmidleft ul { margin:0 0 0 20px; }
.contmidleft .in { float:left; display:block; padding:10px; width:450px; background:#4f666c; border:none }

.contmid { float:left; width:700px; border:none }
.contmid h1,h2,h3,h4,h5,h6 { margin:5px 0; } 
.contmid ul { margin:0 0 0 20px; }
.contmid .in { float:left; display:block; padding:10px; width:450px; background:#4f666c; border:none }



/* comments */
.commentlist { clear:both; padding:10px 0; border-bottom:1px solid #4f666c; }
.commentlist .avatar { float:left; display:block; width:60px; }
.commentlist .comment { float:left; width:400px; }

/*============== SIDERIGHT ==============*/
.sideright { float:right; width:220px; }
.sideright .in { padding:10px; background:#4f666c; }

.connectus .box { float:left; width:100px; }

/*============== SIDEMID ==============*/
.sidemid { float:left; margin:0 10px; width:220px; }
.sidemid .tit { display:block; padding:10px; width:200px; font:bold 13px "Myriad Pro", Arial; color:#fff; background:#1f2829; text-transform:uppercase;  }
.sidemid .box { padding:10px; width:200px; background:#313f40; font:normal 11px Arial; border-top:1px solid #3d5054; } 
.sidemid ul, .sidemid .box ul { margin:0 0 0 20px; }




/* box rounded style */
.box_wrap { width:404px; font:normal 14px "Myriad Pro", Arial; color:#656565; }
.box_top { display:block; width:404px; height:9px; background:url(images/box_top.png) top no-repeat; font-size:0; }
.box_box { display:block; padding:10px; width:384px; height:auto; font:normal 13px/1.3em Arial; background:url(images/box_box.png) repeat-y; }
.box_bot { display:block; width:404px; height:9px; background:url(images/box_bot.png) top no-repeat; font-size:0; }


/*========================================================================*/
/*		FOOTER														      */
/*========================================================================*/
#footer { clear:both; margin:0px auto; padding:10px 0px; width:960px; background:transparent; font:normal 12px/1.5em Arial; color:#fff; text-align:center; }
#footer a { margin:0 5px; padding:0; color:#00dfdf; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/*========================================================================*/
/*		FORM ELEMENTS													  */
/*========================================================================*/
form { margin:0px; padding:0; }
input.txt { float:left; margin:0px; padding:5px 5px 3px 5px; width:400px; height:20px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0; }
input.txt_newsl { float:left; margin:0px; padding:4px 5px 3px 5px; width:190px; height:18px; background:#fff; font: normal 12px/1em Arial; color:#464646; border:1px solid #c0c0c0; }
input.comment { float:left; clear:both; margin:5px 0px; padding:5px 5px 3px 5px; width:220px; height:18px; background:#fff; font: normal 12px/1em Arial; color:#464646; border:none; }

input[type=text] {  }
input[type=password] { }
input[type=radio] { margin:0; }
input[type=checkbox] { margin:0; }
input[type=file] { margin:0; }

input.button { margin:0; padding:0px 10px 3px 10px; width:80px; height:25px; background:url(images/bg_menu.gif); font:bold 13px/1em Arial; color:#fff; border:none; cursor:pointer; } 
input.but_submit { margin:0; padding:0 10px; width:70px; height:20px; background:url(images/but_sub1.gif) repeat-x top; font:bold 11px/1em Arial; color:#fff; border:none; cursor:pointer; }
input.but_submit:hover { background-position:0 -20px; }
input.but_subcom { margin:0; padding:0 10px; width:200px; height:30px; background:url(images/but_sub2.gif) repeat-x top; font:bold 11px/1em Arial; color:#fff; border:none; cursor:pointer; }
input.but_subcom:hover { background-position:0 -30px; }
input.but_postcomment { margin:0; padding:0 10px; width:150px; height:20px; background:url(images/but_postcomment.png) repeat-x top; border:none; cursor:pointer; }
input.but_postcomment:hover { background-position:0 -20px; }

select.basic { padding:2px; width:262px; height:25px; }

textarea.comment { float:left; margin:3px 0; padding:5px; width:350px; height:100px; border:1px solid #c0c0c0; }

/*========================================================================*/
/*		DTD STYLE FORM													  */
/*========================================================================*/
dl.control form { margin:5px; padding:0px; width:500px; }

dt { clear: both; display:block; height:24px; margin:5px 0; }
dt.autoheight { display:block; height:auto; margin:5px 0; padding:5px 0; }

dt label.basic { float:left; padding:5px 5px 0px 0px; width:80px; font:normal 13px/1em Arial, Helvetica, sans-serif; color:#024769; text-align:left; }
dt label.autoheight { display:block; height:auto; margin:5px 0; padding:5px 0; border:1px solid; }

dt p {  display:inline-block; float:left; line-height:22px; }
dt p.desc { margin:0px 0 5px 0; width:400px; line-height:15px; }

dt input.txt { margin:0px; padding:2px 5px 0px 5px; width:250px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0; }

dt input.button { margin:1px 0px; padding:0px 15px 3px 15px; width:106px; height:30px; background:url(images/bg_but2.png); font:bold 15px/1em Arial; color:#024769; border:none; cursor:pointer; }

dt select { float:left; padding:2px; width:262px; }
dt textarea.basic { float:left; padding:5px; width:400px; height:150px; border:1px solid #c0c0c0; }

/*========================================================================*/
/*		TABLE ELEMENTS													  */
/*========================================================================*/
table { margin:5px 0; padding:0; border-collapse:separate; border:1px solid; }
table.bonus { clear:both; margin:0px; width:680px; border-collapse:collapse; border:none; }
.bonus td{text-align:center}
table.mrev { clear:both; margin:0px; width:210px; font:normal 11px Arial; border-collapse:collapse; border:none; }
table.mrev tr, table.mrev td { margin:0px; padding:2px; width:auto; height:auto; text-align:left; }
table.casino { clear:both; margin:0px; width:200px; font:normal 11px Arial; border-collapse:collapse; border:none; }
table.casino tr, table.casino td { margin:0px; padding:2px; width:auto; height:auto; text-align:left; }

tr { margin:0px; padding:3px; width:auto; height:auto; }
tr.bon { margin:0px; padding:3px; width:auto; height:auto; border-bottom:1px solid #607b82; }
tr.bon td { border-bottom:1px solid #607b82; }
th.noline { padding:0px 5px; height:26px; background:none; color:#272727; text-align:left; border:none; }
td { height:auto; padding:5px 5px; }
td.alleft { height:auto; text-align:left; padding:5px 5px; border:none;}
td.alright { height:auto; text-align:right; padding:5px 5px; border:none;}
td.bnsinfo { height:auto; width:80px; padding:5px 5px; border:none;}
td.noline { height:auto; text-align:left; padding:5px; border:none;}

/* accordion */
div#test-accordion { margin:0; }
div.accordion { position: relative; /* required for bounding */ }
div.accordion-toggle { position: relative; /* required for effect */ z-index: 10; /* required for effect */ background: #eee; cursor: pointer; }
div.accordion-toggle-active { background: #fff; }
div.accordion-content { overflow: hidden;	/* required for effect */ background: #aaa; }

/**/

div#test-accordion{ background-color:#4f666c; padding:0; }
div.accordion { position: relative; /* required for bounding */ width:200px; }
div.accordion-toggle { 
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
	background:#3d5054 url(images/arrtoggle.gif) no-repeat 180px 15px;
	color:#00dfdf;   
    cursor: pointer;
	margin-bottom:1px;
	padding:9px 14px 6px 14px;
}
div.accordion-toggle:hover, div.accordion-toggle-active{
	background:#313f40 url(images/arrtoggle_on.gif) no-repeat 180px 15px; color:#fff;
}

div.accordion-content{ overflow: hidden;	/* required for effect */ background: #4f666c; padding:10px; color:#fff; border:1px solid #313f40; }