/* style8 */

h1 { 
	color: #333;
}

h2 {
	color: #555;
}

h3 {
	color: #333;
}

body {
	color: #333;
	background: #8a1212;
}

a {
	color: #8B0200;
}

img.album {
	border: 2px solid #206ba8;
}

/* horiz menu */

#horiz-menu a {
	color: #fff;
}

#horiz-menu li.active a {
	color: #F39031;
}

#horiz-menu ul li:hover,
#horiz-menu ul li.sfHover,
#horiz-menu ul ul {
	background: #680100;
}

#horiz-menu ul li:hover a,
#horiz-menu ul li.sfHover a,
#horiz-menu ul li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover a,
#horiz-menu ul li:hover li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover a,
#horiz-menu ul li:hover li:hover li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover a,
#horiz-menu ul li:hover li:hover li:hover li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a {
	color: #F39031;
}

#horiz-menu ul li:hover li a,
#horiz-menu ul li.sfHover li a,
#horiz-menu ul li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li a,
#horiz-menu ul li:hover li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li a,
#horiz-menu ul li:hover li:hover li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover li a {
	color: #fff;
}

#horiz-menu ul ul li,
#horiz-menu ul ul li:hover,
#horiz-menu ul ul li.sfHover {
	background: url(../images/style8/dropdown-div.png) 0 100% repeat-x;
}

#horiz-menu li li.parent a,
#horiz-menu li li.parent li.parent a,
#horiz-menu li li.parent li.parent li.parent a {
	background: url(../images/style8/dropdown-child.png) 100% 50% no-repeat;
}

#mainframe ul.menuside a {
	background: #f5f5f5 url(../images/style8/bullets-mainmenu.png) 5px 5px no-repeat;
}

a.mainlevel {
	background: #f5f5f5 url(../images/style8/bullets-mainmenu.png) 5px 5px no-repeat;
}

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	color: #666;
}

.componentheading {
	color: #8B0200;
}

#mainframe td.contentheading,
.contentheading {
	background: #f3f3f3;
	color: #333;
}

#mainframe td.buttonheading,
#mainframe .contentpaneopen td.buttonheading,
#mainframe td.buttonheading,
#mainframe .contentpaneopen td.buttonheading {
	background: #f3f3f3;
}

/* structure */

#body-b {
	background: #fff url(../images/style8/bg-bottom.png) 0 100% repeat-x;
}

#body-t {
	/* background: url(../images/style8/bg.png) 0 0 repeat-x; */
	background: url(../images/style8/masthead-bg.png) 0 0 repeat-x;
}

#frame-1 
{
	/*
	background: url(../images/style8/shadow-br.png) bottom right no-repeat;
	*/
}

#frame-2 
{
	/*
	background: url(../images/style8/shadow-bl.png) bottom left no-repeat;
	*/
}

#frame-3 
{
	/*
	background: url(../images/style8/shadow-tr.png) 100% 0 no-repeat;
	*/
}

#frame-4 
{
	/*
	background: url(../images/style8/shadow-tl.png) 0 0 no-repeat;
	*/
}

#masthead 
{
	/*	
	background: url(../images/style8/masthead-bg.png) 0 0 repeat-x;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	*/
}

#logo {
	background: url(../images/style8/RebelBettingLogoWeb.png) 0 0 no-repeat;

/*
andra ocksa #masthead i template_css.css osv
	background: url(../images/style8/RebelBettingLogoWebChristasEd.png) 0 0 no-repeat;
*/
}

#horiz-menu {
	background: url(../images/style8/menu-bg.png) 0 0 repeat-x;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
}

#mainbody-1 
{
	/*
	background: #fff url(../images/style8/body-b.png) 0 100% repeat-x;
	*/
}

#mainbody-2 
{
	/*
	background: url(../images/style8/body-t.png) 0 0 repeat-x;
	*/
}

#mainbody-3 
{
	/*
	background: url(../images/style8/body-br.png) 100% 100% no-repeat;
	*/
}

#mainbody-4 
{
	/*
	background: url(../images/style8/body-bl.png) 0 100% no-repeat;
	*/
}

