/*
Theme Name:     Classica Wagemark
Description:    Edits to the Classica theme for Wagemark
Author:         Deirdre Spencer for Zipfly Design
Template:       classica

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../classica/style.css");
@import url("css/fonts.css");
@import url("css/bootstrap.css");

body, input, button,
h1, h2, h3, h4, h5, h6, p, ul, ol,
.page-title, .widget-title, .entry-meta, .entry-title, .entry-title a,
.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6,
.entry-content .page-title,
.tz_tweet_widget ul li span{
	font-family: "News Gothic MT", Helvetica, Arial, sans-serif;
	font-style: normal;
}

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

body{
	font-size: 14px;
	line-height: 1.4em;
}

.hide-if-no-js,
.js .hide-if-js{
	display: none;
}

.js .hide-if-no-js{
	display: block;
}

.current{
	z-index: 2;
}
.next{
	z-index: 1;
}

/* Begin edits to Classica theme for Wagemark */

#slider {
    padding: 25px 0 0;
}

#home-message h2 {
    font-size: 24px;
    font-style: normal;
    line-height: 34px;
    margin-bottom: -10px;
    padding: 30px 0 35px;
    text-align: left;
}

.home-recent .sidebar h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.droid-italic {
    font-size: 12px;
    font-style: italic;
}

.recent-posts .entry-title a, .recent-posts .entry-title {
    color: #ffab30;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 10px;
    text-transform: none;
}

.recent-wrap .post-thumb a {
    display: none;
}

.recent-wrap .post-thumb {
    margin-bottom: 0;
}

.recent-wrap .work-thumb a {
    display: block;
    height: 160px;
    padding: 5px;
    width: 210px;
    margin-bottom:10px;
    background-color:#f5f5f5;
}
.work-thumb a {
    cursor: pointer;
}

.recent-wrap .work-title a, .recent-wrap .work-title {
    color: #f26535;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 10px;
    text-transform:none;
}

.meta-sep {display:none;}

.comment-count {display:none;}

.tz_blog .entry-title a, .tz_blog .entry-title {
    text-transform:none;
}

#footer-container {
    background-image: none;
    background: #F5F5F5;
    margin: 80px 0 0;
}

#footer {
    background: none repeat scroll 0 0 #F5F5F5;
    border-top: 1px solid #E0E0E0;
    clear: both;
    color: #999999;
    font-size: 11px;
    margin: 0 auto;
    padding: 10px 0 20px;
    width: 940px;
}

.copyright {
    float: left;
    margin: 16px 0 15px;
}

.page-title {
    border-bottom: 1px solid #EFEFEF;
    font-size: 26px;
    padding: 18px 0;
}

.search-no-results #post-0, #primary .hentry {
    margin: 0;
    padding: 28px 0 0;
}

#primary-nav{
	margin: 13px 0 25px;
}

#primary .entry-title {
    font-weight:bold;
    margin-bottom: 14px;
    padding-left: 0;
}
.entry-title, .entry-title a {
    color: #444444;
    font-size: 14px;
    line-height: 21px;
    text-transform:uppercase;
}
.entry-content h2 {
    font-size: 21px;
    font-weight: normal;
    line-height: 21px;
}
.entry-content h3,
.entry-content h4{
	margin: 0;
	padding-top: 10px;
}
.entry-content h3{
	font-weight: bold;
}
.entry-content h4{
	font-weight: normal;
}

#primary .entry-meta .author  {
    display: none;
}
#primary .entry-meta .comment-count  {
    display: none;
}

.nocomments {
    display:none;
}

#sidebar {
    float: right;
    margin-top: 28px;
    width: 220px;
}

.span-textbox-label-left label {
    margin-right: 10px;
    display:block;
    margin-bottom:10px;
    font-size:11px;
}

.text-label label-left {width:200px;}

.required-item {
    color: #FF0000;
    font-size: small;
    margin: 0 5px;
}

input textarea button {
    background: url("images/submit_bg.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #B7D6DF;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #437182;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    padding: 6px 10px;
    text-shadow: 0 1px 0 #FFFFFF;
    width: auto;
}

.widget {
    margin-bottom: 20px;
}
input, textarea, button {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #cccccc;
}

#ns_widget_mailchimp_form-2 input .button {padding: 5px;}

#commentform #submit,
.contactform #submit {
	cursor: pointer;
	font-weight: bold;
	font-size: 13px;
	background: url(/dev/wp-content/themes/classica/images/submit_bg.gif) repeat-x;
	border: 1px solid #b7d6df;
	border-color: #b7d6df;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	float: left;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
	width: auto;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #437182;
	padding: 6px 10px 6px 10px;
	height: auto;
}

