/*******************************************************
SMARTCHALLENGE.COM Global Stylesheet
Design By: 		The Wojo Group
		   		info@thewojogroup.com
		
LAST UPDATED ON: June 10, 2008
*******************************************************/
/*******************************************************
TABLE OF CONTENTS

RESETS					25
GLOBAL PROPERTIES		74
HEADER					122
FOOTER					208
BLOG POSTS				246
HOMEPAGE				359
BUY DVD PAGE			439
DOWNLOADS PAGE			492
CONTACT PAGE			520
CUSTOM BORDERS			574
sIFR					652
FORMS					739
DISCOUNT ALERT BOX		1250
*******************************************************/
/*******************************************************
RESETS
*******************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img, div { behavior: url(../iepngfix.htc) }
/*******************************************************
GLOBAL PROPERTIES
*******************************************************/
html{
	height:100%;
}
body{
	background: #181814 url(../images/bg.jpg) top center no-repeat;
	font:13px "Lucida Grande", Arial, sans-serif;
	color:#fff;
	height:100%;
}

#container{
	width:880px;
	margin:0 auto;
	position:relative;
	min-height:100%;
	margin-bottom:-40px;
	padding-left: 5px;
}
.clearfooter{
	height:40px;
	clear:both;
}
a{
	text-decoration:none;
	
}
a:hover{
	text-decoration:underline;
}
.left{
	float:left;
}
.right{
	float:right;
}
.white{
	color:#fff;
}
.black{
	color:#333;
}
.lightPurple{
	color:#c413e7;
}

/*******************************************************
HEADER
*******************************************************/
#header{
	width:100%;
	background: url(../images/header_bg.png) top left repeat-x;
	height:107px;
}
#headerContainer{
	margin:0 auto;
	width:880px;
}
#cart{
	padding:10px;
	float:left;
	width:150px;
	height:40px;
	overflow:hidden;
}
#cart a{
	color:#84c3ef;
	text-decoration:none;
}
#cart a:hover{
	text-decoration:underline;
}
#cart a.quantity{
	font-size:10px;
}
.cartSep{
	margin:0 3px;
}
.price{
	color:#d20000;
}
ul#nav{
	float:right;
	margin:20px -15px 0 0;
	width:510px;
}
ul#nav li{
	float:left;
	list-style:none;
} 
ul#nav a{
	display:block;
	margin:0 15px;
	height:18px;
	text-indent:-99999px;
	font-size:18px;
	background: url(../images/nav.png);
}
ul#nav a#home{
	width:54px;
}
ul#nav a#home:hover{
	background-position:0 -18px;
}
ul#nav a#buy{
	width:75px;
	background-position:-87px 0;
}
ul#nav a#buy:hover{
	background-position:-87px -18px;
}
ul#nav a#downloads{
	width:94px;
	background-position:-198px 0;
}
ul#nav a#downloads:hover{
	background-position:-198px -18px;
}
ul#nav a#articles{
	width:68px;
	background-position:-328px 0;
}
ul#nav a#articles:hover{
	background-position:-328px -18px;
}
ul#nav a#contact{
	width:67px;
	background-position:-431px 0;
}
ul#nav a#contact:hover{
	background-position:-431px -18px;
}
/*******************************************************
FOOTER
*******************************************************/
#footer{
	width:880px;
	background:#131313;
	padding:5px 5px 15px 5px;
	font-size:11px;
	position:relative;
	margin: 30px auto 0 auto;
	height:40px;
}
#footer #center{
	float:left;
	text-align:center;
	margin:12px 0 0 120px;
}
#footer .left{
	margin:8px 0 0 6px;
}
#footer .left img{
	vertical-align:bottom;
}
#footer .right{
	margin:20px 6px 0 0;
}

#footer ul li{
	float:left;
}
#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

/*******************************************************
BLOG POSTS
*******************************************************/
.post{
	margin:5px 0 70px 0;
}
.meta{
	color:#ccc;
	font-size:11px;
	margin:-3px 0 10px 0;
	display:block;
}
a.readMore{
	display:block;
	width:91px;
	height:21px;
	text-indent:-9999px;
	background:url(../images/read_more.png);
}
a.readMore:hover{
	background-position:0 -21px;
}
#blogMain{
	color:#333;
	float:left;
	width:600px;
	margin:30px 0;
}
#blogMain .meta{
	color:#666;
}
#blogSide{
	float:right;
	width:210px;
	margin:30px 0;
}
#categories li{
	margin:5px 0;
}
#categories a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#categories a:hover{
	text-decoration:underline;
}
#archive li{
	margin:5px 0;
}
#archive li a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
#archive li a:hover{
	text-decoration:underline;
}
#archive small a{
	font-size:11px;
	color:#541c5f;
	text-decoration:none;
}
#archive small a:hover{
	text-decoration:underline;
}
.links{
	margin:5px 0
}
#links li{
	margin:5px 0
}
#links li a{
	color:#5c2168;
	text-decoration: underline;
}

