/*
Theme Name: Paint Basket for SMF
Theme URI: http://www.paintbasket.com
Description: Created for Paint Basket to match SMF default theme
Version: 1.00
Author: Flippin Good Web Design
Author URI: http://www.flippingoodwebdesign.co.nz
Tags: blue, white, brown, light, two-columns, fixed-width, right-sidebar, wood
*/

/* GENERAL */
@import url(http://fonts.googleapis.com/css?family=Bad+Script);

body {
background:url("images/backdrop.png") repeat-x scroll 0 0 #EAEFF3;
font:78%/130% "Verdana","Arial","Helvetica",sans-serif;
margin:0px auto;
padding:0px;
width:1021px;
}
body, td, th, tr {
color:#444444;
}

.clear {
clear:both;
}
.text_center {
	text-align:center;
}
.text_green {
	color:#00C400;
}
.text_red {
	color:#F30000;
}
.error {
	color:#FF0000;
}
.good_error {
	color:#00CC00;
}
.bad_error {
	color:#FF0000;
}
.text_blue {
	color:#0897E7;
}
.text_footer {
	font-size: xx-small;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.text_large {
	font-size:24px;
}
.text_bold {
	font-weight:bold;
}
.strikethrough {text-decoration: line-through;}

#container {
background:url("images/frame_repeat.png") repeat scroll 0 0 #395D7C;
font:78%/130% "Verdana","Arial","Helvetica",sans-serif;
margin:0px auto;
padding:0px;
width:1021px;
}

.div_center {  
	margin-left: auto ;
	margin-right: auto ;
}

/* HEADER BAR */
#pb_header {
	height:101px;
	background-color:#395D7C;
}
#pb_logo_bar {
height:101px;
width:1021px;
}
#pb_header_logo {
	height:101px;
	width:589px;
	float:left;
	overflow:hidden;
}
#pb_tv_logo {
	height:101px;
	width:142px;
	float:left;
	overflow:hidden;
}
#pb_header_login {
	background:url("images/pb_header_login_bg.jpg") no-repeat;
	margin-left:589px;
	position:relative;
	width:330px;
	height: 101px;
	padding:0px;
}
#pb_header_logged {
	background:url("images/pb_header_logged_bg.jpg") no-repeat;
	margin-left:589px;
	position:relative;
	width:330px;
	height: 101px;
	padding:0px;
}
.pb_header_signup {
	font-size:12px;
	padding:10px;
	width:90px;
	height: 81px;
	text-align:center;
}
.pb_btn_logout {
	left:165px;
	position:absolute;
	top:4px;
}
.pb_btn_profile {
	left:163px;
	position:absolute;
	top:52px;
}
.pb_btn_courses {
	left:0px;
	position:absolute;
	top:4px;
}
.pb_btn_gallery {
	position:absolute;
	top:47px;
}
.pb_btn_ask_buy {
	left:46px;
	position:absolute;
	top:4px;
}
.pb_btn_admin {
	left:122px;
	position:absolute;
	top:52px;
}
.pb_btn_credits {
	left:45px;
	position:absolute;
	top:51px;
}
.pb_member_icon {
	background:url("images/pb_member_icon.png") no-repeat scroll 0 0 transparent;
	height:41px;
	left:-10px;
	margin:auto;
	position:relative;
	width:36px;
}
.pb_header_signup_btn {
	text-align:center;
	position:relative;
	top:10px;
}
.pb_login_divider {
	background:url("images/pb_login_divider.png") no-repeat scroll 0 0 transparent;
	height:88px;
	left:107px;
	position:relative;
	top:-94px;
	width:2px;
}
.pb_ask_login {
height:81px;
left:120px;
position:absolute;
top:10px;
width:195px;
}
#pb_header_social {
float:right;
height:101px;
position:relative;
top:-100px;
width:101px;
}
.pb_social_icon {
	position:relative;
	width:50px;
	height:50px;
}
.pb_header_fb {
	float:left;
}
.pb_header_twt {
	float:right;
}
.pb_header_you {
	float:left;
}
.pb_header_rss {
	float:right;
}

/* HEADER NAVIGATION */
#new_menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#new_menu {
    width: 1021px;
	height: 42px;
    margin:0 auto;
    border: 1px solid #272B58;
    background-color: #2B2B27;
    background-image: linear-gradient(#2B4A7E, #2B2B27);
    border-radius: 6px;
    box-shadow: 0 1px 1px #777;
}

#new_menu:before,
#new_menu:after {
    content: "";
    display: table;
}

#new_menu:after {
    clear: both;
}

#new_menu {
    zoom:1;
}

#new_menu li {
    float: left;
    border-right: 1px solid #272B58;
    box-shadow: 1px 0 0 #2B4A7E;
    position: relative;
}

#new_menu a {
    float: left;
    padding: 12px 25px;
    color: #D3D3D3;
    text-transform: uppercase;
    font: bold 12px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#new_menu li:hover > a {
    color: #fff;
}

*html #new_menu li a:hover { /* IE6 only */
    color: #fff;
}

#new_menu ul {
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
	display:none;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 1001;    
    background: #2B4A7E;   
    background: linear-gradient(#2B4A7E, #2B2B27);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);  
    border-radius: 3px;
    transition: all .2s ease-in-out;
	padding: 0;
}

#new_menu li:hover > ul {
    opacity: 1;
    visibility: visible;
	display:block;
    margin: 0;
}
#new_menu li ul li.myclasses, #new_menu li.myclasses
{
    background: #00A000;   
    background: linear-gradient(#00A000, #006100);
}

#new_menu ul ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    box-shadow: -1px 0 0 rgba(255,255,255,.3);  
}

#new_menu ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    box-shadow: 0 1px 0 #2B2B27, 0 2px 0 #666;
}

#new_menu ul li:last-child {   
    box-shadow: none;    
}

#new_menu ul a {    
    padding: 10px;
    width: 130px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

#new_menu ul a:hover {
    background-color: #0186ba;
    background-image: linear-gradient(#04acec, #0186ba);
}

#new_menu ul li:first-child > a {
    border-radius: 3px 3px 0 0;
}

#new_menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #2B4A7E;
}
#new_menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0; 
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}

#new_menu ul li:first-child a:hover:after {
    border-bottom-color: #04acec; 
}