#commentform #submit:hover,
.contactform #submit:hover {
	cursor: pointer;
	background: url(/dev/wp-content/themes/classica/images/submit_hover_bg.gif) repeat-x;
	border: 1px solid #9fbac0;
}

#primary-nav ul li:hover ul, #primary-nav ul li.sfHover ul{
	margin: 0;
}

/*
--------------------------
==========================
	Ninesides Stylings
==========================
--------------------------
*/
@-webkit-keyframes progress-bar-stripes{
	from{background-position: -40px 0;}
	to{background-position: 0 0;}
}

@-moz-keyframes progress-bar-stripes{
	from{background-position: -40px 0;}
	to{background-position: 0 0;}
}

@-ms-keyframes progress-bar-stripes{
	from{background-position: -40px 0;}
	to{background-position: 0 0;}
}

@-o-keyframes progress-bar-stripes{
	from{background-position: -40px 0;}
	to{background-position: 0 0;}
}

@keyframes progress-bar-stripes{
	from{background-position: -40px 0;}
	to{background-position: 0 0;}
}

h1 small{
	display: block;
	font-size: 13px;
	line-height: 1em;
}
	h1 small.float{
		float: right;
		line-height: 30px;
	}

.box{
	padding: 20px;
	border: 1px solid #ccc;
	background: #f7f7f7;
}

.entry-content .page-title{
	border-top: 1px solid #EFEFEF;
	margin-bottom: 30px;
}

.entry-content p{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 24px;
}

.widget_wagemark_companies .widget-title,
.entry-content .fancy h2,
.listing .entry h2{
	color: #444444;
	text-transform: none;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: .5em;
}
.widget_wagemark_companies .widget-title{
	letter-spacing: 0;
}

.static{
	border-bottom: 1px solid #efefef;
}

hr{
	border: none;
	border-top: 1px solid #ccc;
	margin: 25px 0;
	clear: both;
}

p.big{
	font-size: 18px;
	line-height: 21px;
}

p.small{
	font-size: 10px;
	line-height: 12px;
}

.page-title .c2a{
	color: #f26435;
	float: right;
	font-size: 18px;
	line-height: 2em;
}

.entry-content blockquote{
	color: #444;
	background: #eee;
	padding: 15px;
	quotes: none;
	margin: 0 0 20px;
}
	.entry-content blockquote p{
		margin: 0;
	}

.nav li{
	list-style: none;
}

#primary-nav ul ul{
	width: 175px;
}

.chevron{
	min-height: 14px;
	background: url(img/chevron.png) right 2px no-repeat;
	padding-right: 15px;
}

.entry-meta{
	margin: 0;
}

/*
Wagemark Titles
*/
.wagemark{
	display: block;
	height: 50px;
	white-space: nowrap;
	text-indent: 700px;
	overflow: hidden;
	background: left bottom no-repeat;
}
	.wm-certified{
		background-image: url(img/wagemark-certified.png);
	}
	.wm-registered{
		background-image: url(img/wagemark-registered.png);
	}

/*
Slider Video
*/
#slider_video_container{
	display: none;
	position: relative;
	z-index: 999;
}
	#slider_video_container .close{
		position: absolute;
		top: -40px;
		right: 0;
		width: 30px;
		height: 30px;
		background: url(img/close.png) right center no-repeat;
		cursor: pointer;
	}
#overlay{
	position: fixed;
	z-index: 998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.8);
	display: none;
}

/*
Home page Call2Action Blocks
*/
#home-call2actions{
	border-top: 1px solid #efefef;
	padding: 30px 0 0;
}
.call2actions-half{
	text-align: center;
	width: 460px;
	margin: 0;
}
#home-call2action-buttons .action{
	clear: both;
	padding: 15px 0;
	text-align: left;
}
	#home-call2action-buttons h2{
		font-size: 24px;
		margin: 0 0 5px;
	}
	#home-call2action-buttons p{
		font-size: 14px;
		line-height: 1.4em;
		margin: 0 0 .5em;
	}
	#home-call2action-buttons .poster{
		width: 100px;
		float: left;
		height: 116px;
		margin: -15px 15px;
		position: relative;
	}
		#home-call2action-buttons .poster img{
			position: absolute;
			top: 0;
			left: 0;
		}
#home-call2action-buttons .action + .action{
	border-top: 1px solid #efefef;
}