#commentHeaders{
	float:left;
	margin:20px 0;
}
#commentHeaders h3{
	float:left;
	height:19px;
	width:130px;
}
.comment{
	margin:10px 0;
	float:left;
}
.comment .name{
	clear:both;
	float:left;
	width:150px;
	padding:5px 0;
	color:#fff;
}
.comment .message{
	float:right;
	width:450px;
}
.submitHeader{
	float:left;
	margin:20px 0 5px 0;
	height:19px;
	width:190px;
}
#submitComment{
	width:360px;
	float:left;
	clear:both;
	
}
/*******************************************************
HOMEPAGE
*******************************************************/
#banner{
	margin:20px 0 0 0;
}
#banner p{
	margin:0 0 0 5px;
	color:#333;
	font-family:"Lucida Grande", Arial, sans-serif;
	font-size:14px;
	line-height:140%;
	text-align:justify;
}
#banner .right{
	width:50%;
	margin:10px 5px 0 0;
}
#banner .left{
	width:48%;
}
#banner .i3{
	background:url(../images/banner_bg.png);
	height:282px;
	padding:0;
}
#banner h1{
	height:38px;
}
a#homeBuyBtn{
	display:block;
	width:91px;
	height:21px;
	background:url(../images/home_buy.png);
	text-indent:-99999px;
	margin-top:15px;
}
a#homeBuyBtn:hover{
	background-position:0 -21px;
}
#homeSidebar{
	float:left;
	width:345px;
	margin:20px 0 0 0;
}
#homeAbout{
	color:#000;
	margin:0 0 20px 0;
}
#homeAbout img{
	float:left;
	margin:0 5px 5px 0;
}
#homeAbout h2{
	float:right;
	width:230px;
}

#homeAbout a{
	float:right;
	color:#5c2168;
	text-decoration:none;
	margin:5px 0 0 0;
}
#homeAbout a:hover{
	text-decoration: underline;
}
#homeAbout p{
	text-align: justify;
}
.engagements{
	margin:5px 0;
	color:#000;
}

#homeMain{
	float:right;
	width:500px;
	margin:20px 0 0 0;
}
/*******************************************************
BUY DVD PAGE
*******************************************************/
#buyMain{
	float:left;
	width:430px;
	margin:30px 0;
}
#buyMain h5{
	margin:10px 0 0 0;
}
.clip{
	width:135px;
	margin:7px 5px 0 0;
	float:left;
	color:#000;
}
#buySide{
	float:right;
	margin:30px 0;
	width:400px;
}
#buySide p{
	margin:10px 0;
	clear:both;
}
a.addCart{
	background:url(../images/addCart.png);
	width:91px;
	height:21px;
	text-indent:-9999px;
}
a.addCart:hover{
	background-position:0 -21px;
}
#dvdBuy{
	padding-bottom:20px;
	height:180px;
}
#dvdBuy h3{
	float:right;
	width:150px;
	height:25px;
	margin:60px 50px 5px 0;
}
#dvdBuy .addCart{
	clear:right;margin:0 40px 0 0
}
#dvdBuy h4{
	float:right;
	width:70px;
	height:25px;
}
/*******************************************************
DOWNLOADS PAGE
*******************************************************/
#downloadsMain{
	margin:30px 0 0 0;
}
.dlBox{
	width:700px;
	margin:30px 0;
}
#downloadsMain .i3{
	background:url(../images/downloads_bg.png);
	height:177px;
	padding:0;
}
.preview{
	margin:5px;
	float:left;
}
.dlHeader{
	margin:10px 0 0 5px;
}
#downloadsMain h2{

}
.ico{
	margin:0 10px 0 10px;
}
/*******************************************************
CONTACT PAGE
*******************************************************/
#contactLeft{
	float:left;
	width:375px;
	color:#fff;
	margin:30px 0 0 0;
}
#contactLeft label{
	color:#fff;
}
#contactRight{
	float:right;
	width:350px;
	color:#333;
	margin:30px 0 0 0;
}

