@import "css/default.css";

/*	Color references
--------------------------
--------------------------  */


/*  General Typography  */
/****************/
body		{ font-family:arial,sans-serif; background-color:#95bad7; color:#fff; }

h1 { font-size:2em; line-height:1em; margin-bottom:0.5em; font-family:arial,sans-serif; }
h2 { font-size:1.3em; line-height:1.3em; margin-bottom:0.5em; color:#688dbb; }
h3 { font-size:1.1em; line-height:1.1em; margin-bottom:0.5em; }
h4	{ font-size:1.0em; line-height:1.0em; margin-bottom:0; }

p, li, dt, dd, label, th, td, address 	{ font-size:0.95em; line-height:1.5em; }
ul, ol, dl	{ margin-bottom:1em; }
ol			{ padding-left:25px; }
ol	li		{ margin-bottom:0.25em; list-style-type:decimal; }
dt			{ font-weight:bold; margin-top:1em; }
dt.first	{ margin-top:0; }
dd			{ margin:0; padding:0; } 

a 					{ color:#fff; }
a:hover 			{ color:#ccc; }
a.blank 			{ color:#333; padding-right:16px; background:url(/themes/Basic/img/_blank.gif) no-repeat right top; }
a.blank:hover 	{ color:#C22F1A; background-image:url(/themes/Basic/img/_blank_hover.gif); }
.active a		{ text-decoration:none; }
	
address		{ font-style:normal; }
li address	{ font-size:100%; }

table { margin-bottom:1em; width:100%; }
td, th { padding:5px; border:1px solid #666; text-align:left; }
table caption { display:none; }

input, select { font-family:arial, georgia, serif; color:#3A3832; }
form, fieldset { padding:0; margin:0; }
select { font-size:0.7em; padding:2px 2px; border:1px solid #3A3832; background-color:#fff; }
legend { font-size:1.2em; font-weight:bold; color:#C22F1A; margin-bottom:0.5em; margin-left:-7px; padding-left:0; }
fieldset { margin-bottom:1em; }
fieldset#errors { margin-bottom:0; }



/*  Template Structure  */
/**********************************************************************/
html, body 			{ margin:0; padding:0; height:100%; }
body 					{ background:#001739 url("http://www.redenergy.com.au/img/bg-page-stars.jpg") no-repeat scroll center top;}
#pageWrap			{ min-height:100%; position:relative; }
* html #pageWrap 	{ height:100%; }

#page	{ width:960px; margin:0 auto; padding:0 0 170px 0; }

#header { }
#header li { font:0.9em 'arial black',arial,sans-serif; padding:0px 12px; }
#header li a { color:#fff; }

#header .col-1 { float:left; width:340px; }
#header .col-last { float:right; }

#nav-perif { padding:16px 0; }
#nav-perif  .col-1 { width:320px; }
#nav-perif .col-1 .li-1 { padding-left:4px; }
#nav-perif .col-last .li-last { padding-right:4px; }
#nav-perif .col-last ul { float:right; }
#nav-perif li a:hover { color:#95b0e0; }

#nav-main { background-color:#000; border:1px solid #000; -moz-border-radius:12px; -webkit-border-radius:12px; }
#nav-main .col-1 { font-size:0.7em; padding:21px 16px; }
#nav-main .col-1 li { border-color:#979eaa; color:#979eaa; }
#nav-main .col-last { padding:32px; }
#nav-main .col-last ul { background-color:#666; padding:12px; border:1px solid #666; -moz-border-radius:8px; -webkit-border-radius:8px; }
#nav-main li a:hover { color:#b1b8be !important; }

#main { background-color:#25313b; border:1px solid #1d252b; -moz-border-radius:12px; -webkit-border-radius:12px; min-height:430px; margin:8px 0 0 0; padding:32px; }
* html #main { height:430px; }
#main p a ,
#main li a { color:#6c97ce; }
#main p a:hover ,
#main li a:hover { color:#ccc; }
#main ul li	{ list-style-type:disc; margin-left:16px; }
#main ul.nav-horiz li	{ list-style:none; margin-left:0; }

#main #nav-sub { color:#a5b0bf; margin-bottom:1.5em; }
#main #nav-sub .inner { padding:10px; background-color:#44576a; border:1px solid #44576a; -moz-border-radius:4px; -webkit-border-radius:4px; }
#main #nav-sub li { padding:0px 12px; }
#main #nav-sub a { color:#a5b0bf; }
#main #nav-sub a:hover { text-decoration:underline; }

#main .LinkButton ul,
#main .LinkButton li { list-style:none; margin:0; padding:0; color:#848b8f; }
#main .LinkButton a.btn {  text-align:center; font-weight:bold; font-size:1em; color:#FFF; padding:6px 16px; margin-right:10px; background-color:#2a60c0; text-decoration:none; border:1px solid #2a60c0; -moz-border-radius:4px; -webkit-border-radius:4px; }
#main .LinkButton a.btn:hover { background:#666; border:1px solid #666; }
#main .LinkButton p { color:#848b8f; }

p#tagline { margin-top:1em; font-size:1em; }
/* 
#footer { height:170px; background:url(/themes/Basic/img/grass.gif) repeat-x center bottom; position:absolute; bottom:0; min-width:100%; }
#footer span { background:url(/themes/Basic/img/ball.gif) bottom no-repeat; display:block; height:170px; width:960px; margin:0 auto; } 

* html #footer { height:170px; } 
*/

#nav-footer { }
#nav-footer li { }


/*  Reused bits  */
/**********************************************************************/
.nav-horiz { margin:0; padding:0; }
.nav-horiz li { float:left; border-right:1px solid #919ca4; padding:0px 5px; }
.nav-horiz li.li-1 { padding-left:0; }
.nav-horiz li.li-last { border-right:none; }
.nav-horiz li a { display:block; text-decoration:none; }
.nav-horiz li a:hover { }
.nav-horiz li.active a { }
.nav-horiz li.active a:hover { }

.col-25pc { float:left; width:23.5%; margin-right:2%; } /* Effective width:  */
.col-33pc { float:left; width:32.0%; margin-right:2%; } /* Effective width:  */
.col-50pc { float:left; width:49.0%; margin-right:2%; } /* Effective width:  */
.col-66pc { float:left; width:66.0%; margin-right:2%; } /* Effective width:  */
.col-75pc { float:left; width:74.5%; margin-right:2%; } /* Effective width:  */
.col-last { margin-right:0 !important; }

.rndBox-1 { background:url(/themes/Basic/img/rndBox-1-top-left.gif) no-repeat left top; margin-bottom:1em; }
.rndBox-1 .el1 { background:url(/themes/Basic/img/rndBox-1-top-right.gif) no-repeat right top; }
.rndBox-1 .el2 { background:url(/themes/Basic/img/rndBox-1-bottom-left.gif) no-repeat left bottom; }
.rndBox-1 .el3 { background:url(/themes/Basic/img/rndBox-1-bottom-right.gif) no-repeat right bottom; padding:20px; margin-bottom:0;}
.rndBox-1 p { margin-bottom:0; }
.rndBox-1 h3 { color:#C22F1A; font-size:20px; margin-bottom:0.5em; }

.row { margin-bottom:1em; }

.inset { float:right; margin:0 0 1em 20px; }

.error { color:#C22F1A; }

.TTextBox { width:100%; overflow:hidden; margin-bottom:10px; }
.TTextBox label { display:block; float:left; width:150px; padding:0.5em 0 0 0; }
.TTextBox input { font-size:1em; padding:6px 4px; border:1px inset #3A3832; background-color:#eee; width:400px; }
.optional label { font-style:italic; }
.TCheckBox { width:100%; overflow:hidden; margin-bottom:10px; }
.TCheckBox input { margin-left:150px; }
.TButton { width:100%; overflow:hidden; margin-bottom:10px; }
.TButton input { font-weight:bold; font-size:1em; color:#FFF; padding:6px 16px; border:none; background-color:#2a60c0; border:1px solid #2a60c0; -moz-border-radius:4px; -webkit-border-radius:4px; }
.TButton input:hover { background-color:#294a7e; cursor:pointer; border:1px solid #294a7e; }
.TDropDownList { width:100%; overflow:hidden; margin-bottom:10px; }
.TDropDownList label { display:block; float:left; width:150px; padding:0.5em 0 0 0; }
.TDropDownList select { font-size:0.7em; padding:6px 4px; border:1px inset #3A3832; background-color:#eee; }

.TTextBox .score { width:40px; }

#main .callout { margin-bottom:10px; }
#main .callout .inner { font-size:90%; padding:10px; background-color:#4879c6; color:#fff; border:1px solid #4879c6; -moz-border-radius:4px; -webkit-border-radius:4px; position:relative; }
#main .callout .inner h3 { margin-bottom:0; }
#main .callout .inner h3 a { text-decoration:none; }
#main .callout .inner a { color:#fff; }
#main .callout a:hover { color:#fff; }
#main .callout .inner ul { position:absolute; bottom:1em; }
#main .callout .inner ul ,
#main .callout .inner li { list-style:none; margin:0; padding:0; }

#main ul.terms { list-style:none; margin:2em 0 0 0; padding:0; }
#main ul.terms li { list-style:none; margin:0; padding:0; font-size:0.7em; color:#A5B0BF; }
#main ul.terms li a { color:#A5B0BF; }
#main ul.terms li a:hover { color:#ccc; }


/*  Down-states  */
/**********************************************************************/
#Home #nav-perif .col-1 .li-1 a,
#RedBlackSquad #nav-perif .col-1 .li-2 a,
#FamilyDay #nav-perif .col-1 .li-2 a,
#usersNewUser #nav-perif .col-last #liRegister a,
#usersNewUser #nav-perif .col-last #liAdd a,
#usersLoginUser #nav-perif .col-last #liLogin a,
#tippingFixtureResults #nav-perif .col-last #liResults a { color:#95bad7; }

#tippingIntroduction #nav-main .li-1 a,
#tippingListFixtures #nav-main .li-1 a,
#tippingTerms #nav-main .li-1 a,
#bombIntroduction #nav-main .li-2 a,
#bombPlay #nav-main .li-2 a,
#bombScoreboard #nav-main .li-2 a, 
#spotIntroduction #nav-main .li-3 a,
#spotPlay #nav-main .li-3 a,
#Promotions #nav-main .li-4 a { color:#b1b8be; }

#tippingIntroduction #nav-sub .li-1 a,
#tippingListFixtures #nav-sub .li-2 a,
#tippingTerms #nav-sub .li-3 a,
#bombIntroduction #nav-sub .li-1 a,
#bombPlay #nav-sub .li-2 a ,
#bombScoreboard #nav-sub .li-3 a,
#spotIntroduction #nav-sub .li-1 a,
#spotPlay #nav-sub .li-2 a { text-decoration:none; font-weight:bold; color:#fff; }


/*  Pages (filename without extension)  */
/**********************************************************************/
#Home {}
#Home .callout .inner { min-height:120px; }
* html #Home .callout .inner { height:120px; }
/*
#Home .col-last .callout .inner { background-color:#5e7084; border:1px solid #5e7084; }
#Home .col-last a.btn { background-color:#666; border:1px solid #666; }
#Home .col-last a.btn:hover { background:#2a60c0; border:1px solid #2a60c0; }
*/

#Home #promo { margin-top:0px; }
#Home #promo p { margin-top:1em ; }

#FamilyDay {}
#FamilyDay h2 { margin-bottom:0; }
#FamilyDay address { color:#688DBB; font-size:0.9em; line-height:1.3em; font-weight:bold; margin-bottom:0.5em; }
#FamilyDay .col-33pc img { float:right; }

/*
#RedBlackSquad {}
#RedBlackSquad #main { background:#fff; border-color:#fff; color:#25313b; }
#RedBlackSquad .callout { }
#RedBlackSquad .callout .inner { background-color:#fff; border-color:#fff; text-align:center; padding-bottom:0; }
*/
#RedBlackSquad .callout .inner { background-color:#25313b; border-color:#25313b; text-align:center; padding-bottom:0; }

#Promotions {}
#Promotions .col-33pc img { float:right; }

#bombIntroduction {}
#bombIntroduction .col-33pc img { }
#bombIntroduction .col-33pc .img a { float:right; display:block; width:260px; height:195px; border:5px solid #44576a; -moz-border-radius:4px; -webkit-border-radius:4px; }
#bombIntroduction .col-33pc .img a:hover { border-color:#688DBB; }

#bombPlay {}
#bombPlay #flash-wrap { margin:0 auto; text-align:center; padding:40px 0; background-color:#000; border:5px solid #44576a; -moz-border-radius:12px; -webkit-border-radius:12px; }
#bombPlay #flash-wrap object:focus { -moz-outline-style:none; outline:none; }
#bombPlay #flash-game { width:800px; height:600px; }

#tippingIntroduction {}
#tippingIntroduction .col-33pc img { float:right; }

#tippingListFixtures {}
#tippingListFixtures #main .LinkButton ul { float:left; margin-right:10px; }

#tippingThanks {}
#tippingThanks .col-33pc img { float:right; }

#spotIntroduction {}
#spotIntroduction .col-33pc .callout { padding:10px; background-color:#44576a; border:5px solid #44576a; -moz-border-radius:4px; -webkit-border-radius:4px; }
#spotPlay #photoWrap { background-image:url('/themes/Basic/img/spot-ball-1.jpg'); width:894px; height:490px; position:relative; }
#spotPlay #ball { position:absolute;visibility:hidden;z-index:2; }
#spotPlay #main .LinkButton ul { float:left; margin-right:10px; }

.scaffold_search { float:right; }
.scaffold_list_view .item-header { margin-bottom:1em; }
.scaffold_edit_view .edit-item { display:block; width:100%; overflow:hidden; margin-bottom:10px; }
.scaffold_edit_view .edit-inputs label { display:block; float:left; width:150px; }
.scaffold_edit_view .edit-inputs .item-input { display:block; float:left; width:450px; }

#anniversaryEmails .item-header ,
#anniversaryStaff .item-header { background-color:#000; padding:10px; }

#anniversaryEmails .scaffold_search ,
#anniversaryStaff .scaffold_search { background-color:#000; padding:10px; font-size:0.7em; }

#anniversaryEmails .item-header-template ,
#anniversaryStaff .item-header-template { font-weight:bold; padding-bottom:5px; border-bottom:1px solid #000; }

#anniversaryEmails .item ,
#anniversaryStaff .item { width:100%; overflow:hidden; padding:5px 0; border-bottom:1px solid #000; }

#anniversaryEmails .item_1 ,
#anniversaryStaff .item_1 { background-color:#333; }

#anniversaryEmails .field ,
#anniversaryStaff .field { width:180px; display:inline-block; padding-left:5px; }

#anniversaryEmails .edit-delete-buttons ,
#anniversaryStaff .edit-delete-buttons { float:right; width:400px; }

#anniversaryEmails .auxilary-button ,
#anniversaryStaff .auxilary-button { display:block; margin-top:1em; }