/*
New Homepage Styling
*/
#wagemarks{
	height: 267px;
	position: relative;
	width: 306px;
	margin: 0 auto;
}
	#wagemarks img{
		position: absolute;
		top: 0;
		left: 0;
	}

#toggle_slider_video{
	display: block;
	cursor: pointer;
	position: relative;
	width: 473px;
	height: 283px;
	overflow: hidden;
	background: url(img/frame.png) 0 0 no-repeat;
}
	#toggle_slider_video img,
	#toggle_slider_video i{
		margin: 9px 13px;
		position: absolute;
		top: 0;
		left: 0;
	}
	#toggle_slider_video i{
		width: 446px;
		height: 253px;
		background: url(img/play-video.png) 0 0 no-repeat;
	}
		#toggle_slider_video:hover i{
			background-position: 0 -253px;
		}

.section{
	display: block;
	clear: both;
	border-bottom: 1px solid #efefef;
	position: relative;
	z-index: 1;
}
	.section h1,
	.section h2{
		line-height: 1.3em;
		margin-bottom: 1em;
	}
	.section h1{
		font-size: 26px;
	}
	.section h2{
		font-size: 21px;
	}
	.section p{
		line-height: 1.5em;
	}
	.section ul{
		margin: 0;
	}
	.section .post{
		float: left;
		width: 200px;
		padding-right: 40px;
		margin: 0;
	}
	.section .img{
		position: absolute;
		z-index: -1;
	}
		.section .top-left{
			top: 0;
			left: 0;
		}
		.section .top-right{
			top: 0;
			right: 0;
		}
		.section .bottom-left{
			bottom: 0;
			left: 0;
		}
		.section .bottom-right{
			bottom: 0;
			right: 0;
		}

a.arrow{
	color: #999;
	display: block;
	margin-bottom: .5em;
}
	a.arrow:hover{
		color: #000;
	}
	a.arrow:before{
		content: url(img/arrow-red.png);
		margin-right: 1em;
	}

/*
Steps
*/
.steps{
	margin: 0 0 20px;
	position: relative;
}
	.step{
		float: left;
		width: 155px;
		height: 390px;
		cursor: pointer;
	}
		.steps .step h2{
			font-size: 20px;
		}
		.step h2{
			margin: 0;
			padding: 0;
			text-align: center;
			line-height: 1.4em;
			position: relative;
			z-index: 2;
		}
			.step .icon{
				display: block;
				width: 93px;
				height: 93px;
				background-image: url(img/steps.png);
				margin: 0 auto;
			}
				.docs .icon{background-position: 0 0}
				.docs:hover .icon,
				.docs.current .icon{background-position: 0 -93px}

				.badge .icon{background-position: -93px 0}
				.badge:hover .icon,
				.badge.current .icon{background-position: -93px -93px}

				.pen .icon{background-position: -186px 0}
				.pen:hover .icon,
				.pen.current .icon{background-position: -186px -93px}

				.upload .icon{background-position: -279px 0}
				.upload:hover .icon,
				.upload.current .icon{background-position: -279px -93px}

			.step h2 small{
				display: block;
				font-size: 14px;
				font-weight: bold;
			}
		.step .details{
			position: absolute;
			top: 170px;
			left: 0;
			background: url(img/bubble.png) left bottom no-repeat;
			width: 618px;
			height: 191px;
		}
			.step .details p{
				margin: 65px 65px 25px 75px;
			}
		.step.current .details{
			z-index: 1;
		}

/*
Listing
*/
.listing .row{
	clear: both;
	overflow: hidden;
	margin: 0 -10px;
}
	.listing .entry{
		float: left;
		width: 154px;
		padding: 0 10px 20px;
		height: 150px;
	}
		.listing .entry h2{
			font-size: 24px;
			border-style: solid;
			border-width: 18px 0 0;
			margin: 0 0 5px;
			line-height: .9em;
		}
		.listing .entry p{
			margin: 0;
			line-height: 1em;
		}
		.listing .entry span{
			display: block;
		}
		.listing .entry .sector{
			font-size: 16px;
			line-height: 1em;
			border-bottom: 1px solid #efefef;
			padding: 0 0 5px;
			margin: 0 0 5px;
		}
		.listing .entry .name{
			font-weight: bold;
		}
		.listing .entry + .entry{
			border-left: 1px solid #efefef;
		}
	.listing .row + .row .entry{
		padding-top: 20px;
		border-top: 1px solid #efefef;
	}

