html, body {
  background: #454545;
  font-family: Arial, Tahoma, verdana, sans-serif;
  color: #EBDDB2;
  font-weight: normal;
	text-align:center;
}

body {
 background: url('../images/backgrounds/1.jpg') no-repeat fixed top right;
}
div.bg {
 background: url('../images/backgrounds/2.jpg') no-repeat fixed top left;
}


#main_container {
  /*background-color: #454545; #454548;*/
  margin: 0 auto;
  min-height: 100%;
/*  width: 900px;*/
}

p.heading_popup {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 1.4em;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
p.heading2b {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	font-weight: bold;
	text-align:left;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
p.heading2 {
	font-family: Arial, Tahoma, verdana, sans-serif;

	font-size: 1em;
	color: #FFFFFF;
	font-weight: bold;
	text-align:left;
	padding: 0px 0px 0px 12px;
	margin: 0px;
}
p.heading3 {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 0.8em;
	color: #ffffff;
	font-weight: bold;
	text-align:left;
	padding: 10px 10px 0px 10px;
	margin:0px;
}
p {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 0.8em;
	color: #ebebeb;
	font-weight: normal;
	text-align:left;
	padding: 10px 10px 0px 10px;
	margin:0px;
}
p.main {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 0.8em;
	color: #ebebeb;
	font-weight: normal;
	text-align:left;
	padding: 10px 10px 0px 10px;
	margin:0px;
}
p.mainfaq {
	font-family: Arial, Tahoma, verdana, sans-serif;
	color: #ebebeb;
	font-weight: normal;
	text-align:left;
	padding: 10px 10px 0px 10px;
	margin:0px;
}
p.main_center {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 0.8em;
	color: #ebebeb;
	font-weight: normal;
	text-align:center;
	padding: 10px 10px 0px 10px;
	margin:0px;
}
p.main_right {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 0.8em;
	color: #ebebeb;
	font-weight: bold;
	text-align:right;
	padding: 10px 10px 0px 10px;
	margin:0px;
}
p.main_left {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 0.8em;
	color: #ebebeb;
	font-weight: bold;
	text-align:left;
	padding: 10px 5px 0px 0px;
	margin:0px;
}
p.intro {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 0.8em;
	color: #ebebeb;
	font-weight: bold;
	text-align:left;
	padding: 10px 10px 0px 10px;
	margin:0px;
}
p.diddy {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 0.7em;
	color: #ebebeb;
	font-weight: normal;
	text-align:center;
	padding: 10px 10px 0px 10px;
	margin:0px;
}
p.diddy2 {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 0.7em;
	color: #EBDDB2;
	font-weight: normal;
	text-align:center;
	padding: 10px 10px 0px 10px;
	margin:0px;
}
p.button {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 0.8em;
	color: #EBDDB2;
	font-weight: normal;
	text-align:left;
	padding: 0px 0px 0px 10px;
}
p.buybutton {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-align:left;
	margin:6px 0px 10px 0px;
}
p.main_popup {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 1.2em;
	color: #ebebeb;
	font-weight: normal;
	text-align:justify;
	padding: 10px 10px 10px 10px;
	margin:0px 15px 0px 0px;
}

ol.faq {
	font-size: 0.8em;
}

ul {
	font-size: 0.8em;
}

li {
	font-family: Arial, Tahoma, verdana, sans-serif;
	color: #ebebeb;
	font-weight: normal;
	text-align:left;
	padding: 10px 0px 5px 0px;
	margin-top:0px;
	margin-right:25px;
}

li.commandments {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 0.7em;
	color: #ffffff;
	font-weight: normal;
	text-align:left;
	padding: 10px 0px 0px 0px;-top:0px;
	margin-right:25px;
}

.maintbl {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 0.8em;
	color: #ebebeb;
	font-weight: normal;
	text-align:left;
	vertical-align:top;
	padding: 10px 10px 10px 10px;
	margin:0px;
	border: 1px #ebebeb solid;
}

.forumnews {
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 12px;
	color: #ebebeb;
	font-weight: normal;
}
.separators {
	color: #999999;
}

.band {
	font-style:italic;
}


table#bodytbl {
	font-family: Arial, Tahoma, verdana, sans-serif;
	text-align:left;
	vertical-align:top;
    border-collapse:collapse;
	width:400px;
    margin-left:auto; 
    margin-right:auto;
	margin-top:20px;
	margin-bottom:10px;
}

table#upper {
  width:900px;
  vertical-align:center;
  padding:0px;
  margin:0px;
  margin-left:auto; 
  margin-right:auto;
  border-collapse:collapse;
}

