* {
    margin:0;
    padding:0;
    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
	outline:none;
}

/* GENERAL */

.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}

body {
        margin: 0px;
        padding: 0px;
        font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: normal;
        color: #000000;
        background:url("../images/background.png") center 0 repeat-x white; 
}
html, body {
    height: 100%;
    width: 100%;
    }

.clear {height:0 !important; clear:both;}
.flr {float:right;}
.fll {float:left;}
a {cursor:pointer; text-decoration:none;;}
a:hover {text-decoration:none;}


h1 {
    font-weight: normal;
    font-size: 16px;
    margin: 0 0 .3em 0;
}

h3 {
    font-weight: normal;
    font-size: 1.7em;
    margin: 0 0 .4em 0;
}

h3 p {
    font-weight: normal;
    font-size: 0.45em;
    margin: 0 0 .4em 0;
}

.alert {
    color: #cc3300;
}


.editTextInPlace {
	color: #002C9E;
}




#bg1 {
	height: 90px;
}

#bg1 h1 {
	float: left;
	margin: 0px;
	font-size: 40px;
	padding: 15px 0px 0px 30px;
}

#bg1 h1 sup {
	font-weight: normal;
	font-size: 0.5em;
	vertical-align: top;
}

#bg1 h1 sub {
        font-weight: normal;
        font-size: 0.5em;
	vertical-align: 0%;
}

#bg1 h2 {
	float: right;
	font-size: 16px;
	font-weight: normal;
	padding: 65px 0px 0px 0px;
}

#bg1 h1 a {
	text-decoration: none;
	color: #336fc1;
}

#bg1 h2 a {
        text-decoration: none;
        color: #336fc1;
}


/* FAQ */

#faqTitles {

}

#faqItems {

}

#faqItems ul {
       list-style: none;
}


temsSteps {
	font-size: 0.6em;
}
.imagefull {
	/*width: 100%;*/
	/*height:50% !important;*/
}

#bg3 {
	background:#EAEAEA;
        font-size: 16px;
}




/* Rules */
#rules {
	font-size: 0.75em;
	line-height: 130%;
	text-align: justify;
	margin-right: 30px;
}

#rules ol {
    list-style: decimal outside;
	margin-left: 30px;
}

#rules li {
    margin: 10px 0px 10px 0px;
}

/* Footer */


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

input, select, textarea {
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    font: 11px verdana, arial, helvetica, sans-serif;
    margin: 2px 0;
    padding: 2px 4px;
}
select {
   padding: 2px 2px 2px 0;
}
textarea {
	width: 250px;
	height: 150px;
	vertical-align: top;
}


/* NAVIGATION MENU */

.nav {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-style: solid none solid none;
    margin-top: 5px;
    padding: 7px 12px;
}