.canada h2{border-color: #ea6b6b}
.canada a:hover{color: #ea6b6b}

.united-states h2{border-color: #447fe1}
.united-states a:hover{color: #447fe1}

.united-kingdom h2{border-color: #0a4193}
.united-kingdom a:hover{color: #0a4193}

.germany h2{border-color: #ff9e3f}
.germany a:hover{color: #ff9e3f}

.denmark h2{border-color: #d01f2e}
.denmark a:hover{color: #d01f2e}

.italy h2{border-color: #43bf6f}
.italy a:hover{color: #43bf6f}

.spain h2{border-color: #f0bd32}
.spain a:hover{color: #f0bd32}

/*
Registry
*/
.registry-search{
	text-align: right;
	font-size: 12px;
	margin: 0 0 20px;
}
	.registry-search input{
		padding: 0 2px;
		font-size: 12px;
		margin: 0;
		width: 200px;
	}
.registry-list{
	width: 100%;
	border: none;
}
	.registry-list .header{
		cursor: pointer;
	}
		.registry-list .header:after{
			content: '';
			float: right;
			border: 5px solid transparent;
			display: inline-block;
		}
			.registry-list .headerSortUp:after{
				border-color: transparent transparent #444;
				margin: 2px 0 0;
			}
			.registry-list .headerSortDown:after{
				border-color: #444 transparent transparent;
				margin: 6px 0 0;
			}
	.registry-list th,
	.registry-list td,
	.registry-list tr{
		border: none;
	}
	.registry-list th{
		font-size: 10px;
		font-weight: normal;
		font-style: italic;
	}
	.registry-list td{
		font-size: 12px;
	}
		.registry-list td.center{
			text-align: center;
		}
	.registry-list thead tr{
		border-bottom: 1px solid #ddd;
	}
	.registry-list tbody tr{
		border-top: 1px solid #eee;
	}
	.registry-list td + td,
	.registry-list th + th{
		border-left: 1px solid #eee;
	}
	.registry-list tr.hide,
	.registry-list tr.nonefound{
		display: none;
	}
		.registry-list tr.nonefound td{
			text-align: center;
			font-style: italic;
		}

/*
Shortcodes
*/
.entry-content .question{
	overflow: hidden;
	position: relative;
	padding: 10px 50px 10px 10px;
	margin: 0 0 -1px;
	line-height: 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
	.question:hover{
		color: #999;
	}
	.question.open,
	.question.open:hover{
		color: #FFF;
		background-color: #d74031;
	}
	.question i{
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		background: url(img/dropdown.png) right bottom no-repeat;
	}
	.question.open i{
		background-position: right top;
	}
.entry-content .answer{
	overflow: hidden;
}
	.entry-content .answer p{
		margin: 10px 10px 15px;
	}
.bubble{
	background: url(img/bubble.png) left bottom no-repeat;
	width: 618px;
	height: 191px;
}
	.bubble .inner{
		padding: 65px 65px 25px 75px;
	}
.event{
	min-height: 30px;
}
	.event h3{
		font-size: 14px;
		line-height: 24px;
		float: left;
		width: 90px;
		padding: 0;
	}
	.event .inner{
		padding-left: 100px;
	}

/*
Widget Styling
*/
.logos,
.logos ul{
	position: relative;
	margin: 0;
}
	.logos li{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		margin: 10px 0;
		background: #FFF;
		text-align: center;
		overflow: hidden;
	}
		.logos img{
			max-width: 100%;
			height: auto;
			vertical-align: middle;
		}
	.logos .next{
		z-index: 1;
	}
	.logos .current{
		z-index: 2;
	}

#recent-posts .logos{
	height: 160px;
	width: 210px;
	border: 5px solid #f5f5f5;
	margin: 0 0 10px;
}
	#recent-posts .logos li{
		height: 140px;
		width: 190px;
		line-height: 140px;
		margin: 10px;
	}

.section .logos{
	height: 140px;
	width: 190px;
	position: relative;
}
	.section .logos ul{
		margin: 0;
	}
	.section .logos li{
		height: 140px;
		width: 190px;
		line-height: 140px;
		margin: 0;
	}
	.section .logos .prev,
	.section .logos .next{
		position: absolute;
		left: 50%;
		margin-left: -30px;
		width: 60px;
		height: 30px;
		background: url(img/arrows.png);
		cursor: pointer;
	}
	.section .logos .prev{
		background-position: 0 0;
		bottom: 100%;
		margin-bottom: 15px;
	}
	.section .logos .next{
		background-position: 0 -30px;
		top: 100%;
		margin-top: 15px;
	}

#sidebar .logos{
	height: 100px;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
	#sidebar .logos li{
		height: 100px;
		line-height: 100px;
	}

#newsletter-block,
#share-block,
#twitter-block{
	clear: both;
}

#newsletter-block,
#share-block{
	width: 460px;
	border-top: 1px solid #dadada;
	padding: 15px 0 0;
}
	#newsletter-block h2,
	#share-block h2{
		font-size: 12px;
		color: #767676;
		margin: 0 0 1.2em;
	}

#newsletter-block{
	margin-top: 45px;
}
	#newsletter-block label{
		float: left;
		width: 260px;
		position: relative;
		line-height: 40px;
		padding: 0 15px;
		background: #FFF;
	}
		#newsletter-block input{
			position: absolute;
			top: 0;
			left: 0;
			padding: 10px 15px;
			line-height: 20px;
			width: 258px;
			background: none;
			border: none;
		}
		#newsletter-block input:focus,
		#newsletter-block input:active,
		#newsletter-block input.filled{
			background: #FFF;
		}
	#newsletter-block button{
		float: right;
		width: 170px;
		background: #aaa;
		line-height: 40px;
		padding: 0;
		margin: 0;
		border: none;
		color: #FFF;
	}

#share-block{
	margin-top: 35px;
}
	.social-media{
		display: inline-block;
		*display: inline;
		width: 30px;
		height: 30px;
		margin: 0 0 0 10px;
		border-radius: 50%;
		background-image: url(img/social.png);
		text-indent: -999em;
		vertical-align: middle;
	}
		.twitter{background-position: 0 0}
		.twitter:hover{background-position: 0 -30px}
		.facebook{background-position: -30px 0}
		.facebook:hover{background-position: -30px -30px}

	#footer-container .social-media{
		width: 56px;
		height: 56px;
		margin: 0 20px 0 0;
		background-image: url(img/social-big.png);
	}
		#footer-container .twitter{background-position: 0 0}
		#footer-container .twitter:hover{background-position: 0 -56px}
		#footer-container .facebook{background-position: -56px 0}
		#footer-container .facebook:hover{background-position: -56px -56px}

#twitter-block{
	width: 380px;
	padding: 45px 0;
}
	#twitter-block h2{
		text-transform: uppercase;
		color: #999;
		font-size: 9px;
		margin: 0 45px;
	}
	#tweet-container{
		background: url(img/tweet.png) 0 0 no-repeat;
		width: 379px;
		height: 227px;
		overflow: hidden;
	}
		#tweet{
			margin: 60px 30px 0 40px;
			background: url(../classica/images/quote.png) 0 0 no-repeat;
			padding-left: 35px;
		}
			#tweet-body span{
				font-family: Georgia, serif;
				font-style: italic;
			}
			#tweet-body > a{
				display: block;
				color: #999;
			}