td#header-left {
	background: url('../images/backgrounds/header-Lbg-small.gif') no-repeat left top;
	font-family: Arial, Tahoma, verdana, sans-serif;
    font-size: 1.6em;
    color: #a1946c;
    font-weight: normal;
	width: 10px;
    height: 90px;
	padding:0px;
    margin:0px;
    border: 0px #000000 solid;
}
td#header-centre {
    background:  url('../images/backgrounds/header-bg-small.gif') repeat center top;
	font-family: Arial, Tahoma, verdana, sans-serif;
    font-size: 1em;
    color: #666666;
    width: 690px;
    height: 90px;
    font-weight: normal;
	padding:0px;
    margin:0px;
    border: 0px #000000 solid;
    text-align:left;
}
td#header-right {
    background: url('../images/backgrounds/header-Rbg-small.gif') no-repeat right top;
	font-family: Arial, Tahoma, verdana, sans-serif;
    font-size: 1em;
    color: #666666;
	width: 200px;
    height: 90px;
    font-weight: normal;
	padding:0px;
    margin:0px;
    border: 0px #000000 solid;
	text-align:right;
vertical-align: bottom;
}
td#header-left-index {
	background: url('../images/backgrounds/header-Lbg.gif') no-repeat left center;
	font-family: Arial, Tahoma, verdana, sans-serif;
    font-size: 1.6em;
    color: #a1946c;
    font-weight: normal;
	width: 10px;
    height: 154px;
	padding:0px;
    margin:0px;
    border: 0px #000000 solid;
}
td#header-centre-index {
    background:  url('../images/backgrounds/header-bg.gif') repeat center center;
	font-family: Arial, Tahoma, verdana, sans-serif;
    font-size: 1em;
    color: #666666;
    width: 690px;
    height: 154px;
    font-weight: normal;
	padding:0px;
    margin:0px;
    border: 0px #000000 solid;
    text-align:left;
}
td#header-right-index {
    background: url('../images/backgrounds/header-Rbg.gif') no-repeat right center;
	font-family: Arial, Tahoma, verdana, sans-serif;
    font-size: 1em;
    color: #666666;
	width: 200px;
    height: 154px;
    font-weight: normal;
	padding:0px;
    margin:0px;
    border: 0px #000000 solid;
	text-align:right;
vertical-align: bottom;
}

table#middle {
  width:900px;
  vertical-align:center;
  padding:0px;
  margin:0px;
  margin-left:auto; 
  margin-right:auto;
  border-collapse:collapse;
}

td#leftmenu {
	width:192px;
  font-family: Arial, Tahoma, verdana, sans-serif;
  font-size: 1em;
  color: #666666;
  font-weight: normal;
	padding:0px;
  margin:0px;
border: 0px solid #333333;
background: #444347;
}
td#breadcrumbs {
  font-family: Arial, Tahoma, verdana, sans-serif;
  font-size: 0.7em;
  color: #ffffff;
  font-weight: normal;
  padding:0px;
  margin:0px;
  text-align:left;
}
td#pagebody {
  width:720px;
  padding:0px;
  margin:0px;
}
td#pagebody1col-t {
	width:710px;
	height:26px;
	background:#21314a;
	text-align:left;
	color: #ffffff;
	font-weight: normal;
}
td#pagebody1col {
	width:710px;
	text-align:left;
	background:#444347;
	color: #ffffff;
	font-weight: normal;
}



td#pagebody2colL-t {
	width:458px;
	height:26px;
	background:#21314a;
	text-align:left;
	color: #ffffff;
	font-weight: bold;
	border-left:1px solid #5a595e;
}
td#pagebody2colL-t2 {
	width:458px;
	height:26px;
	text-align:left;
	background:#21314a;
	color: #ffffff;
	font-weight: normal;
	border-left:1px solid #5a595e;
}
td#pagebody2colR-t {
	width:256px;
	height:26px;
	background:#21314a;
	text-align:center;
	color: #ffffff;
	font-weight: normal;
	border-left:1px solid #5a595e;
}
td#pagebody2colL {
	width:458px;
	text-align:left;
	background:#444347;
	color: #ffffff;
	font-weight: normal;
	border-left:1px solid #5a595e;
}
td#pagebody2colR {
	background:  url('../images/backgrounds/gutterbg.jpg') repeat center center;
	width:256px;
	text-align:center;
	
	color: #ffffff;
	font-weight: normal;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}



td#pagebody2colv2L-t {
	width:258px;
	height:26px;
	background:#21314a;
	text-align:left;
	color: #ffffff;
	font-weight: normal;
	border-left:1px solid #5a595e;
}
td#pagebody2colv2L-t2 {
	width:258px;
	height:26px;
	text-align:left;
	background:#21314a;
	color: #ffffff;
	font-weight: normal;
}
td#pagebody2colv2R-t {
	width:456px;
	height:26px;
	background:#21314a;
	text-align:center;
	color: #ffffff;
	font-weight: normal;
	border-left:1px solid #5a595e;
}
td#pagebody2colv2L {

	width:258px;
	text-align:left;
	background:#444347;
	color: #ffffff;
	font-weight: normal;
	border-left:1px solid #5a595e;
}
td#pagebody2colv2R {
	background:  url('../images/backgrounds/gutterbg.jpg') repeat center center;
	width:456px;
	text-align:center;
	
	color: #ffffff;
	font-weight: normal;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}




