/*Generic tags------------------------------*/
a { cursor: pointer; }
body{
	margin:0;
	color:#424143;
	font:12px/15px Arial, Helvetica, sans-serif;
	background:#fff url(/static/images/bg-body.gif) repeat-x;
	min-width:960px;
}
img{
	border-style:none;
}
a{
	text-decoration:none; color:#3991c8;
}
a:hover{
	text-decoration:underline;
}
input,
textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:top;
	color:#403f40;
        margin:1px;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
address{
	padding-left:5px;
	font-style: normal;
}

margin-left-1em {
	margin-left: 1em;
}

.block {
	display: block;
}

/* base css overrides */
main header.container {
	min-height: 40px;
}

@media only screen and (max-width: 1100px){
	main header.container {
		min-height: 80px;
	}
}

.text-green {
	color: #009827;
}

.text-red {
	color: #990303;
}

.text-orange {
	color: #f7931d !important;
}

.text-yellow {
	color: #cfc700;
}

.text-gray {
	color: gray;
}

.margin-top-0em {
	margin-top: 0em !important;
}

.margin-top-05em {
	margin-top: 0.5em !important;
}

.margin-top-025em {
	margin-top: 0.25em !important;
}

.margin-bottom-1em {
	margin-bottom: 1em !important;
}
.margin-bottom-0em {
	margin-bottom: 0 !important;
}

/*Header------------------------------*/
#wrapper{
	width:960px;
	margin:0 auto;
}
#header{
	width:940px;
	padding:0 10px;
}
#header .area .holder > div {
    display:inline-block;
}
#header .area:after,
#header .area2:after{
	content:'';
	display:block;
	clear:both;
}
#header .area{
	height:1%;
	padding:21px 0 15px;
}
#header .area2{
	height:1%;
	padding:0 0 17px;
}
#header .area .holder{
	float: right;
	white-space:nowrap;
}
#header .area .separator{
	float:left;
	width:33px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-or.gif) no-repeat;
}

/*Login------------------------------*/
.login{
	float:left;
	cursor:pointer;
}
.login:hover{
	text-decoration:none;
}
.login span{
	float:left;
	height:23px;
	padding:8px 14px 0 29px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	text-shadow:0 1px 0 #49494a;
	color:#fff;
	background:url(/static/images/bg-button1.png) no-repeat;
}
.login:hover span{
	text-decoration:underline;
}
.login em{
	float:left;
	width:13px;
	height:31px;
	background:url(/static/images/bg-button1.png) no-repeat 100% -31px;
}
.signup{
	float:left;
	cursor:pointer;
}
.signup:hover{
	text-decoration:none;
}
.signup span{
	float:left;
	height:23px;
	padding:8px 1px 0 19px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	text-shadow:0 1px 0 #b46e1b;
	color:#fff;
	background:url(/static/images/bg-button2.png) no-repeat;
}
.signup:hover span{
	text-decoration:underline;
}
.signup em{
	float:left;
	width:13px;
	height:31px;
	background:url(/static/images/bg-button2.png) no-repeat 100% -31px;
}

/*Logo------------------------------*/
.logo{
	float:left;
	width:229px;
	height:61px;
	margin:-47px 0 0;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/logo.png) no-repeat;
}
.logo a{
	display:block;
	height:100%;
}

/*Navigation------------------------------*/
#nav{
	float:right;
	padding:0 3px 0 0;
	margin:0;
	list-style:none;
	font:bold 13px/16px Arial, Helvetica, sans-serif;
}
#nav li{
	float:left;
	margin:0 0 0 37px;
}
#nav a{
	color:#696a6d;
}

/*Main Content Block------------------------------*/
/*KK:Should probably revise this to use HTML5 main tag*/
#main{
	width:940px;
	margin:0 auto;
	background:url(/static/images/bg-main.png) no-repeat;
}
.main-holder{
	padding:0 0 10px;
	background:url(/static/images/bg-main.png) no-repeat -940px 100%;
}
.main-holder .heading{
	height:1%;
	padding:13px 0 17px;
}
.main-holder .heading:after{
	content:'';
	display:block;
	clear:both;
}

/*Two Columns 1------------------------------*/
#two-columns{
	height:1%;
}
#two-columns:after{
	content:'';
	display:block;
	clear:both;
}

/*Content------------------------------*/
#content{
	float:right;
	width:850px;
	font-size:14px;
	/*padding:1px 0 0;*/
    border-top: 1px solid #e5e9ec;
    position: relative;
    padding: 13px 0 17px;
}

/*Buttons------------------------------*/
.main-holder .button{
	float:right;
	cursor:pointer;
	margin:39px -2px 0 0;
}
.main-holder .button:hover{text-decoration:none;}
.main-holder .button span{
	float:left;
	height:23px;
	padding:8px 1px 0 16px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	text-shadow:0 1px 0 #b46e1b;
	color:#fff;
	background:url(/static/images/bg-button2.png) no-repeat;
}
.main-holder .button:hover span{text-decoration:underline;}
.main-holder .button em{
	float:left;
	width:13px;
	height:31px;
	background:url(/static/images/bg-button2.png) no-repeat 100% -31px;
}
.main-holder #two-columns .button {
	float:left;
}
.main-holder #two-columns #content .button {
	float:right;
	margin:0;
}
.main-holder #two-columns #content .project-list .button {
	float:left;
}

#two-columns #content .area{
	font-size:15px;
	line-height:22px;
	padding-bottom: 15px;
}

/*Breadcrumbs------------------------------*/
.breadcrumbs{
	float:left;
	overflow:hidden;
	padding:27px 0 0;
	margin:0;
	list-style:none;
	font-size:18px;
	line-height:21px;
}
.breadcrumbs a{
	color:#424143;
}
.text-account{
	display:block;
	width:149px;
	height:46px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-my-account.png) no-repeat;
}
.breadcrumbs li{
	float:left;
	padding:20px 14px 0 19px;
	margin:0 9px 0 -9px;
	background:url(/static/images/separator2.gif) no-repeat 0 25px;
}
.breadcrumbs .arrow{
	background:url(/static/images/separator2.gif) no-repeat 0 25px;
}

/*KK:Should look to see how much this could be combined, ideas display should be that different than projects*/
/*Customer Dashboard - Projects------------------------------*/
.projects-form{
	/*padding:13px 0 17px;
	border-top:1px solid #e5e9ec;*/
}
.projects-form .row{
	overflow:hidden;
	padding:0 0 23px;
}
/*.projects-form h2*/ h2{
	margin:0 0 13px;
	font:bold 24px/27px Arial, Helvetica, sans-serif;
	color:#f7931d;
	/*padding:0 0 23px;*/
}
.projects-form table{
	width:700px;
	border-collapse:collapse;
	padding:0;
	font-size:16px;
	clear:both;
}
.projects-form table .gray th,
.projects-form table .gray td{
	background:#e5e9ec;
}

.projects-form table td {
    vertical-align: top;
}

.projects-form table th {
    text-align: left;
}

.projects-form table .col1{
	padding:19px 10px 19px 0;
	text-align:center;
}
.projects-form table .col2{
	text-align:left;
	padding:19px 10px 19px 0;
}
.projects-form table .col3{
	text-align:left;
	padding:19px 10px 19px 0;
}
.projects-form table .col4{
	text-align:left;
	padding:19px 10px 19px 0;
}
.projects-form table .col5{
	text-align:left;
	padding:19px 10px 19px 0;
}
.projects-form table .col6{
	text-align:left;
	padding:19px 10px 19px 0;
	width:50px;
}
.projects-form .checkbox{
	margin:0;
	padding:0;
	width:16px;
	height:15px;
	cursor:pointer;
}
/*.projects-form input[type=submit] {
	float:left;
	width:155px;
	height:31px;
	line-height:29px;
	padding:0 0 3px;
	margin:0 26px 0 25px;
	font-weight:bold;
	text-shadow:0 1px 0 #ab691a;
	color:#fff;
	cursor:pointer;
	border:0;
	background:url(/static/images/btn-send.gif) no-repeat;
}*/
.projects-form .submit{
    float: left;
}
.projects-form .submit:hover {
	text-decoration:underline;
}
.projects-form .draft-projects .col1 input {
	display:none;
}
.projects-form .current-projects .col1 input,
.projects-form .current-promotions .col1 input {
	display:none;
}

.projects-form .completed-projects #bulk_actions_bulk_archive {
    display:none;
}

.projects-form .completed-promotions #bulk_actions_bulk_publish {
    display:none;
}

/*Two Columns 1-Sidebar------------------------------*/
#sidebar{
	float:left;
	width:224px;
	margin:0 0 0 -2px;
}
#sidebar .box{
	width:224px;
	margin:0 0 10px;
	/*KK:Rounded borders convert complete here: Now to:
		-convert over the 2 other box types, which presumably are only different in width, so they can probably just become boxes
		-puge out the unused styles
		-puge out the unused layout containers (i.e. frame/holder)

	This will be a big update so hold off till we can do it cleanly.
	*/
	/*KK:Ug, should replace this with rounded borders
	background:url(/static/images/bg-box.gif) repeat-y -224px 0;*/
	background:#eee;
	border:#ccc solid 1px;
	border-radius: 20px;
	padding:13px 0 17px;
}
/*#sidebar .box .holder{
	background:url(/static/images/bg-box.gif) no-repeat;
}
#sidebar .box .frame{
	background:url(/static/images/bg-box.gif) no-repeat -448px 100%;
}*/
#sidebar .box .accordion{
	padding:0;
	margin:0;
	list-style:none;
	font-weight:bold;
	font-size:15px;
}
#sidebar .box .accordion li{
	padding:0 0 6px;
}
#sidebar .box .accordion a{
	display:block;
	padding:8px 10px 8px 20px;
	color:#6a6969;
}
#sidebar .box .accordion a:hover{
	text-decoration:none;
	color:#fff;
	/*background:url(/static/images/bg-slide-a.gif) no-repeat;*/
	background:#999;
	box-shadow: inset 0px 0px 2px 1px rgba(136,136,136,1);
}
#sidebar .box .slide{
	padding:8px 0 8px;
	margin:0;
	list-style:none;
	font-size:11px;
}
#sidebar .box .slide li{
	padding:0;
}
#sidebar .box .slide .active a,
#sidebar .box .slide a:hover{
	text-decoration:none;
	color:#fff;
	/*background:url(/static/images/bg-slide-a.gif) no-repeat;*/
	background:#999;
	box-shadow: inset 0px 0px 2px 1px rgba(136,136,136,1);
}

/*Customer Dashboard - Ideas------------------------------*/
.info-form{
	padding:0 0 137px;
}
.info-form .row{
	height:1%;
	padding:0 0 24px;
}
.info-form .row:after{
	content:'';
	display:block;
	clear:both;
}
.info-form table{
	width:700px;
	border-collapse:collapse;
	padding:0;
	font-size:14px;
}
.info-form .gray td{
	background:#e5e9ec;
}
.info-form table .col1{
	width:44px;
	padding:17px 0;
	text-align:center;
	vertical-align:top;
}
.info-form table .col2{
	overflow:hidden;
	width:639px;
	padding:17px 17px 15px 0;
	text-align:left;
	line-height:18px;
}
.info-form table .col2 h2{
	float:left;
	margin:0;
	font:bold 17px/21px Arial, Helvetica, sans-serif;
}
.info-form table .col2 h2 a{
	color:#424143;
}
.info-form table .col2 .more{
	float:right;
	font:bold 13px/21px Arial, Helvetica, sans-serif;
}
.info-form table .col2 h3{
	margin:0;
	font:bold 13px/18px Arial, Helvetica, sans-serif;
}
.info-form table .col2 p{
	margin:0;
}
.info-form .checkbox{
	margin:0;
	padding:0;
	width:16px;
	height:15px;
	cursor:pointer;
}
.info-form .submit{
	float:left;
	width:155px;
	height:31px;
	line-height:29px;
	padding:0 0 3px;
	margin:0 10px 0 -1px;
	font-weight:bold;
	text-shadow:0 1px 0 #ab691a;
	color:#fff;
	cursor:pointer;
	border:0;
	background:url(/static/images/btn-send.gif) no-repeat;
}
.info-form .submit:hover{
	text-decoration:underline;
}
.info-form .button{
	float:right;
	margin:0 -3px 0 0;
	cursor:pointer;
}
.info-form .button:hover{
	text-decoration:none;
}
.info-form .button span{
	float:left;
	height:23px;
	padding:8px 28px 0 41px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	text-shadow:0 1px 0 #b46e1b;
	color:#fff;
	background:url(/static/images/bg-button2.png) no-repeat;
}
.info-form .button:hover span{
	text-decoration:underline;
}
.info-form .button em{
	float:left;
	width:13px;
	height:31px;
	background:url(/static/images/bg-button2.png) no-repeat 100% -31px;
}