/*
Form Styling
*/

abbr.info{
	cursor: pointer;
	display: inline-block;
	width: 14px;
	height: 14px;
	text-align: center;
	line-height: 16px;
	color: #FFF;
	font-weight: bold;
	font-size: 10px;
	border: none;
	background: #009cff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.nav-tabs{
	margin: 0;
}
	.nav-tabs .error a{
		background: #ea4848;
		color: #FFF;
	}

.tab-content{
	margin: 0 0 20px;
	overflow: visible;
}

.block,
.tab-pane{
	clear: both;
}
.tab-pane{
	border: 1px solid #ddd;
	border-top: none;
	padding: 20px 20px 10px;
}
	.block br,
	.tab-pane br{
		clear: both;
	}
	.block h2,
	.tab-pane h2{
		padding: 0;
	}
	.tab-pane h2{
		font-weight: normal;
		padding: 0 0 .5em;
		margin: 0 0 1em;
		border-bottom: 1px solid #ddd;
	}
	.block.special,
	.tab-pane.special{
		background: #f7f7f7;
		padding: 20px 20px 0;
		border: 1px solid #ccc;
	}
	.special input,
	.special textarea{
		background: #FFF;
	}

.pull-left{
	float: left;
}
.pull-right{
	float: right;
}
.pull-none{
	clear: both;
}