td#pagebody3col-t {
	width:706px;
	height:26px;
	text-align:left;
	background:#21314a;
	color: #ffffff;
	font-weight: normal;
}
td#pagebody3colL-t {
	width:235px;
	height:26px;
	text-align:left;
	background:#21314a;
	color: #ffffff;
	font-weight: normal;
}
td#pagebody3colC1-t {
	width:236px;
	height:26px;
	text-align:left;
	background:#21314a;
	color: #ffffff;
	font-weight: normal;
	border-left:1px solid #5a595e;
}
td#pagebody3colC2-t {
	width:236px;
	height:26px;
	text-align:left;
	background:#21314a;
	color: #ffffff;
	font-weight: normal;
	border-left:1px solid #5a595e;
}
td#pagebody3colR-t {
	width:235px;
	height:26px;
	text-align:left;
	background:#21314a;
	color: #ffffff;
	font-weight: normal;
	border-left:1px solid #5a595e;
}
td#pagebody3colL {
	width:220px;
	text-align:left;
	background:#444347;
	color: #ffffff;
	font-weight: normal;
}
td#pagebody3colC1 {
	width:240px;
	text-align:left;
	background:#444347;
	color: #ffffff;
	font-weight: normal;
	border-left:1px solid #5a595e;
}
td#pagebody3colC2 {
	width:240px;
	text-align:left;
	background:#444347;
	color: #ffffff;
	font-weight: normal;
	border-left:1px solid #5a595e;
}
td#pagebody3colR {
	width:240px;
	text-align:left;
	background:#444347;
	color: #ffffff;
	font-weight: normal;
	border-left:1px solid #5a595e;
}


table#lower {
  width:900px;
  vertical-align:center;
  padding:0px;
  margin:0px;
  margin-left:auto; 
  margin-right:auto;
  border-collapse:collapse;
}
td#awards-title {
	width:192px;
	height:25px;
	background:#21314a;
	text-align:left;
border-right:0px solid #444347;
}
td#buyonline-title {
	width:192px;
	height:25px;
	background:#21314a;
	text-align:left;
border-right:0px solid #444347;
}

td#awards {
	background: #444347;
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 1em;
	text-align:left;
	color: #666666;
	font-weight: normal;
	width:192px;
	height:100px;
border-right:0px solid #444347;
}
td#awardsbg {
	background: #444347;
}

td#lowermenu {
	width:900px;
	background: #21314a;
	font-family: Arial, Tahoma, verdana, sans-serif;
    font-size: 0.8em;
	color: #ffffff;
	font-weight: normal;
	height:25px;
	text-align:left;
}

td#footerL {
	background: url('../images/backgrounds/footer-Lbg.gif') no-repeat left bottom;
	width: 10px;
    height: 49px;
	padding:0px;
    margin:0px;
    border: 0px #000000 solid;
}
td#footerC {
    background:  url('../images/backgrounds/footer-bg.gif') repeat-x center bottom;
    width: 880px;
    height: 49px;
	padding:0px;
    margin:0px;
    border: 0px #000000 solid;
}
td#footerR {
    background: url('../images/backgrounds/footer-Rbg.gif') no-repeat right bottom;
	width: 10px;
    height: 49px;
	padding:0px;
    margin:0px;
    border: 0px #000000 solid;
}

td#footertextL {
	font-family: Arial, Tahoma, verdana, sans-serif;
    font-size: 0.6em;
    color: #EBDDB2;
    font-weight: normal;
	padding:0px;
    margin:0px;
    border: 0px #000000 solid;
	text-align:left;
}
td#footertextR {
	font-family: Arial, Tahoma, verdana, sans-serif;
    font-size: 0.6em;
    color: #EBDDB2;
    font-weight: normal;
	padding:0px;
    margin:0px;
    border: 0px #000000 solid;
	text-align:right;
}

td#footersocialL {
	font-family: Arial, Tahoma, verdana, sans-serif;
    font-size: 0.6em;
    color: #EBDDB2;
    font-weight: normal;
	padding:0px;
    margin:0px;
    border: 0px #000000 solid;
	text-align:center;
	width:310px;
	height:286px;
}
td#footersocialC {
	font-family: Arial, Tahoma, verdana, sans-serif;
    font-size: 0.6em;
    color: #EBDDB2;
    font-weight: normal;
	padding:0px;
    margin:0px;
    border: 0px #000000 solid;
	text-align:center;
	width:590px;
	height:858px;
}
td#footersocialR {
	font-family: Arial, Tahoma, verdana, sans-serif;
    font-size: 0.6em;
    color: #EBDDB2;
    font-weight: normal;
	padding:0px;
    margin:0px;
    border: 0px #000000 solid;
	text-align:center;
	width:310px;
	height:286px;
}

