/* CSS */

* { margin: 0; padding: 0;}

body { background: url('/images/background.png') repeat-x #30516f; font-size: 62.5%; font-family: 'Molengo', 'Trebuchet MS', helvetica, serif; }

#page { width: 970px; margin: 0 auto; z-index: 4; position: relative;}

#header { height: 85px; position: relative; background: url('/images/header_bg.png') no-repeat; }
#header h1 { width: 345px; height: 49px; position: relative; text-indent: -9999em; background: url('/images/the_point_casino_logo.png') no-repeat bottom right; padding-top: 0.5em;}

#top_links { position: absolute; top: 5px; right: 0; list-style: none; border-left: 2px solid #31516F; width: 345px;}
#top_links li { float: left; padding: 0 0.75em; border-right: 2px solid #31516F; font-size: 1.4em;}
#top_links li a { color: #31516F; text-decoration: none; font-weight: bold; }
#top_links li a:hover { text-decoration: underline; }

#facebook { position: absolute; top: 10px; right: 355px; }

#toggle_link { position: absolute; top: 30px; right: 3px; display: block; color: #31516F; padding: 0 5px 2px 5px; text-decoration: none; font-size: 1.2em;}
#toggle_link:hover { text-decoration: underline; background: #fb0;}
#toggle_link:active { background: #f60;}

#offers_link { background: url('/images/offers_link_bg.png') no-repeat; width: 209px; height: 22px; display: block; position: absolute; bottom: 0; right: 0; color: #ffc; font-size: 1.6em; text-decoration: none; font-weight: bold; padding-top: 5px; text-align: center; }
#offers_link:hover { height: 26px; color: #fff; }

#nav { list-style: none; height: 40px; margin: 0; }
#nav li { float: left; height: 40px; padding-right: 4px; margin-left: 5px; }
#nav li a { display: block; height: 35px; padding:5px 15px 0 19px; text-decoration: none; font-size: 1.75em; color: #1B1464;}
#nav li a:hover { text-decoration: underline; }
#nav li.selected { background: url('/images/nav_right.png') no-repeat bottom right; }
#nav li.selected a { background: url('/images/nav_left.png') no-repeat bottom left; color: #fff; padding-top: 0; height: 40px;}

#content { clear: both; }

.third, .two_thirds { width: 300px; margin: 30px 30px 0 0; float: left; }
.two_thirds { width: 630px; }
.box { background: #000; padding: 5px; color: #fff; }

.box.third { width: 290px; }
.box.two_third { width: 620px; }

.box .third { width: 307px; margin: 10px 6px 0 0; }

.last, .box .last { margin-right: 0; }

.alignleft { float: left; }
.alignright { float: right; }
.clearer { clear: both;}

h1 { font-size: 2.5em;}
h2 { font-size: 2.25em;}
h3 { font-size: 2em;}
h4 { font-size: 2em; color: #fb0;}
h5 { font-size: 1.75em; color: #fb0;}
.box h1, .box h2, .box h3 { background: url('/images/headers_bg.png') repeat-x top left #fbb03b; padding: 3px 5px; color: #000;}
p { font-size: 1.6em;  padding: 0.5em 0;}
li { font-size: 1.6em; }
li li, li p { font-size: 1em; }
ul, dl { margin: 0.5em 0;}
dt, dd { font-size: 1.6em; padding: 3px 5px; }
dt { float: left; width: 250px;}

.message { background: #ffb; padding: 5px 7px; border: 1px dashed #afaf00; color: #737300; }

table { border-collapse: collapse; margin: 0.5em 0; width: 100%; }
th, td { padding: 3px 5px; border: 1px solid #333; font-size: 1.4em; }
th { background: #662d91;}
th p, th li, td p, td li { font-size: 1em; }

#content li { margin-left: 1.5em; }
#content a { color: #4095e9;}

#footer { color: #008DFF; margin-top: 20px;}
#footer ul { list-style: none; float: right; border-right: 1px solid #008DFF; }
#footer ul li { float: left;}
#footer ul li a { color: #008DFF; text-decoration: none; padding: 0 12px 3px 12px; border-left: 1px solid #008DFF;}
#footer ul li a:hover { text-decoration: underline; }

#calendar { width: 100%; background: #7a9b40;margin-top: 2px;}
#calendar th {  color: #fff; border: 1px solid #9bb470; padding: 3px; width: 14%;}
#calendar td { background: #9bb470; border: 1px solid #bdcda0; color: #444; padding: 0; }
#calendar td.out { background: #bdcda0; }
#calendar td span.number { border-right: 1px solid #bdcda0; border-bottom: 1px solid #bdcda0; display: block; width: 10px; padding: 0 5px 5px 5px; text-align: center; margin-bottom: 5px; }
#calendar td p { padding: 5px; border-top: 1px solid #56752c; }

/* forms */

form td { padding: 5px;}

label { display: block; font-size: 1.6em; }
form div { padding: 5px 0; }

/* elrte */
.box .el-rte { color: #000; }
#content .el-rte li { margin: 0;}
form .el-rte div { padding: 0; }

/* animation elements */
#big { 		 background: url('/images/wave_big.png') repeat-x; 		height: 563px ; width: 100%; position: absolute; top: 105px; z-index: 3;}
#medium {	 background: url('/images/wave_medium.png') repeat-x; 	height: 493px ; width: 100%; position: absolute; top: 167px; z-index: 2;}
#small {	 background: url('/images/wave_small.png') repeat-x; 	height: 346px ; width: 100%; position: absolute; top: 227px; z-index: 1;}

/*------------------------------------------------------------------
 Tabs */
 
.ui-tabs { padding: zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; height: 30px; margin: 0;}
.ui-tabs-nav { }
#content .ui-tabs .ui-tabs-nav li { position: relative; float: left; margin: 0 2px -1px 0; padding: 0; background: #f90; width: 200px; height: 30px; font-weight: bold; font-size: 1.4em; }
#content .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 5px 15px; color: #000; outline: 0; }
#content .ui-tabs .ui-tabs-nav li.ui-tabs-selected { display: block; padding-bottom: 1px; background: #000; color: #ffc; }
#content .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #fb0; }
#content .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding-top: 10px; display: block; border-width: 0; }
.ui-tabs .ui-tabs-hide { display: none !important; }