/*
Theme Name: Joint Canadian Tanning Association Salon
Theme URI: http://www.tancanada.org
Description: The default WordPress theme for the JCTA Member website.
Version: 1.0
Author: Skyler Willett
Author URI: http://www.dynedge.com
*/

body{
	background:#F17830;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	margin:0px;}

h3{
	color:#0083A4;
	font-family:Century Gothic;
	font-size:17px;
	font-weight:normal;
	margin:15px 0px 10px;
	padding-top:15px;}

a.advocate{
	display:inline-block;
	margin:0px 10px 10px 0px;
	width:260px;}

.clear{
	clear:both;}

.container{
	margin:0 auto;
	width:900px;}

.dashboard{}

.dashboard .box-articles{
	float:left;
	width:338px;}
	
.dashboard .box-header{
	background:url(images/background-line-blue.jpg) top left repeat;
	color:#fff;
	font-family:Century Gothic;
	font-size:18px;
	margin-bottom:6px;
	padding:7px 8px 8px;}
	
.dashboard .box-video{
	float:right;
	width:222px;}

.dashboard .dashboard-newspost{
	margin-bottom:15px;}
	
.dashboard .dashboard-newspost h3{
	color:#0083A4;
	font-family:Century Gothic;
	font-size:15px;
	font-weight:normal;
	line-height:1.2em;
	margin:0px 0px 4px;
	padding:0;}
	
.dashboard .dashboard-newspost .date{
	font-family:Century Gothic;
	font-size:13px;
	margin-bottom:12px;}

.dashboard-content{
	float: right;
    padding: 20px 0px 20px 30px;
    width: 570px;}

.footer{
	background:url(images/background-checker-fade.jpg) top center repeat-x;
	min-height:130px;
	padding-top:24px;}
	
.footer .copyright{
	color:#FCE7DA;
	float:left;
	font-size:10px;}
	
.footer .copyright a{
	color:#FCE7DA;
	text-decoration:none;}

.footer .social{
	float:right;}
	
.footer .social img{
	margin:0px 3px;
	opacity:0.80;
	filter:alpha(opacity=80); /* For IE8 and earlier */ }
	
.footer .social img:hover{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */ }

.header{
	background:#F17830 url(images/background-checker-fade.jpg) top center repeat-x;
	border-top:2px solid #DE5F12;
	height:127px;}
	
.header .logo-index{
	background:#fff;
	float:left;
	height:127px;
	text-align:center;
	width:340px;}
	
.header .logo{
	background:#fff;
	float:left;
	height:127px;
	text-align:center;
	width:300px;}
	
.header .logo-index img,
.header .logo img{
	margin-top:20px;}

.header .right{
	float:right;
	width:550px;}

.header .right .member-info-container{
	float:right;}
	
.header .right .member-info-container .salon-client-link{
	color:#fff;
	float:left;
	font-size:11px;
	margin-top:5px;
	width:109px;}
	
.header .right .member-info-container .salon-client-link a{
	color:#FACCB1;
	text-decoration:none;}
	
.header .right .member-info-container .salon-client-link a:hover{
	color:#fff;}
 
.header .right .member-info{
	background:#DE5F12;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	color:#fff;
	font-size:12px;
	float:right;
	padding:4px 4px 7px;}
	
.header .right .member-info a{
	color:#fff;
	text-decoration:none;}

.header .right .member-info a:hover{
	color:#333;}

.header .right .member-info .info{
	float:left;
	margin:0px 6px;}

.index-news .newsbar{
	background:url(images/background-checker-orange.gif) top left repeat;
	padding:11px 20px;}
	
.index-news .newsbar .left{
	float:left;}
	
.index-news .newsbar .right{
	float:right;
	margin-top:2px;}
	
.index-news .newsbar .right a{
	color:#fff;
	font-family:Century Gothic;
	font-size:13px;
	text-decoration:none;}
	
.index-news .newsbar .right a:hover{
	color:#333;}
	
.index-news .newspost{
	float:left;
	margin:23px 18px 0px 35px;
	width:260px;}
	
.index-news .newspost h2{
	font-family:Century Gothic;
	font-size:17px;
	line-height:1.2em;
	margin:0px;}
	
.index-news .newspost h2 a{
	color:#008CB0;
	font-weight:normal;
	text-decoration:none;}
	
.index-news .newspost h2 a:hover{
	color:#333;}

.index-news .newspost .blurb{
	color:#444;
	line-height:1.4em;
	min-height:105px;}

.index-news .newspost .date{
	font-family:Century Gothic;
	font-size:13px;
	margin:4px 0px 8px;}

.index-news .newspost .morelink{
	margin-top:12px;
	text-align:center;}

.index-tagline{
	margin:25px 0px 15px;
	text-align:center;}
	
.index-text{
	color:#444;
	font-size:16px;
	line-height:1.4em;
	margin-bottom:25px;
	text-align:center;}

.innerpage{
	line-height:1.6em;}

.innerpage a{
	color:#0083A4;
	text-decoration:none;}
	
.innerpage a:hover{
	color:#F17025;}

.innerpage h1{
	color:#F17025;
	font-family:Century Gothic;
	font-size:26px;
	font-weight:normal;
	line-height:1.1em;
	margin:0px 0px 10px;}
	
.innerpage h2{
	color:#0083A4;
	font-family:Century Gothic;
	font-size:19px;
	font-weight:normal;
	margin:0px 0px 15px;}
	
.innerpage h4{
	color:#666;
	font-family:Century Gothic;
	font-size:14px;
	font-weight:normal;
	margin:-10px 0px 15px;}

.line-orange{
	background:#F17830;
	height:5px;}

.main-content{
	float:right;
	padding:20px 30px;
	width:540px;}
	
.main-content-full{
	padding:20px 0px;}
	
.main-content-index{
	background:url(images/back-blue.jpg) top left repeat;
	float:right;
	min-height:430px;
	padding:30px;
	width:500px;}
	
.main-content-index .big-button{
	margin-bottom:12px;
	text-align:center;}
	
.main-content-index .big-button img{
	opacity:0.80;
	filter:alpha(opacity=80); /* For IE8 and earlier */ }
	
.main-content-index .big-button img:hover{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */ }
	
.main-content-index .tan-resp{
	margin-bottom:35px;
	text-align:center;}
	
.main-content-index .social{
	margin-top:25px;
	text-align:center;}
	
.main-content-index .social img{
	margin:0px 3px;
	opacity:0.80;
	filter:alpha(opacity=80); /* For IE8 and earlier */ }
	
.main-content-index .social img:hover{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */ }

.member-menu li{
	list-style:none !important;}

.newspage{
	float:right;
	padding:20px 30px;
	width:540px;}
	
.newspage a{
	border-bottom:1px dotted #0083A4;
	color:#0083A4;
	text-decoration:none;}
	
.newspage a:hover{
	border-bottom:1px dotted #444;
	color:#444;}
	
.newspage h1{
	color:#F17025;
	font-family:Century Gothic;
	font-size:26px;
	font-weight:normal;
	line-height:1.1em;
	margin:0px 0px 25px;}
	
.newspage h2{
	color:#0083A4;
	font-family:Century Gothic;
	font-size:19px;
	font-weight:normal;
	line-height:1.2em;
	margin:0px 0px 4px;}

.newspage .archivelisting{
	margin:0px 0px 30px;}

.newspage .archivelisting h2 a{
	border:0px !important;}

.newspage .date{
	font-family:Century Gothic;
	font-size:14px;
	margin-bottom:12px;}

.notice-box-blue{
	background:#F4FAFE;
	border:1px solid #79BDDF;
	margin:15px 0px 10px;
	padding:15px 20px;}
	
.notice-box-blue h6{
	color:#0083A4;
	font-family:Century Gothic;
	font-size:14px;
	font-weight:normal;
	margin:0px;
	padding-bottom:8px;}

.register-notice{
	background:#FFE8E8;
	border:1px solid #E3BBBB;
	margin:5px 0px 12px;
	padding:10px;
	text-align:center;}

.sidebar-left{
	background:#fff;
	float:left;
	padding:20px 10px;
	width:280px;}

.sidebar-left a.orangelink{
	background:url(images/background-line-orange.jpg) top left repeat;
	color:#fff;
	display:block;
	font-family:Century Gothic;
	font-size:16px;
	margin-bottom:7px;
	padding:7px 8px 8px;
	text-decoration:none;}
	
.sidebar-left a.orangelink:hover{
	background:#DE5F12;}

.sidebar-left .archive-dropdown{
	background:#fff;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	width:250px;}

.sidebar-left .box-header{
	background:url(images/background-line-blue.jpg) top left repeat;
	color:#fff;
	font-family:Century Gothic;
	font-size:16px;
	padding:7px 8px 8px;}
	
.sidebar-left .box-content{
	background:#F0F0F0;
	margin-bottom:7px;
	padding:10px;}
	
.sidebar-left .box-content a{
	color:#0083A4;
	text-decoration:none;}
	
.sidebar-left .box-content a:hover{
	color:#444;}

.sidebar-left .search .field{
	float:left;}
	
.sidebar-left .search .field input{
	background:#fff;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	width:180px;}
	
.sidebar-left .search .submitbutton{
	float:right;}
	
.sidebar-left .search .submitbutton input{
	font-size:12px;
	padding:2px;}
	
.sidebar-left-index{
	background:#fff;
	float:left;
	width:340px;}

.sidebar-left-index h2{
	color: #F17025;
	font-family: Century Gothic;
    font-size: 27px;
    font-weight: normal;
	margin: 20px 0px;}
	
.sidebar-left-index .text{
	padding:0px 20px 30px 0px;}

.skin-type-quiz-results{
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #EBEBEB;
	margin-top:25px;
	padding:15px 0px 10px;}

.videopage{
	float:right;
	padding:20px 30px;
	width:540px;}
	
.videopage a{
	border-bottom:1px dotted #0083A4;
	color:#0083A4;
	text-decoration:none;}
	
.videopage a:hover{
	border-bottom:1px dotted #444;
	color:#444;}
	
.videopage h1{
	color:#F17025;
	font-family:Century Gothic;
	font-size:26px;
	font-weight:normal;
	line-height:1.1em;
	margin:0px 0px 25px;}
	
.videopage h2{
	color:#0083A4;
	font-family:Century Gothic;
	font-size:19px;
	font-weight:normal;
	line-height:1.2em;
	margin:0px 0px 4px;}

.videopage .archivelisting{
	margin:0px 0px 30px;}

.videopage .archivelisting h2 a{
	border:0px !important;}

.videopage .date{
	font-family:Century Gothic;
	font-size:14px;
	margin-bottom:12px;}

.white{
	background:#fff;}

#yellowbar{
	background:#FDF5C0;
	color:#666;}

#yellowbar h2{
	font-family:Century Gothic;
	font-size:25px;
	font-weight:normal;}

#yellowbar .benefits{
	font-size:14px;
	padding-top:5px;}

#yellowbar .benefits ul{
	margin:0;}

#yellowbar .benefits ul li{
	margin:0px 0px 8px;}

#yellowbar .benefits .benefits-float{
	float:left;
	margin-left:30px;
	width:190px;}

#yellowbar .column-left{
	float:left;
	padding:30px 15px 30px 0px;}

#yellowbar .column-left h2{
	color:#008CB0;
	margin:0px 0px 20px;}
	
#yellowbar .column-left .login-button{
	margin-top:15px;
	text-align:center;}

#yellowbar .column-right{
	background:url(images/yellowbar-shadow.png) top left no-repeat;
	float:right;
	min-height:90px;
	padding:30px 0px 30px 30px;}
	
#yellowbar .column-right .register-button{
	margin-top:28px;
	padding-left:80px;}

#yellowbar .column-right h2{
	color:#F17025;
	margin:0px 0px 10px;}

#yellowbar .column-right h4{
	color:#008CB0;
	font-family:Century Gothic;
	font-size:17px;
	font-weight:normal;
	margin:0px 0px 15px;}
	
#yellowbar .width-left-index{
	width:325px;}
	