td#footersocialF {
	font-family: Arial, Tahoma, verdana, sans-serif;
    font-size: 0.6em;
    color: #EBDDB2;
    font-weight: normal;
	padding:0px;
    margin:0px;
    border: 0px #000000 solid;
	text-align:center;
	width:310px;
	height:286px;
}


table.menu a {
width:192px;
border-left:0px solid #444347;
border-right:0px solid #444347;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
display: block;
text-align:left;
} 
div.menu a {
width:192px;
color: #333333;
background: #ffffff;
text-decoration:none;
font-size:0.8em;
line-height:23px;
font-family: Arial, Tahoma, verdana, sans-serif;
font-weight:bold;
/*padding: 2px 5px 2px 5px;*/
padding:0px;
margin:0px;
}
div.menu a:link {
color: #EBDDB2;
background: #444347;
}

div.menu a:active {
color: #EBDDB2;
background: #444347;
}

div.menu a:visited {
color: #EBDDB2;
background: #444347;
}
div.menu a:hover {
color: #ffffff;
background: #21314a;/*EBDDB2*/
border-top:1px solid #333333;
border-bottom:1px solid #333333;
}

div.menu a.active_link:link {
color: #ebebeb;
background: #444347;
}

div.menu a.active_link:active {
color: #ebebeb;
background: #444347;
}

div.menu a.active_link:visited {
color: #ebebeb;
background: #444347;
}
div.menu a.active_link:hover {
color: #ebebeb;
background: #444347;/*EBDDB2*/
border-top:1px solid #333333;
border-bottom:1px solid #333333;
}

div.menu a.subcat:link {
color: #EBDDB2;
background: #444347;
}

div.menu a.subcat:active {
color: #EBDDB2;
background: #444347;
}

div.menu a.subcat:visited {
color: #EBDDB2;
background: #444347;
}
div.menu a.subcat:hover {
color: #ffffff;
background: #21314a;/*EBDDB2*/
border-top:1px solid #333333;
border-bottom:1px solid #333333;
}

div.menu a.subsubcat:link {
color: #A69F8A;
background: #444347;
}

div.menu a.subsubcat:active {
color: #A69F8A;
background: #444347;
}

div.menu a.subsubcat:visited {
color: #A69F8A;
background: #444347;
}
div.menu a.subsubcat:hover {
color: #ffffff;
background: #21314a;/*EBDDB2*/
border-top:1px solid #333333;
border-bottom:1px solid #333333;
}

div.menu a.home:link {
color: #EBDDB2;
background: #202021;
}

div.menu a.home:active {
color: #EBDDB2;
background: #202021;
}

div.menu a.home:visited {
color: #EBDDB2;
background: #202021;
}
div.menu a.home:hover {
color: #ffffff;
background: #21314a;/*EBDDB2*/
border-top:1px solid #333333;
border-bottom:1px solid #333333;
}

A.lowermenu:link {
text-decoration: none;
font-weight:bold;
color: #EBDDB2;
}
A.lowermenu:active { 
text-decoration: none;
font-weight:bold;
color: #EBDDB2;
}
A.lowermenu:visited {
text-decoration: none;
font-weight:bold;
color: #EBDDB2;
}
A.lowermenu:hover { 
text-decoration: none;
font-weight:bold;
color: #ffffff;
}

A.lowermenu_active:link {
text-decoration: none;
font-weight:bold;
color: #ffffff;

}
A.lowermenu_active:active { 
text-decoration: none;
font-weight:bold;
color: #ffffff;
}
A.lowermenu_active:visited {
text-decoration: none;
font-weight:bold;
color: #ffffff;
}
A.lowermenu_active:hover { 
text-decoration: none;
font-weight:bold;
color: #ffffff;
}

A.undressed:link {
text-decoration: none;
color: #EBDDB2;
}
A.undressed:active { 
text-decoration: none;
color: #EBDDB2;
}
A.undressed:visited {
text-decoration: none;
color: #EBDDB2;
}
A.undressed:hover { 
color: #ffffff;
text-decoration:underline;
}

A:link {
	text-decoration: none;
	color: #EBDDB2;
	font-family: Arial, Tahoma, verdana, sans-serif;
}
A:active { 
	text-decoration: none;
	color: #EBDDB2;
	font-family: Arial, Tahoma, verdana, sans-serif;
}
A:visited {
	text-decoration: none;
	color: #EBDDB2;
	font-family: Arial, Tahoma, verdana, sans-serif;
}
A:hover { 
	color: #ffffff;
	text-decoration:none;
	font-family: Arial, Tahoma, verdana, sans-serif;
}

breadcrumbs {
font-family: Arial, Tahoma, verdana, sans-serif;
text-align: left;
font-size: 0.8em; 
color: #ffffff;
}

