/* CSS Document */

body{
	padding:11px 0 14px 0;
	margin:0;
	background-color:#EFEFDF;
	color:#000;
	font-family: Helvetica, "Lucida Grande", Arial, "sans serif";
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}


ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

img { border: none; }
/*------------------------------------body--------------------*/

/* -----------------------------------masthead */

#masthead {
	width: 981px;
	height: 90px;
	background: no-repeat url(../images/logo.gif) 0px 0px;
	margin: 0 auto;
	font-size: 0.7em;
}

#masthead #top-nav {
	width: 450px;
	float: right;
	}

#masthead #top-nav ul {
	float: right;
	display: block;
}

#masthead #top-nav ul li {
	float: left;
	padding-left: 5px;
	list-style: none;
	font-size: 11px;
}

#masthead #top-nav ul li a {
	float: left;
	padding-right: 5px;
	text-decoration:  none;
	color: #4475bc;
}

#masthead #top-nav ul li a:link {
	float: left;
	color: #4475bc;
}

#masthead #top-nav ul li a:visited {
	float: left;
	color: #4475bc;
}

#masthead #top-nav ul li a:hover {
	float: left;
	color: #0f442a;
	text-decoration: underline;
}

#masthead #top-nav ul li a:active {
	float: left;
	color: #4475bc;
}

#masthead #top-nav #get-youreality {
	float: right;
	display: block;
	width: 205px;
	margin-top: 25px;
	}


/* -----------------------------------end masthead */

/*------------------------------------header--------------------*/
#header{
	background: url('/images/big_tabby_bg.jpg') 0 54px no-repeat;
	width:981px;
	height: 300px;
	position:relative;
	margin:0 auto;
}
#header ul {
	width: 981px;
	height: 54px;
	margin: 0;
	padding: 2px 0 0 6px; /* 2px top padding: weird-ass IE workaround part 1 */
	background: transparent url('/images/bt_tab_bg.jpg') 0 0 no-repeat;
}

#header ul li {
	margin: -2px 0 0 0; /* -2px top padding: weird-ass IE workaround part 2 */
	padding: 0 0 0 0;
	}

#header ul li a {
	display: block;
	float: left;
	width: 151px;
	height: 54px;
	background: transparent url('/images/bt_tab.png') 0 6px no-repeat;
	margin: 0 2px 0 0;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 14px 0 0 0;
	line-height: 1.3em;
	outline: 0; /*prevent dotted border in FF */
}


#header ul li a:hover, #header ul li a.hover {
	background: transparent url('/images/bt_tab_over.jpg') 0 6px no-repeat;
}

#header div {
	width: 981px;
	height: 246px;
	margin: 0;
	padding: 0;
	background: transparent url('/images/big_tabby_bg.jpg') 0 0 no-repeat;
}
#header #btt_bg1 { background: transparent url('/images/big_tabby_bg1.jpg') 0  0 no-repeat; }
#header #btt_bg2 { background: transparent url('/images/big_tabby_bg2.jpg') 0  0 no-repeat; }
#header #btt_bg3 { background: transparent url('/images/big_tabby_bg3.jpg') 0  0 no-repeat; }
#header #btt_bg4 { background: transparent url('/images/big_tabby_bg4.jpg') 0  0 no-repeat; }
#header #btt_bg5 { background: transparent url('/images/big_tabby_bg5.jpg') 0  0 no-repeat; }

#header p{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	
}
#header p.tab-big{
	color: #ffffff;
	width: 500px;
	font-size: 1.5em;
	margin-left: 430px;
	padding-top: 26px;
	line-height: 1.3em;
	height: 185px;
}

#header p.tab-big span.tab-small{
	color: #d0d0d0;
	font-size: 0.7em;
	line-height: 1.2em;
}
#header p.tab-link{
	color: #C7DAF3;
	font-size: 1.4em;
	line-height: 1em;
	text-align: right;
	float: right;
	font-style: italic;
	position: relative;
	padding-right: 20px;
}

#header p.tab-link a{
	color: #C7DAF3;
	text-decoration: none;
}

#header p.tab-link a:link{
	color: #C7DAF3;
}

#header p.tab-link a:visited{
	color: #C7DAF3;	
}

#header p.tab-link a:hover{
	color: #C7DAF3;
	text-decoration: underline;
}