#mainbody-5 
{
	/*
	background: url(../images/style8/shadow-tr.png) 100% 0 repeat-y;
	background: url(../images/style8/body-tr.png) 100% 0 no-repeat;
	*/
}

#mainbody-6 {
	/*
	background: url(../images/style8/shadow-tl.png) 0 0 repeat-y;
	background: url(../images/style8/body-tl.png) 0 0 no-repeat;
	*/
}

#footer-1 
{
	/* 	background: #8B0200 url(../images/style8/footer-bg.png) 0 100% repeat-x; */
}

#footer-2 
{
	/*
	background: url(../images/style8/footer-edge.png) 100% 0 repeat-y;
	*/
}

#footer-3 {
	/*
	background: url(../images/style8/footer-edge.png) 0 0 repeat-y;
	*/
}

#footer-4 {
	/*
	background: url(../images/style8/footer-edge2.png) 100% 100% no-repeat;
	*/
}

#footer-5 {
	/*
	background: url(../images/style8/footer-edge2.png) 0 100% no-repeat;
	*/
}

#rocket-1 {
	/*
	background: url(../images/style8/footer-shadow-bg.png) 0 0 repeat-x;
	*/
}

#rocket-2 {
	/*
	background: url(../images/style8/footer-shadow-r.png) 100% 0 no-repeat;
	*/
}

#rocket-3 {
	/*
	background: url(../images/style8/footer-shadow-l.png) 0 0 no-repeat;
	*/
}

img#rocket {
	/*
	background: url(../images/style8/rocket.png) 0 0 no-repeat;
	*/
}

/* modules */

.module-hilite1 {
	color: #ddd;
	font-size: 0.9em;
}

.module-hilite3 {
	color: #eee;
	font-size: 0.9em;
}

.module-hilite4 {
	color: #ccc;
	font-size: 0.9em;
}

.module-hilite1 a {
	color: #fff;
}

.module-hilite3 a {
	color: #fff;
}

.module-hilite4 a {
	color: #fff;
}

#footer-1 .module {
	color: #ddd;
}

#footer-1 .module a {
	color: #fff;
}

#footer-1 .module h3 {
	color: #fff;
}

.module h3,
.module-hilite2 h3 {
	background: url(../images/style8/bullet-header-hilite2.png) 0 0 no-repeat;
}

.module-hilite1 h3 {
	color: #fff;
	background: url(../images/style8/bullet-header-hilite1.png) 0 0 no-repeat;
}

.module-hilite3 h3 {
	color: #fff;
	background: url(../images/style8/bullet-header-hilite3.png) 0 0 no-repeat;
}

.module-hilite4 h3 {
	color: #fff;
	background: url(../images/style8/bullet-header-hilite4.png) 0 0 no-repeat;
}

.module .readon,
.module-hilite2 .readon {
	background: url(../images/style8/arrow-1.png) 0 0 no-repeat;
}

.module-hilite1 .readon {
	background: url(../images/style8/arrow-4.png) 0 0 no-repeat;
}

.module-hilite3 .readon {
	background: url(../images/style8/arrow-6.png) 0 0 no-repeat;
}

.module-hilite4 .readon {
	background: url(../images/style8/arrow-5.png) 0 0 no-repeat;
}

/* generic */

.module-hilite1 {
	background: url(../images/style8/hilite1/module-left-tl.png) 0 0 no-repeat;
}

.module-hilite1 div {
	background: url(../images/style8/hilite1/module-left-bl.png) 0 100% no-repeat;
}

.module-hilite1 div div {
	background: url(../images/style8/hilite1/module-left-tr.png) 100% 0 no-repeat;
}

.module-hilite1 div div div {
	background: url(../images/style8/hilite1/module-left-br.png) 100% 100% no-repeat;
}

.module-hilite2 {
	background: url(../images/module-left-tl.png) 0 0 no-repeat;
}

.module-hilite2 div {
	background: url(../images/module-left-bl.png) 0 100% no-repeat;
}

.module-hilite2 div div {
	background: url(../images/module-left-tr.png) 100% 0 no-repeat;
}

.module-hilite2 div div div {
	background: url(../images/module-left-br.png) 100% 100% no-repeat;
}