#yellowbar .width-left-inner{
	width:285px;}
	
#yellowbar .width-right-index{
	width:530px;}
	
#yellowbar .width-right-inner{
	width:570px;}



/************************************************************

HEADER NAVIGATION Styles

************************************************************/

.navigation{
	margin:60px 0px 0px 0px;
	text-align:center;
	width:550px;}
	
.navigation ul{
	list-style:none;
	margin:0;
	padding:0;}

.navigation ul li{
	display:inline-block;
	margin:0px;
	}
	
.navigation ul li a{
	color:#fff;
	display:block;
	font-size:12px;
	margin-bottom:2px;
	padding:3px 11px;
	text-align:center;
	text-decoration:none;}
	
.navigation ul li a:hover{
	background:#DE5F12;}





/************************************************************

FORM Styles

************************************************************/

table.wpm_registration{
	margin-top:30px;
	width:550px !important;}
	
table.wpm_registration h3 {
    color: #0083A4 !important;
    font-family: Century Gothic !important;
    font-size: 17px !important;
    font-weight: normal;
    margin: 20px 0 15px;}

table.wpm_registration td{
	padding:2px;}

table.wpm_registration td.form_button{
	padding-top:15px;}

table.wpm_registration td.form_button input{
	color:#333;}
	
table.wpm_registration td.label{
	font-weight:normal !important;}

table.wpm_registration input,
table.wpm_registration select{
	margin-bottom:1px;
	padding:5px;}

table.wpm_registration div.desc{
	color:#888;
	font-size:11px !important;
	width:100% !important;}

table.wpm_registration .field_special_header td{
	color:#0083A4;
	font-family:Century Gothic;
	font-size:17px;
	padding:12px 0px 14px;}


.form-contact{
	padding-top:20px;}

.form-contact .req-star{
	color:#F00;}

.form-contact .row{
	margin-bottom:6px;}
	
.form-contact .row .label{
	/*float:left;*/
	padding-top:4px;
	/*width:150px;*/}
	
.form-contact .row .label .comment{
	color:#666;
	font-size:11px;
	font-style:italic;}
	
.form-contact .row .field{
	float:left;}
	
.form-contact .row .field input,
.form-contact .row .field select,
.form-contact .row .field textarea{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;}

.form-contact .submitrow{
	padding-top:5px;}

.form-contact .submitrow input{
	color:#333;
	margin-left:150px;
	padding:5px;}

.form-register form label{
	float:left;
	padding-top:4px;
	width:140px;}

.form-register form .sectiontitle{
	color:#0083A4;
    font-family:Century Gothic;
    font-size:17px;
    padding:18px 0 15px;}

.form-register input,
.form-register select{
	padding:5px;}


.form-register .errorMessage{
    background-color: #FFEBE8;
    border: 1px solid #CC0000;
    color: #333333;
    margin-bottom: 20px;
	margin-top:30px;
    padding: 7px;}
	
.form-register .errorMessage ul li{
	color:#555;
	font-size:11px;
	padding:2px;}



.form-register .row{
	margin-bottom:4px;}
	
.form-register .row-agreement{
	margin:15px 4px;}
	
.form-register .row-agreement .agreement{
	padding-bottom:5px;}

.form-register .membership .sectionsubtitle{
	color:#F17025;
	font-family:Century Gothic;
	font-size:14px;
	font-weight:bold;}
	
.form-register .membership .package{
	margin-bottom:8px;}
	
.form-register .membership .package .radio{
	float:left;
	width:50px;}
	
.form-register .membership .package .description{
	float:left;
	margin-right:50px;
	width:370px;}
	
.form-register .membership .package .description .desc-tiny{
	color:#888;
	font-size:11px;
	font-style:italic;
	line-height:1.2em;
	padding:2px 0px 0px 6px;}
	
.form-register .membership .package .price{
	float:left;
	width:60px;}
	
.form-register .membership .tiny{
	color:#777;
	font-size:11px;
	font-style:italic;
	line-height:1.4em;}

.form-register .pricing{
	margin-top:25px;}

.form-register .pricing .pricing-row{
	margin-bottom:5px;}
	
.form-register .pricing .pricing-row .pricing-desc{
	float:left;
	margin-right:10px;
	padding-top:3px;
	text-align:right;
	width:455px;}
	
.form-register .pricing .pricing-row .field{
	float:left;
	width:60px;}
	
.form-register .pricing .pricing-row .field input{
	background:#F7F7F7;
	border:1px solid #DFDFDF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	width:50px;}
	
.form-register .req-star,
.form-contact .req-star{
	color:#F00;}

.form-register .bottom-notice{
	background:#fdf5c0;
	border:2px solid #f17830;
	font-size:14px;
	line-height:1.5em;
	margin:25px 0px;
	padding:20px;}

.form-register .bottom-notice strong{
	color:#f17830;}

.form-register .submitrow{
	margin:10px 0px 8px;
	text-align:center;}
	
.form-register .submitrow input{
	color:#333;}

.form-login,
.form-profile{
	margin-top:30px;}

.form-login p.error,
.form-profile p.error{
	background-color:#ffebe8;
	border:1px solid #c00;
	color:#333;
	margin-bottom:20px;
	padding:7px;}

.form-login p.message,
.form-profile p.message{
	background-color:#ffffe0;
	border: 1px solid#e6db55;
	color:#333;
	margin-bottom:20px;
	padding:7px;}
	
.form-login form label{
	float:left;
	padding-top:4px;
	width:100px;}

.form-login form p.forgetmenot label{
	display:inline;}

.form-login input{
	padding:5px;}

.form-login .description{
	color:#777;
	margin-top:2px;
	font-size:11px;}
	
.form-login .password-hint{
	padding:8px 0px 5px;}

.form-login .forgetpass{
	margin-left:100px;}

.form-login .row{
	margin-bottom:4px;}
	
.form-login .submitrow{
	margin:10px 0px 8px;}
	
.form-login .submitrow input{
	color:#333;
	margin-left:100px;}

.form-login #pass-strength-result{
	margin:5px 0px 8px 140px !important;
	padding:4px !important;
	width:140px !important;}
	
.form-profile{
	margin-top:30px;}

.form-profile table.form-table th,
.form-profile table.form-table td{
	padding:2px;
	text-align:left;}
	
.form-profile table.form-table th{
	vertical-align:top;
	width:150px;}
	
.form-profile table.form-table th label{
	display:block;
	font-weight:normal;
	margin-top:5px;}

.form-profile table.form-table input,
.form-profile table.form-table select{
	color:#333;
	padding:5px;}
	
.form-profile table.form-table input.disabledfield{
	color:#888;}

.form-profile .description{
	color:#777;
	margin-top:2px;
	font-size:11px;}
	
.form-profile .password-hint{
	padding:8px 0px 5px;}

.form-profile .submitrow{
	margin:10px 0px 8px;}
	
.form-profile .submitrow input{
	color:#333;
	margin-left:160px;
	padding:5px;}
	
.form-profile #pass-strength-result{
	float:right !important;
	margin:0px !important;
	padding:4px !important;
	width:140px !important;}
	




/************************************************************

FIND A SALON Styles

************************************************************/

.salonlocator{}

.salonlocator h2{
	color:#F17025;
	font-family:Century Gothic;
	font-size:18px;
	font-weight:normal;
	margin:0px 0px 10px;}

.salonlocator-inner{
	height:300px;
	overflow-y:scroll;
	width:100%;}

.salonlocator-inner .listing{
    padding:0px 4px 18px;}
	
.salonlocator-inner .listing .listing-company{
    font-size: 12px;
    font-weight: bold;}
	
.salonlocator-inner .listing .listing-company a{
	color:#0083A4;
    text-decoration: none;}
	
.salonlocator-inner .listing .listing-company a:hover{
	color:#333;}

.salonlocator-inner .listing .distance{
	color: #9D9D9D;
    font-size: 10px;
	font-weight:normal;
	line-height: 1.5em;}
	
.salonlocator-inner .listing .listing-address{
    color:#595959;
    font-size:11px;}
    
.salonlocator-inner .listing .listing-phone{
    color:#595959;
    font-size:11px;}
	
.salonlocator-search{
	padding:15px 0px 5px;
	width:280px;}
	
.salonlocator-search .search-field{
	float:left;}
	
.salonlocator-search .search-field input{
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:6px;
	width:175px;}
	
.salonlocator-search .search-button{
	float:left;
	margin-left:6px;}
	
.salonlocator-search .search-country{
	display:none;
	padding-bottom:5px;}
	
.salonlocator-search .search-country select{
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;}
	
.salonlocator-pagetext{
	float:left;
	width:350px;}



/************************************************************

WHY JOIN THE JCTA Styles

************************************************************/

.page-why-join .player{
	background:url(images/member-video-thumb.jpg) top center no-repeat;
	border:1px solid #e8e8e8;
	float:left;
	height:337px;
	margin-top:10px;
	width:599px;}

.page-why-join .buttons{
	float:right;
	margin-top:10px;
	width:270px;}
	
.page-why-join .buttons a{
	display:block;
	margin-bottom:12px;}

/************************************************************

DEFAULT WordPress Styles

************************************************************/

.alignleft{
	float:left;}

.alignright{
	float:right;}

p img{
	max-width:100%;
	padding:0;}

img.centered{
	display:block;
	margin-left:auto;
	margin-right:auto;}

img.alignright{
	display:inline;
	margin:0 0 2px 7px;
	padding:4px;}

img.alignleft{
	display:inline;
	margin:0 7px 2px 0;
	padding:4px;}


.tml-profile #WishListMemberUserProfile,
.tml-personal_options_section_header-wrap,
.tml-admin_bar_front-wrap{
	display:none;
}

.tml .tml-field{
	padding:10px !important;
}

.tml .tml-button{
	background: #0ba9bd;
	color: #fff;
	padding: 10px 20px;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
}