#new_menu ul ul li:first-child a:hover:after {
    border-right-color: #0299d3; 
    border-bottom-color: transparent;   
}

#new_menu ul li:last-child > a {
    border-radius: 0 0 3px 3px;
}
/* end of new PB navbar */

/* class columns */
.class_sample_box {
	background-color: rgba(216, 226, 238, 0.9);
	width:285px;
	padding: 0 0 10px;
}
.class_sample_box.class_on_special {
	background-color: rgba(238, 202, 203, 0.9);
}
.class_sample_box a {
	text-decoration:none;
	color: inherit;
}
.class_boxes {
	text-align:center;
}
.class_boxes .sampleHeading {
	border-bottom: 1px solid #b2aeab;
	font-size: 24px;
	font-family: 'Bad Script', "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", cursive;
	line-height: 30px;
	margin: 0 0 40px 0;
	text-align: center;
}
.class_boxes .sampleHeading span {
	background-color: #FFFFFF;
	padding: 0 15px;
	position: relative;
	top: 15px;
	font-size: 24px;
	text-align: center;
}
.class_sample_box h3
{
	color: #000000;
	font-family:'Trebuchet MS',sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
}
.class_boxes .left {
    float: left;
    padding: 0 20px;
    width: 29%;
	margin-bottom:20px;
}
.class_boxes .right {
    float: right;
    padding: 0 20px;
    width: 29%;
	margin-bottom:20px;
}
.class_boxes .middle {
    padding: 0 35%;
	margin-bottom:20px;
}
.classcountdown
{
	margin:0 0 10px !important; 
	display:block;
	font-size:14px;
	line-height: 1.4em;
	padding: 0 10px !important;
	color:#000000;
}
.class_button
{
	margin 3px;
}
.class_cart
{
	cursor:pointer;
}
.class_button_dull
{
	margin 3px;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
.index_club_banner
{
	padding:0;
	margin:auto;
}
.index_club_banner a
{
	border:0;
	text-decoration:none;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}
.index_club_banner a:hover
{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.club_banner_holder_old
{
	float:left;
	margin: 0 3px;
}
.club_banner_holder
{
	float:left;
	margin:2px;
}
.club_banner_vip
{
	margin: auto;
}
.class_sample_box.chats
{
	min-height: 240px;
}
.class_sample_box.chats a h3
{
	padding-top:20px;
	margin-top:0;
}
/* end of class columns */

.pb_show_facebook{
	margin-top:4px;
}
.pb_show_smf{
	margin-top:10px;
}
.pb_show_smf input, button, select, textarea {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #7F9DB9;
color:#000000;
font:95%/115% verdana,Helvetica,sans-serif;
padding:2px;
}
.pb_show_smf input[type="text"]{
	width:139px;
	background-image: url( 'images/username.png' );
    background-repeat: repeat-x;
    background-position: left top;
}
.pb_show_smf input[type="text"]:focus{
	background-image: none;
	border-color:#00CC00;
}
.pb_show_smf input[type="password"] {
	background-image:url("images/password.png");
	background-position:left top;
	background-repeat:repeat-x;
	width:139px;
	margin-top:2px;
}
.pb_show_smf input[type="password"]:focus{
	background-image: none;
	border-color:#00CC00;
}
.pb_show_smf input[type="submit"] {
background:url("/members/Themes/default/images/theme/submit_bg.png") no-repeat scroll 0 0 #CDE7FF;
border:1px solid #AAAAAA;
cursor:pointer;
font-weight:normal;
}
.pb_show_smf input[type="submit"]:hover {
background:none repeat scroll 0 0 #00FF99;
border:1px solid #7F9DB9;
color:#000000;
font:95%/115% verdana,Helvetica,sans-serif;
padding:2px;
}

/* Banner Placeholder */
#pb_banner_bar {
    height: 99px;
    overflow: hidden;
	background-color:black;
    width: 1021px;
}
/* Index Page */
#index_page {
	background:url("images/static_block.png") no-repeat scroll 0 0 transparent;
	margin:0;
	min-height:500px;
	padding:10px 20px 20px;
	position:relative;
	width:981px;
}
#index_page img {
	border:none;
}
#index_page h1 {
    font-size: 34px;
    height: 40px;
    margin: 0;
    padding: 10px 0 0;
    position: relative;
    text-align: center;
}
.index_boxes {
	font-family:'Trebuchet MS',sans-serif;
	font-size:14px;
	line-height:1.5em;
	margin:12px 0 0;
	position:relative;
	height:430px
}
.member_boxes {
	font-family:'Trebuchet MS',sans-serif;
	font-size:14px;
	line-height:1.5em;
	margin:12px 0 0;
	position:relative;
	height:280px
}
.index_box_join {
	background:url("http://www.paintbasket.com/images/free_course_box.png") no-repeat scroll 0 0 transparent;
	width:317px;
	height:282px;
	position:absolute;
	top:0px;
	left:0px;
}
.index_box_advert {
	background:url("http://www.paintbasket.com/images/home_advert_box.png") no-repeat scroll 0 0 transparent;
	width:317px;
	height:282px;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
}
.list-subscribe-button {
	margin-top: 100px;
	position:relative;
}
h1#list-subscribe-heading {
	margin-top: 20px;
	position:relative;
	line-height:1.2em;
}
.referal_box {
    background-image: url("http://www.paintbasket.com/courses/how_to_draw/images/testimonial_box_top.png");
    background-position: left top;
    background-repeat: no-repeat;
    margin: 20px;
    position: relative;
    width: 446px;
}
.referal_box_info {
    background-image: url("http://www.paintbasket.com/courses/how_to_draw/images/testimonial_box_body.png");
    background-position: left top;
    background-repeat: repeat;
    bottom: 0;
    color: #000000;
    font-size: 12px;
    left: 0;
    margin: 0 0 76px;
    padding: 20px;
    position: relative;
    right: auto;
    text-align: left;
    top: 76px;
    width: 406px;
}
.referal_box_bottom {
    background-image: url("http://www.paintbasket.com/courses/how_to_draw/images/testimonial_box_bottom.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    clear: both;
    height: 55px;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    right: auto;
    top: 0;
    width: 446px;
}
.sample_box {
    background-image: url("http://www.paintbasket.com/courses/how_to_draw/images/sample_box_top.png");
    background-position: left top;
    background-repeat: no-repeat;
    margin: 20px;
    position: relative;
    width: 886px;
}
.demo_box {
    background-image: url("http://www.paintbasket.com/courses/how_to_draw/images/demo_box_top.png");
    background-position: left top;
    background-repeat: no-repeat;
    margin: 20px;
    position: relative;
    width: 886px;
}
.guarantee_box {
    background-image: url("http://www.paintbasket.com/courses/how_to_draw/images/guarantee_box_top.png");
    background-position: left top;
    background-repeat: no-repeat;
    margin: 20px;
    position: relative;
    width: 886px;
}
.sample_box_info {
    background-image: url("http://www.paintbasket.com/courses/how_to_draw/images/sample_box_body.png");
    background-position: left top;
    background-repeat: repeat;
    bottom: 0;
    color: #000000;
    font-size: 12px;
    left: 0;
    margin: 0 0 78px;
    padding: 20px;
    position: relative;
    right: auto;
    text-align: left;
    top: 78px;
    width: 846px;
}
.sample_box_bottom {
    background-image: url("http://www.paintbasket.com/courses/how_to_draw/images/sample_box_bottom.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    clear: both;
    height: 62px;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    right: auto;
    top: 0;
    width: 886px;
}
.free_course_star {
	background:url("http://www.paintbasket.com/images/free_course_star.png") no-repeat scroll 0 0 transparent;
	width:156px;
	height:99px;
	z-index:5;
	position:absolute;
	top:-30px;
	left:-30px;
}
.btn_starting_soon {
	height:44px;
	left:14px;
	position:absolute;
	top:225px;
	width:291px;
}
.index_box_grey {
	background:url("images/box_grey.png") no-repeat scroll 0 0 transparent;
	width:317px;
	height:282px;
}
.index_box_grey_med {
	background:url("images/box_grey_med.png") no-repeat scroll 0 0 transparent;
	width:317px;
	height:134px;
}
.index_box_grey_sml {
	background:url("images/box_grey_sml.png") no-repeat scroll 0 0 transparent;
	width:317px;
	height:121px;
}
/* Index info boxes */
.index_icon {
	position:absolute;
	top:8px;
	left:0px;
}
.index_info_heading {
	background:url("http://www.paintbasket.com/images/swish.png") no-repeat scroll 10px 20px transparent;
	font-family:verdana,Helvetica,sans-serif;
	font-weight:bold;
	text-align:center;
	height:60px;
	position:relative;
	left:80px;
	top:6px;
	width:203px;
	color:#E53420;
}
.index_tut_box {
	position:absolute;
	top:0px;
	left:332px;
}
.index_tut_icon {
	background:url("http://www.paintbasket.com/images/icon_tut_sml.png") no-repeat scroll 0 0 transparent;
	width:50px;
	height:47px;
	margin:0 0 0 12px;
}
.index_tut_info_box {
	height:70px;
	left:6px;
	overflow:hidden;
	position:absolute;
	top:55px;
	width:305px;
}
.index_event_box {
	position:absolute;
	top:149px;
	left:332px;
}
.index_event_icon {
	background:url("http://www.paintbasket.com/images/icon_event_sml.png") no-repeat scroll 0 0 transparent;
	width:95px;
	height:50px;
}
.index_event_info_box {
	font-size:12px;
	height:60px;
	left:6px;
	overflow:hidden;
	position:absolute;
	top:60px;
	width:305px;
}
.index_event_date {
	float:left;
	height:20px;
	overflow:hidden;
	position:relative;
	top:-2px;
	width:55px;
}
.index_event_type_icon {
	float:left;
	height:20px;
	left:5px;
	position:relative;
	width:20px;
}
.index_event_desc {
	float:left;
	height:20px;
	left:8px;
	position:relative;
	top:-2px;
	width:200px;
	overflow:hidden;
}
.index_event_desc a {
	color: #000000;
	text-decoration:none;
}
.index_event_desc a:visited {
	color: #000000;
	text-decoration:none;
}
.index_event_desc a:hover {
	color: #000000;
	text-decoration:underline;
}
.index_event_poster {
	color:#000000;
	float:right;
	height:20px;
	overflow:hidden;
	width:60px;
}
.index_ask_box {
	left:332px;
	position:absolute;
	top:295px;
}
.index_ask_icon {
	background:url("http://www.paintbasket.com/images/icon_ask_sml.png") no-repeat scroll 0 0 transparent;
	width:106px;
	height:60px;
}
.index_ask_info_box {
	font-size:12px;
	height:60px;
	left:6px;
	overflow:hidden;
	position:absolute;
	top:60px;
	width:305px;
	line-height:0.8em;
}
.index_ask_date {
	float:left;
	height:20px;
	position:relative;
	width:40px;
}
.index_ask_date a {
	color: #000000;
	text-decoration:none;
}
.index_ask_date a:visited {
	color: #000000;
	text-decoration:none;
}
.index_ask_date a:hover {
	color: #000000;
	text-decoration:underline;
}
.index_ask_times {
    float: left;
    height: 20px;
    left: 2px;
    overflow: hidden;
    position: relative;
    width: 185px;
}
.index_ask_times a {
	color: #000000;
	text-decoration:none;
}
.index_ask_times a:visited {
	color: #000000;
	text-decoration:none;
}
.index_ask_times a:hover {
	color: #000000;
	text-decoration:underline;
}
.index_ask_tutor {
    color: #000000;
    height: 20px;
    left: 2px;
    overflow: hidden;
    position: relative;
}
.index_ask_no_dates {
	float: left;
    font-size: 14px;
    line-height: 15px;
    position: relative;
}
.index_news_box {
	position:absolute;
	top:295px;
	right:0;
}
.index_news_icon {
	background:url("http://www.paintbasket.com/images/icon_news_sml.png") no-repeat scroll 0 0 transparent;
	width:73px;
	height:49px;
	margin:0 0 0 8px;
}
.index_news_info_box {
font-size:12px;
height:60px;
left:6px;
overflow:hidden;
position:absolute;
top:55px;
width:305px;
}
.index_news_post {
float:left;
line-height:1.2em;
overflow:hidden;
width:305px;
}
.index_news_post a {
	color: #000000;
	text-decoration:none;
}
.index_news_post a:visited {
	color: #000000;
	text-decoration:none;
}
.index_news_post a:hover {
	color: #000000;
	text-decoration:underline;
}
.index_forum_box {
	position:absolute;
	top:0px;
	right:0px;
}
.index_forum_icon {
	background:url("http://www.paintbasket.com/images/icon_forum_sml.png") no-repeat scroll 0 0 transparent;
	width:70px;
	height:61px;
	margin:-3px 0 0 8px;
}
.index_forum_info_box {
	height:215px;
	left:6px;
	overflow:hidden;
	position:absolute;
	top:60px;
	width:305px;
}
.index_forum_post {
	float:left;
	height:20px;
	overflow:hidden;
	width:220px;
}
.index_forum_post a {
	color: #000000;
	text-decoration:none;
}
.index_forum_post a:visited {
	color: #000000;
	text-decoration:none;
}
.index_forum_post a:hover {
	color: #000000;
	text-decoration:underline;
}
.index_forum_poster {
	color:#000000;
	float:right;
	font-size:9px;
	height:20px;
	overflow:hidden;
	width:60px;
}
.index_forum_poster a {
	color: #000000;
	text-decoration:none;
}
.index_forum_poster a:visited {
	color: #000000;
	text-decoration:none;
}

/* Studio buttons */
.index_studio_container {
	position:absolute;
	height:120px;
	left:0;
	top:295px;
	width:318px;
}
.index_studio_box {
	background:url("images/box_grn_xsml_over.png") no-repeat scroll 0 0 transparent;
	height:60px;
	width:159px;
	text-decoration:none;
}
.index_studio_box a {
	background:url("images/box_grn_xsml.png") no-repeat scroll 0 0 transparent;
	height:60px;
	width:159px;
	text-decoration:none;
	display:block;
}
.index_studio_box a:hover {
	background:none;
}
.index_tutor_btn {
	position:relative;
	height:37px;
	left:12px;
	top:12px;
	width:37px;
}
.index_studio_name {
	font-weight:bold;
	height:51px;
	margin:9px 0 0;
	padding:0 12px;
	position:absolute;
	right:0;
	text-align:center;
	top:0;
	width:86px;
	color:#000000;
}
.index_torbay_box {
	position:absolute;
	left:0;
	top:0;
	height:60px;
	width:159px;
}
.index_stanmore_box {
	position:absolute;
	right:0;
	top:0;
	font-size:12px;
	height:60px;
	width:159px;
}
.index_boksburg_box {
	position:absolute;
	bottom:0px;
	left:80px;
	height:60px;
	width:159px;
}
.index_list_container {
	left: 540px;
    margin-right: 0;
    position: absolute;
    top: 100px;
}
ul.index_list {
	list-style: none;
}
ul.index_list li {
	background-image: url("http://www.paintbasket.com/images/star_dark.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #2F323B;
    font-family: Trebuchet MS,sans-serif;
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 5px;
    padding-left: 35px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.btn_join_index {
	height: 66px;
    left: 600px;
    position: absolute;
    top: 310px;
    width: 308px;	
}
.free_classes {
	height: 380px;	
}

/* General Styles */
#static_page {
	background:url("images/static_block.png") no-repeat scroll 0 0 transparent;
	margin:0 0 20px;
	min-height:100px;
	padding:60px 20px 20px;
	position:relative;
	width:981px;
}
#static_page div.pb_frame {
	width:981px;
}

#page {
	border-left:1px solid #C1CCDA;
	left:280px;
	margin:0 0 20px;
	padding-left:20px;
	position:relative;
	top:0px;
	width:681px;
}
#page div.pb_frame {
	width:681px;
}