.message{
	margin: 0 0 30px;
	padding: 15px 20px 15px 50px;

	background: #009cff;
	color: #FFF;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	position: relative;
}
	.message i{
		position: absolute;
		width: 30px;
		height: 30px;
		background: url(img/messages.png);
		top: 15px;
		left: 10px;
	}
		.info i{
			background-position: 0 0;
		}
		.success i{
			background-position: -30px 0;
		}
		.failure i{
			background-position: -60px 0;
		}
	.message.failure{
		background-color: #ea4848;
	}
	.message.success{
		background-color: #60e0ae;
	}
	.message p,
	.message ul{
		margin: 0;
	}
	.message p{
		line-height: 30px;
	}
	.message ul{
		margin: 10px 0 -5px -40px;
		padding: 5px 0 0 40px;
		border-top: 1px solid #FFF;
	}
		.message li{
			list-style: url(img/error-bullet.png) inside;
		}

.checkbox{
	margin: 0 0 5px;
}
.field{
	font-size: 13px;
	width: 312px;
	margin: 0 0 15px;
}
	.field.pull-left{
		clear: left;
	}
	.field.pull-right{
		clear: right;
	}
	.field label,
	.field input,
	.field textarea,
	.field select{
		display: block;
		margin: 0 0 5px;
	}
	.field input,
	.field textarea,
	.field select{
		font-size: 14px;
		width: 284px;
		padding: 13px;
	}
		.field-half input{
			width: 114px;
		}
	.field input.small{
		text-align: center;
		float: left;
		width: 48px;
		margin-right: 10px;
	}
.field.full{
	width: 680px;
}
	.full input,
	.full textarea,
	.full select{
		width: 652px;
	}

	.tab-pane .field.full{
		width: 638px;
	}
		.tab-pane .full input,
		.tab-pane .full textarea,
		.tab-pane .full select{
			width: 610px;
		}
.checkbox{
	height: 19px;
	margin: 0 0 10px;
}
	.checkbox label{
		line-height: 19px;
	}
	.js .checkbox{
		background: url(img/checkbox.png) 0 -19px no-repeat;
	}
		.js .checkbox.checked{
			background-position: 0 0;
		}
		.js .checkbox input{
			opacity: 0;
		}
	.checkbox input,
	.field.checkbox input{
		display: inline;
		width: auto;
		height: auto;
		margin: 4px 10px 4px 4px;
	}
.field.error,
.checkbox.error,
.field .error{
	color: #f26435;
}

.field .radio{
	float: left;
	margin: 0 0 5px;
	cursor: pointer;
	position: relative;
}
	._2 .radio{width: 50%}
	._3 .radio{width: 33.333%}
	._4 .radio{width: 25%}
	._5 .radio{width: 20%}
	._6 .radio{width: 16.666%}
	._7 .radio{width: 14.285%}
	._8 .radio{width: 12.5%}
	._9 .radio{width: 11.111%}
	._10 .radio{width: 10%}

	.field .radio input{
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
	}
	.field .radio b{
		display: block;
		background: #F5F5F5;
		border: 1px solid #ccc;
		letter-spacing: 1px;
		text-align: center;
		line-height: 46px;
	}
	.field .radio + .radio b{
		border-left: none;
	}
	.field .radio input:checked + b{
		background: #fff;
	}

input[type="file"]{
	padding: 0;
	background: none;
	border: none;
}