/*Popup 1------------------------------*/
.popup1{
	display:none;
	width:724px;
	padding:20px 0 0;
	background:url(/static/images/bg-popup1.png) no-repeat;
}
.popup1 .holder{
	padding:0 0 20px;
	background:url(/static/images/bg-popup1.png) no-repeat -1448px 100%;
}
.popup1 .frame{
	padding:13px 43px 3px 41px;
	background:url(/static/images/bg-popup1.png) repeat-y -724px 0;
}
.popup1 .text-order{
	width:105px;
	height:24px;
	margin:0 0 23px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	background:url(/static/images/text-order.png) no-repeat;
}
.popup1 table{
	width:640px;
	margin:0 0 25px;
	border-collapse:collapse;
	padding:0;
	font-size:14px;
}
.popup1 table strong{
	font-size:13px;
}
.popup1 .gray td{
	background:#e5e9ec;
}
.popup1 table a{
	color:#424143;
}
.popup1 table .col1{
	width:266px;
	padding:19px 37px 19px 45px;
}
.popup1 table .col2{
	width:244px;
	padding:19px 37px 19px 0;
}
/*KK:Why such a low non-zero height*/
.popup1 .area{
	height:1%;
}
.popup1 .area:after{
	content:'';
	display:block;
	clear:both;
}
.popup1 .close{
	float:right;
	margin:0 -3px 0 0;
	cursor:pointer;
}
.popup1 .close:hover{
	text-decoration:none;
}
.popup1 .close span{
	float:left;
	height:23px;
	padding:8px 20px 0 39px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	text-shadow:0 1px 0 #b46e1b;
	color:#fff;
	background:url(/static/images/bg-button2.png) no-repeat;
}
.popup1 .close em{
	float:left;
	width:13px;
	height:31px;
	background:url(/static/images/bg-button2.png) no-repeat 100% -31px;
}

/*Popup 2------------------------------*/
.popup2{
	display:none;
	width:382px;
	padding:21px 0 0;
	background:url(/static/images/bg-popup2.png) no-repeat;
}
.popup2 .holder{
	padding:0 0 21px;
	background:url(/static/images/bg-popup2.png) no-repeat -764px 100%;
}
.popup2 .frame{
	padding:0 2px;
	overflow:hidden;
	background:url(/static/images/bg-popup2.png) repeat-y -382px 0;
}
.popup2 .container{
	padding:8px 28px 10px;
	font-size:14px;
	line-height:19px;
	background:url(/static/images/bg-container.gif) repeat-x;
}
.text-sucess{
	margin:0 0 17px;
	width:64px;
	height:23px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-sucess.png) no-repeat;
}
.popup2 .container p{
	margin:0;
}

/*How It Works------------------------------*/
.text-how{
	display:block;
	width:170px;
	height:37px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-how.png) no-repeat;
}
.text-success{
	display:block;
	width:210px;
	height:37px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-success.png) no-repeat;
}
.text-manifesto{
	display:block;
	width:240px;
	height:37px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-manifesto.png) no-repeat;
}
.text-content-marketing-academy{
	display:block;
	width:371px;
	height:47px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/images/text-content-marketing-academy.png) no-repeat;
}
.text-about{
	display:block;
	width:118px;
	height:37px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-about.png) no-repeat;
}
.text-contact{
	display:block;
	width:143px;
	height:37px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-contact.png) no-repeat;
}
.text-terms{
	display:block;
	width:283px;
	height:37px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-terms.png) no-repeat;
}
.text-privacy{
	display:block;
	width:185px;
	height:45px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-privacy.png) no-repeat;
}
.text-success{
	display:block;
	width:210px;
	height:37px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-success.png) no-repeat;
}
.text-write{
	display:block;
	width:163px;
	height:37px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-write.png) no-repeat;
}
.text-faq-influencers{
	display:block;
	width:411px;
	height:45px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-faq-influencers.png) no-repeat;
}
.text-faq-interviews{
	display:block;
	width:197px;
	height:45px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-faq-interviews.png) no-repeat;
}
.text-thought-leader{
	display:block;
	width:478px;
	height:45px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-thought-leader.png) no-repeat;
}
.text-content-writing{
	display:block;
	width:207px;
	height:45px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-content-writing.png) no-repeat;
}
.text-article-writing{
	display:block;
	width:197px;
	height:45px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-article-writing.png) no-repeat;
}
.text-blog-writing{
	display:block;
	width:165px;
	height:45px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-blog-writing.png) no-repeat;
}
.text-ebook{
	display:block;
	width:567px;
	height:45px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-ebook-2.png) no-repeat;
}
.text-website-promotion{
	display:block;
	width:250px;
	height:45px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-website-promotion.png) no-repeat;
}
.text-content-marketing{
	display:block;
	width:250px;
	height:45px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-content-marketing.png) no-repeat;
}
.text-influencer-outreach{
	display:block;
	width:266px;
	height:45px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-influencer-outreach.png) no-repeat;
}
.text-faq-interviews{
	display:block;
	width:197px;
	height:45px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-faq-interviews.png) no-repeat;
}
.text-managed-blog-program{
	display:block;
	width:357px;
	height:47px;
	margin:-20px 0 0 -9px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-managed-blog-program.png) no-repeat;
}

/*Two Columns 2------------------------------*/
#two-columns2{
	height:1%;
}
#two-columns2:after{
	content:'';
	display:block;
	clear:both;
}
#two-columns2 #content{
	float:left;
	width:570px;
}
#two-columns2 #content .area {
	padding:5px 0 18px;
	font-size:15px;
	line-height:22px;
}
#two-columns2 #content .mark{
	color:#f7931e;
}
#two-columns2 .list{
	overflow:hidden;
	padding:0 0 17px;
	margin:0;
	list-style:none;
}
#two-columns2 .list li{
	overflow:hidden;
	margin:-1px 0 1px;
	padding:1px 0 0;
	background:url(/static/images/bg-line.gif) no-repeat;
}
#two-columns2 .list img{
	float:left;
	padding:35px 10px 0 0;
}
#two-columns2 .list .description{
	overflow:hidden;
	height:1%;
	padding:37px 0 5px;
	font-size:15px;
	line-height:22px;
}
#two-columns2 .list p{
	margin:0;
}

/*Two Columns 2- Sidebar------------------------------*/
#two-columns2 #sidebar{
	float:right;
	width:304px;
	padding:7px 0 0;
	margin:0 -2px 0 0;
}
#sidebar .box2{
	width:304px;
	margin:0 0 10px;
	background:url(/static/images/bg-box2.gif) repeat-y -304px 0;
}
#sidebar .box2 .holder{
	background:url(/static/images/bg-box2.gif) no-repeat;
}
#sidebar .box2 .frame{
	padding:25px 2px 30px;
	background:url(/static/images/bg-box2.gif) no-repeat -608px 100%;
}

/*Profile form------------------------------*/
.profile-form .account-form,
.profile-form .login-form{
	padding:0 17px;
}
.profile-form .area{
	font-size:14px;
	line-height:19px;
	margin:0 0 23px;
}
.profile-form h3{
	padding:0 12px 0 0;
	margin:0 0 21px;
	font:bold 18px/21px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#f7931e;
}
.profile-form .area p{
	margin:0;
}
.profile-form .account-form fieldset > div, 
.profile-form .login-form fieldset > div {
	overflow:hidden;
	margin:0 0 15px;
}
.profile-form .account-form label,
.profile-form .login-form label{
	display:inline-block;
	padding:0 0 7px;
	font-weight:bold;
	font-size:11px;
	color:#696869;
	float:none;
}
.profile-form .account-form input[type="text"], .profile-form .account-form input[type="password"],
.profile-form .login-form input[type="text"], .profile-form .login-form input[type="password"] {
	float:left;
	/*width:243px;*/
	height:21px;
	/*padding:0 10px;*/
	width:92%;
	line-height:21px;
	margin:0;
	border:1px solid #bebdbd;
	background:#fff;
}
.profile-form .account-form input[type="checkbox"],
.profile-form .login-form input[type="checkbox"] {
	float:left;
	margin:1px 6px 0 0;
	padding:0;
	width:16px;
	height:15px;
	cursor:pointer;
}
.profile-form .account-form .area2,
.profile-form .login-form .area2{
	overflow:hidden;
	padding:22px 0 28px;
}
.profile-form .account-form .area2 label,
.profile-form .login-form .area2 label{
	float:left;
	padding:0;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
}
.profile-form .account-form .submit,
.profile-form .login-form .submit{
	float:right;
	width:93px;
	height:31px;
	line-height:29px;
	padding:0 0 3px;
	font-weight:bold;
	text-shadow:0 1px 0 #ab691a;
	color:#fff;
	cursor:pointer;
	border:0;
	background:url(/static/images/btn-send2.png) no-repeat;
}
.profile-form .account-form .submit:hover,
.profile-form .login-form .submit:hover{
	text-decoration:underline;
}
.profile-form .account-form .area3,
.profile-form .login-form .area3{
	font-size:14px;
	line-height:19px;
}
.profile-form .account-form .area3 p,
.profile-form .login-form .area3 p{
	margin:0;
}

