/*coral.co.uk Games + Casino
structure games-page, coloring see games.css (except most of header)*/

/*TOC*/
/*RESET RELOAD*/
/*CLEARFIX*/
/*HEADER*/
/*NAVIGATION*/
/*FOOTER*/
/*MAIN*/
/*DEFAULT CSS_STYLED_CONTENT*/

/*RESET RELOAD -start-*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
color:inherit;
text-align:inherit;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;font: 68.75%/1em Verdana,Arial,Helvetica,sans-serif;text-align:center;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: 400;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*RESET RELOAD -end-*/

/*CLEARFIX -start-*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;} /*Those two .clearfix have to be separate!)*/
.clearfix {display:block;}
* html .clearfix {height:1px;}
/*CLEARFIX -end-*/

/*HEADER -start-*/
#H {color:#00109A;line-height:1em;}
#H ul {list-style: none;}
#H a {font-weight:700;color:#fff;}
#H li {line-height:1.7em;}
#H p {line-height:1.2em;padding:0.2em 0;}
#H-c {height:80px;margin:0 auto;position:relative;width:980px;z-index:21;}
#H-c-logo {left:0;position:absolute;top:9px;}
#H-c #H-c-logo a {margin:0;padding:0;}
#H-c li {border-top:1px solid #00256E;display:block;float:left;}
#H-c a {display:block;padding:4px 12px 6px;text-decoration:none;}
#H .forgot {font-size:0.9em;}
#H .forgot a {background:transparent;padding:0;text-align:left;text-decoration:underline;}
#H-c-nav-left {bottom:0;left:0;list-style-type:none;position:absolute;}
#H-c-nav-left li {display:inline;line-height:1em;margin-right:1px;}
#H-c-nav-left a {text-transform:uppercase; padding-left:6px; padding-right:6px;}
#H-c-nav-left li.active a {border-left:1px solid #00256F;border-right:1px solid #00256F;color:#021D69;}
#H-c-nav-right {bottom:0;list-style-image:none;list-style-position:outside;list-style-type:none;position:absolute;right:0;}
#H-c-nav-right li {display:inline;line-height:1em;margin-left:1px;}
#H-c-nav-right li.important {border-bottom:1px solid #00256E;border-right:1px solid #00256F;border-top:1px solid #FEC900;}
#H-c-nav-right li.important a {background:#FEC900 url(../img/bg_important.gif) repeat-x center bottom;color:#00256E;}
#H-c-form {float:right;margin:0;padding-top:3px;text-align:left;}
#H-c-form .border {background:#021D69; padding:1px; *padding:0 1px; *margin-top:1px;}
#H-c-form label {display:block;color:#fff;}
#H-c-form label.hidden {visibility: hidden;}
#H-c-form .borderTransp {float:left;}
#H-c-form .borderSubmit {padding-left:2px;}
#H-c-form input {background:#fff url(../img/form_input_background.gif) repeat-x left center;border:0 none;color:#5E5F5F;font-size:1.2em;margin:0;padding:3px 0 2px 2px;width:7em;}
#H-c-form .submit {background:transparent url(../img/bg_submit.gif) no-repeat left center;color:#021D69;font-size:13px;font-weight:700;padding:3px 0 2px 2px;width:56px;}
#H-c-form a {clear:both;color:#7FBFFE;display:block;font-weight:400;line-height:1.2em;text-align:left;}
#loggedIn {color:#fff;font-size:1em;font-weight:bold;line-height:24px;position:relative;text-align:left;z-index:21;}
#loggedIn .border-dark {background:#063AA1;border-bottom:1px solid #032276;float:right;position:relative;}
#loggedIn .border-light {border:1px solid #3359AA;border-top:none;}
#loggedIn a {display:inline;font-size:0.9em;padding:0;text-decoration:none;vertical-align:bottom;}
#loggedIn span {display:block;float:left;padding:0 6px;}
#loggedIn .line {background:transparent url(../img/bg_dotted_line.gif) repeat-y right center;}
#loggedIn .gold {color:#FFE400;font-weight:normal;line-height:22px;padding-top:1px;}
#loggedIn .small {line-height:22px;padding-top:1px;}
#loggedIn .contact {line-height:22px;margin-right:2px;padding:8px 5px 6px;position:relative;}
#loggedIn .contact img {display:block;}
#loggedIn .weight-normal {display:inline;float:none;font-weight:normal;padding:0;}
#accountOptions h2 {border-top:1px solid #93A5CB;color:#fff;font-size:1em;line-height:1.6em;padding:0.2em 0 0 0.6em;}
#accountOptions h2.funds {background:#001C62 url(../img/bg_funds.gif) no-repeat right center;}
#accountOptions h2.history {background:#001C62 url(../img/bg_history.gif) no-repeat right center;}
#accountOptions h2.account {background:#001C62 url(../img/bg_account.gif) no-repeat right center;}
#accountOptions {background:#063AA1 url(../img/bg_account_options.gif) no-repeat right top;border:none;float:left;margin:2px 1px 0 0;position:relative;width:180px;z-index:21;}
#accountOptions .last {border-bottom:none;}
#accountOptions li {border:none;clear:both;width:100%;}
#accountOptions li a {display:block;font-size:1em;font-weight:700;line-height:20px;padding-left:8px;}
#accountOptions ul {display:block;left:-999em;position:absolute;top:1.7em;width:180px;z-index:10;}
#accountOptions ul li {border-bottom:1px solid #3E63B5;display:block;width:180px;z-index:6;}
#accountOptions ul a {background-color:#2E55AC;display:block;font-weight:400;}
#accountOptions ul a:hover {background:#001C62;}
#accountOptions:hover ul, #accountOptions li.sfhover ul {left:0;line-height:1.2em;}
#accountOptions li.sfhover ul a {width:172px;}