.module-hilite3 {
	background: url(../images/style8/hilite3/module-left-tl.png) 0 0 no-repeat;
}

.module-hilite3 div {
	background: url(../images/style8/hilite3/module-left-bl.png) 0 100% no-repeat;
}

.module-hilite3 div div {
	background: url(../images/style8/hilite3/module-left-tr.png) 100% 0 no-repeat;
}

.module-hilite3 div div div {
	background: url(../images/style8/hilite3/module-left-br.png) 100% 100% no-repeat;
}

.module-hilite4 {
	background: url(../images/style8/hilite4/module-left-tl.png) 0 0 no-repeat;
}

.module-hilite4 div {
	background: url(../images/style8/hilite4/module-left-bl.png) 0 100% no-repeat;
}

.module-hilite4 div div {
	background: url(../images/style8/hilite4/module-left-tr.png) 100% 0 no-repeat;
}

.module-hilite4 div div div {
	background: url(../images/style8/hilite4/module-left-br.png) 100% 100% no-repeat;
}

/* left */

.left .module-hilite1 {
	background: url(../images/style8/hilite1/module-left-tl.png) 0 0 no-repeat;
}

.left .module-hilite1 div {
	background: url(../images/style8/hilite1/module-left-bl.png) 0 100% no-repeat;
}

.left .module-hilite1 div div {
	background: url(../images/style8/hilite1/module-leftcol-tr.png) 100% 0 no-repeat;
}

.left .module-hilite1 div div div {
	background: url(../images/style8/hilite1/module-leftcol-br.png) 100% 100% no-repeat;
}

.left .module-hilite2 {
	background: url(../images/module-left-tl.png) 0 0 no-repeat;
}

.left .module-hilite2 div {
	background: url(../images/module-left-bl.png) 0 100% no-repeat;
}

.left .module-hilite2 div div {
	background: url(../images/module-leftcol-tr.png) 100% 0 no-repeat;
}

.left .module-hilite2 div div div {
	background: url(../images/module-leftcol-br.png) 100% 100% no-repeat;
}

.left .module-hilite3 {
	background: url(../images/style8/hilite3/module-left-tl.png) 0 0 no-repeat;
}

.left .module-hilite3 div {
	background: url(../images/style8/hilite3/module-left-bl.png) 0 100% no-repeat;
}

.left .module-hilite3 div div {
	background: url(../images/style8/hilite3/module-leftcol-tr.png) 100% 0 no-repeat;
}

.left .module-hilite3 div div div {
	background: url(../images/style8/hilite3/module-leftcol-br.png) 100% 100% no-repeat;
}

.left .module-hilite4 {
	background: url(../images/style8/hilite4/module-left-tl.png) 0 0 no-repeat;
}

.left .module-hilite4 div {
	background: url(../images/style8/hilite4/module-left-bl.png) 0 100% no-repeat;
}

.left .module-hilite4 div div {
	background: url(../images/style8/hilite4/module-leftcol-tr.png) 100% 0 no-repeat;
}

.left .module-hilite4 div div div {
	background: url(../images/style8/hilite4/module-leftcol-br.png) 100% 100% no-repeat;
}

/* right */

.right .module-hilite1 {
	background: url(../images/style8/hilite1/module-right-tr.png) 100% 0 no-repeat;
}

.right .module-hilite1 div {
	background: url(../images/style8/hilite1/module-right-br.png) 100% 100% no-repeat;
}

.right .module-hilite1 div div {
	background: url(../images/style8/hilite1/module-rightcol-tl.png) 0 0 no-repeat;
}

.right .module-hilite1 div div div {
	background: url(../images/style8/hilite1/module-rightcol-bl.png) 0 100% no-repeat;
}

.right .module-hilite2 {
	background: url(../images/module-right-tr.png) 100% 0 no-repeat;
}

.right .module-hilite2 div {
	background: url(../images/module-right-br.png) 100% 100% no-repeat;
}

.right .module-hilite2 div div {
	background: url(../images/module-rightcol-tl.png) 0 0 no-repeat;
}

.right .module-hilite2 div div div {
	background: url(../images/module-rightcol-bl.png) 0 100% no-repeat;
}

