/*
Theme Name: EGM HTPP v2.0
Author: eGaming Media Ltd
Author URI: http://www.egamingmedia.com/
Description: EGM Custom theme for www.howtoplaypoker.co.uk
Version: 2.0
*/

/* ----------- BROWSER RESET ----------- */

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */

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, 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 {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
    outline: 0;
}
body {
    background: #fff;
    line-height: 1;
}
ol, ul {
    list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a img {
    border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* ###------ end BROWSER RESET ------### */



/* ----------- STRUCTURE ----------- */

body {
    margin: 0;
    padding: 0;
    background-color:#eae8dd;
    font:  14px "Arial";
    color: #444;
    line-height: 1.5em;
}
#container {
    position:relative;
    margin: 0 auto 5px auto;
    padding: 0 2px 0 2px;
    width: 1000px;
    /*border: 1px solid #ff3300;*/
}
#header {
    margin: 0 0px;
    padding: 0;
    width: 1000px;
    background-color:#eae8dd;

}
#main {
    clear:both;
    margin:0;
    padding: 0;
    width: 998px;
    text-align:left;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    background-color: #ffffff;

}
#container #top {
    width: 998px;
    height: 10px;
    display: block;
    clear: both;
    margin-top: 10px;
    border-top:1px solid #bbbbbb;
    border-bottom: none;
    border-right:1px solid #bbbbbb;
    border-left:1px solid #bbbbbb;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-color: #ffffff;
}
#container #footer {
    width: 998px;
    border:1px solid #313131;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    background-color: #313131;
    margin: 0 0 15px 0; padding: 0;
    display: block;
}


/* ###------ end STRUCTURE ------### */


/* ----------- UTILITY ----------- */

.floatcontainer{
    margin: 0;
    padding: 0;
}
.floatleft {
    float: left;
}
.floatright {
    float: left;
}
.clearfloat {
    clear: both;
}
.centerdiv {
    margin: 0 auto;
    width: 100%;
    padding: 0;
}

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em;
}
.alignright {
    display: inline;
    float: right;
    /*margin-left: 1.625em;*/
    margin: 0 0 1.625em 1.625em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.textcenter { text-align: center;}



.green { color: #2c5700; }
.blue { color: #024769; }
.pink { color: #511f1f; }
.yellow { color: #efd279; }




/* ###------ end UTILITY ------### */



/* ----------- HEADER ----------- */

#logo {
    margin: 0;
    padding: 0;
    float:left;
}
#divider {
    clear:both;
    margin: 0;
    padding: 0;
    z-index:9999;
}

#navwrapper {
    float:left;
    width: 770px;
    padding: 0;
    margin: 0;
    position: relative;
    height: 98px;
}

#search {
    width: 770px;
    padding: 0;
    margin: 0;
    height: 61px;
    position: relative;
}


.homepagelink {
    position: absolute;
    left: 10px;
    bottom: 18px;

}

.homepagelink a, .homepagelink p {
    font:  12px "Arial";
    color: #999999;
}
.homepagelink a:hover {
    color: #990000;
}


/* ###------ end HEADER ------### */


/* ----------- NAVBAR ----------- */

#navbar {
    width: 765px;
    padding: 0; margin: 0;
    position: absolute;
    bottom: -1px;
    right: 0;
    height:37px;

}


.wrapper_menu {
    width: 765px;
    margin:0 auto;
    padding: 0;
    display:block;
    position: relative;
    /*z-index:9999;*/
}
.wrapper_menu .menu {
    list-style:none;
    width:765px;
    margin:0 auto;
    height:35px;
}