#posts {
	width: 600px;
	padding: 0 0 0 50px;
	margin: 0 0 20px 0;
	float: left;
}

.commentbubble a {
	float: left;
	background: url(images/commentbubble.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

.commentbubble a:hover {
	float: left;
	background: url(images/commentbubblehover.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

.date {
	font-size: 12px;
	color: #999999;
	line-height: 1.5em;
}

.post {
	margin: 0 0 50px 0;
}

.tags {
	font-size: 10px;
	line-height: 1.5em;
	color: #999999;
}

.entry {
	margin: 10px 0 0 0;
	line-height: 1.5em;
	font-size:14px;
	font-family: 'Trebuchet MS', sans-serif;
}
.join {
	margin: 20px 0 0 0;
	line-height: 1.5em;
	font-size:14px;
	font-family: 'Trebuchet MS', sans-serif;
}
.google_ads {
	margin:20px 0;
	text-align:center;
}

.entry p {
	margin: 0 0 20px 0;
}

.entry hr {
	height: 1px;
	border: none;
	background: #cccccc;
}

.post h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.post h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
}

.post a, .navigation a {
	color: #334466;
	text-decoration: none;
}

.post a:hover, .navigation a:hover {
	color: #333333;
}

.post a img {
	border: none;
}

.post blockquote {
	background: url(images/blockquotebg.gif) no-repeat left top;
	color: #777777;
	font-style: italic;
	padding: 10px 5px 5px 36px;
}

.postmetadata {
	font-size: 10px;
	line-height: 1.5em;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.alignnone {
	margin: 0;
}

.wp-caption.alignleft {
	float: left;
	margin: 5px 20px 20px 0px;
}

.wp-caption.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.wp-caption.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.wp-caption.alignnone {
	margin: 20px 0;
}

.post .wp-caption {
	border: 1px solid #cccccc;
	background: #ebebeb;
	text-align: center;
	padding: 10px 5px 0 5px;
}

.post .wp-caption-text {
	margin: 0;
	font-size: 12px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 5px;
}

.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	background: #ebebeb;
	padding: 20px 20px 0 20px;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
}

.commentlist p {
	clear: both;
	margin: 0 0 20px 0;
}

.avatarcontainer {
	float: left;
	margin: 0 5px 10px 0;
}

.avatar {
	border: 1px solid #cccccc;
}

.sidebar {
background:none repeat scroll 0 0 transparent;
float:left;
font-size:11px;
margin:0 20px 0 0;
position:absolute;
top:60px;
width:260px;
}

.sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sidebar h2 {
	background:url("images/sidebar_heading.jpg") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	height:31px;
	margin:10px 0 0;
	padding:9px 0 0 5px;
	width:260px;
}

.sidebar a {
	display: block;
	color: #0195c5;
	text-decoration: none;
	padding: 0 10px 0 10px;
}

.sidebar a:hover {
	color: #333333;
}

.sidebar ul li ul li {
	_height: 20px; /*IE 6 Hack, the sidebar links won't display properly without this*/
}

.sidebar ul li ul li ul li a {
	font-size: 10px;
	padding: 0 10px 0 20px;
}

#footer {
	clear: both;
	height: 60px;
	background:url("images/pb_footer.jpg") no-repeat scroll 0 0 transparent;
	padding-left:20px;
	text-align:center;
}
#static_footer {
	background:url("images/static_footer.jpg") no-repeat scroll 0 0 transparent;
	clear:both;
	height:60px;
	padding-left:20px;
	text-align:center;
}
#copyright {
	float:left;
	position:relative;
	left:50px;
	top:20px;
	color:#000000;
}
#credit {
	background:none;
	float:right;
	position:relative;
	top:20px;
	right:50px;
}
#credit img {
	border: 0px;
}
blockquote.style1 {
	font: 18px/18px normal Tahoma, sans-serif;
	padding-top: 22px;
	margin: 5px;
	background-image: url("images/openquote3.gif");
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 65px;
	min-height: 60px;
}
blockquote.style1 span {
	display: block;
	background-image: url("images/closequote3.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	min-height: 60px;
} 
#counter {
	float:left;
	left:330px;
	position:relative;
	top:10px;
}