.right .module-hilite3 {
	background: url(../images/style8/hilite3/module-right-tr.png) 100% 0 no-repeat;
}

.right .module-hilite3 div {
	background: url(../images/style8/hilite3/module-right-br.png) 100% 100% no-repeat;
}

.right .module-hilite3 div div {
	background: url(../images/style8/hilite3/module-rightcol-tl.png) 0 0 no-repeat;
}

.right .module-hilite3 div div div {
	background: url(../images/style8/hilite3/module-rightcol-bl.png) 0 100% no-repeat;
}

.right .module-hilite4 {
	background: url(../images/style8/hilite4/module-right-tr.png) 100% 0 no-repeat;
}

.right .module-hilite4 div {
	background: url(../images/style8/hilite4/module-right-br.png) 100% 100% no-repeat;
}

.right .module-hilite4 div div {
	background: url(../images/style8/hilite4/module-rightcol-tl.png) 0 0 no-repeat;
}

.right .module-hilite4 div div div {
	background: url(../images/style8/hilite4/module-rightcol-bl.png) 0 100% no-repeat;
}

/* content */

div#mod-top 
{
	/*
	background: url(../images/style8/masthead-div.png) 0 0 no-repeat;
	*/
}

div#mod-top li {
	background: url(../images/style8/bullet-masthead.png) 0 5px no-repeat;
	color: #ccc;
}

div#mod-top a {
	color: #fff;
}

.pathway {
	color: #fff;
}

.pathway a {
	color: #ccc;
	background: url(../images/style8/bullet-pathway.png) 100% 50% no-repeat;
}

.readon {
	background: url(../images/style8/readon-default.png) 0 0 no-repeat;
}

li.number-1 {
	background: url(../images/style8/number-1.png) 0 2px no-repeat;	
}

li.number-2 {
	background: url(../images/style8/number-2.png) 0 2px no-repeat;	
}

li.number-3 {
	background: url(../images/style8/number-3.png) 0 2px no-repeat;	
}

li.number-4 {
	background: url(../images/style8/number-4.png) 0 2px no-repeat;	
}

li.number-5 {
	background: url(../images/style8/number-5.png) 0 2px no-repeat;	
}

li.number-6 {
	background: url(../images/style8/number-6.png) 0 2px no-repeat;	
}

li.number-7 {
	background: url(../images/style8/number-7.png) 0 2px no-repeat;	
}

li.number-8 {
	background: url(../images/style8/number-8.png) 0 2px no-repeat;	
}

li.number-9 {
	background: url(../images/style8/number-9.png) 0 2px no-repeat;	
}

ul.flame-1 li {
	background: url(../images/style8/flame-1.png) 0 2px no-repeat;
}

ul.flame-2 li {
	background: url(../images/style8/flame-2.png) 0 2px no-repeat;
}

ul.flame-3 li {
	background: url(../images/style8/flame-3.png) 0 2px no-repeat;
}

ul.arrow-1 li {
	background: url(../images/style8/arrow-1.png) 2px 2px no-repeat;
}

ul.arrow-2 li {
	background: url(../images/style8/arrow-2.png) 2px 2px no-repeat;
}

ul.arrow-3 li {
	background: url(../images/style8/arrow-3.png) 2px 2px no-repeat;
}

ul.arrow-4 li {
	background: url(../images/style8/arrow-4.png) 2px 2px no-repeat;
}

ul.arrow-5 li {
	background: url(../images/style8/arrow-5.png) 2px 2px no-repeat;
}

ul.arrow-6 li {
	background: url(../images/style8/arrow-6.png) 2px 2px no-repeat;
}

ul.triangle-1 li {
	background: url(../images/style8/triangle-1.png) 6px 4px no-repeat;
}

ul.triangle-2 li {
	background: url(../images/style8/triangle-2.png) 6px 4px no-repeat;
}

ul.triangle-3 li {
	background: url(../images/style8/triangle-3.png) 6px 4px no-repeat;
}

ul.triangle-4 li {
	background: url(../images/style8/triangle-4.png) 6px 4px no-repeat;
}

ul.triangle-5 li {
	background: url(../images/style8/triangle-5.png) 6px 4px no-repeat;
}