#header a.readMore{
	display:block;
	background:url(../images/read_more.gif) 0 0 no-repeat;
	width:50px;
	height:38px;
	position:absolute;
	left:895px;
	top:203px;
}
#header a.readMore:hover{
	background:url(../images/read_more_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------header--------------------*/

/* -----------------------------------------nav start---- */


#nav {
	height:29px;
	width: 977px;
	padding: 0;
	margin: 0px auto;
	list-style: none;
	background: #adc8eb;
	border: 1px solid #c9caba;
}

#nav ul {
	height:29px;
	padding: 0;
	list-style: none;
	background: #adc8eb;
	border: 1px solid #c9caba;
}


#nav a { 
	display: block;
	width: 130px;
	background: 0 0 repeat-x;
	font:bold 12px/27px Arial, Helvetica, sans-serif;
	color:#344A04;
	text-decoration:none;
	text-align: center;
	margin: 0;
	padding: 0;
}

#nav li { 
	float: left; 
	width: 130px; 
	background: #adc8eb right top no-repeat url(../images/nav_div_bl.gif); 
	padding:0; 
}

#nav li ul { 
	position: absolute; 
	width: 200px; 
	left: -3000px; 
	background: #fff;
	border: none;
}

#nav li ul li {
	background: #fff;
	border-left: 8px solid #adc8eb;
	}

#nav li:hover, #nav li.last:hover, #nav li.sfhover, #nav li.last.sfhover { 
	left: auto; 
	background: #fff;
	color:#344A04;
}

#nav li ul li:hover, #nav li ul li.sfhover {
	background: #fafafa;
	}

#nav li:hover ul, #nav li.sfhover ul { 
	left: auto; 
	color:#fff;
	background: #eee;
}

#nav ul li { 
	float: left; 
	width: 200px; 
	padding:0; 
}

#nav ul li a {
	width: 200px;
	text-align: left;
	font-size: 10.5px;
	padding-left: 20px;
	}

#nav li a.hover{
	display:block;
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	text-decoration:none;
	cursor:text;
	background: #eee;
	color: #000;
}


/* -----------------------------------------nav end----- */

/*------------------------------------------------body--------------------*/
#body{
	width:981px;
	padding:13px 1px 13px 2px;
	margin:0 auto;
}

/*------------------------------------------------left--------------------*/
#leftcol{
	width:357px;
	float:left;
}


#video-link h4{
	font:bold 19px/19px Arial, Helvetica, sans-serif;
	border-bottom: none;
	margin: 10px 0 10px 10px;	
	clear: both;
}

#video-link img{
	margin-left: 30px;
	}

#leftcol .leftbox{
	width: 333px;
	background:url(../images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
	border:#DDDDCA solid 7px;
	margin:0 0 4px 0;
	padding: 5px 10px 6px 2px;
	color:#878767;
}

a:hover .leftbox{
	border: 7px solid #b5b6a8;
}
#leftcol .leftbox p.boxTxt{
	float:right;
	padding:0 0 0 15px;
	border-left:#F9F9F1 solid 2px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 199px;
}
#leftcol .leftbox p.boxTxt span{
	font:normal 17px/19px Arial, Helvetica, sans-serif;
	color: #1a774b;	
	padding:0 0 0 25px;
	margin:0 0 25px 0;
	height:17px;
	display:block;
}

#leftcol.store .sidebox {padding: 0;  clear: both;}

#leftcol.store ul {
	font:normal 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 10px 20px;
	clear: both;
	}

#leftcol.store ul li {
	list-style-type: disc;
	padding: 4px 0 0 0 ;
	margin: 0;
	}
	
#leftcol.store h5 {
	font-size: 13px;
	font-weight: bold;
	line-height: 0.6em;
	margin: 0 0 5px 0;
	padding: 0;
	}

/*
#rightcol fieldset div ul {margin-left: 0; padding: 10px 10px 10px 30px; }
#rightcol fieldset div ul li {margin: 0 0 5px 0; padding: 0; font-size: 11.5px;}
#rightcol fieldset div ul li.amount-due {font-weight: bold;}
#rightcol fieldset div p.small { font-size: 11.5px; font-style: italic; margin-left: 40px;}
*/

/*--------------------- homepage left boxes ----*/
.leftbox #leftbox1 p.boxTxt span{
	background:url(../images/one.gif) 0 0 no-repeat;
}