#wp-calendar {
	width: 210px;
	background: #ebebeb;
	border: 1px solid #cccccc;
	margin: 0;
	font-size: 12px;
	text-align: center;
}

#wp-calendar caption {
	text-align: left;
}

#wp-calendar #today {
	background: #cccccc;
}

#wp-calendar a {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
}

#wp-calendar a:hover {
	background: #cccccc;
}

/* Course Styles */
/* Index Page */
#course_page {
	background:url("images/static_block.png") no-repeat scroll 0 0 transparent;
	margin:0;
	min-height:500px;
	padding:10px 20px 20px;
	position:relative;
	width:981px;
}
#course_page img {
	border:none;
}
#course_page h1 {
	font-size: 34px;
    height: 40px;
    margin: 0;
    padding: 10px 0 0;
    position: relative;
    text-align: center;
}
/* Perfect Painting Course page styles */
#pp_course_page {
	background:url("http://www.paintbasket.com/courses/perfect_painting/static_block.png") no-repeat scroll 0 0 transparent;
	margin:0;
	min-height:500px;
	padding:10px 20px 20px;
	position:relative;
	width:981px;
}
#pp_course_page img {
	border:none;
}
#pp_course_page h1 {
	font-size:34px;
	height:40px;
	margin:0;
	padding:10px 0 0;
	text-align:center;
}
/* How to Draw course page styles */
#draw_course_page {
	background:url("http://www.paintbasket.com/courses/how_to_draw/static_block.png") no-repeat scroll 0 0 transparent;
	margin:0;
	min-height:500px;
	padding:10px 20px 20px;
	position:relative;
	width:981px;
}
#draw_course_page img {
	border:none;
}
#draw_course_page h1 {
	font-size:34px;
	height:40px;
	margin:0;
	padding:10px 0 0;
	text-align:center;
}
/* General course styles */
.course_box {
	width: 955px;
	position:relative;
	border: 3px solid #A5B5C5;
	margin: 0 0 20px 0;
	padding: 5px;
	background-image:url(images/bg_box_heading.png);
	background-repeat: no-repeat;
	background-position:right top;
	background-color: #C8D6E8;
	-moz-border-radius-topleft:1ex;
	-moz-border-radius-topright:1ex;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-top-left-radius:1ex;
	-webkit-border-top-right-radius:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	box-shadow: 7px 7px 8px #726E90;
	-webkit-box-shadow: -4px 4px 4px #726E90;
	-moz-box-shadow: -4px 4px 4px #726E90;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#726E90, offX=-4, offY=4, positive=true);
	font-size: 12px;
	min-height:230px;
}
.course_box h3{
    margin:1px;
	text-align:left;
    font-size : 16px;
    font-weight:bold;
    color: #000000;
	font-weight: bold;
	position:relative;
}
.course_box_logo {
	float:left;
}
.course_box_info{
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-moz-border-radius-topright:1ex;
	-moz-border-radius-topleft:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	-webkit-border-top-right-radius:1ex;
	-webkit-border-top-left-radius:1ex;
	border:1px solid #A5B5C5;
	background-color: #fff;
	color: #000000;
	margin:5px 5px 5px 210px;
	padding:5px;
	position:relative;
	text-align:left;
	width:730px;
	min-height:190px;
}
.course_stats_container {
	border-right:2px solid #C8D6E8;
	float:left;
	height:190px;
	width:200px;
}
.course_stats_legend {
	width:80px;
	float:left;
	text-align:right;
}
.course_stats_amounts {
	width:100px;
	position:absolute;
	left:80px;
	margin-left:20px;
	text-align:left;
}
.course_stat_wrapper {
	text-align:center;
	width:220px;
}
.course_overview {
	border-right:2px solid #C8D6E8;
	height:190px;
	left:220px;
	overflow:hidden;
	position:absolute;
	width:400px;
}
.course_overview p {
	margin: 0;
}
.course_buttons {
	position:absolute;
	right:0;
	top:10px;
	width:100px;
}
.course_intro_video {
	margin-top:50px;
	text-align:center;
}
.star_list_container {
	margin-top: 0px;
	width:50%;
	float:left;
}
.star_list_container_full {
	margin-top: 0px;
	width:100%;
	float:left;
}
.site_up_join {
	left:100px;
	position:relative;
}
.site_up_joined {
	left:100px;
	position:relative;
	top: 80px;
}
.site_up_join img:hover{
	background-image: url('http://www.paintbasket.com/images/join_now_up_over.png');
}
.site_join {
	left:100px;
	position:relative;
}
.site_join img:hover{
	background-image: url('http://www.paintbasket.com/images/join_now_over.png');
}
.site_joined {
	left:100px;
	position:relative;
	top:80px;
}
.large_bold {
	font-size: 26px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
.preview_container {
	position:relative;
	width:920px;
	padding:20px;
}
.course_left_video {
	float:left;
}
.course_right_video {
	left:30px;
	position:relative;
}
ul.star_list {
	list-style: none;
}
ul.star_list li {
	font-size: 18px;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	background-image: url('images/star.png');	
	background-position: 0px 0px;
	text-shadow: 0px 1px 0px #fff;
	background-repeat: no-repeat;
	padding-left: 35px;
	margin-bottom: 5px;
	line-height: 23px;
	color: #2f323b;
}
ul.tick_list {
	list-style: none;
}
ul.tick_list li {
	font-size: 14px;
	font-family: 'Trebuchet MS',sans-serif;
	background-image: url('images/tick.png');	
	background-position: 0px 0px;
	text-shadow: 0px 1px 0px #fff;
	background-repeat: no-repeat;
	padding-left: 35px;
	margin-bottom: 5px;
	line-height: 23px;
	color: #2f323b;
}
.course_sales_logo {
	margin-left:30px;
	width:50%;
	float:left;
}
.lets_draw_classes
{
	position:relative;
	float:left;
	margin: 20px 5px;
	width:30%;
}

/* DISPLAY THE ACTUAL COURSE */
.course_table {
	display:  table;
	width:100%;
}
.course_table ul{
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
.course_table li {
	list-style: none;
}
.course_table_row {
	width:100%;
	display:  table-row;
}
.cell_heading {
	font-size: 14px;
	font-weight:bold;
}
.course_chapter_cell {
	width:100px;
	float:left;
	display:  table-cell;

}
.course_video_cell {
	
	float:left;
	width:480px;
	display:  table-cell;
}
.course_download_cell {
	
	float:left;
	width:100px;
	display:  table-cell;
}

/* Buttons */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/csslibrary/item/css_oval_buttons/ */
a.grey_button{
background: transparent url('images/oval-grey-left.gif') no-repeat top left;
}
a.orange_button{
background: transparent url('images/oval-orange-left.gif') no-repeat top left;
}
a.red_button{
background: transparent url('images/oval-red-left.gif') no-repeat top left;
}
a.green_button{
background: transparent url('images/oval-green-left.gif') no-repeat top left;
}
a.blue_button{
background: transparent url('images/oval-blue-left.gif') no-repeat top left;
}
a.purple_button{
background: transparent url('images/oval-purple-left.gif') no-repeat top left;
}
a.ovalbutton{
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.grey_button span{
background: transparent url('images/oval-grey-right.gif') no-repeat top right;
}
a.orange_button span{
background: transparent url('images/oval-orange-right.gif') no-repeat top right;
}
a.red_button span{
background: transparent url('images/oval-red-right.gif') no-repeat top right;
}
a.green_button span{
background: transparent url('images/oval-green-right.gif') no-repeat top right;
}
a.blue_button span{
background: transparent url('images/oval-blue-right.gif') no-repeat top right;
}
a.purple_button span{
background: transparent url('images/oval-purple-right.gif') no-repeat top right;
}
a.ovalbutton span{
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/* //////////////////////
//    shopping cart    //
////////////////////// */
.show_basket a
{
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:78px;
	height:62px;
	float:right;
	z-index: 10;
	position:fixed;
	top: 200px;
	left: 10px;
	right: auto;
	background-image:url(http://www.paintbasket.com/shop/images/basket_sml.png);
	background-repeat: no-repeat;
	background-position:center center;
}
.show_basket a:hover
{
	width:78px;
	height:62px;
	background-image:url(http://www.paintbasket.com/shop/images/basket_big.png);
	background-repeat: no-repeat;
	background-position:center center;
}
#basket_help {
    background-color: #ffffff;
    border: 2px solid #296bf0;
    border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
    font-size: 24px;
    height: 55px;
    left: 100px;
    line-height: 1.1em;
    padding: 5px;
    position: fixed;
    top: 200px;
    width: 200px;
}

.cart_cat_info
{
	background-color:#FBF5C2;
	font-size : 14px;
	height:25px;
}
.cart_cat_info_odd
{
	background-color:#FAF7DE;
	font-size : 14px;
	height:25px;
}
.cart_cat_heading
{
	background-color:#A0E0FE;
	height:25px;
}
.cat_heading_txt {
	font-weight:bold;
	font-size : 16px;
	color: #5F0E95;
}
.cart_sub_total
{
	font-weight:bold;
	font-size : 16px;
	background-color:#DCFEB5;
	height:25px;
}
.cart_grand_total
{
	font-weight:bold;
	font-size : 18px;
	background-color:#CBFE90;
	height:25px;
}

/* //////////////////////
//   invoice Styles    //
////////////////////// */
.invoice_table
{
    border-color: #000;
    border-width: 1px;
    border-style: solid;
}
.invoice_address
{
	font-size : 10px;
}
.invoice_cat_heading
{
	font-weight:bold;
	font-size : 14px;
}
.invoice_sub_total
{
	font-weight:bold;
	font-size : 14px;
}
.invoice_grand_total
{
	font-weight:bold;
	font-size : 16px;
}
/* Shopping Cart Icons */
.cart_icon{
    width:110px;
    height:90px;
    float:left;
    background-image:url(http://www.paintbasket.com/shop/images/icon_basket_full.png);
    background-repeat: no-repeat;
    background-position:center center;
}
.empty_cart_icon{
    width:110px;
    height:90px;
    float:left;
    background-image:url(http://www.paintbasket.com/shop/images/icon_basket_empty.png);
    background-repeat: no-repeat;
    background-position:center center;
}
.payment_options_icon{
    width:110px;
    height:110px;
    float:left;
    background-image:url(http://www.paintbasket.com/shop/images/icon_payment_options.png);
    background-repeat: no-repeat;
    background-position:center center;
}
.manual_payment_icon{
    width:110px;
    height:140px;
    float:left;
    background-image:url(http://www.paintbasket.com/shop/images/icon_manual_payment.png);
    background-repeat: no-repeat;
    background-position:center center;
}
.online_payment_icon{
    width:110px;
    height:110px;
    float:left;
    background-image:url(http://www.paintbasket.com/shop/images/icon_online_payment.png);
    background-repeat: no-repeat;
    background-position:center center;
}
.statement_icon{
    width:110px;
    height:90px;
    float:left;
    background-image:url(http://www.paintbasket.com/shop/images/icon_history.png);
    background-repeat: no-repeat;
    background-position:center center;
}
.invoice_icon{
    width:110px;
    height:90px;
    float:left;
    background-image:url(http://www.paintbasket.com/shop/images/icon_invoice.png);
    background-repeat: no-repeat;
    background-position:center center;
}
.gift_voucher_icon{
    width:110px;
    height:110px;
    float:left;
    background-image:url(http://www.paintbasket.com/shop/images/icon_voucher_options.png);
    background-repeat: no-repeat;
    background-position:center center;
}
.load_voucher_icon{
    width:110px;
    height:110px;
    float:left;
    background-image:url(http://www.paintbasket.com/shop/images/icon_load_voucher.png);
    background-repeat: no-repeat;
    background-position:center center;
}
.gift_voucher_info {
    float: left;
    height: 110px;
    width: 523px;
}

/*//////////////////
// mouse pointers //
//////////////////*/
.pointer
{
	cursor: pointer;
}

/*//////////////////
// general boxes  //
//////////////////*/

.arrow_box {
    background: none repeat scroll 0 0 #00A61C;
    border: 4px solid #01590A;
    float: right;
    position: relative;
    right: 40px;
    top: 110px;
    z-index: 999;
}
.arrow_box:after, .arrow_box:before { 
	bottom: 100%; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; 
} 
.arrow_box:after { 
	border-color: rgba(0, 166, 28, 0); 
	border-bottom-color: #00a61c; 
	border-width: 30px; left: 50%; 
	margin-left: -30px; 
} 
.arrow_box:before { 
	border-color: rgba(1, 89, 10, 0); 
	border-bottom-color: #01590a; 
	border-width: 36px; 
	left: 50%; 
	margin-left: -36px; 
}
.arrow_box_text {
    color: #DDF8C6;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
}

.green_box {
	position: relative;
	left: 1px;
	top:1px;
	border: 1px solid #55B436;
	margin: 10px 10px 20px 10px;
	padding: 5px;
	background-color:#55B436;
	background-image:url(images/bg_green_box.png);
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-topleft:1ex;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-top-left-radius:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	box-shadow: 7px 7px 8px #726E90;
	-webkit-box-shadow: -4px 4px 4px #726E90;
	-moz-box-shadow: -4px 4px 4px #726E90;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#726E90, offX=-4, offY=4, positive=true);
}
.green_box h3{
    margin: 0px 0px 10px 10px;
    font-size : 14px;
    font-weight:bold;
    color: #000000;
}
.green_box_info {
	height:auto;
	padding: 5px;
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	
	background-color: #eee;
	border: 1px solid #000000;
	color: #000000;
	margin:0px 8px 8px 8px;
	position:relative;
	left: auto;
	right: auto;
	top: -5px;
	font-size:12px;
}

.blue_box {
	position: relative;
	left: 1px;
	top:1px;
	height:auto;
	border: 1px solid #377CB7;
	margin: 10px 10px 20px 10px;
	padding: 5px;
	background-color:#377CB7;
	background-image:url(images/bg_blue_box.png);
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-topleft:1ex;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-top-left-radius:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	box-shadow: 7px 7px 8px #726E90;
	-webkit-box-shadow: -4px 4px 4px #726E90;
	-moz-box-shadow: -4px 4px 4px #726E90;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#726E90, offX=-4, offY=4, positive=true);
}
.blue_box h3{
    margin: 0px 0px 10px 10px;
    font-size : 14px;
    font-weight:bold;
    color: #fff;
}
.blue_box_info {
	height:auto;
	padding: 5px;
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	
	background-color: #eee;
	border: 1px solid #000000;
	color: #000000;
	margin:0px 8px 8px 8px;
	position:relative;
	left: auto;
	right: auto;
	top: -5px;
	font-size:12px;
}

.grey_box {
	position: relative;
	left: 1px;
	top:1px;
	border: 1px solid #000000;
	margin: 10px 10px 20px 10px;
	padding: 5px;
	background-color:#888888;
	background-image:url(images/bg_grey_box.png);
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-topleft:1ex;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-top-left-radius:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	box-shadow: 7px 7px 8px #726E90;
	-webkit-box-shadow: -4px 4px 4px #726E90;
	-moz-box-shadow: -4px 4px 4px #726E90;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#726E90, offX=-4, offY=4, positive=true);
}
.grey_box h3{
    margin: 0px 0px 10px 10px;
    font-size : 14px;
    font-weight:bold;
    color: #000000;
}
.grey_box_info {
	height:auto;
	padding: 5px;
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	
	background-color: #eee;
	border: 1px solid #000000;
	color: #000000;
	margin:0px 8px 8px 8px;
	position:relative;
	left: auto;
	right: auto;
	top: -5px;
	font-size:12px;
}

.red_box {
	position: relative;
	left: 1px;
	top:1px;
	border: 1px solid #713030;
	margin: 10px 10px 20px 10px;
	padding: 5px;
	background-color:#E06060;
	background-image:url(images/bg_red_box.png);
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-topleft:1ex;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-top-left-radius:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	box-shadow: 7px 7px 8px #726E90;
	-webkit-box-shadow: -4px 4px 4px #726E90;
	-moz-box-shadow: -4px 4px 4px #726E90;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#726E90, offX=-4, offY=4, positive=true);
}
.red_box h3{
    margin: 0px 0px 10px 10px;
    font-size : 14px;
    font-weight:bold;
    color: #000000;
}
.red_box_info {
	height:auto;
	padding: 5px;
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	
	background-color: #eee;
	border: 1px solid #000000;
	color: #000000;
	margin:0px 8px 8px 8px;
	position:relative;
	left: auto;
	right: auto;
	top: -5px;
	font-size:12px;
}

.sky_box {
	position: relative;
	left: 1px;
	top:1px;
	border: 1px solid #222E4F;
	margin: 10px 10px 20px 10px;
	padding: 5px;
	background-color:#6284E3;
	background-image:url(images/bg_sky_box.png);
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-topleft:1ex;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-top-left-radius:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	box-shadow: 7px 7px 8px #726E90;
	-webkit-box-shadow: -4px 4px 4px #726E90;
	-moz-box-shadow: -4px 4px 4px #726E90;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#726E90, offX=-4, offY=4, positive=true);
}
.sky_box h3{
    margin: 0px 0px 10px 10px;
    font-size : 14px;
    font-weight:bold;
    color: #000000;
}
.sky_box_info {
	height:auto;
	padding: 5px;
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	
	background-color: #eee;
	border: 1px solid #000000;
	color: #000000;
	margin:0px 8px 8px 8px;
	position:relative;
	left: auto;
	right: auto;
	top: -5px;
	font-size:12px;
}

.purple_box {
	position: relative;
	left: 1px;
	top:1px;
	border: 1px solid #282149;
	margin: 10px 10px 20px 10px;
	padding: 5px;
	background-color:#846EEF;
	background-image:url(images/bg_purple_box.png);
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-topleft:1ex;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-top-left-radius:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	box-shadow: 7px 7px 8px #726E90;
	-webkit-box-shadow: -4px 4px 4px #726E90;
	-moz-box-shadow: -4px 4px 4px #726E90;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#726E90, offX=-4, offY=4, positive=true);
}
.purple_box h3{
    margin: 0px 0px 10px 10px;
    font-size : 14px;
    font-weight:bold;
    color: #000000;
}
.purple_box_info {
	height:auto;
	padding: 5px;
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	
	background-color: #eee;
	border: 1px solid #000000;
	color: #000000;
	margin:0px 8px 8px 8px;
	position:relative;
	left: auto;
	right: auto;
	top: -5px;
	font-size:12px;
}

.pink_box {
	position: relative;
	left: 1px;
	top:1px;
	border: 1px solid #40183A;
	margin: 10px 10px 20px 10px;
	padding: 5px;
	background-color:#D04FBF;
	background-image:url(images/bg_pink_box.png);
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-topleft:1ex;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-top-left-radius:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	box-shadow: 7px 7px 8px #726E90;
	-webkit-box-shadow: -4px 4px 4px #726E90;
	-moz-box-shadow: -4px 4px 4px #726E90;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#726E90, offX=-4, offY=4, positive=true);
}
.pink_box h3{
    margin: 0px 0px 10px 10px;
    font-size : 14px;
    font-weight:bold;
    color: #000000;
}
.pink_box_info {
	height:auto;
	padding: 5px;
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	
	background-color: #eee;
	border: 1px solid #000000;
	color: #000000;
	margin:0px 8px 8px 8px;
	position:relative;
	left: auto;
	right: auto;
	top: -5px;
	font-size:12px;
}

.orange_box {
	position: relative;
	left: 1px;
	top:1px;
	border: 1px solid #3F2415;
	margin: 10px 10px 20px 10px;
	padding: 5px;
	background-color:#C16E41;
	background-image:url(images/bg_orange_box.png);
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-topleft:1ex;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-top-left-radius:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	box-shadow: 7px 7px 8px #726E90;
	-webkit-box-shadow: -4px 4px 4px #726E90;
	-moz-box-shadow: -4px 4px 4px #726E90;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#726E90, offX=-4, offY=4, positive=true);
}
.orange_box h3{
    margin: 0px 0px 10px 10px;
    font-size : 14px;
    font-weight:bold;
    color: #000000;
}
.orange_box_info {
	height:auto;
	padding: 5px;
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	
	background-color: #eee;
	border: 1px solid #000000;
	color: #000000;
	margin:0px 8px 8px 8px;
	position:relative;
	left: auto;
	right: auto;
	top: -5px;
	font-size:12px;
}

.gold_box {
	position: relative;
	left: 1px;
	top:1px;
	border: 1px solid #3B2C0D;
	margin: 10px 10px 20px 10px;
	padding: 5px;
	background-color:#A68025;
	background-image:url(images/bg_gold_box.png);
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-topleft:1ex;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-top-left-radius:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	box-shadow: 7px 7px 8px #726E90;
	-webkit-box-shadow: -4px 4px 4px #726E90;
	-moz-box-shadow: -4px 4px 4px #726E90;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#726E90, offX=-4, offY=4, positive=true);
}
.gold_box h3{
    margin: 0px 0px 10px 10px;
    font-size : 14px;
    font-weight:bold;
    color: #000000;
}
.gold_box_info {
	height:auto;
	padding: 5px;
	background-repeat: no-repeat;
	background-position:right top;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-bottomleft:1ex;
	-webkit-border-bottom-right-radius:1ex;
	-webkit-border-bottom-left-radius:1ex;
	
	background-color: #eee;
	border: 1px solid #000000;
	color: #000000;
	margin:0px 8px 8px 8px;
	position:relative;
	left: auto;
	right: auto;
	top: -5px;
	font-size:12px;
}

/*////////////////////////
//  Admin Area Styles   //
////////////////////////*/
.aff_info_row  { border-bottom: 1px solid #E5E5E5;
 margin:0;
 padding: 5px;
 background-color:#FFFFFF
}

/*//////////////////
//  tabber tabs   //
//////////////////*/
#tabbed_box {
	margin: 0px auto 0px auto;
}
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	border:1px solid #494e52;
	background-color:#636d76;
	padding:8px;
}
ul.tabs {
	margin: 5px 0 5px;
	padding:0px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#464c54;
	color:#ffebb5;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #464c54;
	background-image:url(images/tab_off.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
ul.tabs li a:hover {
	background-color:#2f343a;
	border-color:#fff;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #464c54;
	border-bottom: 1px solid #ffffff;
	background-image:url(images/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top;
	outline:0;
}
ul.tabs li a:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
.tabcontent {
	background-color:#ffffff;
	background-image:url(images/tab_content_bottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:10px;
	border:1px solid #464c54;
	border-top:none;
}
#tabcontent_2, #tabcontent_3 { display:none; }
.tabcontent ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.tabcontent ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
.tabcontent ul li a {
	text-decoration:none;
	color:#3e4346;
}
.tabcontent ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.tabcontent ul li:last-child {
	border-bottom:none;
}

/*/////////////////////////
//       Ask Styles      //
/////////////////////////*/
.ask_table_heading {
	background-color: #377CB7;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}
.toggle_instructions {
	float: right;
    position: relative;
    right: 15px;
    top: -32px;
}
.toggle_instructions a:link    {
	/* Applies to all unvisited links */
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
  } 
.toggle_instructions a:visited {
/* Applies to all visited links */
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
} 
.toggle_instructions a:hover   {
/* Applies to links under the pointer */
	text-decoration:underline;
	color: #FFFFFF;
	font-weight: bold;
} 
.toggle_instructions a:active  {
	/* Applies to activated links */
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
} 

/*/////////////////////////
//  Sharing bar Styles   //
/////////////////////////*/
.share42init
{
	margin-top:20px;
	text-align:center;
}