.password input{
	width: 204px;
	float: left;
}
.password span{
	width: 77px;
	padding: 14px 0 13px;
	float: right;
	text-align: center;
	border: 1px solid #ccc;
	border-left: none;
	color: #FFF;
}
	.password span:before{
		content: '';
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(img/icons.png);
		margin: 1px 5px 0 0;
		vertical-align: top;
	}
	.password .short{background-color: #7f7f7f;}
		.password .short:before{background-position: 0 0;}
	.password .bad{background-color: #e34e4e;}
		.password .bad:before{background-position: -16px 0;}
	.password .good{background-color: #ff9432;}
		.password .good:before{background-position: -32px 0;}
	.password .strong{background-color: #60e0ae;}
		.password .strong:before{background-position: -48px 0;}

.cards{
	height: 32px;
}
	.cards i{
		float: left;
		width: 53px;
		height: 32px;
		text-indent: -999em;
		background-image: url(img/cards.png);
		margin: 8px 2px 0 0;
	}
		#visa{background-position: 0 0;}
			#visa.disabled{background-position: 0 -32px;}
		#mastercard{background-position: -53px 0;}
			#mastercard.disabled{background-position: -53px -32px;}
		#discover{background-position: -106px 0;}
			#discover.disabled{background-position: -106px -32px;}
		#amex{background-position: -159px 0;}
			#amex.disabled{background-position: -159px -32px;}

.pseudo-select{
	font-size: 14px;
	height: 48px;
	position: relative;
	z-index: 2;
	margin: 0 0 5px;
}
	.pseudo-select p{
		font-size: 12px;
		line-height: 20px;
		padding: 13px;
		padding-right: 56px;
		border: 1px solid #ccc;
		background: #f7f7f7 url(img/select.png) right top no-repeat;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.pseudo-select .options{
		position: absolute;
		top: 100%;
		left: 0;
		width: 310px;
		border: 1px solid #ccc;
		border-top: none;
		display: none;
	}
		.pseudo-select.open .options{
			display: block;
		}
	.pseudo-select ul{
		font-size: 12px;
		text-transform: uppercase;
		margin: 0;
		background: #fafafa;
		color: #9b9b9b;
		max-height: 310px;
		overflow: auto;
	}
		.pseudo-select li{
			border-bottom: 1px solid #ccc;
			padding: 5px 5px 5px 13px;
			cursor: pointer;
		}
		.pseudo-select.open{
			z-index: 3;
		}
		.pseudo-select.open li:hover,
		.pseudo-select.open .selected{
			background: #ededed;
		}
		.pseudo-select.open .selected:after{
			content: url(img/checkmark.png);
			float: right;
		}
	.pseudo-select .options i{
		content: '';
		position: absolute;
		bottom: -26px;
		left: 0;
		height: 26px;
		width: 100%;
		margin: 0 -1px;
		border: 1px solid #ccc;
		background: #fff url(img/caret.png) center center no-repeat;
	}

.pseudo-upload{
	font-size: 12px;
	border: 1px solid #ccc;
	background: #f7f7f7;
	padding: 8px 7px 6px;
	color: #9b9b9b;
	cursor: pointer;
	display: none;
}
	.pseudo-upload img{
		vertical-align: middle;
		margin: -1px 5px 0 0;
	}

.upload-status{
	border: 1px solid #ccc;
	background: #FFF;
	height: 60px;
	padding: 10px 0;
	font-size: 13px;
	margin: 1px 0 0;
	text-align: center;
	overflow: hidden;
}
	.upload-status .status{
		float: left;
		width: 90px;
		margin: 6px 0;
	}
		.upload-status .icon{
			display: block;
			width: 30px;
			height: 30px;
			margin: 0 auto;
			background: url(img/upload-icons.png);
		}
		.upload-status .text{
			display: block;
			color: #bebebe;
			line-height: 1em;
			margin: 5px 0 0;
		}
		.upload-status.failed .icon{
			background-position: 0 0;
		}
		.upload-status.success .icon{
			background-position: -30px 0;
		}
		.upload-status.uploading .icon{
			background-position: -60px 0;
		}
	.upload-status .details{
		float: right;
		width: 219px;
		line-height: 60px;
		border-left: 1px solid #ccc;
	}
		.upload-status img{
			max-width: 140px;
			height: auto;
			vertical-align: middle;
		}

#charge{
	background: #60e0ae;
	padding: 20px;
	margin: 0 -20px 20px;
	color: #FFF;
}
	#charge .amount{
		font-size: 13px;
		line-height: 1em;
		position: relative;
		min-height: 35px;
	}
		#charge strong{
			display: block;
			font-size: 15px;
			line-height: 1.4em;
		}
		#charge span{
			position: absolute;
			top: 0;
			right: 0;
			font-size: 30px;
			line-height: 35px;
		}
.discount-price{
	display: none;
}

form button,
form a.btn{
	float: left;
	margin: 20px 20px 0 0;
	font-size: 13px;
	padding: 16px;
	border: 1px solid #cccccc;
}
	form a.btn{
		padding: 14px 16px;
	}
	form button,
	form button:hover,
	form a.btn,
	form a.btn:hover{
		background-color: #f7f7f7;
	}
	form button.progress,
	form a.btn.progress{
		color: #ccc;
		background-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,.75) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.75) 50%, rgba(255,255,255,.75) 75%, transparent 75%, transparent);
		background-image: -moz-linear-gradient(-45deg, rgba(255,255,255,.75) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.75) 50%, rgba(255,255,255,.75) 75%, transparent 75%, transparent);
		background-image: -o-linear-gradient(-45deg, rgba(255,255,255,.75) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.75) 50%, rgba(255,255,255,.75) 75%, transparent 75%, transparent);
		background-image: linear-gradient(-45deg, rgba(255,255,255,.75) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.75) 50%, rgba(255,255,255,.75) 75%, transparent 75%, transparent);
		-webkit-background-size: 40px 40px;
		-moz-background-size: 40px 40px;
		-o-background-size: 40px 40px;
		background-size: 40px 40px;
		-webkit-animation: progress-bar-stripes 2s linear infinite;
		-moz-animation: progress-bar-stripes 2s linear infinite;
		-ms-animation: progress-bar-stripes 2s linear infinite;
		-o-animation: progress-bar-stripes 2s linear infinite;
		animation: progress-bar-stripes 2s linear infinite;
	}

	form button i,
	form a.btn i{
		display: inline-block;
		*display: inline;
		width: 12px;
		height: 12px;
		background: url(img/ok.png);
		margin: 0 0 0 5px;
		position: relative;
		top: 1px;
	}