ul.triangle-6 li {
	background: url(../images/style8/triangle-6.png) 6px 4px no-repeat;
}

ul.bullet-1 li {
	background: url(../images/style8/bullet-1.png) 6px 4px no-repeat;
}

ul.bullet-2 li {
	background: url(../images/style8/bullet-2.png) 6px 4px no-repeat;
}

ul.bullet-3 li {
	background: url(../images/style8/bullet-3.png) 6px 4px no-repeat;
}

ul.bullet-4 li {
	background: url(../images/style8/bullet-4.png) 6px 4px no-repeat;
}

ul.bullet-5 li {
	background: url(../images/style8/bullet-5.png) 6px 4px no-repeat;
}

ul.bullet-6 li {
	background: url(../images/style8/bullet-6.png) 6px 4px no-repeat;
}

blockquote {
	color: #000000;
}

pre {
	background: #f5f5f5;
}


.alertbox {
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background-color: #FFD6D6;
	/* background: #FFD6D6; url(../images/status-alert.png) 10px 50% no-repeat; */
}

.bluebox {
	color: #0055BB;
	border-top: 3px solid #629de3;
	border-bottom: 3px solid #629de3;
	background-color: #D8E5F8;
	/* background: #D8E5F8;  url(../images/status-info.png) 10px 7px no-repeat; */
}

.yellowbox {
	color: #B79000;
	border-top: 3px solid #fde179;
	border-bottom: 3px solid #fde179;
	background-color: #FEF6D8;
	/* background: #FEF6D8; url(../images/status-note.png) 10px 50% no-repeat; */
}

.w100 { width: 100px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w500 { width: 500px; }

.greenbox {
	color: #57861A;
	border: 2px solid #c2df88;
	background-color: #EEF7DD;
	margin: 5px 0 5px 0;
	padding: 9px;
	position: relative;

	/*
	color: #57861A;
	border-top: 3px solid #c2df88;
	border-bottom: 3px solid #c2df88;
	background-color: #EEF7DD;
	margin-top: 5px;
	margin-bottom: 5px;
	*/
	/* background: #EEF7DD; url(../images/status-download.png) 10px 50% no-repeat; */
}

.greybox {
	color: #222;
	border: 2px solid #ccc;
	background-color: #f8f8f8;
	margin: 5px 0 5px 0;
	padding: 9px;
	position: relative;
}


.whitebox {
	border: 2px solid #cc0000;
	background-color: #fff;
	margin: 5px 0 5px 0;
	padding: 1px 1px 1px 15px;
	position: relative;
}


.pricebox 
{
	/* width: 340px; */
	color: #57861A;
	border: 2px solid #c2df88;
	background-color: #EEF7DD;
	margin: 5px 0 5px 0;
	padding: 9px;
	position: relative;
}

.selectedPricebox 
{
	/* background-color: #DDE7CC; */
	border: 2px solid #006600;
}

.pricebox .price
{
	position: absolute;
	left: 10em;
}


.pricebox strong
{
	font-size: 1.1em;
	font-weight: bold;
}

.pricebox .price strong
{
	font-size: 1.4em;
	font-weight: bold;
}

.pricebox small
{
	font-size: 0.9em;
}


#selectSubscription
{
}

#selectPayment 
{
}

#customerDetails
{
}

.customerDetailBox
{
	margin-top: 5px;
}






/* The Perfect 'Double Page' 2 Column Liquid Layout (Percentage widths)
http://matthewjamestaylor.com/blog/perfect-2-column-double-page.htm */

/* Header styles */
#header {
	clear:both;
	/* float:left; */
	width:100%;
}
#header {
	/*
	border-bottom:1px solid #000;
	*/
}
#header p,
#header h1,
#header h2 {
}
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header ul li a:hover {
	background:#369;
	color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (double page) settings */
.doublepage {
}
.doublepage .colleft {
	right:50%;
}
.doublepage .col1 {
	width:46%;			/* left column content width (column width minus left and right padding) */
	left:52%;			/* right column width plus left column left padding */
}
.doublepage .col2 {
	width:46%;			/* right column content width (column width minus left and right padding) */
	left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	/* border-top:1px solid #000; */
}
#footer p {
	padding:10px;
	margin:0;
}