.menu ul,
.menu li {
    font: 16px "Arial";
    line-height:27px;
    text-align:left;
    padding: 0;

}
.menu li {
    float:left;
    text-align:center;
    position:relative;
    width: 189px; /*187px;*/
    background:#F4F4F4;
    border:1px solid #bbbbbb;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    padding: 0;
}
.menu li:hover {
    background:#ffffff;
    border:1px solid #aaaaaa;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
.menu li a {
    /*color: #333333;*/
    outline:0;
    padding: 5px 10px 3px 10px;
    text-decoration:none;
    display:block;
    letter-spacing: 0.5px;
    /*text-shadow: 1px 1px 1px #cccccc;*/
}


.menu li.green { background:#afd775; border: solid #2c5700 1px; border-bottom: none; color: #2c5700; }
.menu li.green a { color: #2c5700; }

.menu li.blue { background:#95cbe9; border:1px solid #024769; border-bottom: none; color: #024769; }
.menu li.blue a { color: #024769; }

.menu li.pink { background:#de9d7f; border:1px solid #511f1f; border-bottom: none; color: #511f1f; }
.menu li.pink a { color: #511f1f; }

.menu li.yellow { background:#efd279; border:1px solid #414110; border-bottom: none; color: #414110; }
.menu li.yellow a { color: #414110; }

.menu li:hover.green, .menu li:hover.blue, .menu li:hover.pink, .menu li:hover.yellow { background:#990000; }
.menu li.green a:hover, .menu li.blue a:hover, .menu li.pink a:hover, .menu li.yellow a:hover { color: #ffffff; }



/* ###------ end NAVBAR ------### */




/* ----------- MAIN CONTENT ----------- */

#content {
    clear:both;
    margin:0;
    padding: 0 10px 10px 10px;
    width: 976px;
    text-align:left;
    /*background-color: #ffffff;*/
    /*border: 1px solid #ff3300;*/

}
.breadcrumbs {
    font:  12px "Arial";
    color: #999999;
    line-height: 1.5em;
    /*padding: 2px 0 2px 0;*/
}
.breadcrumbs a {
    text-decoration: underline;
    color: #999999;
}
.breadcrumbs a:hover {
    background-color: #FFFFCC;
    color:#999999;
    text-decoration: underline;
}
.breadcrumbs img {
    border: none;
    padding: 0 5px 0 0;
}

.breadcrumbcontain {padding: 2px 0 2px 0;}
.breadcrumbleft { float:left; width:115px; margin: 0; padding: 0;}
.breadcrumbright { float:left; width:585px; padding: 8px 0 0 0; }



.leftcontent{
    width: 706px;
    float: left;
    margin: 0;
    padding: 0;
    /*border: 1px solid #ff3300;*/
}

.rightsidebar {
    margin: 0 0 0 0;
    /*padding: 0 10px 10px 10px;*/
    width: 250px;
    float: right;
    /*    border: 1px solid #ff3300;*/
}

.fullwidthcontent {
    width: 100%;
    margin: 0;
    padding: 0;
    /*border: 1px solid #ff3300;*/


}

.featured-image img { border: none; padding: 0; margin: 0;}

.post a {
    text-decoration: underline;
    color: #336699;
}
.post a:hover {
    background-color: #FFFFCC;
    color:#333;
    text-decoration: underline;
}
.post h1 {
    font: bold 22px "Arial";
    line-height: 1.3em;
    margin: 25px 0 30px 0;
    color: #444;
    border-bottom: solid 3px #444;
}
.post h2 {
    color: #444;
    margin: 30px 0 0 0;
    font: bold 18px "Arial";
    line-height: 1.3em;
}
.post h3 {
    color: #990000;
    margin: 15px 0 0 0;
    font: bold 16px "Arial";
    line-height: 1.3em;
}
.post p {
    font:  14px "Arial";
    color: #444;
    line-height: 1.5em;
    padding: 10px 0 10px 0;
}

.post em { font-style: italic; font-weight: bold;}

.post strong { font-weight: bold;}

.post blockquote {
    margin: 10px 30px 10px 15px;
    padding: 10px;
    border: 2px dashed #511f1f;
    background: #ffcc99;
    color: #511f1f;
}

.post blockquote p {
    padding: 10px 0;
    color: #511f1f;
    line-height: 1.5em;
}


.post ul {
    margin: 0 0 0 50px;
    padding: 10px 0 10px 0;
    font-weight: normal;
    text-align: left;
    list-style: circle outside;
    line-height: 1.5em;
}
.post ol {
    margin: 0 0 0 50px;
    padding: 10px 0 10px 0;
    font-weight: normal;
    text-align: left;
    list-style: decimal;
    line-height: 1.5em;
}
.post li {
    padding: 5px 0;
}

.postbody {
    margin: 0 0 35px 0;
}

p.calltoaction { color: #990000; font:  18px "Arial"; text-align: center;}
a.calltoaction { color: #990000; }


div.centerdiv a.nohoverbackground {
    background-color: #FFFFFF;
    text-decoration: none;
}



/* Home Page Content */
div.hpcolumnleft { width: 476px; float: left; padding: 0; margin: 20px 20px 20px 0; }
div.hpcolumnright { width: 476px; float: left; padding: 0; margin: 20px 0 20px 0; }

div.hpinfobox { width: 476px; float: left; padding: 0; margin: 0 0 25px 0; }
div.hpinfoboxheader { width: 456px; background: #313131; float: left; padding: 0 10px 0 10px; height: 30px;
    border: solid #313131; border-width: 1px 1px 0 1px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }

div.hpinfoboxmain { width: 456px; background: #eeeeee; float: left; padding: 0 10px 0 10px; border: solid #313131;
    border-width: 0 1px 1px 1px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }

.hpinfoboxheader h1, .hpinfoboxheader h2 { font: bold 17px "Arial"; line-height:30px; margin: 0; padding: 0; color: #ffffff; }

.hpinfoboxcontent p { font:  14px "Arial"; color: #444; line-height: 1.5em; padding: 10px 0 10px 0; }
.hpinfoboxcontent em { font-style: italic; font-weight: bold;}
.hpinfoboxcontent strong { font-weight: bold;}
.hpinfoboxcontent a { text-decoration: underline; color: #336699; }
.hpinfoboxcontent a:hover { background-color: #FFFFCC; color:#333; text-decoration: underline; }

.hpsectionlist { padding: 10px 0 0 0; }
.hpsectionlist p { padding: 0 0 10px 0; }

.sectionh3 { display: block; width: 250px; padding: 1px 5px; margin: 15px 0 3px 0; }
.greensection { border: 2px solid #2c5700; background: #afd775; color: #2c5700; }
.yellowsection { border: 2px solid #414110; background: #efd279; color: #414110; }
.bluesection { border: 2px solid #024769; background: #95cbe9; color: #024769; }
.pinksection { border: 2px solid #511f1f; background: #de9d7f; color: #511f1f; }



/* Search Page Results */


.search-results {
    margin: 50px 0 50px 0;
}

.excerpt {
    margin: 10px 0 10px 0;
}

.excerpt-img {
    float:left;
    width: 200px;
    text-align: center;
}

.excerpt-post {
    float:left;
    width: 500px;
    text-align: left;
}


.excerpt-post h2 {
    color: #444;
    margin: 0 0 0 0;
    font: bold 18px "Arial";
    line-height: 1.3em;
}

strong.search-excerpt { background: yellow; font-weight: bold;}




/* ###------ end MAIN CONTENT ------### */



/* ----------- SECTION BOXES ----------- */

div.serieslink {
    width: 100%;
    margin: 10px 0;
    padding: 5px;
    border-top:1px solid #bbbbbb;
    border-bottom:1px solid #bbbbbb;
    border-right:1px solid #bbbbbb;
    border-left:1px solid #bbbbbb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    text-align: left;
}


div.serieslink p {
    font: bold 14px "Arial";
    /*color: #990000;*/
}
div.serieslink span.red {
    color: #990000;
}
div.serieslink a {
    font: 14px "Arial";
}


div.sectionboxes {
    margin: 0;
    padding: 0;
}

div.sectionboxes ul {
    margin: 0 auto;
    padding: 0;

}

div.sectionboxes ul li {
    width: 209px;
    height: 300px;
    float: left;
    margin: 10px;
    display: block;
    text-align: center;
    padding: 5px;
    border-top:1px solid #bbbbbb;
    border-bottom:1px solid #bbbbbb;
    border-right:1px solid #bbbbbb;
    border-left:1px solid #bbbbbb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
}


div.sectionboxes li:hover {
    border: 2px solid #990000;
    margin: 9px;
}


div.sectionboxes li a {
    text-decoration: underline;
    text-align: center;
    padding: 0;
    color: #336699;
    font:  16px "Arial";
    line-height: 1.5em;
    display:block; width:100%; height:100% /*makes whole box part of link and clickable*/
}
div.sectionboxes li a:hover {
    background-color: transparent;
    color:#990000;
    text-decoration: underline;
    display: block;
}

div.sectionboxessmaller ul li {
    height: 250px;
    margin: 6px;
}

div.sectionboxessmaller li:hover {
    border: 2px solid #990000;
    margin: 5px;
}


.imgcenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 215px;
    height: 175px;
}


div.sectionboxes-ol {
    margin: 20px 0;
    padding: 0;
}

div.sectionboxes-ol ol {
    margin: 0 auto;
    padding: 0;
    list-style: decimal inside none;
    font-weight: bold;
    font-size: 16px;
}

div.sectionboxes-ol ol li {
    width: 209px;
    height: 300px;
    float: left;
    margin: 6px;
    /*display: block;*/ /*numbering doesn't appear with display:block*/
    text-align: center;
    padding: 5px;
    border-top:1px solid #bbbbbb;
    border-bottom:1px solid #bbbbbb;
    border-right:1px solid #bbbbbb;
    border-left:1px solid #bbbbbb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;

}


div.sectionboxes-ol li:hover {
    border: 2px solid #990000;
    margin: 5px;
}


div.sectionboxes-ol li a {
    text-decoration: underline;
    text-align: center;
    padding: 0;
    color: #336699;
    font:  16px "Arial";
    line-height: 1.5em;
    display:block; width:100%; height:100% /*makes whole box part of link and clickable*/
}
div.sectionboxes-ol li a:hover {
    background-color: transparent;
    color:#990000;
    text-decoration: underline;
    display: block;
}


/* ###------ end SECTION BOXES ------### */




/* ----------- FOOTER ----------- */



/*#footer a {text-decoration:none;}*/
#footer a:hover {color: #fff; text-decoration:underline;}


.footer_main { margin:0 auto; width:985px; padding: 5px; }
.footer_main p { margin: 10px 10px 10px 10px; padding:0; font: normal 13px "Arial"; line-height: 1.5em; color:#bdbdbd; text-align: left;}
.footer_main a {color: #bdbdbd; text-decoration:underline;}
.footer_main a:hover {color: #fff; text-decoration:underline;}

.footer_main div.twocolumn { margin:0; padding: 10px 15px 10px 15px; float:left; width:462px; }
.footer_main div.twocolumn h4 { padding:0 0 4px 0; margin: 0 0 10px 0; color:#bdbdbd;}
.footer_main div.twocolumn ul { margin:0; padding:0; list-style:none;}
.footer_main div.twocolumn ul li { margin:0; padding:0 0 0 16px; font: normal 13px "Arial"; line-height: 1.8em; background:url(images/li_gt.jpg) no-repeat 4px 7px;}
.footer_main div.twocolumn ul li a:hover { text-decoration:underline;}
.footer_main div.twocolumn p { margin: 0; padding:0; font: normal 13px "Arial"; line-height: 1.8em; color:#bdbdbd; text-align: left;}
.footer_main div.twocolumn p a { margin:0; color:#bdbdbd; text-align: left; text-decoration: none;}
.footer_main div.twocolumn ul li a { color:#bdbdbd; text-decoration:none; text-align: left;}
.footer_main div.twocolumn { font: normal 13px "Arial"; line-height: 1.5em; color:#bdbdbd; text-align: left;}

.footer_main div.threecolumn { margin:0; padding: 10px 15px 10px 15px; float:left; width:298px; }
.footer_main div.threecolumn h4 { padding:0 0 4px 0; color:#bdbdbd;}
.footer_main div.threecolumn ul { margin:5px 0 0 0; padding:0; list-style:none;}
.footer_main div.threecolumn ul li { margin:0; padding:0 0 0 16px; font: normal 13px "Arial"; line-height: 1.8em; background:url(images/li_gt.jpg) no-repeat 4px 7px;}
.footer_main div.threecolumn ul li a:hover { text-decoration:underline;}
.footer_main div.threecolumn p { margin:0; padding:0; font: normal 13px "Arial"; line-height: 1.5em; color:#bdbdbd; text-align: left;}
.footer_main div.threecolumn p a { color:#bdbdbd; text-align: left;}
.footer_main div.threecolumn ul li a { color:#bdbdbd; text-decoration:none; text-align: left;}
.footer_main div.threecolumn { font: normal 13px "Arial"; line-height: 1.5em; color:#bdbdbd; text-align: left;}

.dotted { border-bottom:1px dotted #bdbdbd;}
h4.dotted { color: #bdbdbd; font: normal 18px "Arial"; line-height: 1.3em; letter-spacing: 1px; }
h4.dotted a:hover {text-decoration: underline; }
h4.dotted a {text-decoration: none; }

#footer .sitelinks { float:right;text-align:right; width: 492px;}
#footer .sitelinks a {color:#bdbdbd;text-decoration:none;}
#footer .sitelinks a:hover {color: #fff; text-decoration:underline;}
#footer .sitelinks img {margin: 0; vertical-align: text-bottom; border:none;}

#footer .copyright { float:left;text-align:left; width:492px;}
#footer .copyright a {color:#bdbdbd;}
#footer .copyright a:hover {color: #fff; text-decoration:underline;}
#footer .copyright img {margin: 0; vertical-align: text-bottom; border:none;}




/* -END- Footer */









/* ###------ end FOOTER ------### */




/* ----------- FEATURE BOXES ----------- */



/* COMMON FEATUREBOX CLASSES */
div.featurebox { display: block; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 10px 0; padding: 0; font: 14px Arial; line-height: 1.0em; text-align: left; text-decoration: none; }

div.featurebox a.boxheading { display: block; margin: 0; padding: 20px 10px 5px 10px; font: bold 24px "Arial"; line-height: 1.0em; letter-spacing: -1px;
    text-decoration: none; }

div.featurebox a.boxheading:hover { text-decoration: underline; }

div.featurebox p { margin: 0; padding: 5px 5px 10px 15px; font: 14px Arial; font-weight: normal; line-height: 1.5em; }

div.featurebox h4 { margin: 0; padding: 10px 5px 5px 15px; font: 18px Arial; font-weight: bold; line-height: 1.2em; text-align: left; }
div.featurebox h2 { margin: 0; padding: 10px 5px 5px 15px; font: 18px Arial; font-weight: bold; line-height: 1.2em; text-align: left; }

div.featurebox ul { font: 14px Arial; margin: 0 /*20px*/ auto; padding: 5px 0 5px 0; font-weight: normal; text-align: left; list-style: circle outside; line-height: 1.2em; }

div.featurebox li { padding: 5px 0; }

div.featurebox a.action { display: block; width: 200px; margin: 10px auto; padding: 7px 0; border: 2px solid #ffffff;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    background: #780000; background: -webkit-gradient(linear, left top, left bottom, from(#990000), to(#780000));
    background: -moz-linear-gradient(top,  #990000,  #780000); font: bold 18px Arial; color: #ffffff; text-decoration: none; text-align: center; }

div.featurebox a.action:hover { border: 2px solid #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#ffff00;
    text-decoration: none; }

div.sidedivide { border-bottom: 2px groove #414110; width: 90%; margin: 10px auto; }


/* SPECIFIC FEATUREBOX CLASSES */

/* boxgreen */
div.boxgreen { border: 2px solid #2c5700; background: #afd775; color: #2c5700; }
div.boxgreen a, div.boxgreen p, div.boxgreen h2, div.boxgreen h4 { color: #2c5700; }
div.boxgreen a:hover { color: #336699; }
div.boxgreen a.boxheading { color: #2c5700; }
div.boxgreen a.boxheading:hover { color: #2c5700; text-decoration: underline; }

/* boxyellow */
div.boxyellow { border: 2px solid #414110; background: #efd279; color: #414110; }
div.boxyellow a, div.boxyellow p, div.boxyellow h2, div.boxyellow h4 { color: #414110; }
div.boxyellow a:hover { color: #336699; }
div.boxyellow a.boxheading { color: #414110; }
div.boxyellow a.boxheading:hover { color: #414110; text-decoration: underline; }

/* boxblue */
div.boxblue { border: 2px solid #024769; background: #95cbe9; color: #024769; }
div.boxblue a, div.boxblue p, div.boxblue h2, div.boxblue h4  { color: #024769; }
div.boxblue a:hover { color: #336699; }
div.boxblue a.boxheading { color: #024769; }
div.boxblue a.boxheading:hover { color: #024769; text-decoration: underline; }

/* boxpink */
div.boxpink { border: 2px solid #511f1f; background: #de9d7f; color: #511f1f; }
div.boxpink a, div.boxpink p, div.boxpink h2, div.boxpink h4 { color: #511f1f; }
div.boxpink a:hover { color: #336699; }
div.boxpink a.boxheading { color: #511f1f; }
div.boxpink a.boxheading:hover { color: #511f1f; text-decoration: underline; }

/* boxdotted */
div.boxdotted { border: 2px dashed #511f1f; background: #ffcc99; color: #511f1f; }
div.boxdotted a, div.boxdotted p, div.boxdotted h2, div.boxdotted h4  { color: #511f1f; }
div.boxdotted a:hover { color: #336699; }
div.boxdotted a.boxheading { color: #511f1f; }
div.boxdotted a.boxheading:hover { color: #511f1f; text-decoration: underline; }


/* boxsidebar */
div.boxsidebar { border: 2px solid #414110; background: #efd279; color: #414110;}
div.boxsidebar a, div.boxsidebar p, div.boxsidebar h2, div.boxsidebar h4 { color: #414110;  text-align: left; padding: 5px 10px; }
div.boxsidebar a:hover { color: #336699;}
div.boxsidebar a.boxheading, div.boxsidebar a.boxheading:hover { color: #414110; }
div.boxsidebar ul { width: 80%; }

/* boxpokerfinder */
div.boxpokerfinder { border: 2px solid #414110; background: #efd279; color: #414110;}
div.boxpokerfinder a, div.boxpokerfinder p, div.boxpokerfinder h2, div.boxpokerfinder h4 { color: #414110;  text-align: left; padding: 5px 10px; }
div.boxpokerfinder a:hover { color: #336699;}
div.boxpokerfinder a.boxheading, div.boxpokerfinder a.boxheading:hover { color: #414110; }
div.boxpokerfinder ul { width: 80%; }


/* boxpokerfinderalternate */
div.boxpokerfinderalternate { border: 2px solid #414110; background: #fff; color: #414110;}
div.boxpokerfinderalternate a, div.boxpokerfinderalternate p, div.boxpokerfinderalternate h2, div.boxpokerfinderalternate h4 { color: #414110;  text-align: left; padding: 5px 10px; }
div.boxpokerfinderalternate a:hover { color: #336699;}
div.boxpokerfinderalternate a.boxheading, div.boxpokerfinderalternate a.boxheading:hover { color: #414110; }
div.boxpokerfinderalternate ul { width: 700px; padding:0; }


/* 404box */
div.box404 { border: 2px solid #414110; background: #efd279; color: #414110; margin: 40px 0 75px 0;}

div.box404-text {
    padding: 10px;
    margin: 0 225px 0 0;
}

div.box404-text h1 {
    font: bold 22px "Arial";
    line-height: 1.3em;
    margin: 10px 0 20px 0;
    color: #444;
    border: none;
}

div.box404-text p {
    padding: 5px 0 10px 0;
    margin: 0 ;
}

.img404guy {
    position: absolute;
    bottom: -50px;
    right: 0px;
}


/* common attributes featureboxes */
div.boxgreen a.action,
div.boxblue a.action,
div.boxpink a.action,
div.boxyellow a.action { position: absolute; bottom: 0; left: 0; right: 0; /* aligns action button at bottom of box */ }

div.boxgreen ul,
div.boxblue ul,
div.boxpink ul,
div.boxyellow ul { width: 85%; }



/* ###------ end FEATURE BOXES ------### */




/* ----------- POKER FINDER ----------- */


div.pokerfinder-left {
    float: left;
    width: 300px;
    margin: 0; padding: 0;
}
div.pokerfinder-logo {
    margin: 210px 0 0 15px;
}
div.pokerfinder-logo-fullwidthbox {
    margin: 230px 0 0 25px;
}
.pokerfinder-mascot-processing {
    position: absolute; left: -15px; top:-30px;
}
.pokerfinder-mascot-results {
    position: absolute; left: -25px; top:5px;
}
.pokerfinder-mascot-alternate {
    position: absolute; left: -40px; top:-40px;
}
.pokerfinder-mascot-fullwidthbox {
    position: absolute; left: -35px; top:-30px;
}
.pokerfinder-mascot-smallbox {
    position: absolute; right: -35px; top:-40px;
    z-index: 9999;
}

.pokerfinder-tick-results {
    position: absolute; left: 820px; top:5px;
}
.pokerfinder-text-results {
    width:650px; margin-left: 175px; padding: 10px 0;
}
.pokerfinder-mascot-sidebar {
    position: absolute; left: -10px; top:-30px;
}
#pBar {
    margin: 35px 0;
}
.pokerfinder-loading {
    margin: 20px 0 20px 10px;
    width:100%;height:100%;
    border:3px solid #666666;
    -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
    background: #cccccc;
    overflow:hidden;
}
.pokerfinder-loading-label {
    font: bold 14px "Arial";
    color: #000000;
}

/* Typing Text */

div.pokerfinder-text {
    float: left;
    width: 630px;
    margin: 0 0 0 0;
    padding: 10px 10px;
    font: 14px/1.5em "Arial";
}
.pokerfinder-text-impact {
    color: #444;
    margin: 0; padding: 0;
    font: bold 18px "Arial";
    line-height: 1.5em;
}
.pokerfinder-text-normal {
    color: #444;
    margin: 10px 0 10px 0;
    font: 14px "Arial";
    line-height: 1.5em;
}
.pokerfinder-text-listhead {
    color: #444;
    margin: 15px 0 5px 0;
    font: 14px "Arial";
    line-height: 1.5em;
}
.pokerfinder-text-listleft {
    float:left;
    width: 405px;
    color: #444;
    margin: 0 0 0 0;
    font: 14px "Arial";
    line-height: 1.5em;
    padding: 0 10px 0 15px;
}
.pokerfinder-text-listleftindent {
    float:left;
    width: 385px;
    color: #444;
    margin: 0 0 0 0;
    font: 14px "Arial";
    line-height: 1.5em;
    padding: 0 10px 0 35px;
}
.pokerfinder-text-listright {
    float:left;
    width:200px;
    color: #990000;
    margin: 0 0 0 0;
    font: bold 14px "Arial";
    line-height: 1.5em;
}


.pokerfinder-fullwidthbox-text {
    float: left;
    width: 420px;
    margin: 0 0 0 0;
    padding: 10px 10px;
    font: 14px/1.5em "Arial";
}

div.pokerfinder-fullwidthbox-text h2 {font:bold 24px "Arial Black";}

/* image boxes */

div.pokerfinder-boxes ul.pokerfinder-boxes {width: 100%; list-style: none; }

div.pokerfinder-boxes li { height: 100px; padding: 0 0 0 70px; margin: 0 0 0 5px; width: 170px; float:left; }

div.pokerfinder-boxes li.trustbox1 { background: url("images/Trust-Boxes1.png") no-repeat scroll 0 0 transparent; }
div.pokerfinder-boxes li.trustbox2 { background: url("images/Trust-Boxes2.png") no-repeat scroll 0 0 transparent; }
div.pokerfinder-boxes li.trustbox3 { background: url("images/Trust-Boxes3.png") no-repeat scroll 0 0 transparent; }
div.pokerfinder-boxes li.trustbox4 { background: url("images/Trust-Boxes4.png") no-repeat scroll 0 0 transparent; }
div.pokerfinder-boxes li.trustbox5 { background: url("images/Trust-Boxes5.png") no-repeat scroll 0 0 transparent; }
div.pokerfinder-boxes li.trustbox6 { background: url("images/Trust-Boxes6.png") no-repeat scroll 0 0 transparent; }

div.pokerfinder-boxes li.pokerfinder-fullwidth-box { margin: 0 0 7px 0;}



div.pokerfinder-boxes-small ul.pokerfinder-boxes-small {width: 100%; list-style: none; }
div.pokerfinder-boxes-small li { height: 75px; padding: 0 0 0 55px; margin: 0 0 0 5px; width: 115px; float:left; }

div.pokerfinder-boxes-small li.trustbox-small1 { background: url("images/Trust-Boxes-small1.png") no-repeat scroll 0 0 transparent; }
div.pokerfinder-boxes-small li.trustbox-small2 { background: url("images/Trust-Boxes-small2.png") no-repeat scroll 0 0 transparent; }
div.pokerfinder-boxes-small li.trustbox-small3 { background: url("images/Trust-Boxes-small3.png") no-repeat scroll 0 0 transparent; }
div.pokerfinder-boxes-small li.trustbox-small4 { background: url("images/Trust-Boxes-small4.png") no-repeat scroll 0 0 transparent; }
div.pokerfinder-boxes-small li.trustbox-small5 { background: url("images/Trust-Boxes-small5.png") no-repeat scroll 0 0 transparent; }
div.pokerfinder-boxes-small li.trustbox-small6 { background: url("images/Trust-Boxes-small6.png") no-repeat scroll 0 0 transparent; }



div.pokerfinder-boxes p.pokerfinder-boxes-head {
    font: bold 18px/1.0em "Arial";
    color: #414110;
    padding: 15px 0 0 0;
    margin: 0;
    width: 160px;
}

div.pokerfinder-boxes p.pokerfinder-boxes-text {
    font: 12px/1.3em "Arial";
    color: #414110;
    padding: 2px 0 0 5px;
    margin: 0;
    width: 155px;
}
div.pokerfinder-boxes-small p.pokerfinder-boxes-head {
    font: bold 12px/1.0em "Arial";
    color: #414110;
    padding: 13px 0 0 0;
    margin: 0;
    width: 110px;
}

div.pokerfinder-boxes-small p.pokerfinder-boxes-text {
    font: 9px/1.3em "Arial";
    color: #414110;
    padding: 2px 0 0 0px;
    margin: 0;
    width: 107px;
}


/* Poker Finder Form */

.pokerfinder-form-largebox {width:250px;float:left; margin: 0 10px 0 10px;}
div.pokerfinder-form-largebox p {padding: 5px 0 5px 5px;}

.pokerfinder-form-smallbox { width:686px;float:left; margin: 10px 10px 0 10px; }
div.pokerfinder-form-smallbox p {padding: 0 0 5px 5px;}


div.pokerfinder-logo-smallbox {
    position: absolute;
    bottom: -5px;
    right: 5px;
    z-index: 9999;
}
div.submitbutton-smallbox {
    position: absolute;
    bottom: -10px;
    right: 125px;

}
.pokerfinder-form-smallbox-container {
    position:relative;
    height:90px;
    margin:0; padding: 0;
}
.pokerfinder-form-smallbox-left {
    width: 185px;
    position: absolute;
    left: 0;
    top: 0;
    margin:0; padding: 0;
}
.pokerfinder-form-smallbox-middle {
    width: 210px;
    position: absolute;
    left: 185px;
    top: 0;
    margin:0; padding: 0;

}


form.pokerfinder-form { width:240px; margin: 20px 5px; padding: 0; }
form.pokerfinder-form-smallbox { width:686px; padding:0; margin:0; }


form.pokerfinder-form p, form.pokerfinder-form-smallbox p {
    font: bold 13px/1.3em "Arial";
}
form.pokerfinder-form fieldset, form.pokerfinder-form-smallbox fieldset {
    border:2px solid #414110;
    position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    padding:10px 0;
    margin:0;
}
form.pokerfinder-form legend, form.pokerfinder-form-smallbox legend {
    text-align:center;
    padding: 0 10px;
    margin:0 0 0 15px;
    font: bold 18px/1.0em "Arial";
}
form.pokerfinder-form select, form.pokerfinder-form-smallbox select {
    font: 13px/1.3em "Arial";
    background: #ffffcc;
    border:1px solid #414110;
    position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    margin:2px 0px 2px 2px;
    color:#414110;
    height:22px;
}
form.pokerfinder-form input:focus, form.pokerfinder-form select:focus
        form.pokerfinder-form-smallbox input:focus, form.pokerfinder-form-smallbox select:focus {
    background-color:#E0E6FF;
}
.button, .button:visited{
    display: block; width: 200px; margin: 10px auto; padding: 7px 0; border: 2px solid #ffffff;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    background: #780000; background: -webkit-gradient(linear, left top, left bottom, from(#990000), to(#780000));
    background: -moz-linear-gradient(top,  #990000,  #780000); font: bold 18px Arial; color: #ffffff; text-decoration: none; text-align: center;
}
.button:hover{
    border: 2px solid #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#ffff00;
    text-decoration: none;
}


/* Tool Tips */
.helpimg {
    vertical-align: middle;

}
.tooltip {
    /*border-bottom: 1px dotted #000000;*/
    color: #000000; outline: none;
    cursor: help; text-decoration: none;
    position: relative;
}
.tooltip span {
    margin-left: -999em;
    position: absolute;
}
.tooltip:hover span {
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    position: absolute; left: -425px; top: 0; z-index: 99;
    margin-left: 0; width: 250px;
}
.tooltip:hover span.location { position: absolute; left: -400px; top: 0; z-index: 99; }
.tooltip:hover span.game { position: absolute; left: -425px; top: 0; z-index: 99; }
.tooltip:hover span.format { position: absolute; left: -450px; top: 0; z-index: 99; }
.tooltip:hover span.stakes { position: absolute; left: -365px; top: 0; z-index: 99; }


.tooltip:hover img.tooltipimg {
    border: 0; margin: -10px 0 0 -55px;
    float: left; position: absolute;
}
.tooltip:hover em {
    font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
    display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }


a.tooltip:hover { background-color: #efd279; }

/* ###------ end POKER FINDER ------### */





.pokerfinder-resultsbox-mascot {
    position: absolute; left: -35px; top:-25px;
}
div.featurebox h2.pokerfinder-resultsbox-h2 {
    margin: 5px 0 0 40px;
    height: 50px;
}

.imgroundborder { border: 2px solid #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

div.featurebox li.list-green-tick {
    padding: 4px 0 10px 40px;
    font: 14px/1.3em "Arial";
    list-style: none;
    background-image: url(images/Green-Tick-White-Border.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    min-height:25px;
    height:auto !important;
    height:25px;

}

div.featurebox ul.list-green-tick {
    margin: 0 0 0 15px;
    padding: 0;

}

div.featurebox li.list-red-cross {
    padding: 4px 0 10px 40px;
    font: 14px/1.3em "Arial";
    list-style: none;
    background-image: url(images/Red-Cross-White-Border.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    min-height:25px;
    height:auto !important;
    height:25px;

}

div.featurebox ul.list-green-tick {
    margin: 0 0 0 15px;
    padding: 0;

}

div.featurebox li.list-img-float {
    padding: 10px 0 10px 0;
    float:left;
    font: 14px/1.3em "Arial";
    list-style: none;
    min-height:25px;
    height:auto !important;
    height:25px;
    text-align: center; width: 75px;

}

div.featurebox .titlecenter {
    text-align: center;
}


/* Pagination Formating */

.pagination {
    clear:both;
    padding:20px 0;
    position:relative;
    font-size:11px;
    line-height:13px;
}

.pagination span, .pagination a {
    display:block;
    float:left;
    margin: 2px 2px 2px 0;
    padding:6px 9px 5px 9px;
    text-decoration:none;
    width:auto;
    color:#fff;
    background: #555;
}

.pagination a:hover{
    color:#fff;
    background: #3279BB;
}

.pagination .current{
    padding:6px 9px 5px 9px;
    background: #3279BB;
    color:#fff;
}




/* Search Form */

input#s {
    background: #f9f9f9 url(images/search.png) no-repeat 5px 5px;
    border: 1px solid #bbb;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font:  14px "Arial";
    color: #999;
    height: 22px;
    line-height: 1.2em;
    padding: 4px 10px 4px 28px;
    position: relative;
    z-index: 9999;
}


input#searchsubmit {
    display: none;
}

#searchform {
    position: absolute;
    right: 5px;
    bottom: 12px;
    text-align: right;
}

#searchform div {
    margin: 0;
}
#s {
    float: right;
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
    -moz-transition-duration: 400ms;
    -moz-transition-property: width, background;
    -moz-transition-timing-function: ease;
    -o-transition-duration: 400ms;
    -o-transition-property: width, background;
    -o-transition-timing-function: ease;
    width: 100px/*72px*/;
}
#s:focus {
    background-color: #f9f9f9;
    width: 275px/*196px*/;
}
#searchsubmit {
    display: none;
}

.normalsearch {
    position: relative;
    border: 1px solid #bbb;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 20px;
    width: 550px;
    margin: 0 auto;
}
.normalsearch #searchform {
    position: relative;
    left: 0;
    top: 0;
    text-align: left;
    margin: 15px 0 0 0;
}
.normalsearch #s {
    float: none;
}
div.normalsearch h2 {
    margin: 0;
}

.pagenavi {
    text-align: center;
    margin: 5px 0 20px 0;
}

div.paginationbox {
    text-align: center;
    padding: 20px 0 20px 0;
    margin: 0 auto;
}