/*
----------------------------------------
01. default elements
----------------------------------------
*/

html, body, p, div, input, textarea, select, option, fieldset, label, h1, h2, h3, h4, h5, h6, img, a, a:link, a:active, a:hover, a:visited, form, ul, ol, li, dl, dt, dd, tr, td   { margin:0;  padding:0;  text-align:left;}

img,fieldset { border:none}

ul, li { list-style:none}
h1,h2,h3,h4,h5,h6 { font-weight:normal}

body { background:url("../images/bg-body.png") repeat top left; font-family:Arial, Helvetica, sans-serif}

p { font-size:12px; color:#000000; line-height:1.8em}
p a { color:#103d84; text-decoration:underline}
p a:hover { color:#000000}

h1 { font-size:18px; color:#000000; line-height:1em}
h1 a { color:#000000; text-decoration:none}
h1 a:hover { text-decoration:underline}

h3 { font-size:18px; color:#000000; line-height:1em}
h3 a { color:#000000; text-decoration:none}
h3 a:hover { text-decoration:underline}

h4 { font-size:18px; color:#000000; line-height:1em}
h4 a { color:#000000; text-decoration:none}
h4 a:hover { text-decoration:underline}

h5 { font-size:12px; color:#000000; font-weight:bold; line-height:1em}
h5 a { color:#000000; text-decoration:none}
h5 a:hover { text-decoration:underline}

/*
----------------------------------------
02. container and wrapper
----------------------------------------
*/

#container { width:1000px; margin:0 auto}

#wrapper { width:980px; float:left; background:url("../images/bg-wrapper-middle.png") repeat-y top left; padding:0 10px}
#wrapperbottom { width:1000px; height:17px; float:left; background:url("../images/bg-wrapper-bottom.png") no-repeat bottom left}

h1{ width:470px; float:left; padding-bottom:9px}
h1 span{float:left; border-bottom:1px solid #000000; padding-bottom:2px}
h3{ width:470px; float:left; padding-bottom:9px}
h3 span{float:left; border-bottom:1px solid #000000; padding-bottom:2px}
h4{ width:470px; float:left; padding-bottom:9px}
h4 span{float:left; border-bottom:1px solid #000000; padding-bottom:2px}
p{ padding-bottom:25px}
.bottomnone{ padding-bottom:12px}

.rssfeedh { float:right; font-weight:bold; padding:0 0 0 0}
.rssfeedh a{float:left; text-decoration:none; float:right; background:url("../images/icon-rssfeed01.png") no-repeat 0 3px; padding:0 0 0 22px}
.rssfeedh a:hover{ background:url("../images/icon-rssfeed02.png") no-repeat 0 3px}

/*
----------------------------------------
03. leftpanel
----------------------------------------
*/

#leftpanel { width:207px; float:left; padding:0 6px}

#leftpanel .logo{ width:207px; float:left; border-bottom:1px solid #cccccc; padding:6px 0 12px 0}
#leftpanel .logo a{ width:208px; height:149px; float:left; background:url("../images/logo.png") no-repeat; text-indent:-9999px; margin-right:-1px; position:relative}

#leftpanel .bookmarks { width:207px; float:left; text-align:center; margin:14px 0 14px 0}

#leftpanel .nav { width:207px; float:left; background:url("../images/divider01.gif") repeat-x bottom left; padding-bottom:2px}
#leftpanel .nav h4{ width:202px; height:23px; float:left; background:url("../images/bg-gradinat01.gif") repeat-x top left; font-size:12px; font-weight:bold; color:#FFFFFF; line-height:1.1em; padding:10px 0 0 5px}
#leftpanel .nav ul{ width:207px; float:left; font-size:12px; font-weight:bold}
#leftpanel .nav ul li{ width:207px; float:left; line-height:1em; background:url("../images/divider01.gif") repeat-x top left; padding-top:2px}
#leftpanel .nav ul li.first{ background:none; padding-top:0}
#leftpanel .nav ul li a{ width:183px; float:left; color:#103d84; text-decoration:none; background:url("../images/nav-bullet-blue.png") no-repeat 2px 13px; padding:14px 0 12px 24px}
#leftpanel .nav ul li a:hover{ color:#000; text-decoration:underline; background:#eeeeee url("../images/nav-bullet-black.png") no-repeat 2px 13px}
#leftpanel .navlist { width:207px; float:left}

/*
----------------------------------------
04. middlepanel
----------------------------------------
*/

#middlepanel { width:470px; float:left; padding:18px 11px 0 18px}

.sitesrating { float:left; padding:0 0 20px 0}
.sitesrating h3{ padding-bottom:25px}
.sitesrating .heading{ background:url("../images/bg-gradinat02.gif") repeat-x top left}
.sitesrating .heading td{ font-size:12px; color:#FFFFFF; border:none}
.sitesrating .casinoinfo { font-size:12px; color:#000000; font-weight:bold}
.sitesrating .casinoinfo a{ color:#103d84; text-decoration:underline}
.sitesrating .casinoinfo a:hover{ color:#000000}
.sitesrating .casinoinfo .bglogo{ width:97px; height:44px; line-height:.5em; background:url("../images/bg-boxlogo.gif") no-repeat center center; padding:1px}
.sitesrating .casinoinfo .gray{ background:url("../images/bg-gradinat04.gif") repeat-x bottom left}
.sitesrating .casinoinfo .pad{ padding:5px 0 0 5px};

#middlepanel .list{ width:570px; float:left;}
#middlepanel .list ul{ width:570px; float:left; font-size:12px; color:#103d84; line-height:1em; padding-top:5px; padding-bottom:15px; padding-left:10px;}
#middlepanel .list ul li{ width:570px; float:left; padding:5px;}
#middlepanel .list ul li a{ color:#103d84; text-decoration:underline;}
#middlepanel .list ul li a:hover{ color:#000000;}

.pagelist ul{font-size:12px; line-height:2em; margin-left:20px; list-style: circle;}
.pagelist li{font-size:12px; padding:10px; line-height:1.5em; list-style: circle;}

/*
----------------------------------------
05. rightpanel
----------------------------------------
*/

#rightpanel { width:237px; float:right; padding:18px 12px 0 12px}
#rightpanel h1{ width:237px}
#rightpanel h3{ width:237px}
#rightpanel h4{ width:237px}

.news-articles{ width:237px; float:left}
.news-articles .set{ width:237px; float:left; padding-bottom:15px}
.news-articles .set h5{ width:237px; float:left; padding-bottom:10px}
.news-articles .set p { padding-bottom:10px}
.news-articles .set p span{ width:237px; float:left; padding-bottom:7px}
.news-articles .more { width:237px; float:left; border-top:1px solid #cccccc; font-weight:bold; padding:16px 0 25px 0}
.news-articles .more a{ float:left; text-decoration:none; background:url("../images/nav-bullet-blue.png") no-repeat 3px 4px; padding:0 0 0 27px}
.news-articles .more a:hover{ background:url("../images/nav-bullet-black.png") no-repeat 3px 4px}
.news-articles .more a.rssfeed{ float:right; background:url("../images/icon-rssfeed01.png") no-repeat 0 3px; padding:0 0 0 22px}
.news-articles .more a.rssfeed:hover{ background:url("../images/icon-rssfeed02.png") no-repeat 0 3px}

#rightpanel .play{ width:160px; height:600px; float:left; padding:7px 40px 0 37px}

/*
----------------------------------------
06. footer
----------------------------------------
*/

#footer { width:980px; float:left; text-align:center; padding:19px 10px 35px 10px}
#footer p{ text-align:center; color:#ffffff}
#footer p a{ color:#ffffff}
#footer p a:hover{ text-decoration:none}

/*
----------------------------------------
08. breadcrumb
----------------------------------------
*/

.breadcrumb{ width:743px; float:right; background:#efefef; border-bottom:1px solid #CCCCCC; padding:16px 0 16px 0}
.breadcrumb ul{ width:745px; float:left; font-size:12px; font-weight:bold}
.breadcrumb ul li{ float:left; color:#103d84; background:url("../images/arrow01.gif") no-repeat 0 5px; padding:0 10px 0 12px}
.breadcrumb ul li.home{ background:none; padding:0}
.breadcrumb ul li.home a{ background:url("../images/icon-home.gif") no-repeat; padding:0 10px 0 23px}
.breadcrumb ul li a{ float:left; color:#103d84}
.breadcrumb ul li a:hover{ color:#000000}

/*
----------------------------------------
09. wrapper-inner1 - inner - pages
----------------------------------------
*/

#wrapperinner1 { width:980px; float:left; background:url("../images/bg-wrapper-middle-inner1.png") repeat-y top left; padding:0 10px 25px 10px}
#wrapperbottominner1 { width:1000px; height:17px; float:left; background:url("../images/bg-wrapper-bottom-inner1.png") no-repeat bottom left}

#wrapperinner1 #middlepanel { width:455px;  padding:15px 10px 0 18px}
#wrapperinner1 #middlepanel h1{ width:455px}
#wrapperinner1 #middlepanel h3{ width:455px}
#wrapperinner1 #middlepanel h4{ width:455px}

.topplay { width:728px; height:90px; float:right; background:#efefef; border-bottom:1px solid #CCCCCC; padding:13px 15px 14px 0}

#wrapperinner1 #middlepanel .casinoreview { width:455px; float:left}
#wrapperinner1 #middlepanel .casinoreview .heading h1{ width:auto; float:left; padding:0}

.casinoreview { width:455px; float:left}
.casinoreview .heading { width:455px; float:left; padding-bottom:0}
.casinoreview .rating { float:right; padding:0 13px 0 0}
.casinoreview .rating p { float:left; padding-right:5px}
.casinoreview .star-rating { width: 85px; float:left; background: url("../images/star-grey.png") 0 0 repeat-x; margin-top:3px}
.casinoreview .star-rating div { height: 14px; background: url("../images/star-yellow.png") 0 0 repeat-x}
.casinoreview .rating .icon{ float:left; line-height:.5em; padding:4px 0 0 4px; position:relative}
.casinoreview .icon:hover .tooltip { display:block; position:absolute}
.casinoreview .tooltip{ width:235px; float:left; background:url("../images/bg-tooltip.png") repeat-y; position:absolute; bottom:23px; left:-20px; display:none; padding:5px 0 5px 9px}
.casinoreview .tooltip .arrow{ width:20px; height:11px; float:left; background:url("../images/arrow01.png") no-repeat; position:absolute; bottom:-10px; left:20px}
.casinoreview .tooltip p { color:#FFFFFF; line-height:1.6em}
.casinoreview .tooltip .bold p span { font-weight:bold;}

.casinoreview .logo { float:left; line-height:.5em}
.casinoreview .buttons { float:right; padding:25px 13px 0 0}
.casinoreview .button { float:left; font-size:18px; color:#103d84; padding-left:20px}
.casinoreview .button a { float:left; color:#103d84; text-decoration:underline; background:url("../images/icon-visit.gif") no-repeat 0 0; padding:0 0 3px 29px}
.casinoreview .button a:hover { color:#000000}
.casinoreview .button a.download { background:url("../images/icon-download.gif") no-repeat 0 0}

.casinoreview .bonus { width:453px; height:44px; float:left; background:url("../images/bg-bonus.gif") no-repeat; border:1px solid #999999; margin:20px 0 10px 0; position:relative}
.casinoreview .bonus a{ width:453px; height:44px; float:left; color:#103d84; text-decoration:underline}
.casinoreview .bonus a:hover{ text-decoration:none}
.casinoreview .bonus a h3{ color:#103d84; text-align:center; text-decoration:underline; padding-top:14px}
.casinoreview .bonus a:hover h3{ text-decoration:none}
.casinoreview .info { width:456px; float:left; padding:0 10px 0 0}
.casinoreview .info p { line-height:1.8em; padding:11px 0}
.casinoreview .bottom { float:left}
.casinoreview .bottom .button { padding:0 20px 0 0}

#wrapperinner1 #rightpanel { width:250px; padding:15px 13px 0 14px}
#wrapperinner1 #rightpanel h1{ width:250px}
#wrapperinner1 #rightpanel h3{ width:250px}
#wrapperinner1 #rightpanel h4{ width:250px}

#rightpanel .screenshot { width:250px; float:right}
#rightpanel .screenshot h3 { padding-bottom:15px}
#rightpanel .screenshot .photo { width:250px; float:left; line-height:.5em; padding-bottom:18px}

/*
----------------------------------------
07. wrapper-inner2 - inner - pages
----------------------------------------
*/

#wrapperinner2 { width:980px; float:left; background:url("../images/bg-wrapper-middle-inner2.png") repeat-y top left; padding:0 10px 25px 10px}
#wrapperbottominner2 { width:1000px; height:17px; float:left; background:url("../images/bg-wrapper-bottom-inner2.png") no-repeat bottom left}

#wrapperinner2 #middlepanel { width:570px; float:left; padding:15px 10px 0 20px}
#wrapperinner2 #middlepanel h1{ width:570px; padding-bottom:15px}
#wrapperinner2 #middlepanel h3{ width:570px}
#wrapperinner2 #middlepanel h4{ width:570px}

#middlepanel h5{ width:570px; float:left; padding:5px 0 15px 0}

#middlepanel .news-articles{ width:570px}
#middlepanel .news-articles h3{ padding-bottom:25px}
#middlepanel .news-articles .set{ width:570px}
#middlepanel .news-articles .set h5{ padding:0 0 10px 0}
#middlepanel .news-articles .set p { padding-bottom:10px}
#middlepanel .news-articles .set p span{ width:570px}
#middlepanel .news-articles .more { width:570px;  padding:16px 0 25px 0}

#wrapperinner2 #middlepanel .latestcasinonews{ width:570px; float:left; padding-bottom:18px}
#wrapperinner2 #middlepanel .latestcasinonews h1{ width:auto; float:left; padding:0}
#wrapperinner2 #middlepanel .latestcasinonews .rssfeedh{ float:right}
#wrapperinner2 #middlepanel .newslist{ width:570px; float:left; border-top:1px solid #CCCCCC; padding-top:18px}

#wrapperinner2 .bookmarks2 { width:570px; float:left; padding-bottom:15px}

#wrapperinner2 #rightpanel { width:140px; float:right; padding:15px 0 0 20px}
#wrapperinner2 #rightpanel h1{ width:140px}
#wrapperinner2 #rightpanel h3{ width:140px; padding-bottom:20px}
#wrapperinner2 #rightpanel h4{ width:140px}

#rightpanel .archives { width:140px; float:left}
#rightpanel .archives h4 { font-size:12px; font-weight:bold; padding-bottom:8px}
#rightpanel .archives .years { width:138px; float:left; padding-left:2px}
#rightpanel .archives .years ul { width:128px; float:left; padding:0 0 8px 10px}
#rightpanel .archives .years ul li { width:128px; float:left; font-size:12px; color:#103d84; line-height:1em; padding-bottom:12px}
#rightpanel .archives .years ul li a { float:left; color:#103d84; text-decoration:underline; background:
url("../images/bullet01.gif") no-repeat 0 4px; padding-left:16px}
#rightpanel .archives .years ul li a:hover { color:#000000; background:url("../images/bullet02.gif") no-repeat 0 4px}
#rightpanel .archives .playnow { width:120px; float:left; border:none}