#contactInfo{
	margin:20px 0 0 0px;
	width:300px;
	color:#fff;
}
#contactInfo strong{
	float:left;
	padding-bottom:10px;
}
#contactInfo .left{
	width:160px;
	clear:left;
}
#contactInfo .right{
	width:150px;
}
.submitBtn{
	background:url(../images/submit_btn.png);
	display:block;
	width:91px;
	height:21px;
	border:none;
	text-indent:-9999px;
}
.submitBtn:hover{
	background-position:0 -21px;
}
.formConfirm{
	text-align: center;
	font-size: 14px;
	width:300px;
	margin: 0 auto;
	background: #259325;
	color:#fff;
}
/*******************************************************
CUSTOM BORDERS
*******************************************************/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {}
	/* Top corners and border */
.bt {
	height:5px;
	background:#f0f0f0;
}
.bt div {
	position:relative;
	left:-5px;
	width:5px;
	height:5px;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:5px;
	background:#f0f0f0;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:5px;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding-left:5px;
	background:#f0f0f0;
}
	/* Right border */
.i2 {
	padding-right:5px;
	background:#f0f0f0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	background:#fff;
	border:1px solid #dedede;	
	padding:5px;
}


	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/*******************************************************
sIFR
*******************************************************/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size:27px;
	margin:10px 0 0 5px;
	padding:0;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 22px;
}
.sIFR-hasFlash h2.purple {
	visibility: hidden;
	font-size: 16px;
	margin:-20px 0 0 5px;
	padding:0;
	display:block;
}
.sIFR-hasFlash #downloadsMain h2.purple {
	visibility: hidden;
	font-size: 24px;
	margin:17px 0 17px 5px;
	padding:0;
	display:block;
	width:300px;
	height:24px;
}
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}
 .sIFR-hasFlash #blogSide h3,
 .sIFR-hasFlash #blogSide h2,
 .sIFR-hasFlash #blogMain h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 19px;
}
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 16px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
/*******************************************************
FORMS
*******************************************************/
/* - - - - - - - - - - - - - - - - - - - - -

Title : Form Foundation
Author : Stephen McKinney (based on Wufoo's Form Foundation by Infinity Box Inc.)

- - - - - - - - - - - - - - - - - - - - - */

.submit li{
width:100%;
background: #fff;
}
form ul{
margin:0;
padding:5px 5px 5px 0px;
list-style-type:none;
width:370px;
font-size:100%;
-webkit-padding-start: 0;
}
form li{
margin:0;
padding:4px -5px 2px 0;
position:relative;
clear:both;
}

form li:after, .buttons:after{
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
}

form li, .buttons{display: inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}

* html form li div{
display:inline-block;
}
form li div, form li span{
margin:0 4px 0 0;
padding:0 0 8px 0;
color:#444;
}
form li span{
float:left;
}

form li div.address{
padding-bottom:0;
}

form li div.left{
display:inline;
float:left;
width:47%;
}
form li div.right{
display:inline;
float:right;
width:47%;
}

.clear{
clear:both !important;
}

/* ----- INFO ----- */

.info{
display:inline-block; 
clear:both;
border-bottom:1px dotted #ccc;
margin:0 0 1em 0;
}
.info[class]{
display:block;
}
.info h2{
font-weight:normal;
font-size:160%;
margin:0 0 3px 0;
clear:left;
}
.info p{
font-size:95%;
line-height:135%;
margin:0 0 12px 0;
}

/* ----- SECTIONS ----- */

form hr{
display:none;
}
form li.section{
border-top:1px dotted #ccc;
margin-top:9px;
padding-top:13px;
padding-bottom:0px;
padding-left:9px;
width:97% !important;
}
form ul li.first{
border-top:none !important;
margin-top:0px !important;
padding-top:0px !important;
}
form .section h3{
font-weight:normal;
font-size:110%;
line-height:135%;
margin:0 0 2px 0;
}
form .section p{
font-size:85%;
margin:0 0 10px 0;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
line-height:150%;
padding:0 0 1px 0;
border:none;
display:block;
font-size:95%;
font-weight:bold;
}
#emailField,
#commentField{
	width:344px;
}
label.choice{
font-size:100%;
display:block;
line-height:1.4em;
margin:-1.55em 0 0 25px;
padding:4px 0 5px 0;
width:90%;
}
form li div label, form li span label{
margin:0;
padding-top:3px;
clear:both;
font-size:9px;
line-height:9px;
display:block;
}

input.text, input.file, textarea.textarea, select.select{
margin:0;
font-size:100%;
color:#333;
}
input.text, textarea.textarea, .firefox select.select{
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
background:#fff;
}
input.text, input.file{
padding:2px 0 2px 0;
}
input.currency{
text-align:right;
}