.menuButton {
    font-size: 10px;
    padding: 0 5px;
}
.menuButton a {
    color: #333;
    padding: 4px 6px;
}
.menuButton a.home {
    background: url(../images/skin/house.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.list {
    background: url(../images/skin/database_table.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.create {
    background: url(../images/add_obj.gif) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;
}
div.errors li {
	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}

/* TABLES */

table {
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 15px;
}
tr {
    border: 0;
}

.highlightBetEventOdd {

}

.highlightBetEventEven {
	
}


}

th.asc a, th.desc a {
    background-position: right;
    background-repeat: no-repeat;
}
th.asc a {
    /*background-image: url(../images/skin/sorted_asc.gif);*/
}
th.desc a {
    /*background-image: url(../images/skin/sorted_desc.gif);*/
}


/* LIST */

.list table {
    border-collapse: collapse;
}
.list th, .list td {

}


/* PAGINATION */

.paginateButtons {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-top: 0;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 10px 3px;
}
.paginateButtons a {
    background: #fff;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}

/* DIALOG */

.dialog table {
    padding: 5px 0;
}

.prop {
    padding: 5px;
}
.prop .name {
    text-align: left;
    width: 15%;
    white-space: nowrap;
}
.prop .value {
    text-align: left;
    width: 85%;
}

/* ACTION BUTTONS */

.buttons {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0;

}
.buttons a {
	font-size: 40px;
}
.buttons input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
    padding: 2px 6px;
}
.buttons input.delete {
    background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.edit {
    background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.save {
    background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.mt_10 {margin-top:10px;}
.main {width:1001px; margin:0 auto; background-color:transparent; /* height:100%; */border:2px solid #fff;}
.logo a {background:url("../images/logo.gif") 0 -1px no-repeat transparent; width:295px; height:109px; display:block;}
.logo {float:left;}
.menu {float:left; width:706px; height:109px;}
.menu ul li {list-style-type:none; width:141px; height:109px; float:left;}
.menu ul li a { width:141px; height:109px; display:block;}
.menu ul li.pool_listActive a {background:url("../images/menu.gif") 0 0 no-repeat; width:143px;}
.menu ul li.staticContent_rules a {background:url("../images/menu.gif") -142px 0 no-repeat; width:141px;}
.menu ul li.staticContent_faq a {background:url("../images/menu.gif") -283px 0 no-repeat; width:141px;}
.menu ul li.user_account a {background:url("../images/menu.gif") -424px 0 no-repeat; width:141px;}
.menu ul li.register_index a {background:url("../images/menu.gif") -424px 0 no-repeat; width:141px;}
.menu ul li.staticContent_contactUs a {background:url("../images/menu.gif") -565px 0 no-repeat; width:141px;}

.menu ul li.pool_listActive a:hover {background:url("../images/menu.gif") 0 -109px no-repeat;}
.menu ul li.staticContent_rules a:hover {background:url("../images/menu.gif") -142px -109px no-repeat; }
.menu ul li.staticContent_faq a:hover {background:url("../images/menu.gif") -283px -109px no-repeat; }
.menu ul li.user_account a:hover {background:url("../images/menu.gif") -424px -109px no-repeat; }
.menu ul li.register_index a:hover {background:url("../images/menu.gif") -424px -109px no-repeat; }
.menu ul li.staticContent_contactUs a:hover {background:url("../images/menu.gif") -565px -109px no-repeat; }

.menu ul li.pool_listActive.active a {background:url("../images/menu.gif") 0 -109px no-repeat;}
.menu ul li.staticContent_rules.active a {background:url("../images/menu.gif") -142px -109px no-repeat; }
.menu ul li.staticContent_faq.active a {background:url("../images/menu.gif") -283px -109px no-repeat; }
.menu ul li.user_account.active a {background:url("../images/menu.gif") -424px -109px no-repeat; }
.menu ul li.register_index.active a {background:url("../images/menu.gif") -424px -109px no-repeat; }
.menu ul li.staticContent_contactUs.active a {background:url("../images/menu.gif") -565px -109px no-repeat; }

.flash {width:1001px; height:203px;}

.sidebar {width:209px; background-color:#F2F2F2; height:100%;}
.sidebar.flr {border:1px solid white; border-right:none; border-top:none; background-color:#eaeaea; /* border-bottom:0; */}
.sidebar.fll {border:1px solid white; border-left:none; border-top:none; background-color:#F2F2F2;  border-bottom:0;}
.sidebar h2 {font-size:14px; font-weight:bold; line-height:16px; color:#cc3300; background:url("../images/sidebar_h_bg.gif") 0 0 repeat-x transparent; text-transform:uppercase; padding:8px 11px; height:31px; border-top:1px solid white;}
.content {width:791px; background:#eaeaea;
/* background:url("../images/content_bg.gif") 0 50px repeat-x black; color:white;*/ color:#000;}
.content h3 {background:url("../images/content_g_bg.gif") 0 0 repeat-x transparent; color:white; font-size:24px; font-weight:bold; display:block; padding:8px 0 0 14px; border-top:1px solid #fff; border-bottom:1px solid #fff; height:39px; text-transform:uppercase; margin:0;}
.content .help {color:#cc3300; padding:27px 0 0px 12px; font-size:12px;}
.dark_line {height:2px; background:url("../images/dark_line.gif") 0 0 repeat-x transparent; margin-top:25px;}
.content h1 {background:url("../images/content_h1_bg.gif") 100% 0 no-repeat transparent; font-size:14px; font-weight:bold; color:#fff; text-transform:uppercase; display:block; height:22px; padding-right:6px; margin:8px 10px 2px 0;}
.content h1 span {background-color:#666; display:block; height:19px; padding:3px 0 0 23px;}
.login_message, .login_message_high {font-size:12px; color:#333; padding:11px 11px 15px 11px; display:block;}
.login_bg {background:url("../images/login_bg.gif") 0 0 repeat-x #f2f2f2;margin-bottom:1px;padding-bottom:16px;}
.payment_bg{background:url("../images/payment_bg.gif") 0 0 repeat-x #f2f2f2; height:55px; width:190px; border:1px solid #cdcdcd; border-left:0px; border-top:2px solid #cdcdcd; margin-left:8px;padding-left:2px;}
.payment_bg a img {height:22px; padding:0; margin:2px 2px 3px 2px;}

#pool {/* background:#f4f4f4; */}

.login_input {background:url("../images/login_input.gif") 0 0 repeat-x transparent; height:21px; overflow:hidden; margin-bottom:1px;}
.log {float:left; font-size:12px; color:#333; padding:3px 0 0 11px;}
.login_input input {background-color:transparent; border:none; display:block; float:right; height:18px; padding:3px 10px 0 0; width:120px; margin:0;}

.forgot {padding:4px 0 0 84px;}
.forgot a {text-decoration:none; color:#999; font-size:12px;}

a.button_inp {width:85px; height:21px; background:url("../images/button_inp.gif") 0 0 no-repeat transparent; color:#cc3300; font-size:12px; border:none; outline:none; text-decoration:none; text-transform:uppercase; display:block; text-align:center; padding-top:5px;}
input.button_inp {width:85px; height:27px; background:url("../images/button_inp.gif") 0 0 no-repeat transparent; color:#cc3300; font-size:12px; border:none; outline:none; text-decoration:none; text-transform:uppercase; display:block; text-align:center; padding-top:0;}

a.button_inp_in {background:transparent url(../images/button_inp.gif) no-repeat scroll 0 0; width:85px; height:22px; color:#cc3300; font-size:12px; border:none; outline:none; text-decoration:none; text-transform:uppercase; display:block; text-align:center; padding-top:5px;}

.pre_but_log {padding:14px 0 15px 115px;}

.pay {margin:0 0 15px 11px;}

.footer {height:66px; background:url("../images/footer_bg.gif") 0 0 repeat-x transparent; border-top:1px solid #f4f4f4;}
.foot_links {padding-top:15px; text-align:center; color:#cccccc;}
.foot_links a {font-size:12px; color:#cccccc; font-weight:bold; text-decoration:none;}
.footer p {display:block; color:#999999; font-size:12px; text-align:center; padding-top:15px;}
.help.less_pad {/* padding-bottom:10px; */}

table {border:none; margin:0 10px 0 11px; width:770px;}
table thead tr {height:32px;}
table thead tr th {text-align:left; vertical-align:middle; background-color:#999999; font-size:12px; font-weight:bold; color:white;}

.table_left_bg {background:url("../images/table_head_left_bg.gif") 0 0 no-repeat transparent; width:5px;}
.table_right_bg {background:url("../images/table_head_right_bg.gif") 0 0 no-repeat transparent; width:6px;}

th.name {padding-left:19px;}
th.name a { color:white; font-size:12px; font-weight:bold; text-transform:uppercase;}
th.gray a, td.gray a,th.gray, td.gray  {color:#999;}
th.white a, td.white a,th.white, td.white  {color: white;}
.table_spacer {height:25px;}
table tbody tr td {background-color:transparent; /* color:white; */ font-size:12px; font-weight:bold;}
.odd,.even {height:24px;}
table tbody tr td a {color:#000; text-transform:uppercase;}

.nhl_play_off {background:url("../images/nhl_play_off.gif") 0 0 no-repeat transparent; width:209px; height:33px; color:white; text-transform:uppercase; font-size:16px; font-weight:bold; padding:14px 0 0 0; text-align:center;border-bottom:1px solid #fff;border-top:1px solid #fff;}
.nhl_other {background:url("../images/nhl_play_off.gif") 0 0 no-repeat transparent; width:209px; height:33px; color:white; text-transform:uppercase; font-size:13px; font-weight:bold; padding:14px 0 0 0; text-align:center;border-bottom:1px solid #fff;border-top:1px solid #fff;}
.red_bg {background:/* url("../images/red_bg.gif") 0 0 repeat */#cc3300; padding:9px 3px; //overflow:hidden;}
.join_pool {background:url("../images/join_pool.png") 0 0 no-repeat; width:204px; height:44px; display:block; color:#fff; font-size:18px; font-weight:bold; text-align:center; padding-top:20px; margin-bottom:1px;text-transform:uppercase;}
.join_pool.active {background:url("../images/join_pool_active.png") 0 0 no-repeat; color:#cc0000;}
.select_pool {background:url("../images/select_pool.png") 0 0 no-repeat; width:203px; height:32px; display:block; color:#cc0000; font-size:14px; text-transform:uppercase; text-align:center; padding-top:10px;}
.white_button {background:url("../images/white_button.gif") 0 0 no-repeat; width:201px; height:16px; margin-bottom:2px; font-size:12px; color:#cc0000; display:block; text-align:center; padding-top:2px;}
.sidebar_spacer {background:/* url("../images/sidebar_spacer.gif") 0 0 no-repeat */ #cc3300; width:209px; height:80px;}
.black_color {color:black !important;}
.wellcome {font-size:14px; font-weight:bold; color:red; text-transform:uppercase; display:block;}
.login_message div {color:#333; font-size:14px; font-weight:bold; text-transform:uppercase;}
.account_btn {padding:3px 0 0 11px;}
.account_btn a.button_inp {float:left; margin-right:14px;}
.change_pool {background:url("../images/change_pool.png") 0 0 no-repeat; width:203px; height:33px; display:block; color:white; font-size:14px; text-transform:uppercase; text-align:center; padding-top:10px;margin-bottom:40px;}
.first_pad {padding-left:20px;}
.join_now {/* background:url("../images/join_now.gif") 0 0 no-repeat; width:79px; height:19px; display:block; */color:#cc3300;}
.td_space {width:142px;}
.fixed {width:185px;}
.top_buttons_red {height:47px; background:/* url("../images/red_bg.gif") 0 0 repeat */#cc3300; border-top:1px solid #fff; border-bottom:1px solid #fff; padding-left:9px;}
.top_buttons_red ul li {list-style-type:none; display:block; float:left;}
.top_buttons_red ul li a {display:block; background:url("../images/top_button.png") 0 0 no-repeat; width:183px; height:27px; color:white; font-size:14px; font-weight:bold; float:left; margin-right:10px; margin-top:8px; padding-top:5px; text-align:center; text-transform:uppercase;}
.top_buttons_red ul li.active a {background:url("../images/top_button_active.png") 0 0 no-repeat; color:#cc0000; }
.involved {padding:23px 25px 10px 25px; color:#ccc; font-size:14px;}

table.small_header {border:none; margin:0 10px 0 11px; width:770px;}
table.small_header {border-collapse:collapse;}
table.small_header thead tr {height:22px;}
table.small_header thead tr th {text-align:left; vertical-align:middle; background-color:#333333; font-size:12px; font-weight:bold; color:white;}
table.small_header .table_left_bg {background:url("../images/table_left_small.gif") 0 0 no-repeat transparent; width:5px;}
table.small_header .table_right_bg {background:url("../images/table_small_right.gif") 0 0 no-repeat transparent; width:6px;}
table.small_header tbody tr {height:24px;}
.bet_pad {padding:16px 12px;}
.bet_pad p {font-size:12px; color:#cc3300;}
.bet_pad p.alert {font-size:14px; font-weight:bold; color:#cc3300;}
.add_btn {background:url("../images/add_btn.png") 0 0 no-repeat; padding:12px 0 0 60px; font-size:14px; font-weight:bold; color:#cc3300; display:block; float:left; margin-top:10px; text-transform:uppercase; height:30px;}

table.double_head thead tr {height:45px;}
table.double_head thead tr th {background:url("../images/table_double_head.gif") 0 0 repeat-x;}
table.double_head .table_left_bg {background:url("../images/table_double_left.gif") 0 0 no-repeat transparent; width:5px;}
table.double_head .table_right_bg {background:url("../images/table_double_right.gif") 0 0 no-repeat transparent; width:6px;}
table.double_head thead tr th {vertical-align:top; padding-top:3px; }
table.double_head thead tr th p {padding-top:5px; padding-top:4px\9}
table.double_head tbody tr.table_spacer {height:15px;}
table.double_head tbody tr td {border-bottom:1px solid #3c3c3c; height:42px;}
div#rules ol {margin:0 40px;}
div#rules ol li p {color:#000;}
div#rules ol li {color:#cc0000;}
div#rules ol ol li {color:#000;}

.step_1_bg {padding:15px 125px 30px 125px; /* background:url("../images/step_1_bg.gif") 0 100% repeat-x black; */}
.step_1_bg p {margin-bottom:1em; font-size:12px; color:#000;}
.step_1_down {/* background:url("../images/step_1_down.gif") 0 0 no-repeat black; */ height:5px;}
.sptep_2_bg {padding:15px 125px 30px 125px; /* background:url("../images/step_2_bg.gif") 0 100% repeat-x #2e0000; */ }
.step_2_down {/* background:url("../images/step_2_down.gif") 0 0 no-repeat black; */ height:5px;}
.step_3 {padding:15px 125px 0 125px; /* background-color:black;  */}

.radio {border:none; background:none;}

.step_1_bg label {padding:0 50px 0 5px; font-size:12px; color:#000; }
.radio.first {margin-top:40px;}
.user_pass {font-size:12px; float:left; width:160px;}
.conact_us_pass {float:left; border:2px solid #666666;}
.sptep_2_bg p, .step_3 p  {font-size:12px; margin-bottom:5px;}
.step_3 textarea {border:2px solid #666; width:530px; height:180px; padding:3px;}
.send_btn {width:85px; height:26px; /* background:url("../images/send_btn.gif") 0 0 no-repeat transparent; */ 
background:url("../images/button_inp.gif") 0 0 no-repeat transparent; color:#cc3300; font-size:12px; border:none; outline:none; text-decoration:none; text-transform:uppercase; display:block; text-align:center; padding-top:1px; margin-top:10px; float:right; cursor:pointer; margin-right:123px;margin-bottom:15px;margin-left:200px;}



.inner_text, #faqItemsBody {font-size:12px; color:#000; padding:15px;}
.inner_text a {color:red; text-decoration:none;}
.inner_text a:hover {text-decoration:underline;}

.inner_text.about p {margin-bottom:1em;}

#faqTitles ul li {list-style-type:none;}
#faqItems ul li a {color:#000; text-decoration:none; font-size:12px; padding:15px; display:block; float:left;}
#faqItems ul li a:hover {text-decoration:underline;}
#faqItemsBody ol {margin:10px 0;}
#faqItemsBody ol li {font-size:12px; margin-left:40px;}
#faqItems ul li {padding-bottom:15px;}

.field_name {font-size:12px; width:105px; float:left; padding:5px 20px 0 0;}
.field {width:160px; border:2px solid #ccc; margin-bottom:5px;}
.field_text {width:120px; margin-bottom:5px; float:left; padding-top:5px;}
.modify {float:left; padding-top:5px; }

/*Lightbox css*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*End lightbox css*/


#login {text-align:left !important; margin:0 !important;}
.cssform {padding:10px 0;}
.cssform p {display:block; padding:0 10px;}
.cssform span {display:block; float:left; padding:2px 12px 0 60px;}

.capit {text-transform:uppercase;}
.sidebar .login_message {height:36px;}
.sidebar .login_message_high {height:56px;}
.sidebar .account_btn .login_message {height:0;}
.team-green {color:green;}
.team-red {color:red;}
.payment_method {padding: 12px;}
.payment_method img {align:center;}

.team-picked {color: green;}
.team-lost {color: red;}
.team-yellow {color: orange;}
.team-orange {color: orange;}

.pay_by_cheque {font-size: 12px; padding-top:10px;}
.pay_by_cheque label {font-size: 11px;}
.pay_by_cheque form {margin-top: 10px;}