.rightgraphic {
float:right;
padding:4px 0px 0px 0px;
border: 0px solid #000000;
}
.popupgraphic {
float:right;
padding:0px;
margin:10px 0px 10px 30px;
border: 2px solid #000000;
}
.popupclose {
float:right;
padding:0px;
margin:0px 0px 0px 0px;
border: 0px solid #000000;
}
.undressedgraphic {
padding:0px;
border: 0px solid #000000;
margin: 0px;
}

.hidden { display: none; }
.unhidden { display: block; }


/* sdf sdf sdf sdf sdf sdf */


td.rightmenu a {
width:256px;
border-left:0px solid #21314a;
border-right:0px solid #21314a;
border-top:0px solid #21314a;
border-bottom:0px solid #21314a;
display: block;
margin-left:auto;
margin-right:auto;
} 
div.rightmenu a {
width:256px;
color: #EBDDB2;
font-weight:bold;
text-decoration:none;
font-size:0.8em;
line-height:22px;
font-family: Arial, Tahoma, verdana, sans-serif;
padding: 2px 5px 2px 10px;
text-align:left;
}

a.rightmenu:link {
color: #EBDDB2;
/*background: #21314a;*/
}
a.rightmenu:active {
color: #EBDDB2;
/*background: #21314a;*/
}
a.rightmenu:visited {
color: #EBDDB2;
/*background: #21314a;*/
}
div.rightmenu a:hover {
color: #ffffff;
/*background:#21314a;*/
}
a.rightmenutop:link {
color: #EBDDB2;
background: #21314a;
}
a.rightmenutop:active {
color: #EBDDB2;
background: #21314a;
}
a.rightmenutop:visited {
color: #EBDDB2;
background: #21314a;
}
a.rightmenuwhite:link {
color: #a69f8a;
}
a.rightmenuwhite:active {
color: #a69f8a;
}
a.rightmenuwhite:visited {
color: #a69f8a;
}
a.buynow:link {
color: #EBDDB2;
background: #a3281c;
padding:6px 10px 6px 10px;
}
a.buynow:active {
color: #EBDDB2;
background: #a3281c;
padding:6px 10px 6px 10px;
}
a.buynow:active {
color: #a3281c;
background: #EBDDB2;
padding:6px 10px 6px 10px;
}
a.buynow:visited {
color: #EBDDB2;
background: #a3281c;
padding:6px 10px 6px 10px;
}



.mediaBox
{
	width:200px;
	text-align:center;
  position:relative;
	left:20px;
}
/* ################# POPUP ################### */
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:fixed;
  top:0;
	left:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
   
#boxes .window {
  position:fixed;
  display:none;
  z-index:9999;
  padding-top:2px;
  padding-right:2px;
  padding-bottom:20px;
  padding-left:20px;
  width:575px;
  height:411px;
	background:  url('../images/backgrounds/gutterbg.jpg') repeat center center;
	border: 2px solid #bbbbbb;
}
 
 
/* Customize your modal window here, you can add background image too 
#boxes #dialog {
  width:575px;
  height:394px;
	background:  url('../images/backgrounds/gutterbg.jpg') repeat center center;
	border: 2px solid #bbbbbb;
}
 ########################################### */




div#container { position: relative; margin: 0 auto; padding: 0; text-align: left; top: 0px; width: 125px; }

/*	BULLET GRAPH */
div.box-wrap { position: relative; width: 100px; height: 11px; top: 0; left: 0; margin: 0; padding: 0; }

/*	CHANGE THE WIDTH AND BACKGROUND COLORS AS NEEDED */
div.box1 { position: absolute; height: 15px; width: 30%; left: 0; background-color: #eeeeee; z-index: 1; font-size: 0; }
div.box2 { position: absolute; height: 15px; width: 30%; left: 30%; background-color: #dddddd; z-index: 1; font-size: 0; }
div.box3 { position: absolute; height: 15px; width: 30%; left: 60%; background-color: #bbbbbb; z-index: 1; font-size: 0; }
div.box4 { position: absolute; height: 15px; width: 10%; left: 90%; background-color: #bbbbbb; z-index: 1; font-size: 0; }


/* ONE SEGMENT ONLY */
div.actual { position: absolute; height: 4px; left: 0px; top: 6px; background-color: #000000; font-size: 0; z-index: 5; font-size: 0; }

/* TWO SEGMENTS */
div.actualMAX { position: absolute; height: 8px; left: 0px; top: 6px; background-color: #70a1d8; font-size: 0; z-index: 5; font-size: 0; }
div.actualPART { position: absolute; height: 8px; left: 0px; top: 6px; background-color: #0a50a1; font-size: 0; z-index: 5; font-size: 0; }

div.mylabel 
	{ 
	position: relative; 
	height: 20px; 
	width: 90px; 
	left: 50px; 
	top: 0px; 
	z-index: 7; 
	font-family: Arial, Tahoma, verdana, sans-serif;
	font-size: 0.7em;
	color: #ffffff;
	text-align: right; 
	}



/* BAR GRAPH */

/* 

Css Chart created by Alen Grakalic
Brought to you by Css Globe (cssglobe.com)

*/


dl#csschart, dl#csschart dt, dl#csschart dd{
	margin:0;
	padding:0;
	} 	
dl#csschart{
	background:url(../images/tone_charts/bg_chart.gif) no-repeat 0 0;
	width:240px;
	height:125px;
	} 
dl#csschart dt{
	display:none;
	}
dl#csschart dd{
	position:relative;
	float:left;
	display:inline;
	width:50px;
	height:110px;
	margin-top:5px;		
	} 
dl#csschart dd.first{
	margin-left:70px;		
	} 	
dl#csschart span{
	position:absolute;
	display:block;
	width:33px;	
	bottom:0;
	left:0;	
	z-index:1;
	color:#555;
	text-decoration:none;
	} 		
dl#csschart span em{
	display:block;
	font-style:normal;
	float:left;
	line-height:200%;
	color:#fff;
	border:0px solid #b1b1b1;
	position:absolute;
	top:100%;
	left:0px;
	text-align:center;
	width:28px;
	font: 70% Arial, Helvetica, sans-serif;
	} 		