/*KK:Need to see how this is related to the other login above (those may just be header buttons)*/
/*Signup / Login------------------------------*/
.text-singup{
	display:block;
	width:217px;
	height:46px;
	margin:-20px 0 0 -8px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-singup.png) no-repeat;
}
.main-columns{
	overflow:hidden;
	width:908px;
	padding:0 0 63px 32px;
	margin:0 auto;
}
.main-columns .holder{
	width:920px;
	overflow:hidden;
	padding:18px 0 0;
}
.main-columns .col{
	float:left;
	width:415px;
	margin:0 43px 0 0;
}
.main-columns .box3{
	width:416px;
	margin:0 0 10px;
	background:url(/static/images/bg-box3.gif) repeat-y -416px 0;
}
.main-columns .box3 .holder{
	width:416px;
	background:url(/static/images/bg-box3.gif) no-repeat;
}
.main-columns .box3 .frame{
	padding:16px 2px 28px;
	background:url(/static/images/bg-box3.gif) no-repeat -832px 100%;
}
.text-create{
	display:block;
	width:221px;
	height:24px;
	margin:0 auto 17px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-create.png) no-repeat;
}
.text-create-writer {
	background:url(/static/images/text-create-writer.jpg) no-repeat;    
	width:188px;
}
.text-customer{
	display:block;
	width:122px;
	height:29px;
	margin:0 auto 12px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-customer.png) no-repeat;
}
.text-customer-login-to-existing{
	width:207px;
	background:url(/static/images/text-login-to-existing.jpg) no-repeat;
}
.text-mailing{
	display:block;
	width:134px;
	height:30px;
	margin:0 auto 12px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-mailing.png) no-repeat;
}
.account-form{
	width:330px;
	padding:0 45px 0 37px;
}
.login-form{
	width:330px;
	padding:0 42px 0 40px;
}
.account-form fieldset > div,
.login-form fieldset > div{
	overflow:hidden;
	margin:0 0 17px;
	position:relative;
}
.account-form fieldset > div:last-child,
.login-form fieldset > div:last-child{
	margin:0;
}
.account-form fieldset > div .input-placeholder-text,
.login-form fieldset > div .input-placeholder-text{
	left: 11px;
    top: 24px;
}
.account-form .heading,
.login-form .heading{
	overflow:hidden;
	padding:0;
}
.account-form label,
.login-form label{
	float:left;
	font-weight:bold;
	font-size:11px;
	line-height:11px;
	padding:0 0 9px;
}
.profile-form .mark,
.account-form .mark,
.login-form .mark{
	/*display:none;*/
	float:right;
	font-size:11px;
	line-height:11px;
	color:#ea281e;
}
.profile-form .error .mark,
.account-form .error .mark,
.login-form .error .mark{display:block;}
.account-form input[type="text"],.account-form input[type="password"],
.login-form input[type="text"],.login-form input[type="password"]{
	float:left;
	width:307px;
	height:21px;
	padding:0 10px;
	line-height:21px;
	margin:0;
	border:1px solid #bebdbd;
	background:#fff;
}
.account-form .error.text input,
.login-form .error.text input,
.account-form .error.password input,
.login-form .error.password input,
input.error {
    border:1px solid #ee524b !important;
}
.account-form .checkbox,
.login-form .checkbox{
	float:left;
	margin:0 6px 0 0;
	padding:0;
	width:16px;
	height:15px;
	cursor:pointer;
}
.account-form .submit,
.login-form .submit{
	float:right;
	width:93px;
	height:31px;
	line-height:29px;
	padding:0 0 3px;
	font-weight:bold;
	text-shadow:0 1px 0 #ab691a;
	color:#fff;
	cursor:pointer;
	border:0;
	background:url(/static/images/btn-send2.png) no-repeat;
}
.account-form .submit:hover,
.login-form .submit:hover{
	text-decoration:underline;
}
.login-form .area label,
.account-form .area label{
	font-size:10px;
}
.login-form .forgotpass{
	display:block;
	margin:-11px 0 17px;
	font-size:10px;
	line-height:10px;
}
.account-form .area div:first-child,
.login-form .area div:first-child{
	float:left;
	width:230px;
	padding:13px 0 0;
    margin-bottom: 10px;
}
/*Move checkbox position to left of labels*/
.account-form .area div:first-child input,
.login-form .area div:first-child input{
	position:absolute;
	left:0;
}
.account-form .area div:first-child label,
.login-form .area div:first-child label{
	margin-left: 24px;
}
.form .calendar input, .form .calendar button {
    display: inline;
}
.form .calendar input {
    width: 200px;
}
.form .calendar button {
    margin: 0 0 0 4px;
    vertical-align: middle;
    margin-top:15px;
}

/*New Order------------------------------*/
.items{
	padding:18px 0 120px;
	/*border-top:1px solid #e5e9ec;*/
}
.items h2{
	margin:0 0 13px;
	font:bold 23px/27px Arial, Helvetica, sans-serif;
	color:#f7931d;
}
.items ul{
	overflow:hidden;
	padding:0;
	margin:0;
	list-style:none;
	font-size:14px;
	line-height:19px;
}
.items ul li{
	float:left;
	width:140px;
	margin:0 1px 0 -1px;
	text-align:center;
	padding:12px 22px 0 18px;
	border-left:1px solid #e5e9ec;
}
.items .first{
	width:150px;
	padding:12px 15px 0 5px;
}
.items .last{
	width:134px;
	padding:12px 0 0 28px;
}
.text-ideas2,
.text-content2,
.text-promotion,
.text-all{
	display:block;
	height:20px;
	margin:0 auto 13px;
	overflow:hidden;
	text-indent:-9999px;
}
.text-ideas2{
	width:36px;
	background:url(/static/images/text-ideas2.png) no-repeat;
}
.text-content2{
	width:54px;
	background:url(/static/images/text-content2.png) no-repeat;
}
.text-promotion{
	width:69px;
	background:url(/static/images/text-promotion2.png) no-repeat;
}
.text-all{
	width:30px;
	background:url(/static/images/btn-all.png) no-repeat;
}
.items .image1,
.items .image2,
.items .image3,
.items .image4,
.items .image5{
	display:block;
	width:103px;
	height:103px;
	margin:0 auto 13px;
	overflow:hidden;
	text-indent:-9999px;
}
.items .image1{
	background:url(/static/images/bg-image1.gif) no-repeat;
}
.items .image2{
	background:url(/static/images/bg-image2.gif) no-repeat;
}
.items .image3{
	background:url(/static/images/bg-image3.gif) no-repeat;
}
.items .image4{
	background:url(/static/images/bg-image4.gif) no-repeat;
}
.items .image5{
	background:url(/static/images/bg-image5.png) no-repeat 0 3px;
}
.items .image1:hover,
.items .image2:hover,
.items .image3:hover,
.items .image4:hover{
	background-position:0 -103px;
}
.items .image5:hover{
	background: url(/static/images/bg-image5.png) no-repeat 1px -107px;
}
.items ul p{
	margin:0 0 19px;
}
.items ul ul{
	width:auto;
	font-size:13px;
	margin:0 0 16px;
}
.items ul ul li{
	display:inline-block;
	padding:0;
	margin:0;
	/*font-weight:bold;*/
	border:0;
}
.items .w1{
	width:100%;
	overflow:hidden;
	position:relative;
}
.items .w2{
	position:relative;
	float:left;
	left:50%;
	padding:0;
}
.items .w3{
	position:relative;
	float:left;
	left:-50%;
}
.items .price{
	float:left;
	background:url(/static/images/bg-price.gif) no-repeat;
}
.items .price span{
	float:left;
	padding:5px 10px 6px;
	font-size:15px;
	color:#f7941e;
	background:url(/static/images/bg-price.gif) no-repeat 100% -30px;
}
.items .info-list > li{
    width: 369px;
	padding:12px 10px 0;
}
.info-list .text-new-content{
	background:url(/static/images/text-new-content.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	height:31px;
	width:110px;
	margin:0 auto 11px;
}
.info-list .text-new-promotion{
	background:url(/static/images/text-new-promotion.png) no-repeat;
	display:block;
	width:130px;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 11px;
}
.info-list .text-new-video{
	background:url(/static/images/text-new-video.png) no-repeat;
	width:88px;
	height:31px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 11px;
}
.info-list .text-new-subscription{
	background:url(/static/images/text-new-subscription.png) no-repeat;
	width:153px;
	height:31px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 11px;
}
.info-list .title-content-ideas{
	background:url(/static/images/title-content-ideas.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	height:28px;
	width:97px;
	margin:0 auto 11px;
}
.info-list .title-content-ideas{
	background:url(/static/images/title-content-article.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	height:28px;
	width:131px;
	margin:0 auto 11px;
}
.info-list .title-content-subscription{
	background:url(/static/images/title-content-subscription.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	height:28px;
	width:144px;
	margin:0 auto 11px;
}
.items .info-list ul{margin:0 0 30px;}
.items .info-list ul li{
	/*font-weight:bold;*/
	text-align:left;
	line-height:17px;
	width:auto;
	/*padding:0 0 15px;*/
	padding:0 8px;
}
.items .info-list ul li p{
	margin:0 0 14px;
}
.items .info-list .price{
	font-weight:bold;
	position:relative;
}
.items .info-list .price span{
	width:98px;
	padding:5px 5px 6px;
	position:relative;
	z-index:10;
}
.items .info-list .price:hover span:after{
	position:absolute;
	background:url(/static/images/btn-get-started-3.png) no-repeat;
	width:108px;
	height:30px;
	top:0;
	left:0;
	content:"";
	z-index:100;
}
.items .info-list .price:hover span{
	text-indent:-9999px;
	overflow:hidden;
}
.items .info-list .price.sub:hover span:after{
	background:none;
}
.items .info-list .price.sub:hover span{
	text-indent:0;
}

/*Pricing Page------------------------------*/
#main .text-pricing{
	display:block;
	width:228px;
	height:46px;
	margin:-24px 0 0 -4px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-pricing.png) no-repeat;
}
#main .text-free-content-offer{
	display:block;
	width:242px;
	height:46px;
	margin:-24px 0 0 -4px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-free-content-offer.png) no-repeat;
}
#main .some-text{
	display:block;
	margin:-17px 0 8px 6px;
	font-size:12px;
	line-height:24px;
	width:100%;
}
.pricing{
	margin:0 0 17px -3px;
	font-size:14px;
	line-height:16px;
	border-collapse:collapse;
	width:100%;
}
.pricing tr th,
.pricing tr td{
	border-right:1px solid #f4f6f7;
	text-align:center;
	font-weight:normal;
	width:91px;
}
.pricing tr th{
	padding:12px 5px 11px;
	font-size:11px;
	line-height:13px;
}
.pricing tr th:first-child,
.pricing tr td:first-child{
	width:235px;
	text-align:left;
}
.pricing th strong{margin:0 auto 4px;}
.pricing .text-managed{
	background:url(/static/images/text-managed.png) no-repeat;
	width:74px;
	height:43px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
.pricing .text-plus{
	background:url(/static/images/text-plus.png) no-repeat;
	height:39px;
	width:79px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
.pricing .text-pro{
	background:url(/static/images/text-pro.png) no-repeat;
	width:74px;
	height:39px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
.pricing .text-pay{
	background:url(/static/images/text-pay-as-you-go.png) no-repeat;
	width:88px;
	height:43px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
.pricing .even td{
	background:#e5e9ec;
	vertical-align:middle;
	border-right:1px solid #e5e9ec;
	padding:0 10px;
}
.pricing .even .last{
	background:#cdd2d5;
	border-right:1px solid #cdd2d5;
}
.pricing td:first-child{
	padding:0 0 0 19px;
	line-height:22px;
}
.pricing td{
	height:64px;
	padding:0;
}
.pricing td strong{
	display:block;
	letter-spacing:-1px;
}
.pricing td span{
	font-size:11px;
	line-height:14px;
	display:block;
}
.pricing .even strong > span{
	font-size:10px;
	display:inline-block;
	vertical-align:bottom;
}
.pricing .btn-get-started{
	background:url(/static/images/btn-get-started.png) no-repeat;
	height:31px;
	width:98px;
	display:block;
	margin:0 auto;
	overflow:hidden;
	text-indent:-9999px;
}
.pricing .btn-get-started.color{
	background:url(/static/images/btn-get-started-2.png) no-repeat;
}

/*Homepage------------------------------*/
.visual{
	width:940px;
	margin:0 auto;
	padding:40px 0 0 0;
	text-align:center;
	font-size:22px;
	line-height:19px;
	background:url(/static/images/bg-visual.gif) no-repeat 50% 110px;
}
.text-amazing{
	display:block;
	width:816px;
	height:68px;
	margin:0 auto 13px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-amazing.png) no-repeat;
}
.visual p{
	margin:0;
}
.visual .mark{
	color:#f7941e;
}
.visual .area{
	position:relative;
	padding:414px 0 0;
	height:95px;
	font-size:14px;
}
.visual .range0{
	position:absolute;
	top:70px;
	left:300px;
	width:335px;
	height:335px;
	background:url(/static/images/bg-enginestart.png) no-repeat;
	z-index:1;
}
.visual .range0 .btnoff{
	position:absolute;
	top:88px;
	left:96px;
	width:140px;
	height:46px;
	background:url(/static/images/bg-enginestart-off.png) no-repeat;
	z-index:2;
}
.visual .range1{
	position: absolute;
	top: 70px;
	left: 115px;
	width: 200px;
	height: 65px;
	text-align: left;
}
.visual .range2{
	position:absolute;
	top:190px;
	left:90px;
	width:200px;
	height:65px;
	text-align: left;
}
.visual .range3{
	position:absolute;
	top:310px;
	left:115px;
	width:200px;
	height:65px;
	text-align: left;
}
.visual .range4{
	position: absolute;
	top: 70px;
	left: 645px;
	width: 200px;
	height: 65px;
	text-align: left;
}
.visual .range5{
	position:absolute;
	top:190px;
	left:670px;
	width:200px;
	height:65px;
	text-align: left;
}
.visual .range6{
	position:absolute;
	top:310px;
	left:645px;
	width:190px;
	height:65px;
	text-align: left;
}
.visual .info{
	width:725px;
	overflow:hidden;
	margin:0 auto;
	font-size:19px;
	line-height:23px;
}
.visual .info span{
	float:left;
	padding:13px 0 0;
}
.visual .info .button{
	float:right;
	width:152px;
	height:48px;
	margin:0 14px 0 0;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/bg-button3.png) no-repeat;
}
.visual .block{
	text-align:left;
}
.visual .block .title{
	display:block;
	margin:0 0 13px;
	color:#f7941e;
	font-size:19px;
	line-height:23px;
}
.visual .block .holder{
	width:940px;
	overflow:hidden;
	background:url(/static/images/bg-main.png) no-repeat -940px 0;
}
.visual .block ul{
	width:980px;
	overflow:hidden;
	padding:17px 0 15px 19px;
	margin:0;
	list-style:none;
	text-align:left;
	background:url(/static/images/bg-main.png) no-repeat 0 100%;
}
.visual .block ul li{
	display:inline;
	padding:0 70px 0 0;
}
.visual .block ul img{
	vertical-align:middle;
}
.visual .text-ideas2{
	margin:0 auto 18px;
}
.visual .text-promotion{
	margin:0 auto 18px;
}
.text-content3{
	display:block;
	width:74px;
	height:27px;
	margin:0 auto 24px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-content3.png) no-repeat;
}
.w1{
	background:url(/static/images/bg-wrapper.gif) no-repeat 50% 0;
}
.w1 .visual{
	background:none;
}
.text-search{
	display:block;
	width:852px;
	height:68px;
	margin:0 auto 13px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/text-search.png) no-repeat;
}
.intro{
	padding:65px 95px 54px 88px;
	overflow:hidden;
	text-align:left;
}
.intro .description{
	overflow:hidden;
	height:1%;
	padding:23px 0 0 5px;
	line-height:24px;
}
.intro .description p{
	margin:0 0 24px;
}
.intro .description .button{
	display:block;
	width:152px;
	height:48px;
	margin:0 0 0 -5px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/static/images/bg-button3.png) no-repeat;
}