input.checkbox, input.radio{
display:block;
line-height:1.4em;
margin:6px 0 0 3px;
width:13px;
height:13px;
}
textarea.textarea{
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}
select.select{
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
margin:1px 0;
padding:1px 0 0 0;
}
select.select[class]{
margin:0;
padding:1px 0 1px 0;
}
*:first-child+html select.select[class]{
margin:1px 0;
}
.safari select.select{
margin-bottom:1px;
font-size:120% !important;
}

span.symbol{
font-size:115%;
line-height:130%;
}
form li .datepicker{
float:left;
margin:.1em 5px 0 0;
padding:0;
width: 16px;
height: 16px;
cursor:pointer !important;
}

/* ----- BUTTONS ----- */

input.btTxt{
padding:0 7px;
width:auto;
overflow:visible;
}
.buttons{
clear:both;
margin-top:100px;
}
.buttons input{
font-size:120%;
margin-right: 5px;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section p, .rtl input.btTxt{
direction:rtl;
}

/* ----- SIZES ----- */

.third{
width:32% !important;
}
.half{
width:48% !important;
}
.full{
width:100% !important;
}

input.small, select.small{
width:25%;
}
input.medium, select.medium{
width:70%;
}
input.large, select.large, textarea.textarea{
width:80%;
}

textarea.small{
height:5.5em;
}
textarea.medium{
height:10em;
}
textarea.large{
height:20em;
}
/* ----- FIELD FLOATING -----*/
form li.leftHalf{
width:270px;
border-right: 1px solid #ccc;
display:inline;
} 
form li.rightHalf{
width:285px;
display: inline;
}
li.leftHalf{
clear:left;
float:left;
}
li.rightHalf{
clear:none;
float:right;
}
li.leftHalf .medium, 
li.rightHalf .medium,
li.leftHalf .small, 
li.rightHalf .small{
width:100%;
}
/* ----- ERRORS ----- */

#errorLi{
width:99%;
margin:0 auto;
background:#fff;
border:1px dotted red;
margin-bottom:1em;
text-align:center;
padding-top:4px;
padding-left:0px;
padding-right:0px;
}
#errorMsgLbl{
margin:7px 0 5px 0;
padding:0;
font-size:125%;
color:#DF0000;
}
#errorMsg{
margin:0 0 .8em 0;
color:#000;
font-size:100%;
}
#errorMsg strong{
background-color: #FFDFDF;
padding:2px 3px;
color:red;
}
form li.error{
display:block !important;
background-color: #FFDFDF !important;
margin:3px 0;
}
form li.error label{
color:#DF0000 !important;
}
form p.error{
color:red;
font-weight:bold;
font-size:10px;
margin:-2px 0 5px 0;
clear:both;
}
.leftLabel p.error, .rightLabel p.error{
margin-left:30%;
padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error{
margin-left:35%;
padding-left:15px;
}

/* ----- REQUIRED ----- */

form .req{
float:none;
color:red !important;
font-weight:bold;
margin:0;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
background-color:none;
}
form .instruct{
position:absolute;
top:0;
left:100%;
z-index:1000;
width:42%;
margin:0 0 0 8px;
padding:8px 10px 9px 10px;
border:1px solid #e6e6e6;
background:#f5f5f5;
line-height:130%;
font-size:80%;
color:#444;
visibility:hidden;
}
form .instruct small{
font-size:105%;
}
form li.focused .instruct, form li:hover .instruct{
visibility:visible;
}

/* ----- ALT INSTRUCTIONS ----- */

li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
visibility:visible;
position:static;
margin:-2px 0 0 0;
padding:0 0 7px 0;
background:none;
border:none;
width:100%;
font-size:9px;
clear:left;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel{
width:74% !important;
padding-top:9px;
}

.leftLabel .small, .rightLabel .small{
width:17%;
}
.leftLabel .medium, .rightLabel .medium{
width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel .address, .rightLabel .address{
width:64%;
}

* html .leftLabel .small, * html .rightLabel .small{
width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium{
width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{
width:97%;
}

.leftLabel label.desc, .rightLabel label.desc{
float:left;
width:30%;
margin:2px 15px 0 0;
}
.rightLabel label.desc{
text-align:right;
}
.leftLabel .address, .rightLabel .address{
float:left;
}

.leftLabel p.instruct, .rightLabel p.instruct{
width:27%;
margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
margin-left:30% !important;
padding-left:15px;
width:65%;
}

.leftLabel .buttons, .rightLabel .buttons{
margin-left:15px;
}
.leftLabel .buttons input, .rightLabel .buttons input{
margin-left:30%;
}

/* ----- NO INSTRUCTIONS ----- */

.noI .instruct{
display:none !important;
}
.noI form li, .noI form li.buttons{
width:97% !important;
}
.noI form li.section{
padding-left:9px !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel .address, .noI .rightLabel .address{
width:60%;
}

* html .noI .leftLabel .small, * html .noI .rightLabel .small{
width:23%;
}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium{
width:55%;
}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea,
* html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea{
width:97%;
}

.noI .leftLabel label.desc, .noI .rightLabel label.desc{
width:35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
margin-left:35%;
}

div.calendar { position: relative; z-index:3000;}.calendar table {cursor:pointer;font-size: 11px;color: #000;border:1px solid #ccc;background: #fff;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;}.calendar .button { text-align: center;    padding:2px 0 3px 0;}.calendar thead .title { font-weight: bold;      text-align: center;background: #fff;color: #000;font-size:12px;padding: 3px 0;}.calendar thead .headrow { background: #dedede;color: #333;font-weight:bold;}.calendar thead .daynames { background: #f5f5f5;color:#333;}.calendar thead .name { padding: 2px;text-align: center;color: #000;border-bottom:1px solid #dedede;}.calendar thead .weekend { color: #666;background:#dedede;}.calendar thead .hilite { background-color: #444;color: #fff;padding: 1px;}.calendar thead .active { background-color: #d12f19;color:#fff;}.calendar tbody .day { width:2em;color: #222;text-align: right;padding: 1px;border: 1px solid #fff;}.calendar tbody .day.othermonth {font-size: 80%;color: #bbb;}.calendar tbody .day.othermonth.oweekend {color: #fbb;}.calendar table .wn {padding: 2px 2px 2px 2px;border-right: 1px solid #000;background: #666;}.calendar tbody .rowhilite td, .calendar tbody .rowhilite td.wn{background: #ddd;}.calendar tbody td.hilite { background:#444 !important;color:#fff !important;}.calendar tbody td.active { color:#529214;background: #529214 !important;}.calendar tbody td.selected { font-weight: bold;border: 1px solid #888;padding: 1px;background: #f5f5f5 !important;color: #222 !important;}.calendar tbody td.weekend { color: #666;}.calendar tbody td.today {  font-weight: bold;color: #529214;background:#D9EFC2;}.calendar tbody .disabled { color: #999; }.calendar tbody .emptycell { visibility: hidden;}.calendar tbody .emptyrow { display: none;}.calendar tfoot .footrow { text-align: center;background: #556;color: #fff;}.calendar tfoot .ttip { background: #222;color: #fff;font-size:10px;border-top: 1px solid #dedede;padding: 3px;}.calendar tfoot .hilite { background: #aaf;border: 1px solid #04f;color: #000;padding: 1px;}.calendar tfoot .active { background: #77c;padding: 2px 0px 0px 2px;}.calendar .combo {position: absolute;display: none;top: 0px;left: 0px;width: 4em;border: 1px solid #ccc;background: #f5f5f5;color: #222;font-size: 90%;z-index: 100;}.calendar .combo .label,.calendar .combo .label-IEfix {text-align: center;padding: 1px;}.calendar .combo .label-IEfix {width: 4em;}.calendar .combo .hilite {background: #444;color:#fff;}.calendar .combo .active {border-top: 1px solid #999;border-bottom: 1px solid #999;background: #dedede;font-weight: bold;}


/* ----- POST STUFF PUT AT BOTTOM TO ENSURE IT OVERIDES sIFR stuff ----- */

.post p h1{font-size: 18px;color:#fff;padding: 0;margin: 0 0 0 0;}
.post p h2{font-size: 16px;color:#fff;}
.post p h3{font-size:14px;color:#fff;}
.post p h4{font-size: 12px;color:#fff;}
.post a{color:#c413e7;text-decoration: underline;}
.post p img{float:left;}


/* ------ spam blocker ------ */
#test_field{
	display:none;
}

/*******************************************************
DISCOUNT ALERT BOX
*******************************************************/

#discountAlert{
	position:absolute;
	left:50%;
	top:0;
	height:100px;
	width:400px;
	margin-left:-200px;
	border:1px solid #777;
	border-top: 0px;
	background-color: #333;
	z-index: 5;
	text-align:center;
}

#discountAlert a{
	color: #84c3ef;
}

#discountInfo{
	margin: 15px;
}