/* default column styling */		

	dl#csschart span{
		height:50%;
		background:url(../images/tone_charts/type1.gif) repeat-y;
		} 

/* // default column styling */		
		
/* column types */			

	dl#csschart span.type1{
		background:url(../images/tone_charts/type1.gif) repeat-y;
		} 
	dl#csschart span.type2{
		background:url(../images/tone_charts/type2.gif) repeat-y;
		} 
	dl#csschart span.type3{
		background:url(../images/tone_charts/type3.gif) repeat-y;
		} 
	dl#csschart span.type4{
		background:url(../images/tone_charts/type4.gif) repeat-y;
		} 
	
/* // column types */	

/* percentages */

	dl#csschart span.p0{height:0%;}
	dl#csschart span.p1{height:1%;}
	dl#csschart span.p2{height:2%;}
	dl#csschart span.p3{height:3%;}
	dl#csschart span.p4{height:4%;}
	dl#csschart span.p5{height:5%;}
	dl#csschart span.p6{height:6%;}
	dl#csschart span.p7{height:7%;}
	dl#csschart span.p8{height:8%;}
	dl#csschart span.p9{height:9%;}
	dl#csschart span.p10{height:10%;}
	dl#csschart span.p11{height:11%;}
	dl#csschart span.p12{height:12%;}
	dl#csschart span.p13{height:13%;}
	dl#csschart span.p14{height:14%;}
	dl#csschart span.p15{height:15%;}
	dl#csschart span.p16{height:16%;}
	dl#csschart span.p17{height:17%;}
	dl#csschart span.p18{height:18%;}
	dl#csschart span.p19{height:19%;}
	dl#csschart span.p20{height:20%;}
	dl#csschart span.p21{height:21%;}
	dl#csschart span.p22{height:22%;}
	dl#csschart span.p23{height:23%;}
	dl#csschart span.p24{height:24%;}
	dl#csschart span.p25{height:25%;}
	dl#csschart span.p26{height:26%;}
	dl#csschart span.p27{height:27%;}
	dl#csschart span.p28{height:28%;}
	dl#csschart span.p29{height:29%;}
	dl#csschart span.p30{height:30%;}
	dl#csschart span.p31{height:31%;}
	dl#csschart span.p32{height:32%;}
	dl#csschart span.p33{height:33%;}
	dl#csschart span.p34{height:34%;}
	dl#csschart span.p35{height:35%;}
	dl#csschart span.p36{height:36%;}
	dl#csschart span.p37{height:37%;}
	dl#csschart span.p38{height:38%;}
	dl#csschart span.p39{height:39%;}
	dl#csschart span.p40{height:40%;}
	dl#csschart span.p41{height:41%;}
	dl#csschart span.p42{height:42%;}
	dl#csschart span.p43{height:43%;}
	dl#csschart span.p44{height:44%;}
	dl#csschart span.p45{height:45%;}
	dl#csschart span.p46{height:46%;}
	dl#csschart span.p47{height:47%;}
	dl#csschart span.p48{height:48%;}
	dl#csschart span.p49{height:49%;}
	dl#csschart span.p50{height:50%;}
	dl#csschart span.p51{height:51%;}
	dl#csschart span.p52{height:52%;}
	dl#csschart span.p53{height:53%;}
	dl#csschart span.p54{height:54%;}
	dl#csschart span.p55{height:55%;}
	dl#csschart span.p56{height:56%;}
	dl#csschart span.p57{height:57%;}
	dl#csschart span.p58{height:58%;}
	dl#csschart span.p59{height:59%;}
	dl#csschart span.p60{height:60%;}
	dl#csschart span.p61{height:61%;}
	dl#csschart span.p62{height:62%;}
	dl#csschart span.p63{height:63%;}
	dl#csschart span.p64{height:64%;}
	dl#csschart span.p65{height:65%;}
	dl#csschart span.p66{height:66%;}
	dl#csschart span.p67{height:67%;}
	dl#csschart span.p68{height:68%;}
	dl#csschart span.p69{height:69%;}
	dl#csschart span.p70{height:70%;}
	dl#csschart span.p71{height:71%;}
	dl#csschart span.p72{height:72%;}
	dl#csschart span.p73{height:73%;}
	dl#csschart span.p74{height:74%;}
	dl#csschart span.p75{height:75%;}
	dl#csschart span.p76{height:76%;}
	dl#csschart span.p77{height:77%;}
	dl#csschart span.p78{height:78%;}
	dl#csschart span.p79{height:79%;}
	dl#csschart span.p80{height:80%;}
	dl#csschart span.p81{height:81%;}
	dl#csschart span.p82{height:82%;}
	dl#csschart span.p83{height:83%;}
	dl#csschart span.p84{height:84%;}
	dl#csschart span.p85{height:85%;}
	dl#csschart span.p86{height:86%;}
	dl#csschart span.p87{height:87%;}
	dl#csschart span.p88{height:88%;}
	dl#csschart span.p89{height:89%;}
	dl#csschart span.p90{height:90%;}
	dl#csschart span.p91{height:91%;}
	dl#csschart span.p92{height:92%;}
	dl#csschart span.p93{height:93%;}
	dl#csschart span.p94{height:94%;}
	dl#csschart span.p95{height:95%;}
	dl#csschart span.p96{height:96%;}
	dl#csschart span.p97{height:97%;}
	dl#csschart span.p98{height:98%;}
	dl#csschart span.p99{height:99%;}
	dl#csschart span.p100{height:100%;}