/*Checkout------------------------------*/
.main-holder .heading .box{
	float:right;
	width:177px;
	padding:8px 9px 0 12px;
	margin:0 0 -5px;
	color:#505050;
	border:1px solid #e1e1e1;
	background:#f4f4f4;
}
.main-holder .heading .box .title{
	display:block;
	padding:0 0 0 18px;
	margin:0 0 6px;
	font-weight:bold;
	font-size:13px;
	line-height:13px;
	color:#f7931d;
	background:url(/static/images/bg-basket.gif) no-repeat;
}
.main-holder .heading .box .row{
	overflow:hidden;
	margin:0 0 5px;
}
.main-holder .heading .items{
	float:left;
	padding:0;
	border:0;
}
.main-holder .heading .price{
	float:right;
}
.main-holder .heading .box ul{
	overflow:hidden;
	padding:0 0 0 5px;
	margin:0 0 3px;
	list-style:none;
}
.main-holder .heading .box ul li{
	float:left;
}
.main-holder .heading .button1{
	display:block;
	width:79px;
	height:22px;
	padding:4px 0 0;
	margin:0 8px 0 0;
	text-shadow:0 1px 0 #49494a;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	color:#fff;
	overflow:hidden;
	background:url(/static/images/bg-button4.png) no-repeat;
}
.main-holder .heading .button2{
	display:block;
	width:79px;
	height:22px;
	padding:4px 0 0;
	text-shadow:0 1px 0 #ab691a;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	color:#fff;
	overflow:hidden;
	background:url(/static/images/bg-button5.png) no-repeat;
}

/*Details form------------------------------*/
.details-form{
	width:413px;
	float:left;
	padding:9px 0 25px;
	font-size:11px;
	border-top:1px solid #e1e1e1;
}
.details-form #new_address, 
.details-form #new_cc {
    display:none;
}
.details-form .block{
	padding:0 0 30px;
}
.details-form h2{
	margin:0 0 10px;
	font:bold 24px/27px Arial, Helvetica, sans-serif;
	color:#f7931e;
}
.details-form .block2 h2{
	margin:0 0 18px;
}
.details-form p{
	margin:0 0 16px;
}
.details-form .row{
	overflow:hidden;
	padding:0 0 20px 15px;
}
.details-form .row .area{
	overflow:hidden;
}
.details-form label{
	display:block;
	padding:0 0 9px;
}
.details-form .col{
	float:left;
	width:185px;
}
.details-form .mark{
	display:none;
}
.details-form .error .col2{
	padding:0;
}
.details-form .error .mark,
span.error {
	display:inline-block;
	font:italic 11px/15px Arial, Helvetica, sans-serif;
	color:#ea281e;
	/*left: 316px;*/
    position: absolute;
    top:0px;
}
.details-form .error.text input,
.details-form .error.text input2,
.details-form .error.text inputarea{
	border:1px solid #f00;
}
.details-form input[type=text]{
	float:left;
	width:340px;
	height:21px;
	padding:0 5px;
	line-height:21px;
	margin:0;
	border:1px solid #bebdbd;
	background:#fff;
}
.details-form .col .text{
	width:155px;
}
.details-form select{
	float:left;
	width:352px;
}
.details-form #add_address {
	float: left;
	display:block;
	padding:9px 0 0px;
}
.details-form .col select{
	float:left;
	width:169px;
}
.details-form .done{
	float:left;
	padding:0 0 0 3px;
}
.details-form .holder{
	overflow:hidden;
	padding:7px 0 0;
}
.details-form .holder label{
	float:left;
	padding:0;
}
.details-form .block2 .holder{
	padding:12px 0 5px;
}
.details-form .checkbox {
	/*float:left;
	width:16px;
	height:15px;
	margin:0 20px 0 0;
	padding:0;*/
	cursor:pointer;
}

.details-form .checkbox input {
    float:left;
}


.details-form .checkbox label {
    display: inline-block;
	margin: -5px 10px 0 5px;
	vertical-align: middle;
}

.details-form .expiration select {
    width: 169px;
    float:left;
    margin-right: 14px;
}

form .right_submits {
    height: 1%;
    overflow: hidden;
    padding: 17px 0 5px;
    float:right;
}

form .left_submits {
    height: 1%;
    overflow: hidden;
    padding: 17px 0 5px;
    float: left;
}

form .right_submits div {
    display: inline-block;
    float: left;
}

/*.details-form .submit{
	float:left;
	width:155px;
	height:31px;
	line-height:29px;
	padding:0 0 3px;
	margin:0 0 0 -1px;
	font-weight:bold;
	text-shadow:0 1px 0 #ab691a;
	cursor:pointer;
	color:#fff;
	border:0;
	background:url(/static/images/btn-send.gif) no-repeat;
}*/
.details-form .submit:hover{
	text-decoration:underline;
}
.details-form2 .row{
	overflow:hidden;
	height:1%;
	padding:0 0 15px;
	margin:0 0 2px;
	font-size:14px;
	line-height:18px;
}
.details-form2 .gray{
	background:#e5e9ec;
}
.details-form2 .col1{
	float:left;
	width:293px;
	padding:16px 10px 0 15px;
}
.details-form2 .col1 a{
	font-style:italic;
}
.details-form2 .col2{
	float:left;
	width:372px;
	padding:15px 10px 0 0;
}
.details-form2 .mark{
	display:none;
}
.details-form2 .error .col2{
	padding:0;
}
.details-form2 .error .mark{
	display:block;
	font:italic 11px/15px Arial, Helvetica, sans-serif;
	color:#ea281e;
}
.details-form2 .error.text input,
.details-form2 .error.text input2,
.details-form2 .error.text inputarea{
	border:1px solid #f00;
}
.details-form2 .text {
	float:left;
	width:335px;
	padding:3px 8px;
	margin:0;
	font-size:12px;
	color:#424143;
	border:1px solid #bebdbd;
	background:#fff;
}
.details-form2 .text2{
	float:left;
	width:34px;
	padding:3px 8px;
	margin:0;
	font-size:12px;
	color:#424143;
	border:1px solid #bebdbd;
	background:#fff;
}
.details-form2 .textarea{
	float:left;
	width:343px;
	height:116px;
	min-width:343px;
	max-width:343px;
	padding:0 0 0 8px;
	margin:0;
	border:1px solid #bebdbd;
	background:#fff;
}
.details-form2 .area{
	overflow:hidden;
	height:1%;
	padding:17px 0 5px;
}
.details-form2 .area .holder{
	float:right;
}
.details-form2 .submit{
	float:left;
	width:155px;
	height:31px;
	line-height:29px;
	padding:0 0 3px;
	margin:0 26px 0 25px;
	font-weight:bold;
	text-shadow:0 1px 0 #ab691a;
	color:#fff;
	cursor:pointer;
	border:0;
	background:url(/static/images/btn-send.gif) no-repeat;
}
.details-form2 .submit:hover{
	text-decoration:underline;
}

/*Content Form------------------------------*/
.content-form{
	width:700px;
}
.content-form .area{
	overflow:hidden;
	width:700px;
}
.content-form .area .holder{
	overflow:hidden;
	width:800px;
	padding:16px 0 5px 11px;
}
.content-form textarea.textarea,
.content-form .code-box{
	float:left;
	width:688px;
	height:485px;
	min-width:688px;
	min-height:485px;
	max-width:688px;
	max-height:485px;
	padding:0 0 0 10px;
	margin:0;
	line-height:20px;
	border:1px solid #89898a;
	background:#fff;
}
.content-form .preview-content {
    position: relative;
    margin-top: 30px;
}
.content-form .code-box{
	width:688px !important;
	height:485px !important;
	overflow:auto;
}
.content-form .title-box {
	width:678px !important;
    height: 32px !important;
	overflow:hidden;
	border:1px solid #89898a;
    vertical-align: baseline;
    padding: 6px 10px 2px;
    position: absolute;
    top: -43px;
    left: 0px;
}
.content-form .title-box span{
    display: inline-block;
    padding-top: 1px;
}
.content-form input.title-box {
    margin:0px;
}
/*.content-form .submit input{
	float:left;
	width:155px;
	height:31px;
	line-height:29px;
	padding:0 0 3px;
	margin:0 15px 0 0;
	font-weight:bold;
	font-size: 12px;
	text-shadow:0 1px 0 #ab691a;
	color:#fff;
	cursor:pointer;
	border:0;
	background:url(/static/images/btn-send.gif) no-repeat;
}*/
.content-form .submit input:hover{
	text-decoration:underline;
}

/*KK:Unclear if these are part of content form or seperate styles*/
/*Content Form Tabset------------------------------*/
.tabset-holder{
	overflow:hidden;
	height:1%;
	margin:0 0 -1px;
	font-size:13px;
	position:relative;
}
.tabset-holder .info{
	float:right;
	padding:4px 0 0;
}
.tabset{
	/*float:left;*/
	padding:0 0 0 6px;
	margin:0;
	list-style:none;
}
.tabset li{
	float:left;
	margin:0 0 0 -10px;
}
.tabset li:first-child{
	margin:0;
}
.tabset a{
	float:left;
	color:#424143;
}
.tabset .link1{
	float:left;
	width:66px;
	line-height:25px;
	padding:1px 0 0 10px;
	cursor:pointer;
	background:url(/static/images/btn-link1.gif) no-repeat;
}
.tabset .active .link1,
.tabset .link1:hover{
	background-position:0 -26px;
}
.tabset .link2{
	float:left;
	width:52px;
	line-height:25px;
	padding:1px 0 0 24px;
	cursor:pointer;
	background:url(/static/images/btn-link2.gif) no-repeat;
}
.tabset .active .link2,
.tabset .link2:hover{
	background-position:0 -26px;
}

.tabset .link3 {
    float: left;
    width: 180px;
    line-height: 25px;
    padding: 1px 0 0 24px;
    cursor: pointer;
    background: url(/static/images/btn-link3.gif) no-repeat;
}
.tabset .active .link3,
.tabset .link3:hover{
	background-position:0 -26px;
}