.leftbox #leftbox2 p.boxTxt span{
	background: url(../images/two.gif) 0 0 no-repeat;
}

.leftbox #leftbox3 p.boxTxt span{
	background: url(../images/three.gif) 0 0 no-repeat;
}

.leftbox p.pic1{
	display:block;
	background: url(../images/home-left-pic1.png) 0 0 no-repeat;
	margin:5px 0 0 0;
	float:left;
	width: 114px;
	height: 100px;
}
.leftbox p.pic2{
	display:block;
	background: url(../images/home-left-pic2.png) 0 0 no-repeat;
	width: 114px;
	height: 100px;
	margin:8px 0 0 0;
	float:left;
}
.leftbox p.pic3{
	display:block;
	background: url(../images/home-left-pic3.png) 0 0 no-repeat;
	width: 114px;
	height: 100px;
	margin:5px 0 0 0;
	float:left;
}
/*-----------end homepage left boxes -----------*/



#leftcol #left-content {
	background:url(../images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
	border:#DDDDCA solid 2px;
	margin:0 0 4px 0;
	padding: 20px 10px 6px 27px;
	}

#leftcol #left-content .leftbox{
	width: 280px;
	border:#DDDDCA solid 2px;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
#leftcol #left-content .leftbox h5 {
	color: #fff;
	font:bold 16px/28px Arial, Helvetica, sans-serif;
	background: #878767;
	margin: 0;
	padding: 0 0 0 10px;
	}
	
#leftcol #left-content .leftbox h5.learnmore {
	background: #144f33;
	}

#leftcol #left-content .leftbox ul {
	padding: 10px 10px 10px 20px;
	margin: 0;
	}
	
 #leftcol #left-content .leftbox ul li {
 	font:normal 12px/16px Arial, Helvetica, sans-serif;
 	color: #444;
 	}
 
 #leftcol #left-content .leftbox ul li.up {
 	margin-left: -10px;
 	}
	
#leftcol #left-content .leftbox p {
	color: #444;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	padding: 10px;
	}

#leftcol #left-content .leftbox a, #leftcol #left-content .leftbox a:link, #leftcol #left-content .leftbox a:visited, #leftcol #left-content .leftbox a:hover, #leftcol #left-content .leftbox a:active {
	text-decoration: underline;
	color: #176b43;
	}
	
#leftcol #left-content .leftbox a:hover {
	background: #fff;
	color: #62625C;
	}
	
#leftcol .leftbox #userLogo {display:block; margin: 0 0 10px 38px; line-height: normal; }

#leftcol .leftbox .flash.subtle { color: #ff8; }

/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#rightcol{
	width:608px;
	float:right;
	background: #000 url(../images/right_panel_bg.gif) 0 0 repeat-y;
	padding: 0;
	margin: 0;
}
#rightcol p.rightTop{
	display:block;
	background:url(../images/right_top.gif) 0 0 no-repeat;
	width:608px;
	height:26px;
	padding: 0;
	margin: 0;
}
#rightcol h2{
	font:bold 30px/22px Arial, Helvetica, sans-serif;
	color: #675a45;
	margin:0 0 10px 0;
	padding:0 0 0 38px;
	display:block;
}
#rightcol p{
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	padding:0 38px 10px 38px;
	width: 532px;
	margin: 0;
}

#rightcol p a, #rightcol p a:link, #rightcol p a:visited, #rightcol p a:hover, #rightcol p a:active {
	color: #176b43;
}

#rightcol li a, #rightcol li a:link, #rightcol li a:visited, #rightcol li a:hover, #rightcol li a:active {
	color: #176b43;
	}
	
#rightcol li a:hover {
	background: #efefdf;
}

#rightcol p a:hover {
	background: #efefdf;
}

#rightcol ul {
	padding: 10px 38px 10px 60px;
	list-style-type: disc;
	}
	
#rightcol ol {
	padding: 10px 38px 10px 60px;
	}
	
#rightcol ul li, #rightcol ol li {
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	line-height: 1em;
	padding-bottom: 10px;
	}

#rightcol span{
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color: #4475bc;
}

#rightcol img.buyit {
	width: 265px;
	float: left;
	}

#rightcol img.tryit {
	width: 265px;
	}