/*IE hover fix for fn.js*/
* html ul.g iframe {position: absolute;left:-0.25em;top:-0.25em;z-index:0;filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);}
iframe {position:absolute; top:0; left:0;}
/*HEADER -end-*/

/*NAVIGATION -start-*/
#N {margin-bottom:1.6em;}
#N ul {list-style: none;}
#N li {font-size:1.1em;line-height:1em;}
#N li a {text-indent:1px;display:block;font-size:0.9em;font-weight:700;padding-bottom:0.1em;line-height:2.4em;text-decoration:none;width:100%;}
#N li li {border-bottom:none;}
#N li li a {font-size:0.8em;font-weight:400;text-indent:10px;line-height:1.9em;}
#N li.act li a {background:none;}
/*NAVIGATION -end-*/

/*FOOTER -start-*/
#F {line-height:1em;margin:auto;padding:1em 0;text-align:center;width:980px;}
#F div {margin-bottom:1em;text-align:center;}
#F a {font-weight:400;margin:0 0.6em;text-decoration:none;}
#F a:hover {text-decoration:underline;}
#box6 {padding-top:1em;}
#box6 a {text-decoration:underline;}
#F img {margin:0 0.2em;}
/*FOOTER -end-*/

/*MAIN -start-*/
/*Overall styles*/
#Bbg {overflow:hidden;}
#B {width:980px;margin:0 auto;text-align:left;padding-bottom:4em;padding-top:22px;}
#B .border-bottom {margin-bottom:0.6em;}
#B strong, #F strong {font-weight:700;}
#B li {line-height:1.7em;}
#B p {line-height:1.8em;padding-bottom:1em;}
#B h1 {font: 2.9em/1em arial, sans-serif bold;font-weight:700;word-spacing:-3px;width:560px;line-height:1em;letter-spacing:-1px; clear: left;}
#B h2 {padding:0.4em 0 0.3em;font-weight:700;font-size:1.3em;line-height:1.4em;}
#B h2 a {text-decoration:none;}
#B h2 a:hover {text-decoration:underline;}
#B h3 {font-size:1em;font-weight:700;margin-bottom:1em;line-height:1.8em;}

.moreLink a {text-decoration:underline;font-weight:700;}
.hide, .hidden {display:none;}
.unhide {display:block;}

#col1 {width:160px;float:left;}
#col2 {width:794px;float:left;padding-left:10px;}
#col2 .marginBottom {margin-bottom:1em;}
#col2 ul, #col2 ol {padding:0 0 1em 3em;}

/*pt_blank.html*/

#blank {width:590px;padding-left:10px;}
#blank #B {margin:0;width:100%;padding-top:10px;}
#blank #col2 {margin:0;width:100%;}

/*Action buttons*/
#col2 .promoSingle a.moreinfo {visibility:hidden; display:none;}
#col2 .buttonAction {margin:0 0 0.6em;line-height:3em;}
.promoBox2 .buttonAction {position:absolute;bottom:0;left:390px;width:270px;margin:0;}
#col2 .buttonAction a {margin-right:4px;text-decoration:none;padding:0.3em 0.4em;font-size:1.4em;font-weight:700;text-transform:uppercase;}

/*Breadcrumb, Title, Jackpot*/
#col2top {position:relative;margin-bottom:6px;}
#crumb a {text-decoration: none; font-weight:400;font-size:0.9em;}
#crumb img {padding-bottom:1px;}
#crumb a:hover {text-decoration:underline;}
#jackpot {position:absolute;top:0.7em;right:0;}