/* this is probably going to be "link4", so just commenting out */
/*
.tabset .link3 {
    float: right;
    width: 144px;
    line-height: 25px;
    padding: 1px 0 0 24px;
    cursor: pointer;
    text-indent:-9999px;
    background: url(/static/images/notes-comments-tab-off.png) no-repeat;
}
.tabset .active .link3,
.tabset .link3:hover{
	background-position:0 -26px;
    background: url(/static/images/notes-comments-tab-on.png) no-repeat;
}
*/
.tabset li.tab4{
    float:right;
}
.tab4 > strong {
    float: left;
    padding-right: 5px;
    padding-top: 1px;
}



.tab-content{
	width:700px;
}

/*Content Form - Heading------------------------------*/
.heading .block{
	width:391px;
	margin:0 0 0 276px;
}
.heading .yellow{
	background:url(/static/images/bg-block-yellow.gif) repeat-y -391px 0;
}
.heading .red{
	background:url(/static/images/bg-block-red.gif) repeat-y -391px 0;
}
.heading .green{
	background:url(/static/images/bg-block-green.gif) repeat-y -391px 0;
}
.heading .yellow .holder{
	background:url(/static/images/bg-block-yellow.gif) no-repeat;
}
.heading .red .holder{
	background:url(/static/images/bg-block-red.gif) no-repeat;
}
.heading .green .holder{
	background:url(/static/images/bg-block-green.gif) no-repeat;
}
.heading .yellow .frame{
	background:url(/static/images/bg-block-yellow.gif) no-repeat -782px 100%;
}
.heading .red .frame{
	background:url(/static/images/bg-block-red.gif) no-repeat -782px 100%;
}
.heading .green .frame{
	background:url(/static/images/bg-block-green.gif) no-repeat -782px 100%;
}
.heading .block .frame{
	overflow:hidden;
	height:1%;
	padding:15px 20px 15px 19px;
}
.heading .block img{
	float:left;
	margin:0 18px 0 0;
}
.heading .block .description{
	overflow:hidden;
	height:1%;
}
.heading .title{
	margin:0;
	font:12px/12px Arial, Helvetica, sans-serif;
}
.heading .yellow .title{
	color:#ee8401;
}
.heading .red .title{
	color:#cf4812;
}
.heading .green .title{
	color:#6b8e31;
}
.heading .block .description p{
	margin:0;
}
/*Information------------------------------*/
.information{
	float:right;
	width:238px;
	padding:22px 25px 16px 22px;
	border:1px solid #e1e1e1;
	background:#f4f4f4;
}
.information table{
	width:238px;
	border-top:1px solid #e1e1e1;
	border-collapse:collapse;
	color:#6a6969;
}
.information table tr{
	background:#f4f4f4;
}
.information thead{
	font-weight:bold;
	font-size:11px;
}
.information h3{
	margin:0 0 14px;
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color:#f7931e;
}
.information table td {
	vertical-align:top;
}
.information table .col1{
	width:90px;
	text-align: left;
}
.information table .col2{
	width:58px;
	text-align:center;
}
.information table .col3{
	width:85px;
	text-align:right;
}
.information thead td{
	padding:13px 0 7px;
}
.information thead .col3{
	padding:13px 5px 7px 0;
}
.information tbody td{
	padding:8px 0 7px;
}
.information tbody .last td{
	padding:8px 0 17px;
}
.information tbody .last .col3{
	padding:8px 5px 17px 0;
}
.information table .total td{
	text-align:right;
	padding:15px 4px 10px 0;
	font-size:11px;
	border-top:1px solid #e1e1e1;
}
.information table .total span{
	padding:0 10px 0 0;
	font-weight:bold;
}

/*Contact Form------------------------------*/
.contact-form{
	padding:0 17px;
}
.contact-form .area{
	font-size:14px;
	line-height:19px;
	margin:0 0 23px;
}
.contact-form h3{
	padding:0 12px 0 0;
	margin:0 0 21px;
	font:bold 18px/21px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#f7931e;
}
.contact-form .area p{
	margin:0;
}
.contact-form .row{
	overflow:hidden;
	margin:0 0 15px;
}
.contact-form label{
	display:block;
	padding:0 0 7px;
	font-weight:bold;
	font-size:11px;
	color:#696869;
}
.contact-form .text{
	float:left;
	width:300px;
	height:21px;
	padding:0 10px;
	line-height:21px;
	margin:0;
	border:1px solid #bebdbd;
	background:#fff;
}
.contact-form .textarea{
	float:left;
	width:300px;
	height:200px;
	padding:0 10px;
	line-height:21px;
	margin:0;
	border:1px solid #bebdbd;
	background:#fff;
}
.contact-form .checkbox{
	float:left;
	margin:1px 6px 0 0;
	padding:0;
	width:16px;
	height:15px;
	cursor:pointer;
}
.contact-form .area2{
	overflow:hidden;
	padding:22px 0 28px;
}
.contact-form .area2 label{
	float:left;
	padding:0;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
}
.contact-form .submit{
	float:right;
	width:93px;
	height:31px;
	line-height:29px;
	padding:0 0 3px;
	font-weight:bold;
	text-shadow:0 1px 0 #ab691a;
	color:#fff;
	cursor:pointer;
	border:0;
	background:url(/static/images/btn-send2.png) no-repeat;
}
.contact-form .submit:hover{
	text-decoration:underline;
}
.contact-form .area3{
	font-size:14px;
	line-height:19px;
}
.contact-form .area3 p{
	margin:0;
}

/*Footer------------------------------*/
#footer{
	overflow:hidden;
	width:940px;
	padding:26px 0 20px;
	margin:0 auto;
}
#footer p{
	margin:0;
}
#footer .add-nav{
	float:right;
	overflow:hidden;
	padding:0;
	margin:-2px -9px 0 0;
	list-style:none;
	font-weight:bold;
	font-size:11px;
}
#footer .add-nav li{
	float:left;
	margin:0 2px 0 -2px;
	padding:0 9px 0 12px;
	background:url(/static/images/separator.gif) no-repeat 0 3px;
}
#footer .add-nav a{
	color:#535253;
}

/*Genform------------------------------*/
#GenForm table .gray th,
#GenForm table .gray td{
	background:#e5e9ec;
}
#GenForm table .formcol1{
	width:350px;
	padding:2px 2px 2px 2px;
	text-align:left;
	vertical-align:top;
	padding:25px 25px;
}
#GenForm table .formcol2{
	padding:25px 25px 2px 10px;
}
#GenForm .submit{
	float:left;
	width:155px;
	height:31px;
	line-height:29px;
	padding:0 0 3px;
	margin:0 10px 0 -1px;
	font-weight:bold;
	text-shadow:0 1px 0 #ab691a;
	color:#fff;
	cursor:pointer;
	border:0;
	background:url(/static/images/btn-send.gif) no-repeat;
}
#GenForm .submit:hover{
	text-decoration:underline;
}

/*Ideas Completed------------------------------*/
#ideas-completed li{
	padding:25px 25px;
	list-style: none;
	margin:0 10px 0 -1px;
}
#ideas-completed li.gray{
	background:#e5e9ec;
}
#ideas-completed .submit{
	float:left;
	width:155px;
	height:31px;
	line-height:29px;
	padding:0 0 3px;
	margin:0 10px 0 -1px;
	font-weight:bold;
	text-shadow:0 1px 0 #ab691a;
	color:#fff;
	cursor:pointer;
	border:0;
	background:url(/static/images/btn-send.gif) no-repeat;
}

/*KK:Need to check how these relate to contact form above*/
/*Content Form ------------------------------*/
#ContentForm table .formcol1{
	width:250px;
	padding:2px 2px 2px 2px;
	text-align:left;
	vertical-align:top;
}
#ContentForm table .formcol2{
	padding:2px 2px 2px 2px;
}

/*Promo Form ------------------------------*/
#PromoForm table .formcol1{
	width:250px;
	padding:2px 2px 2px 2px;
	text-align:left;
	vertical-align:top;
}
#PromoForm table .formcol2{
	padding:2px 2px 2px 2px;
}

/*Account History Form ------------------------------*/
.account-history-form table .gray th,
.account-history-form table .gray td{
	background:#e5e9ec;
}
.account-history-form table .col1{
	width:50px;
	padding:0;
	text-align:center;
}
.account-history-form table .col2{
	text-align:left;
	width:125px;
	padding:19px 10px 19px 0;
}
.account-history-form table .col3{
	text-align:left;
	width:50px;
	padding:19px 10px 19px 0;
}
.account-history-form table .col4{
	text-align:left;
	width:475px;
	padding:19px 10px 19px 0;
}

/*-Error Box------------------------------*/
.errorbox {
	border: 2px solid #a42c00;
	background-color: #f3f3f3;
	margin: 0px auto 20px;
	background-image: url(/static/images/error.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin-left:20px;
	margin-right:20px;
	width:100%;
}
.errorboxtitle {
	width: 100%;
	background-color: #ecfc3d;
	background-image: url(/static/images/title_orange.gif);
	border-bottom: 2px solid #a42c00;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	color: #333333;
}
.errorbox p {
	font-size: 12px;
	margin: 10px;
}
.clearit, .clear {
	clear: both;
}

/*-Project List------------------------------*/
div.project-list {
	display:inline-block;
	margin-bottom:45px;
}
div.project-list  {
	margin-top: 5px;
}

div.project-list .download_excel {
	float:right;
	margin-right:5px;
	cursor:pointer;
}

div.project-list h3 {
	display:inline-block;
}
/*KK:???Unclear if this is part of project-list or not?*/
.subscription-settings p {
	padding:7px 0;
}

/*Promo tables------------------------------*/
/*KK:Theses could likely be applied across table cells more generally*/
#promotions-loop .col3,
#promotions-loop .col4,
#promotions-loop .col5,
#promotions-loop .col6{
    word-wrap: break-word; /*Allow long unbroken strings (i.e. URLs) to break*/
    max-width:160px; /*Force breaking of long strings beyond this width, even if other cells content could be broken*/
}

/*Subscriptions------------------------------*/
.subscriptions {
	display:inline-block;
	padding:10px 0;
}
.subscriptions .left-header {
    width: 327px;
}
#two-columns .subscriptions .left-header {
    width:auto;
}
.subscriptions > div {
	float:left;
}
.subscriptions dl, .subscriptions .subscription div {
    padding: 14px 5px 14px 19px;
    margin: 0px;
    line-height: 22px;
    border-right: 1px solid #E5E9EC;
    height: 45px;
}
.subscriptions dl dt {
    letter-spacing: -1px;
    font-size: 14px;
    font-weight: bold;
}
.subscriptions dl dd {
    font-size: 11px;
    line-height: 14px;
    margin: 0;
}
.subscriptions .subscription {
    text-align: center;
}
.subscriptions .subscription dl, .subscriptions .left-header .placeholder {
    padding: 12px 5px;
    height: 75px;
}
.subscriptions .left-header .placeholder {
    padding-left:19px;
}
.subscriptions .subscription dl {
    width: 139px;
}
.subscriptions .subscription dl dt {
    height: 45px;
}
.subscriptions .subscription div, .subscriptions dl.last dd {
    line-height: 44px;
}

.subscriptions .subscription div.half-line-height {
    line-height: 22px;
}

.subscriptions .subscription div {
    font-size: 14px;
    padding: 14px 5px;
    width: 140px;
}
.subscriptions .subscription .price {
    font-weight: bold;
    letter-spacing: -1px;
}
.subscriptions .subscription .price span {
    line-height:14px;
    font-size: 10px;
}
.gray, .subscriptions .subscription.pay-as-you-go .price.gray {
    background: none repeat scroll 0 0 #E5E9EC;
}
.subscriptions .subscription .pricing {
    width: auto;
}
.subscriptions .subscription.pay-as-you-go .pricing span {
    display: block;
    font-size: 11px;
    line-height: 14px;
}
#two-columns .subscriptions .pay-as-you-go {
	display:none;
}
#two-columns .subscriptions .left-header dl {
	width: 220px;
	padding: 12px 5px 20px 19px;
}
#two-columns .subscriptions .left-header dl.placeholder {
	padding: 12px 5px 12px 19px;
}
#two-columns .subscriptions .left-header dl.last dd {
	line-height:14px; margin-top: 5px;
}
#two-columns .subscriptions .subscription div {
	padding: 16px 5px;
}