/* // percentages */				
	
/* BAR GRAPH END */

/* Sidebar  begins*/
      #suggestPost
      {
        background:transparent url(../images/misc/suggest-post.png) no-repeat scroll 0px 0px;
        height:170px;
        left:0;
        position:fixed;
        top:150px;
        width:40px;
      }
      div#suggestPost:hover
      {
        background-position:-41px 0px;
      }
      #suggestPost a
      {
        display:block;
        height:170px;
        width:40px;
      }
/*side bar ends*/

/* TABS begin */

	#tabsheader ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#tabsheader li {
		display: inline;
		margin: 0 2px 0 0;
	}
	
	#tabsheader a {
		padding: 0 10px;
		text-decoration: none;
		color: #ffffff;
		background: #21314a;
	}
	
	#tabsheader a:hover {
		background: #41516b;
		color: #ffffff;
	}
	
	#tabsheader .selected {
	}
	
	#tabsheader a.selected {
		padding-bottom: 2px;
		font-weight: bold;
		color: #ffffff;
		color: #ffffff;
		background: #41516b;
	}
	
	#content {
		border-top: 2px solid #454548;
		background: #41516b;
		padding: 0.3em;
	}
	
	#content p {
		margin: 0;
		padding: 0.2em;
		background: #41516b;
	}

/*TABS end */

/* begin CR edits */
input.error {
	background-color:#903; 
	border:red solid 1px;
	color:#fff;
}

textarea.error {
	background-color:#903;
	border:red solid 1px;
	color:#fff;
}

.field_container.short {
	width: 130px;
	float: left;
}

.field_container.medium {
	width: 800px;
	float: left;
}

.field_container textarea {
	width: 460px;
	height: 100px;
	margin: 0px 0 10px 0;
	float: left;
	clear: left;
}

.field_container input[type="radio"] {
    margin: 0px 15px 0 5px;
}

.field_container {
	float:left;
	clear:left;
}

input[type="submit"].CR {
	float: left;
	clear: left;
	padding: 10px 35px 10px 35px;
	margin: 10px 0 0 0;
	background-color: red;
	border: solid 1px #21314a;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}

input[type="submit"]:hover {
	background-color:#21314a;
	color:#EBDDB2;
	cursor: pointer;
}

form.cobra {
	float: left;
	padding: 10px 0 0 10px;
}

.field_container input {
	margin: 0 0 15px 0;
}

input[name="address"] {
}

.large label.radio_label {
	margin: 0 0 10px 0;
	float: left;
	clear: left;
}

.radio_container {
	float: left;
	margin: -8px 0 15px 0px;
	display: inline-block;
	clear: left;
}

.comments_label {
	float: left;
	clear: left;
}

.radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  display: inline-block;
  background: url(../images/radio.png) no-repeat;
  float: left;
  margin: -3px 0 0 0;
}

.score_display {
	float: left;
}