form .help{
	margin: 20px 0 0 0;
	float: left;
	line-height: 1.5em;
	padding: 5px 0;
	color: #9d9d9d;
}
form .info p{
	margin: 1.9em 0 0;
	line-height: 1.3em;
}

.form .page-title{
	padding-left: 15px;
	padding-right: 15px;
	border-top: none;
	border-color: #ccc;
	background: #FFF;
	margin: -20px -20px 20px;
}
form.login{
	background: #f7f7f7;
	border: 1px solid #ccc;
	padding: 20px;
}
	.login input,
	.login button{
		background: #FFF;
	}
	.login button{
		float: none;
		margin: 0;
	}
	.login .checkbox,
	.block .checkbox{
		background-image: url(img/checkbox-alt.png);
	}

form.inline{
	overflow: hidden;
}
	.inline label,
	.inline input{
		width: 185px;
	}
	.inline label{
		float: left;
		line-height: 41px;
	}
	.inline input{
		height: 37px;
	}
	.inline button{
		float: right;
		margin: 0;
	}
		form.inline button:hover{
			background: #60e0ae;
			color: #FFF;
		}
			form.inline button:hover i{
				background-position: 0 -12px;
			}

label.placeholder{
	position: relative;
	padding: 4px 16px;
	background: #F5F5F5;
	color: #a3a3a3;
}
	label.placeholder input{
		padding: 5px 15px;
		position: absolute;
		top: 0;
		left: 0;
		background: transparent;
	}
	label.placeholder .filled{
		background: #f5f5f5;
	}
	label.placeholder input:focus,
	label.placeholder input:active{
		background: #FFF;
	}

#renew{
	margin-bottom: 30px;
}
#renew + #payment{
	position: relative;
	top: -10px;
}

input.button{
	height: 32px;
}

.g-recaptcha{
	margin: 20px 0 0;
}

/*
Table Styling
*/
td, th{
	text-align: left;
	position: relative;
	border: 1px solid #ddd;
}

table .header i{
	border-style: solid;
	border-width: 6px;
	border-color: transparent;
	position: absolute;
	right: 10px;
}
table .headerSortDown i{
	top: 50%;
	margin-top: -3px;
	border-color: #aaa transparent transparent;
}
table .headerSortUp i{
	bottom: 50%;
	margin-bottom: -3px;
	border-color: transparent transparent #aaa;
}

/*
Bootstrap: Popovers
*/
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.popover-title:empty {
  display: none;
}
.popover-content {
  font-size: 11px;
  line-height: 1.4em;
  padding: 9px 14px;
}
.popover-content p{
  margin: 0;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}


/*
Bootstrap: Modal
*/

.modal-backdrop{
	background: #FFF !important;
}

#welcome{
	top: -100%;
	left: 50%;
	width: 700px;
	margin-left: -350px;
	border-radius: 0;
	border: none;
}
	#welcome.in{
		top: 20%;
	}
	#welcome .modal-body{
		position: relative;
		padding: 40px 40px 20px;
	}
	#welcome .logo{
		position: absolute;
		top: 40px;
		left: 40px;
		bottom: 40px;
		text-align: center;
	}
	#welcome .wrapper{
		display: table;
		height: 100%;
		width: 200px;
	}
		#welcome .inner{
			display: table-cell;
			vertical-align: middle;
		}
			#welcome img{
				vertical-align: middle;
			}
	#welcome .text{
		padding-left: 240px;
	}
		#welcome h2{
			font-size: 32px;
			line-height: 1em;
			margin: 0 0 .7em;
		}
	#welcome .close{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
		background: url(img/close.png);
		text-indent: -999em;
		cursor: pointer;
	}

#contactForm{
	width: 540px;
	padding: 25px 45px 45px;
	margin: 25px 0;
	background: #f7f7f7;
}
	#contactForm input,
	#contactForm textarea,
	#contactForm button{
		background: #FFF;
	}
	#contactForm textarea{
		width: 98%;
	}