/*Open Account*/
#openAccount a {margin-bottom:6px;font-size:1.6em;line-height:1.4em;padding-left:8px;text-decoration:none;display:block;padding-bottom:0.1em;}
#openAccount a:hover, #openAccount span {text-decoration:underline;}

/*Nifty Main Promotion*/
#promoGames .buttonAction {width:320px;}
#promoGames {background:none;margin-bottom:6px;padding:0;width:100%;position:relative;}
#promoGames .promotion {padding:6px;}
#promoGames .promoBox1 {float:left;}
#promoGames .promoBox2 {float:left; padding-left: 10px;width:50%;line-height:1.8em;}
#promoGames .promoText a, #promoGames .promoText a:visited {color: #ff3c00;}
#B #promoGames .promoBox2 h2 {font-family:arial,sans-serif;font-size:2em;font-weight:bold;letter-spacing:1px;line-height:1.2em;padding:0;}
#promoGames .promoText {margin-bottom:1em;}
#promoGames .promoText p {line-height:1.8em;}
#promoGames #promoNavi {position:absolute;bottom:10px;right:6px;visibility:hidden;width:100%;}
#promoGames .promoSignals {background:none;position:static;text-align:right;margin-bottom:4px;}
#promoGames .buttonBW  a.button {float:right;background:no-repeat left bottom;width:23px;height:23px;text-decoration:none;}
#promoGames .buttonFW a.button {margin-left:1em;float:right;background:no-repeat left bottom;width:23px;height:23px;text-decoration:none;}
#promoGames .promoSignals img {margin-left:0.4em;}
#promoGames .buttonBW  a.button:hover, #promoGames .buttonFW  a.button:hover {background-position:left bottom;}

/*Frames*/
#col2 .imageframe img {padding:5px;}
#col2 .imageframe dl.csc-textpic-image {float:none;}
#col2 .frame1 {padding:20px;}
#col2 .frame1 p {line-height:1.2em;}
#col2 .frame2 {padding:0.5em 1em 0.5em 1em; margin-bottom:1em;}
#col2 .frame2 h3{margin:0.5em; }
#col2 .frame2 h3.top {font-size:1.2em;line-height:1.4em; margin-top: 0em;}

/*Full Games List*/
#fullGamesList h2 {font-size: 1.4em;line-height:1em;}
#fullGamesList span.h2 {background:#fff;padding-right:0.2em;}
#fullGamesList ul {width:158px;float:left;list-style:none;padding-left:0;}
#fullGamesList ul li {line-height:1.4em;clear:left;width:100%;}
#fullGamesList ul h3 {background:none;padding:0;font-size:1.1em;margin-bottom:0;}
#fullGamesList ul a {width:99%;display:block;text-decoration:none;font-weight:400;font-size:0.9em;}
ul li.marginTop {margin-top:1em;}

/*List of Games (Hover Images)*/
#gamesList {margin-bottom:1em;}
#gamesList ul {padding:0;}
#gamesList ul li {float:left;list-style-type:none;margin:0;padding:0}
/*(Hint: Every middle Game needs an extra class)*/
#gamesList ul li a.center {margin: 0 4px;}
#gamesList .game .border {width:246px;height:130px;padding:1px;display:block;}
#gamesList a.center {margin: 0 4px;}
#gamesList a.game span.game-h2 {font-size:1.2em;margin-bottom:5px;padding:0 0 0.3em 4px; display:block; font-weight:700; line-height:1em;text-transform:uppercase;}
#gamesList a.game {display:block;font-size:1.1em;position:relative;text-decoration:none;width:254px;padding:8px 0 6px 6px;margin:0 0 4px;}
#gamesList a.game img {height:129px;width:244px;border:1px solid #00256e;}
#gamesList a.game span.game-text {left:-999em;position:absolute;font-weight:400;font-size:0.9em;line-height:1.6em;width:237px;}
#gamesList a.game span.game-h3 {left:-999em;position:absolute;font-size:1.2em;font-weight:700;line-height:2.1em;text-align:center;width:240px;text-transform:uppercase; display:block;background:#003969 url(../img/gameslist_button_bg.jpg) repeat-x;}
/*#casino #gamesList a.game span.game-h3 {background:none;}*/

#gamesList a.game .twobuttons {display:block;line-height:1em;padding:0.3em 0 0.2em;overflow:hidden;font-size:0.7em;}
#gamesList a.game .fun {background:#2756bd;width:120px;float:left;}
#gamesList a.game .real {background:#047500;width:119px;margin-left:1px;float:right;}
/*#gamesList a.game .small {font-size:0.7em;display:block;}*/
#gamesList a.game .twobuttons strong {font-size:1.6em;line-height:1.1em;}




#gamesList a.game span.game-container {height:142px; width:260px; display:block; background:#fff; position:absolute;bottom:0; left:0;opacity:0.01;filter: alpha(opacity=1); -moz-opacity: 0.01;cursor:pointer;}