#rightcol dl.form { padding: 10px 0 10px 40px; }
#rightcol dl.form dt { position: relative; display: block; width: 160px; margin: 0; padding: 0 0 5px 0; float: left; color: #555; font: 13px/18px Arial, Helvetica, sans-serif; }
#rightcol dl.form dd { position: relative; display: block; width: 400px; margin: 0 0 0 170px; padding: 0 0 5px 0; }
#rightcol dl.form dd span { position: relative; border-bottom: 1px dotted #4475bc; font-weight: normal; }


h3 {
	font:bold 14px/13px Arial, Helvetica, sans-serif;
	color: #555;
	padding: 0 0 0 38px;
	}

h4{
	font:bold 17px/18px Arial, Helvetica, sans-serif;
	color: #1a774b;
	border-bottom:#BCBCB5 dashed 1px;
	display:block;
	padding-right: 38px;
	margin: 15px 40px 15px 38px;
}
	
h5 {
	padding: 0 0 0 38px;
	margin: 0;
	}
	
#rightcol h5 span { font-size: 11px; }
#rightcol h5 span img { vertical-align: middle; }

#rightcol p.rightPic{
	background: url(../images/rightcol-pic.jpg) 0 0 no-repeat;
	width: 314px;
	height: 113px;
	float: right;
	margin:0 0 22px 0;
	padding-right: 0;
}
#rightcol p.rightBottom{
	display:block;
	background:url(../images/right_bottom.gif) 0 0 no-repeat;
	width:608px;
	height:20px;
	padding: 0;
	margin: 0;
}

#rightcol #media {
	margin-left: 38px;
	}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/
/*---------------------------single-column body---------------------------*/
.singleColumn #leftcol { display: none; }
.singleColumn #rightcol{
	width:978px;
	background:url(../images/right_sc_panel_bg.gif) 0 0 repeat-y;
}
.singleColumn #rightcol p.rightBottom{
	background:url(../images/right_sc_bottom.gif) 0 0 no-repeat;
	width:978px;
}
.singleColumn #rightcol p.rightTop{
	background:url(../images/right_sc_top.gif) 0 0 no-repeat;
	width:978px;
}

/*------------------------------------------------bodyBottom--------------------*/
#bodyBottom{
	width:946px;
	background:url(../images/body_bottom_bg.gif) 0 0 repeat-x #B9B99D;
	color:#fff;
	padding:22px 13px 19px 18px;
	margin:0 auto;
}
#news{
	width:341px;
	float:left;
	margin:0 28px 0 0;
}
#news h2{
	display:block;
	background:url(../images/arrow_blue.gif) 0 0 no-repeat;
	padding:0 0 0 25px;
	font:bold 22px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	
	margin:0 0 17px 0;
}
#news h3{
	display:block;
	background:url(../images/date_bg.gif) 0 0 no-repeat;
	width:331px;
	height:17px;
	padding:0 0 0 7px;
	margin:0 0 10px 0;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#003961;
	
	text-transform:uppercase;
}

#news h4{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#2C2C1B;
	text-decoration:underline;
	display:block;
	padding: 0;
	margin: 0;
	}
	