/*------------------------------
Redev styles below. Some styles above may no longer be used
------------------------------*/

/*Forms (as in Contact Us)------------------------------*/
/*KK:Unclear if all forms are styled this way or not, so using an ID to flag the ones I need for now, should revise to use FORM tag genericly if we can*/
/*KK:Also need to find pre-existing styles for this (i.e. defails-form and details-form2) and purge them out once using forms are converted over*/
/*KK:Need to purge styles above they were replaced with these*/
/*Elements*/
.form fieldset>div, .form fieldset > fieldset {
	clear:both;
	position:relative;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 2px;
    overflow: hidden;
}
.form fieldset.checkboxgroup > span {
    display: block;
    padding-top: 15px;
}
.form fieldset.checkboxgroup span.error {
    margin-top: -20px;
}
.form fieldset.checkboxgroup > span > span {
    position: relative;
    display: block;
    margin: 5px 0;
}
.form fieldset.checkboxgroup input,
.form fieldset.checkboxgroup label {
    margin: 0;
    padding: 0;
    display: inline;
    width: auto;
}
.form fieldset div.error {
    position: relative;
}
.form fieldset>div:nth-child(odd) {
	background:#e5e9ec;
}
.form.gray-first fieldset>div:nth-child(even) {
	background:#e5e9ec;
}
.form.gray-first fieldset>div:nth-child(odd) {
	background:white;
}
.form label, .form legend{
    width: 293px;
    display:inline-block;
    margin: 16px 6px 15px 15px;
    vertical-align: top;
}
/*Errors*/
.form fieldset div.error {
    /* account for abspos errors */
    /* margin-top: 15px; */ 
    overflow: visible;
}

/*KK: This may be  too generic, should work out how to apply a class to the error spans*/
.form fieldset div.error>label ~ span, .error_message {
	color:#f00;
	position:absolute;
	margin-left:5px;
	left:313px;
	top:0px;
	font: italic 11px/15px Arial,Helvetica,sans-serif;
}
.form fieldset div.error>label ~ span:nth-of-type(2){
	top:-10px;
}

.details-form .error {
    position: relative;   
}

.details-form .error span {
    color: #f00;
    font: italic 11px/15px Arial,Helvetica,sans-serif;
    text-align: left;

    display: block;
    width: 360px;
    margin: 0;
}

.details-form .error input, 
.details-form .error select {
	border:1px solid #ee524b !important;
}


/*KK:Why does every form need to position it's errors differently, sigh*/
.login-form fieldset div>label ~ span,
.account-form fieldset div>label ~ span{
	color:#f00;
	/*position:absolute;
	top:7px;
	right:0px;*/
	float:right;
	font: italic 11px/15px Arial,Helvetica,sans-serif;
	position: static;
}
.login-form fieldset div>label ~ span:nth-of-type(2),
.account-form fieldset div>label ~ span:nth-of-type(2){
	/*KK:Overflow settings cause this to scroll off the visible area, but setting overflow to be visible seems to cause other breakdowns. Unclear how to handle multiple errors. (Example: PW filled, but Repeat PW left blank)
	top:-10px;*/
	/*KK:For now, just offset the initial error lower than normal to leave enough room*/
	top:-3px;
}
.login-form fieldset>div>span ~ input,
.login-form fieldset>div>span ~ textarea
.account-form fieldset>div>span ~ input,
.account-form fieldset>div>span ~ textarea,
.form fieldset>div>span ~ input,
.form fieldset>div>span ~ textarea {
	border-color:#f00;
}
/*Comments*/
.form fieldset>div>input+span, .form fieldset>div>textarea+span{
	font-style:italic;
	display:inline-block;
	width: 293px;
}
.form input,
.form textarea,
.form select {
	width:335px;
    border: 1px solid #bebdbd;
    color: #424143;
    font-size: 12px;
    padding: 3px 8px;
    margin: 15px 0;
}
input#publish_article_draft{width:13px !important;}
.form textarea{
	height: 116px;
}
.form textarea.textarea-one-row {
	height: 16px;
}
.form textarea.textarea-two-row {
	height: 32px;
}
.form input[type=file] {
	border-width:0;
}
.form input[type=number] {
	width:35px;
    text-align: right;
}
/*.form input[type=submit], .sprocket input[type=button], .hubspot-submit {
	float:left;
	width:155px;
	height:31px;
	line-height:29px;
	padding:0 0 3px;
	margin:0 26px 0 25px;
	font-weight:bold;
	text-shadow:0 1px 0 #ab691a;
	color:#fff;
	cursor:pointer;
	border:0;
	background:url(/static/images/btn-send.gif) no-repeat;
}*/

input[type=button] {
    margin: 0px !important;
}
.form fieldset>div:last-child,.form fieldset>div.submit {
	background:transparent !important;
}
.form .no-label{
	margin-left:327px;
	margin-top:0;
}
/*Thin Form Adjustments (as in Writer Application)------------------------------*/
.form.thin div{
    padding: 15px;
}
.form.thin label,.form.thin legend{
    display:block;
    padding: 0;
    /*This is likely nicer
    width:auto;*/
}
.form.thin input[type=file] {
	display:block;
}
.form.thin fieldset>div> label,
.form.thin fieldset>div> input,
.form.thin fieldset>div> textarea {
	margin:0;
}
/*Errors*/
.form.thin fieldset>div>label+span, .error_message{
	position:relative;
	display:block;
	top:auto;
	left:auto;
	margin:0;
}

/*"Create a customer account"  form adjustments */
.area label ~ span{
	position:absolute !important;
	top:0 !important;
	left:0 !important;
}
/*KK:Would like to style label text red, but can't due to migrating the error below the label (i.e. no forward tracking CSS rules). May want to consider reverting it's tag position, and handling positioning with revised styles*/
/*"Get Started" form adjustments */
.area.profile-form p{
	padding: 0 17px;
}
.profile-form .account-form,
.profile-form .login-form{
	width:270px;
}
.profile-form .account-form .area div:first-child input,
.profile-form .login-form .area div:first-child input{
	top:12px;
}
/*Generic Button*/
/*KK:Grr, why must they define individual styles for all these generic types.*/
.generic_button{
	display:inline-block;
    background: url("/static/images/btn-send.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 31px;
    line-height: 29px;
    margin: 0 26px 0 25px;
    padding: 0 0 3px 0;
    text-shadow: 0 1px 0 #ab691a;
    /*KK:Would be better to allow for arbitrary sizing, but would need to work out image slicing for that, though might be possibly with careful background rules on :before/:after, I think they have sliced images for other buttons.*/
    width: 155px;
    text-align:center;
}
/*Generic Table*/
/*KK: Will need to look for other tables on site, I don't think any currently exist*/
table{
	border-spacing:0;
}
thead tr{
	background:transparent !important;
}
/*th{
	background:#eee;
	padding:2px 5px;
	border-top:#ccc solid 1px;
	border-bottom: #ccc solid 1px;
}
th:first-child{
	border-left: #ccc solid 1px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
th:last-child{
	border-right: #ccc solid 1px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}*/
td{
	padding:0 5px;
}
tr:nth-child(even){
	background:#e5e9ec !important;
}

input.number {width: 34px;}

.right {float:right !important;}
.left {float:left;}
.hidden {display:none !important;}

.link_button {
    display: inline-block;
    float: right;
    position: relative;
    right: 170px;
    top: -38px;
}

/* Projects "Welcome Back" messages" */

#welcome-back-message {
    border-bottom: 1px solid #e5e9ec;
    /*padding: 8px 0;*/

}
#welcome-back-message > .items {
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-top: 1px solid #e5e9ec;
}


#user_edit .submit { margin-top:50px; }

.change_password {
    bottom: 61px;
    position: absolute;
}

.change_password a {
    margin: 16px 6px 15px 0px;
    vertical-align: top;
    display: inline-block;
}





#reporting_dashbord > div {
    width:auto;
    padding: 5px;
    border: 1px solid #dddcdc;
    text-align:center;
}

#reporting_dashbord #key_metrics, #reporting_dashbord #reporting_callout {
    /*height: 190px;*/
}

#reporting_dashbord #key_metrics h2 {
    display:inline-block;
    margin: 10px 0 0;
    font-size: 24px;
    color:#424143;
}
#reporting_dashbord #key_metrics h3 {
    text-align: center;
    /*float:left;*/
    text-transform: uppercase;
    margin-bottom: 10px;
}

#reporting_dashbord #key_metrics form {
    float:right;
    padding-top: 10px;
}

#reporting_dashbord #key_metrics form div {
    float: left;
    padding-left:15px;
}

#reporting_dashbord #key_metrics form div label {
    position: absolute;
    top: -20px;
    color:#79797b;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .8em;
}

#reporting_dashbord #key_metrics form input[type="text"] {
    width: 100px;
    display: inline-block;
    padding: 0;
    margin: 0;
}
#reporting_dashbord #key_metrics form input[type="submit"] {
    padding: .1em 1.25em;
}
#reporting_dashbord #key_metrics {
    background: none repeat scroll 0 0 #f4f4f4;
    margin-bottom: 10px;
    padding: 15px 15px 5px 15px;
    /*float:left;
    width: 475px;*/
}

#reporting_dashbord #key_metrics > table {
    width:100%;
    clear:both;
}

#reporting_dashbord #key_metrics table img {
    /*width:100px;*/
    vertical-align: middle;
}

#reporting_dashbord #key_metrics > table tr {
    padding:5px 0; 
    background: none !important;
    border-top: 1px solid #dddcdc;
    border-collapse: collapse;
    display: block;
}

#reporting_dashbord #key_metrics > table td {
    width:200px;
    color:#79797b;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .8em;
}
#reporting_dashbord #key_metrics > table td.image {
    width:125px;
}

.highlight {
    color: #090;
} 

#reporting_dashbord #key_metrics > table strong {
    display: block;
    font-size: 44px;
    font-weight: 100;
    line-height: 44px;
    color: #999999;
}

#reporting_dashbord #reporting_callout {
    float: right;
    width: 190px;
    display:none;
}

#reporting_dashbord #reporting_callout h2 {
    font-size: 20px;
    line-height: 20px;
    margin: 5px;
}

#reporting_dashbord #ebv {
    border: 1px solid #dddcdc;
    position:relative;
    clear:both;
}
#reporting_dashbord #ebv_start {
    display: inline-block;
    padding: 5px;
}

#reporting_dashbord #ebv_start > span {
    font-size:16px;
    margin: 9px 20px;
    float:left;
}

#reporting_dashbord #ebv_start > span strong.dollars {
    font-size: 18px;
    color: #009900;
}

#reporting_dashbord #ebv_start .button {
    margin:0;
}

#reporting_dashbord #ebv_start .update_link {
    font-size: 10px;
    position: absolute;
    right: 5px;
    top: 2px;
}

#reporting_dashbord #ebv_form {
    display:none;
    padding:5px;
}

#reporting_dashbord #ebv_form > span {
    float:left;
    text-align:center;
    width: 45%
}

#reporting_dashbord #ebv_form > form {
    float:right; 
    width: 54%;
    text-align:right;
}

#reporting_dashbord #ebv_form > form fieldset > div {
    display: inline-block;
    vertical-align: top;
}

#reporting_dashbord #ebv_form > form label {
    font-weight:bold;
}

#reporting_dashbord #ebv_form > form input {
    margin-bottom: 5px;
    width: 60px;
}
#reporting_dashbord #ebv_form > form input[type="text"] {
    text-align:right;
}

#reporting_dashbord #ebv_form > form label.error {
    display: block;
    color:red;
}