#gamesList a.game:hover span.game-text {left:10px; top:3em;cursor:pointer;}

#gamesList a.game:hover span.game-h3 {left:10px;bottom:10px;cursor:pointer;}


#gamesList a.game:hover img {opacity:0.05;filter: alpha(opacity=5); -moz-opacity: 0.05;}


/*CrossPromos*/
#crossPromo a.crossPromoLink {display:block;text-decoration:none;margin-bottom:1em;}
#crossPromo a.crossPromoLink .crossPromoHeader {padding:0.2em 0.2em 0;font-size: 1em;font-weight:700;display:block;}
#crossPromo a.crossPromoLink .crossPromoText {padding:0.3em 0.2em 0.2em;font-weight:400;line-height:1.2em;font-size:0.9em; display:block;padding-bottom:1em;}

/*Promos (ListView)*/
#col2 .promoList {margin-bottom:0.6em;}
#col2 .promoList .text h2 {font-size:1.6em;font-weight:400;background-image:none;padding:0;}
#col2 .promoList a:hover {text-decoration:underline;}
#col2 .promoList img {float: left;}
#col2 .promoList .promoListText {margin-left: 292px;padding: 0.6em 0.6em 0.6em 0;line-height:1.8em;}
#col2 .promoList .promoListText p {line-height:2em;}

/*Promo (SingleView) & Games (SingleViw)*/
.fceGamesDescription .fceGamesDescriptionImage {float:right;margin-left:10px;}
.arrow {width:12px;height:15px;display:block;float:left;}
.headerLine {line-height:1.3em;cursor:pointer;}
.headerText {text-decoration:underline;font-weight:normal;}
#termsCond {clear:both;}
#termsCond .content {margin-top:1em;}
.promoSingle .right {float:right;margin:0 0 1em 1em;}
.promoSingle .left {float:left;margin:0 1em 1em 0;}
.promoSingle .tummyBox {width:400px;}

/*news*/
/* #news h2 {margin-top: -1.3em;} */
#news h2 p {padding:0;line-height:1em;}
#news h3 {font-weight:400;line-height:2em;}
ul#news,ul#news li {margin:0;padding:0.2em 0 1em;list-style:none;}
#news .imageframe {float:right;margin-left:1em;}
#news .content h2 {margin-top:0.6em;}

/*sitemapGames*/
#col2 ul.sitemapGames {float:left;width:264px;list-style:none;padding-left:0;}
#col2 ul.sitemapGames a {text-decoration:none;}
#col2 ul.sitemapGames h3 {margin-bottom:0;}
/*MAIN -end-*/

/*DEFAULT CSS_STYLED_CONTENT -start-*/
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption {text-align:center;}
DIV.csc-textpic-caption-r .csc-textpic-caption {text-align:right;}
DIV.csc-textpic-caption-l .csc-textpic-caption {text-align:left;}

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn {float: left; display: inline;}

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {padding:0;}
DIV.csc-textpic-imagewrap {padding:0;}
DIV.csc-textpic IMG {border:none;}

/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {float:left;}

/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL {list-style:none;margin:0;padding:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {float:left;margin:0;padding:0;}

/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {float:left;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {float:none;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {float:none;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {border:none;}
DL.csc-textpic-image {margin:0;}
DL.csc-textpic-image DT {margin:0; display: inline;}
DL.csc-textpic-image DD {margin:0;}

/* Clearer */
DIV.csc-textpic-clear {clear:both;}

/* Margins around images: */

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {display:inline; /* IE fix for double-margin bug */margin-right:10px;}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {display:inline; /* IE fix for double-margin bug */margin-left:10px;}

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {display: inline; /* IE fix for double-margin bug */margin-left:10px;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {margin:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {margin:0;}

/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {margin-bottom: 5px;}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {margin-bottom: 5px; display: block;}
DIV.csc-textpic DIV.csc-textpic-imagerow {clear: both;}

/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {margin-left:0 !important;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {margin-right:0 !important;}

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {margin-right:10px !important;}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {margin-left:10px !important;}

/* Positioning of images: */

/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text {clear:both;}

/* Center (above or below) */
DIV.csc-textpic-center { text-align:center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap {margin:0 auto;}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {text-align:left; /* Remove IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-text {text-align:left; /* Remove IE-hack */}

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap {float:right;}
DIV.csc-textpic-right DIV.csc-textpic-text {clear:right;}

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap {float:left;}
DIV.csc-textpic-left DIV.csc-textpic-text {clear:left;}

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {float:left;}

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {float:right;}

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {float:right; clear:both;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {float:left; clear:both;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */
/*DEFAULT CSS_STYLED_CONTENT -end-*/