#news p{
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#F7F7EA;
	padding:0 0 13px 0;
	margin:0;
}
#news p span{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#2C2C1B;
	text-decoration:underline;
	display:block;
}
#service{
	width:338px;
	float:left;
}
#service h2{
	display:block;
	background:url(../images/arrow_blue.gif) 0 0 no-repeat;
	padding:0 0 0 24px;
	font:bold 22px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	
	margin:0 0 17px 0;
}
#service h3{
	display:block;
	background:url(../images/date_bg.gif) 0 0 no-repeat;
	width:327px;
	height:17px;
	padding:0 0 0 11px;
	margin:0 0 14px 0;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#003961;
	
	text-transform:uppercase;
}
#service ul{
	padding:0;
	margin:0;
	display:block;
}
#service ul li{
	display:block;
	height:20px;
	line-height:0;
}
#service ul li a{
	display:block;
	background:url(../images/arrow_white.gif) 0 7px no-repeat;
	padding:0 0 0 10px;
	font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#47472D;
	
	text-decoration:underline;
	height:20px;
}
#service ul li a:hover{
	color:#003961;
	background:url(../images/arrow_white_hover.gif) 0 7px no-repeat #DDDDCB;
	text-decoration:none;
}
#member{
	width:225px;
	float:right;
}
#member h2{
	display:block;
	background:url(../images/member_login_bg.gif) 0 0 no-repeat;
	width:205px;
	height:31px;
	padding:0 0 0 20px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fff;
	
}
#member form{
	width:191px;
	background:url(../images/member_form_bg.gif) 0 0 repeat-x #353535;
	padding:9px 17px 24px 17px;
	color:#fff;
}
#member form label{
	font:normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left; 
	display:block;
}
#member form input.txtBox{
	width:185px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#fff;
	margin:0;
	padding:0;
	float:left;
}
#member form a{
	background:url(../images/register_member_icon.gif) 0 0 no-repeat;
	padding:0 0 0 20px;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9CCC37;
	background-color:#353535;
	text-decoration:underline;
	float:left;
	margin:15px 0 0 0;
	width:120px;
}
#member form a:hover{
	text-decoration:none;
}
#member form input.go{
	background:url(../images/btn_go.gif) 0 0 no-repeat;
	width:36px;
	height:15px;
	border:none;
	cursor:pointer;
	float:right;
	margin:15px 0 0 0;
}
/*------------------------------------------------bodyBottom--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:977px;
	height:125px;
	margin:0 auto;
	background:url(../images/footer_bg.gif) 0 0 repeat-x #323232;
	color:#fff;
	position:relative;
}


#footer ul{
	width:587px;
	position:absolute;
	left:11px;
	top:27px;
}
#footer ul li, #footer p{
	float:left;
	color:#D4D4C6;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer ul li a{
	color:#D4D4C6;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#323232;
	background-color:#adc8eb;
}
#footer p.copyright{
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	color:#adc8eb;
	position:absolute;
	left:19px;
	top:49px;
}
#footer a.subscribe{
	background:url(../images/subscribe_icon.gif) 0 2px no-repeat;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#B9B99D;
	
	position:absolute;
	left:19px;
	top:68px;
	text-decoration:underline;
	width:50px;
	padding:0 0 0 18px;
}
#footer a.subscribe:hover{
	color:#9CCC37;
	
	text-decoration:none;
}
#footer a.xht{
	width:98px;
	height:20px;
	background:url(../images/xhtml_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:757px;
	top:23px;
}
#footer a.xht:hover{
	background:url(../images/xhtml_bg_hover.gif) 0 0 no-repeat;
}
#footer a.cs{
	width:98px;
	height:20px;
	background:url(../images/css_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:866px;
	top:23px;
}
#footer a.cs:hover{
	background:url(../images/css_bg_hover.gif) 0 0 no-repeat;
}
#footer img{
	position:absolute;
	left:880px;
	top:51px;
	width:84px;
	height:26px;
}
#footer p.design{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#C5BE25;
	
	position:absolute;
	left:19px;
	top:85px;
}
#footer p.design a{
	color:#FFFFFF;  text-decoration:none;
	}
#footer p.design a:hover{
	color:#C5BE25; 
	}
/*------------------------------------------------footer--------------------*/
/*--- FORM STYLES ----------------------------------------------------------*/

#rightcol .storenote {width: 500px; margin: 10px auto; padding: 15px; background-color: #EAEADA;}
#rightcol .storenote p {padding: 0; margin: 0 0 10px 0; width: 100%; line-height: 1.2em;}
#rightcol .storenote p.links {text-align: right;}

#rightcol form					{margin: 15px 0 0 30px; padding: 6px 0; display: block;}
#rightcol fieldset					{margin: 0; padding: 6px 0 50px 0; border: none;}
#rightcol fieldset input				{vertical-align: middle;}
#rightcol fieldset p {padding: 0 0 10px 0; margin-left: 30px; width: 450px;}
#rightcol fieldset p.option-header { clear: both; font-size: 16px; color: #444; padding: 25px 0 5px 0; margin: 0 0 0 20px;}
#rightcol legend				{color: #4475bc; font-size: 24px;}
#rightcol .txt					{border: 1px solid #ccc;}
#rightcol fieldset div				{clear: both; padding: 2px 0; margin: 0 0 5px 30px; font-size: 12px;}
#rightcol fieldset div label			{display: block; float: left; width: 120px; font-weight: bold;}
#rightcol fieldset div label	 a {cursor: pointer; padding: 0 3px; color: #144f33;}
#rightcol fieldset div label	 a:link {color: #144f33;}
#rightcol fieldset div label	 a:visited {color: #144f33;}
#rightcol fieldset div label	 a:hover {background: #efefdf;}
#rightcol fieldset div label	 a:active {color: #144f33;}