#reporting_dashbord #ebv_form > form input.error {
    border-color: red;
    border-style: solid;
}
a.tip {
    color: #fda31c;
}
    
    
.report-table {
    margin: 10px 0;
    width: 100%;
    clear:both;
}

.report-table thead, .report-table tfoot {
   background-color: #f4f4f4;
}

.report-table th {
    height: 40px;
    padding: 10px 15px;
    position:relative;
}

.report-table th span {
}

.report-table th a.tip {
    position: absolute;
    top: 3px;
    right: 3px;
    vertical-align: middle;
    padding-left: 5px;
}

    
.report-table th, .report-table td {
    /*border: 1px solid #dddcdc;*/
}

.report-table td {
    padding: 5px;
    text-align:center;
}

.report-table td.left {
    text-align:left;
}

.report-table tfoot td {
    text-align:left;
}

#export_report {
    float: right !important;
    margin: 5px;
}

.report-table tfoot tr td {
    font-weight:bold;
}

.report-table tr.even {
	background:#e5e9ec;
}

.report-table tr.odd {
	background-color: white;
}

.align-right {
    text-align:right !important;
}
.align-left {
    text-align:left !important;
}
.align-center {
    text-align:center !important;
}

table.dataTable.report-table tfoot td { 
    padding: 8px 10px !important;
}
.content .heading .block {
    margin: 0;
}
.content .heading {
    text-align:center;
}
#trust_seal {
    position: absolute;
    right: 0;
    top: -55px;
}

.header_right {    
    margin-right: 5px;
    padding-right: 8px;
    border-right: 1px solid black;
}

.not_bold, .not_bold label {
    font-weight: normal !important;
}
    
#writerapplication {
    position: relative;
}
    
#writerapplication div, #writerapplication .checkboxgroup {
    background: none;
    padding: 0 0 20px 0;
}

#writerapplication label, #writerapplication legend {
    display: inline-block;
    margin: 0 25px 0 0;
    width: 400px;
    float: left;
    line-height: 20px;
}
    
#writerapplication .comment {
    width: 374px;
}

#writerapplication span.error {
    display:inline-block;
    /*position: absolute;    
    top: 25px;*/
    width: 450px;
}

#writerapplication .checkboxgroup > span {
    display:inline-block;
    width: 400px;
    padding: 0;
}

#writerapplication .checkboxgroup > span > span { 
    display:inline-block;
    width: 200px;
    float:left;
}

#writerapplication .checkboxgroup > span > span label {
    width: auto;
    float:none;
}

#writerapplication .checkboxgroup > span > span > span.error {
    position:relative;
    top:-10px;
}

#writerapplication input[type="file"] {
    margin:0;
    padding: 0;
}

#areas_of_expertise-error {
    float:none !important;
    width: 450px !important;
}

.small-text {
    font-size: 10px;
}

.float-left {
    float:left !important;
}

ul.tab-select  {
    padding-left: 205px;
    width: 208px;
    border-bottom: 1px solid darkgray;
    display: inline-block;
    position: relative;
}

.tab-select li {
    list-style: none;
    float: left;
    border: 1px solid darkgray;
    padding: 1px 1px 0 1px;
    margin-right:2px;
    background-color: lightgray;
    position: relative;
    top: 1px;
}
.tab-select li a {
    color: #f7931e;
    font-weight: bold;
    font-size: 14px;
    width: 75px;
    display:block;
    text-align: center;
}
.tab-select li.ui-tabs-active {
    background-color: white;
    border-bottom-color: white;
}

#influencer_application label {
    width:auto;
    margin: 0px;
    padding: 10px 5px 5px 15px;
}

#influencer_application input[type="file"],
#influencer_application textarea {
    margin-left: 15px;
    width:auto;
}
#influencer_application textarea {
    margin-top:0px;
    width:auto;
}
#influencer_application .submit {
    margin-left: 38px;
}

.dataTable .accordion-table-header {
    display:none;
}

.dataTable .accordion-header {
    position:relative;
    vertical-align:top;
}

.dataTable .accordion {
    display:none;
    width: 500px;
    float: left;
    position: absolute;
    text-align: left;
    margin-left: 75px;
}

.dataTable .accordion td {
    text-align: left !important;
}

.dataTable .accordion.active {
    display:block;
}

.dataTable .accordion-header .accordion-open, .dataTable .accordion-header.active .accordion-close {
    display:inline-block;
}

.dataTable .accordion-header.active .accordion-open, .dataTable .accordion-header .accordion-close {
    display:none;
}

.dataTable .accordion-open, .dataTable .accordion-close {
    float:left;
    margin: 0px 10px;
    font-size: 16px;
    font-weight: bold;
}

table tr.no-bg {
    background: none !important;
}


.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
    background-color:white;
}

a.ui-datepicker-next {
   float:right;
}
#ui-datepicker-div {
   background-color:white;
   border-style: solid;
   border-width:1px;
   border-color:grey;
}

span#author_count{
  font-weight:bold;
}

span#total_active_subscriptions{
  font-weight:bold;
}

div.gray {
    background: #e5e9ec;
}

.sprocket .idea {
    display:inline-block;
    width:100%;
    margin-bottom: 35px;
    border-top: 1px solid #e8e8e8;
}

.sprocket .idea label {
    margin: 0;
    padding: 0;   
}

.sprocket .idea input[type="text"] {
    width: 100%
}

.sprocket .idea input[type="checkbox"] {
    width:auto;
    margin:0 5px 0 0 ;
    padding:0px;
}

.sprocket .idea > div {
    padding:0 20px 10px 0px;
    /*margin-bottom: 10px;*/
}

.sprocket .idea .left-col {
    float: left;
    width: 340px;
    border-right: white 3px solid;
}
.sprocket .idea .right-col {
    float: right;
    width: 275px;
    background: #f6f6f6;
    padding-left: 20px;
}
.sprocket .idea .textarea-one-row {
    width:680px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.sprocket .idea div.purchase {
    padding-right: 0px;
}
.sprocket .idea div.purchase .right {
    text-align:right;
}
    
.sprocket .idea div.purchase h3 {
    /*padding-right: 15px;
    float:left;*/
    padding-bottom:10px;
}

.sprocket .idea div.purchase h3, .sprocket .idea div.purchase h5 {
    margin:0;
    display:inline-block;
    color: #616164;
}

.sprocket .idea div.purchase .btn-write-it-for-me {
    position: relative;
    display:inline-block;
}

.sprocket .idea div.purchase .btn-write-it-for-me input {
    position: absolute;
    top: 23px;
    left: 21px;
}

.uppercase {
    text-transform: uppercase;
}

.gray-text {
    color: #9a9a9a;
}

.dark-gray-text {
    color:#686667;
}

#marketing-academy-link {
    clear:both;
    margin-top:40px;
}

#marketing-academy-link img {
    float: left;
}

table#obchecklist td{
   background-color:white;
   height:40px; 
   vertical-align:center;
}

td.onboarding_check{
  background-image:url("/images/checkbox-off.png");
  background-positon:center;
  background-repeat:no-repeat;
  width:30px;
}


#marketing-academy-link span {
    float: left;
    vertical-align: middle;
    padding: 17px 10px;
    line-height: 20px;
}

#thanks-content {
    width: 200px;
}

.orange-text {
    color:#f7931d;
}

.writer-stats {
    text-align:center;
    clear:both;
    display: inline-block;
}

.writer-stats span {
    border-left: 1px solid #e8e8e8;
    width:80px;
    padding:5px;
    font-size: 10px;
    font-weight:bold;
    float:left;
}

.writer-stats span strong {
    color: #f7931d;
    font-size: 22px;
    font-weight: 100;
    line-height: 22px;
}

.writer-stats span.no-border {
    border:none;
}

.purchase_ideas {
    border-bottom: 1px solid #e5e9ec;
}

.purchase_ideas .submit {
    position:relative;
    top: 10px;
}
.purchase_ideas div.submit .comment {
    font-weight:bold; 
    float: right;
    padding-top: 20px;
    position: static !important;
    font-size: 12px;
}

.purchase_ideas .error {
    top: 10px;
    right: 31px;
    clear:both;
}

span.comment {
    position: absolute;
    left: 318px;
    font-size: 10px;
    bottom: -1px;
}

table#obchecklist td{
   background-color:white;
   height:40px; 
   vertical-align:center;
}

td.onboarding_check{
  background-image:url("/images/checkbox-off.png");
  background-positon:center;
  background-repeat:no-repeat;
  width:30px;
}

.complete-order-submit {
    background-image: url("/images/complete-order.png") !important;
    width: 270px !important;
    height: 46px !important;
    margin: -5px 0 5px 10px !important;
}

.user-form .grecaptcha-badge {
    margin-top: 15px;
}

.full-width {
	width: 100%;
}

.full-width #content {
	width: 100% !important;
}

.full-width table {
	width: 100% !important;
}

.full-width .project-list {
	width: 100% !important;
}

.page-title {

}

/*---------- New Dashboard Styles ---------*/
.dashboard-summary {
	float: left;
	position: relative;
	width:100%;
	margin-bottom: 20px;
}
.dashboard-summary-row {
	position: relative;
	float: left;
	width: 100%;
}

.dashboard-summary-row:first-child {
	padding-top: 15px;
}

.dashboard-summary-title {
	position: relative;
	float: left;
	padding: 0px 0px;
	color: #676767;
	width: 100px;
	min-height: 70px;
}

.dashboard-summary-title h1 {
	font-family: "League Gothic";
	font-size: 1.4em;
	font-weight: normal;
	margin-top: 30px;
	text-align: right;
	margin-right: 15px;
	width: 84%;
	display: block;
	float:left;
}

.dashboard-summary-title .divider {
	position: absolute;
	width: 1px;
	margin-left: 0px;
	border-right: 1px solid #dcdcdc;
	height: 80px;
	margin-top: 0px;
}

.dashboard-summary-title .divider .divider-vert {
	height: 1px;
	width: 5px;
	border-top: 1px solid #dcdcdc;
	position: absolute;
	right: 0px;
	top: 40px;
}

.dashboard-summary-data {
	position: relative;
	float:left;
	width: 100%;
}

.dashboard-summary-data.border-bottom {
	border-bottom: 1px solid lightgrey;
}

.dashboard-summary-data.how-you-compare {
	margin-left: 28px;
	margin-top: 8px;
}

.dashboard-summary-row .tracking-code {
	font-size: 12px;
	line-height: 13px;
	font-family: 'Helvetica Neue';
	border: 1px solid gray;
	padding: 10px;
	border-radius: 7px;
	background-color: #e2e2e2;
	color: #9e9e9e;
	height: 78px;
	overflow-y: scroll;
}

.dashboard-summary-data .data-region {
	font-family: 'PT Sans';
	position: relative;
	float:left;
	padding: 0px 20px;
	margin-top: 2px;
	width: 180px;
	height:90px;
	border-top: 3px solid white;
	padding-top:5px;
}

.dashboard-summary-data .data-region.active {
	border-top: 3px solid #f7931d;
	background-color: whitesmoke;
}

.dashboard-summary-data .data-region:focus {
	outline:none !important;
}

.dashboard-summary-data .data-region p {
	font-family: "PT Sans";
	text-align: right;
	font-size: 0.9em;
	margin-right: -16px;
	margin-top: 20px;
	color: #676767;
	line-height: 1em;
}

.dashboard-summary-data .data-region .data-heading {
	font-size: 1.0em;
	clear: both;
	margin-bottom: 8px;
	text-align: center;
}

.dashboard-summary-data .data-region .data-heading > div {
	margin-bottom: 4px;
}

.dashboard-summary-data .data-region .data-heading .data-value {
	font-size: 2.5em;
	font-weight: normal;
	clear: both;
	margin-bottom: 8px;
}

.dashboard-summary-data .data-region .data-value .data-delta {
	font-size: 0.6em;
	font-weight: normal;
}

.dashboard-summary-data .data-region .percentile-bars {
	margin-top: 28px;
}

.dashboard-summary-data .data-region .percentile-bars .percentile-bar-label {
	font-size: 0.8em;
	margin-top: -4px;
	float: left;
	margin-left: 5px;
}