.intro_para {
	font-size: 17px;
	padding: 0 0 15px 10px;
}

.prize {
	float:right;
}

form.cobra {
	width: 480px;
}

.image_title {
	float: right;
	width: 373px;
	text-align: center;
	padding: 0 0 10px 0;
	font-size: 25px;
}

.already_entered {
	font-size: 23px;
}

h2 {
font-family: Arial,Tahoma,verdana,sans-serif;
font-size: 1em;
color: #FFF;
font-weight: bold;
text-align: left;
padding: 0px 0px 0px 10px;
margin: 0px;
}
/* end CR edits */


/*
	Todd Motto Labs
	URL: www.toddmotto.com
*/

/*------------------------------------*\
   Clickable Dropdown
\*------------------------------------*/

.click-nav {
	//margin:100px auto;
	width:104px;
	margin:10px;
}
.click-nav  {
	font-weight:900;
}
.click-nav ul li {
	position:relative;
	list-style:none;
	cursor:pointer;
}
.click-nav ul li ul {
	position:absolute;
	left:0;
	right:0;
}
.click-nav ul .clicker {
	background:#a82525;
	color:#ebddb2;
}
.click-nav ul .clicker:hover,
.click-nav ul .active {
	background:#196F9A;
}
.click-nav img {
	position:absolute;
	top:9px;
	left:12px;
}
.click-nav ul li a {
	   border: 1px solid #000000;
   background: #a82525;
   background: -webkit-gradient(linear, left top, left bottom, from(#950303), to(#a82525));
   background: -webkit-linear-gradient(top, #950303, #a82525);
   background: -moz-linear-gradient(top, #950303, #a82525);
   background: -ms-linear-gradient(top, #950303, #a82525);
   background: -o-linear-gradient(top, #950303, #a82525);
   background-image: -ms-linear-gradient(top, #950303 0%, #a82525 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #383838 0 1px 0;
   
   font-family: helvetica, serif;
   
   
   
   vertical-align: middle;
	display:block;
	padding: 5px 9px;
	
	color:#ebddb2;
	text-decoration:none;
	font-size:10pt;
}
.click-nav ul li a:hover {
	background:#2284B5;
}
/* Fallbacks */
.click-nav .no-js ul {
	display:none;
}
.click-nav .no-js:hover ul {
	display:block;
}

/*BUTTON*/
.form-container {
   width:400px;
   height: 18px;
   }
.form-field {
   border: 1px solid #c9b7a2;
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #a82525;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:5px;
   margin-bottom:10px;
   width:120px;
   }
.form-field:focus {
   background: #fff;
   color: #a82525;
   }
.form-container h2 {
   text-shadow: #fdf2e4 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
    }
.form-title {
   margin-bottom:10px;
   color: #725129;
   text-shadow: #fdf2e4 0 1px 0;
   }
.submit-container {
   margin:7px 0 0 10px;
   text-align:left;
   }
   
.submit-button {
   border: 1px solid #000000;
   background: #a82525;
   background: -webkit-gradient(linear, left top, left bottom, from(#950303), to(#a82525));
   background: -webkit-linear-gradient(top, #950303, #a82525);
   background: -moz-linear-gradient(top, #950303, #a82525);
   background: -ms-linear-gradient(top, #950303, #a82525);
   background: -o-linear-gradient(top, #950303, #a82525);
   background-image: -ms-linear-gradient(top, #950303 0%, #a82525 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #383838 0 1px 0;
   color: #ebddb2;
   font-family: helvetica, serif;
   padding: 5px 9px;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
.submit-button:hover {
   border: 1px solid #000000;
   text-shadow: #383838 0 1px 0;
   background: #5192d4;
   background: -webkit-gradient(linear, left top, left bottom, from(#0e64ba), to(#5192d4));
   background: -webkit-linear-gradient(top, #0e64ba, #5192d4);
   background: -moz-linear-gradient(top, #0e64ba, #5192d4);
   background: -ms-linear-gradient(top, #0e64ba, #5192d4);
   background: -o-linear-gradient(top, #0e64ba, #5192d4);
   background-image: -ms-linear-gradient(top, #0e64ba 0%, #5192d4 100%);
   color: #ebddb2;
   }
.submit-button:active {
   text-shadow: #383838 0 1px 0;
   border: 1px solid #000000;
   background: #4ba4fc;
   background: -webkit-gradient(linear, left top, left bottom, from(#0976e3), to(#5192d4));
   background: -webkit-linear-gradient(top, #0976e3, #4ba4fc);
   background: -moz-linear-gradient(top, #0976e3, #4ba4fc);
   background: -ms-linear-gradient(top, #0976e3, #4ba4fc);
   background: -o-linear-gradient(top, #0976e3, #4ba4fc);
   background-image: -ms-linear-gradient(top, #0976e3 0%, #4ba4fc 100%);
   color: #ebddb2;
   }