#rightcol fieldset span.clickfordetails {color: #144f33; font-size: 10px; font-style: italic;}

#rightcol fieldset div ul {margin-left: 0; padding: 10px 10px 10px 30px; }
#rightcol fieldset div ul li {margin: 0 0 5px 0; padding: 0; font-size: 11.5px;}
#rightcol fieldset div p.amount-due {font-weight: bold; font-size: 14px; margin: 0 0 5px 0; padding: 0;}
#rightcol fieldset div p.small, p.small { font-size: 11.5px; font-style: italic; margin-left: 40px;}

#rightcol fieldset div#agreement_text { display: block; width: 470px; height: 120px; overflow: scroll; border: 1px solid #ccc; padding: 10px; }
#rightcol fieldset div#agreement_text p, 
#rightcol fieldset div#agreement_text h4 { margin: 0; padding: 0 0 15px 0; }

#rightcol fieldset div label.check {display: block; width: auto; margin-left: 120px; }
#rightcol fieldset div label.longLabel 	{width: 400px; font-weight: normal; font-size: 14px;}
#rightcol .inline-form			{display: inline; margin:0;padding:0;}
#rightcol .shortform			{width: 180px;}
#rightcol .spaced				{padding-top: 15px;}
#rightcol fieldset div input { margin: 0 0 5px 0;}
#rightcol fieldset div input a		{display: block; border: none; margin: 4px 0 0 4px; }

#upload form						{margin: 15px 0 0 40px; padding: 6px 0; display: block;}
#upload fieldset					{margin: 0; padding: 6px 0 15px 0; border: none;}
#upload legend						{color: #6D7673; }
#upload .txt						{border: 1px solid #ccc;}
#upload fieldset div				{clear: both; padding: 2px 0; font-size: 12px;}
#upload fieldset div label			{display: block; float: left; width: 120px; font-weight: bold; }
#upload fieldset div label.check 		{display: block; width: auto; margin-left: 120px; }
#upload fieldset div label.longLabel 	{width: 400px; font-weight: normal;}
#upload .inline-form				{display: inline; margin:0;padding:0;}
#upload .shortform					{width: 180px;}
#upload .spaced					{padding-top: 15px;}
#upload fieldset div input img		{display: block; border: none; padding: 4px 0 0 4px; vertical-align: middle; }

/*--- UTILITY STYLES -------------------------------------------------------*/

.error			{padding: 15px; margin: 0 20px; background: #ff9; }
.error h3, .error p	{color: #c00; margin: 0; padding: 5px 0;}
.small-error		{background: #ff9; color: #c00;}
.note			{font-size: 10px;}
.sidebox			{display:block; padding-right: 38px;margin: 15px 40px 15px 38px; font-size: 12px;}
.l				{text-align: left;}
.r				{text-align: right;}
.c				{text-align: center; }
.bordtop			{border-top: 3px double #777; }

/*--- TABLE STYLES ---------------------------------------------------------
Don't give me that... it's perfectly fine to have tables in modern layouts,
as long as you're using them for tabular data and not for the layout itself. */

table { border: none; display: block; margin: 0 0 20px 38px; }
table td, table th { font-size: 12px; padding: 3px; }
table th.wide { width: 120px; }

table.useBord { display: block; border-collapse: collapse; }
table.useBord td, table.useBord th { padding: 5px; border: 1px solid #777; border-collapse: collapse; vertical-align: top; }
table.useBord th.wide { width: 130px; }
table.useBord td { width: 200px; }
table.useBord tr.noWidth td { width: auto; }

/*---- HIGHSLIDE STYLES ----------------------------------------------*/

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid silver;
}

.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


/*--- UI "Big Tabby Thing" tabs ---*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

*html .tabbynav {
	display: inline-block;
	}

*:first-child+html .tabbynav {
	display: inline-block;
	}

.hidden { display: none; }

#rightcol fieldset div.hidden {margin: 10px 0 20px 80px; padding: 0; width: 450px; background: #d9e1dd;}