.dashboard-summary-data .data-region .percentile-bars .bar {
	border:1px solid gray;
	float: left;
	position: relative;
	margin-right: 2px;
	height: 16px;
	width: 16px;
}

.dashboard-summary-data .data-region .percentile-bars.lt25 .bar1 {
	background-color: #ff444b;
}
.dashboard-summary-data .data-region .percentile-bars.lt25 .bar2 {
	background-color: #ffa1b1;
}
.dashboard-summary-data .data-region .percentile-bars.lt25 .bar3 {
	background-color: #fff0ef;
}


.dashboard-summary-data .data-region .percentile-bars.eq25 .bar1 {
	background-color: #fff2ce;
}
.dashboard-summary-data .data-region .percentile-bars.eq25 .bar2 {
	background-color: #ffd564;
}
.dashboard-summary-data .data-region .percentile-bars.eq25 .bar3 {
	background-color: #fff2ce;
}

.dashboard-summary-data .data-region .percentile-bars.eq50 .bar2 {
	background-color: #fbffc2;
}
.dashboard-summary-data .data-region .percentile-bars.eq50 .bar3 {
	background-color: #f0ff00;
}
.dashboard-summary-data .data-region .percentile-bars.eq50 .bar4 {
	background-color: #fbffc2;
}


.dashboard-summary-data .data-region .percentile-bars.eq75 .bar3 {
	background-color: #d2ffd2;
}
.dashboard-summary-data .data-region .percentile-bars.eq75 .bar4 {
	background-color: #00ff00;
}
.dashboard-summary-data .data-region .percentile-bars.eq75 .bar5 {
	background-color: #d2ffd2;
}

.dashboard-summary-data .data-region .percentile-bars.gt85 .bar3 {
	background-color: #dbffdb;
}
.dashboard-summary-data .data-region .percentile-bars.gt85 .bar4 {
	background-color: #c1ffc1;
}
.dashboard-summary-data .data-region .percentile-bars.gt85 .bar5 {
	background-color: #00ff00;
}

.dashboard-cards {
	position: relative;
	float: left;
	width: 1080px;
	margin-top: 20px;
}

.dashboard-cards h1 {
	margin-top: -16px !important;
}

.tab-content h1 {
	font-weight: bold;
	font-family: 'League Gothic';
	font-size: 1.6em;
	color: #676767;
}

.dashboard-cards .dashboard-card {
	position: relative;
	float: left;
	padding: 15px;
	margin-right: 10px;
	margin-bottom: 35px;
	width: 345px;
	height: 155px;
	background-color: #fbfbfb;
	-webkit-box-shadow: 1px 0px 1px 1px grey;
	-moz-box-shadow: 1px 0px 1px 1px gray;
	box-shadow: 1px 1px 3px 0px #d0d0d0;
	border-radius: 4px;
	border: 1px solid #e9e9e9;
}

.dashboard-cards .dashboard-card .data-tip {
	position: absolute;
	bottom: -33px;
	left: 0;
	font-size: 0.9em;
}


.dashboard-cards .dashboard-card .dashboard-card-title a {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1em;
}

.dashboard-cards .dashboard-card .dashboard-card-subtitle {
	line-height: 1em;
	font-size: 0.8em;
	color: #acacac;
}

.dashboard-cards .dashboard-card .data-row {
	margin-top: 20px;
	width: 100%;
	position: absolute;
	bottom: 8px;
}

.dashboard-cards .dashboard-card .card-chart {
	position: absolute;
	width: 245px;
	height: 80px;
	left: 8px;
	top: 60px;
	display:none;
}

.dashboard-cards .dashboard-card .card-chart .nv-series {
	display: none;
}

.dashboard-cards .dashboard-card .card-chart .placeholder-container  {
	width: 240px;
	height: 70px;
	top: 21px;
	position: absolute;
}
.dashboard-cards .dashboard-card .card-chart .placeholder-container .placeholder {
	background-image: url(/static/images/dashboard-card-chart-placeholder.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 240px;
	height: 70px;
	left: 0;
	opacity: 0.4;
}

.dashboard-cards .dashboard-card .card-chart .placeholder-container p.placeholder-label {
	animation: pulse 1.5s infinite;
	color: gray;
	top: 18px;
	left: 29%;
	text-align: center;
	font-weight: bold;
	position: absolute;
}

@keyframes pulse {
	0% {
		opacity:1.0;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1.0;
	}
}

.dashboard-cards .dashboard-card .data-row .data-region {
	float: left;
	position: relative;
	margin-right: 5px;
	width: 74px;
}

.dashboard-cards .dashboard-card .data-row .data-region .card-data-title {
	font-size: 0.8em;;
	color: gray;
	clear: both;
	margin-bottom: 6px;
}

.dashboard-cards .dashboard-card .data-row .data-region .data-text {
	text-align:center;
	float: left;
	position: relative;
}

.dashboard-cards .dashboard-card .data-row .data-region h3 {
	font-size: 0.8em;;
	color: gray;
	clear: both;
	padding: 0;
	margin: 0;
	margin-bottom: 6px;
}

.dashboard-cards .dashboard-card .data-row .data-region .card-data-value {
	font-size: 1.5em;
	position: relative;
	float:left;
	margin-right: 5px;
	width: 100%
}

.dashboard-cards .dashboard-card .data-row .data-region .card-data-bar {
	position: relative;
	width: 10px;
	height: 30px;
	background-color: lightgrey;
	float: left;
	bottom: 5px;
	box-shadow: inset 1px 1px 2px 0px rgba(136,136,136,0.4);
	margin-left: 5px;
	margin-top:20px;
}

.dashboard-cards .dashboard-card .data-row .data-region .card-data-bar .bar {
	position: absolute;
	width: 8px;
	bottom: 1px;
	left: 1px;
}

.dashboard-cards .dashboard-card .data-row .data-region.score-region {
	margin-top:-5px;
}

.card-data-bar .bar.gt75 {
	background-color: #00d000;
	height: 28px;
}

.card-data-bar .bar.eq75 {
	background-color: #00d000;
	height: 20px;
}

.card-data-bar .bar.eq50 {
	background-color: #ffeb25;
	height: 15px;
}

.card-data-bar .bar.eq25 {
	background-color: #ffca33;
	height: 8px;
}

.card-data-bar .bar.lt25 {
	background-color: #d01c1c;
	height: 5px;
}

.dashboard-card .score {
	position: absolute;
	bottom: 8px;
	right: 8px;
	font-size: 0.8em;
}

.dashboard-card .score p {
	font-weight: bold;
 	clear: both;
	margin: 0;
	line-height: 0.8em;
}

.badge.badge-score {
	margin-top: -12px;
	font-size: 20px !important;
}

.badge-score.gt75 {
	background-color: #009109;
}

.badge-score.eq75 {
	background-color: #009109;
}

.badge-score.eq50 {
	background-color: #ffeb25;
	color: gray;
}

.badge-score.eq25 {
	background-color: #d09951;
}

.badge-score.lt25 {
	background-color: #e0897e;
}


.dashboard-card .recent-spike {
	position: absolute;
	top: 14px;
	right: 0px;
	width: 50px;
	text-align: center;
}

/* ---------- Detailed Table Styles ------*/
.btn {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.btn-ms-positive-orange {
	background-color:#f7931d;
	color: white !important;
}

.btn-ms-positive-orange:hover {
	background-color:;
	color: white !important;
}

.btn-ms-orange {
	background-color:#404041;
	color: white;
	border-color: gray;
}

.btn-ms-orange:hover {
	color: white !important;
}

.btn-ms-orange.active {
	background-color:#f7931d;
	color: white;
}

.btn-default.active {
	background-color: #f7931d !important;
	color: white !important;
}

.table-center td, .table-center th {
	text-align: center;
}

.table-center td:first-child, .table-center th:first-child {
	text-align: left;
}

/* --- Overall dashboard styles --- */
.score-badge {

}


/* --- Table post metrics ----- */
.table-post-metrics .fa-circle {
	font-size: 0.8em;
}

.table-post-metrics tr:nth-child(even) {
	background: none !important;
}

/*---------- Bootstrap overrides ------------------*/
.bootstrap-iso .badge.badge-danger {
	background-color: #b70000;
	color: white;
}

.bootstrap-iso a {
	color: #f7931d;
}

.bootstrap-iso .navbar {
	padding: 0;
	margin:0;
}

.bootstrap-iso .navbar-default {
	background-image: none;
	background-color: transparent;
	border: none;
	box-shadow: none;
}

.bootstrap-iso .navbar-default .navbar-nav > .open > a {
	box-shadow: none;
	background-image: none;
}

.bootstrap-iso .navbar-default .navbar-nav > li > a {
	font-family: 'PT Sans';
	text-transform: none;
}

.bootstrap-iso.project-menu {
	position: relative;
	float: left;
}

.bootstrap-iso .dropdown-menu > li > a {
	font-family: 'PT Sans';
	text-transform: none;
	font-size: 1.0em;
}
.bootstrap-iso .dropdown-menu > li > a:hover, .bootstrap-iso .dropdown-menu > li > a:focus {
	background-image: none;
	background-color: transparent;;
}
.bootstrap-iso .dropdown-menu > li {
	padding: 0;
	margin: 0;
	display: block;
	padding: 10px 20px;
}

.bootstrap-iso .dropdown-menu > li:hover {
	background-color: #e9e9e9;
}

.bootstrap-iso ul.dropdown-menu {
	line-height: 0px !important;
}

.bootstrap-iso .nav-tabs > li.active > a {
	border-top: 2px solid #f7931d !important;
}

.bootstrap-iso .navbar-collapse.collapse {
	display: block!important;
}

.bootstrap-iso  .navbar-nav>li, .navbar-nav {
	float: left !important;
}

.bootstrap-iso  .navbar-nav.navbar-right:last-child {
	margin-right: -15px !important;
}

.bootstrap-iso .navbar-right {
	float: right !important;
}

.bootstrap-iso .table > thead > tr > th {
	border-bottom: 0px !important;
}

.bootstrap-iso .table > tbody > tr > td {
	border-color: #f2f2f2;
}

.bootstrap-iso .margin-right-05em {
	margin-right: 0.5em;
}

.bootstrap-iso .margin-right-025em {
	margin-right: 0.25em;
}


.bootstrap-iso .margin-left-05em {
	margin-left: 0.5em;
}

.bootstrap-iso .clear {
	clear:both;
}

.bootstrap-iso .btn {
	background-image: none;
}

.bootstrap-iso .btn-primary,
.bootstrap-iso .btn-primary:focus {
	background-color: #f7931d;
	color: white;
	border: none !important;
	outline: none !important;
}

.bootstrap-iso .btn-primary:hover,
.bootstrap-iso .btn-primary:active,
.bootstrap-iso .btn-primary.active,
.bootstrap-iso .btn-primary:active:focus {
	background-color: #616164 !important;
	color: white !important;
	border: none !important;
}

.md-datepicker-calendar-pane {
	z-index: 1000000 !important;
}

ol.tracking-instructions {
	font-size: 12px;
	font-family: "PT Sans";
	padding-left: 2.5em;
}

.ms-loader.ng-animate { animation: none 0s; }

.ms-loader {
	border: 8px solid #f3f3f3; /* Light grey */
	border-top: 8px solid #f7931d; /* Blue */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: ms-spin 2s linear infinite;
	position: absolute;
	top: 50px;
	left: 345px;
}

.ms-loader.detailed-view,
.ms-loader.leads-view {
	top: 150px !important;
	left: 50%;
	margin-left: -25px;
}

@keyframes ms-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* ----- Angular UI Toggle overrides --- */
.toggle .btn {
	border: none;
}

.toggle.btn:focus {
	outline: 0 !important;
}

.toggle .btn-default.active {
	background-color: gray !important;
}


/* ------------ angular nvd3 overrides ----- */
.nv-x .tick line { display: none; }
.link { cursor: pointer; }
.dashed {
	stroke-dasharray: 5,5;
}

.card-chart g.tick {
	fill: #bababa !important;
}