html{ font-family: 'helvetica neue',helvetica, arial, sans-serif;color:#555;
} 

body {background:#f2f2f2;text-align:left;}

.generic a {color:#24bbdd;text-decoration:none;}
.generic a:hover {color:#009dcf;text-decoration:underline;}
a {color: #24bbdd;}
.mailings-compose  .header {font-size:62.5%}

fieldset {
	border:0;
	padding:0;
	}

.content.generic { margin: 0px 0px 0px 80px; overflow: visible; }


/* OLD HEADER LEFTOVERS */

	/* header */

	  .header {
		 height: 216px;
		 font-family:myriad pro, trebuchet ms, arial;
		 line-height:18px;
	 }
	 
	  .header .title-page { background: #555; }
	 
	  .header .title-project {
		 width: 940px;
		 height: 144px;
		 position: absolute;
		 top: 0px;
		 left: 0px;
		 font-size: 4.0em;
		 font-weight: bold;
		 margin:0;
		 background:#444;
		 border-bottom: 1px solid #555;
  		 text-align:left;
	 }
	 
	  .header .title-project span {
		 display: block;
		 margin: 44px 0px 0px 80px;
	 }
	 
	 
   /* top nav */
	 
	 .header .main-menu {
		 border-left: 1px solid #555;
		 border-top: 1px solid #555; 
		 position: absolute;
		 top: 108px;
		 left: 79px;
		 margin:0;
		 padding:0;
	 }
	 
	  .header .main-menu li {
		 float: left;
		 list-style-type:none;
	 }
	 
	  .header .main-menu li a {
		 border-right: 1px solid #555;
		 border-bottom: 1px solid #555;
		 display: block;
		 font-size: 1.4em;
		 font-weight: bold;
		 color: #999;
		 text-decoration: none;
		 padding: 8px 16px 9px 16px;
		 background: #F2F2F2;
	 }
	 	 
	  .header .main-menu li a.active {
		 background: #fff;
		 color: #000;
		 border-bottom: 1px solid #fff;
	 }



/* mini menu */

	  .header .mini-menu {
		 position: absolute;
		 right: 20px;
		 top: 118px;
		 margin:0;
		 padding:0;
	     text-shadow:1px 1px #333;
	 }
	 
	   .header .mini-menu li {
		 color: #fff;
		 float: left;
		 margin: 0px 0px 0px 10px;
		 list-style-type: none;
	 }
	 
	  .header .mini-menu li a {
		 text-decoration: none;
		 color: #fff;
		 text-transform: uppercase;
	 }
	 

/* page name h2 */

	.mailings-compose .mailings .header .title-page {
		 background: none;
		 position: absolute;
		 left: 80px;
		 top: 158px;
		 font-size: 2.7em;
		 font-weight: bold;
		 padding: 4px 22px 4px 0;
		 font-weight: bold;
		 font-family: 'helvetica neue', helvetica, arial, sans-serif;
	 }

/* END LEFTOVERS */


/* wrapper */

	 .wrapper {
		 width: 940px;
		 margin: 18px auto 36px auto;
		 position: relative;
		 padding: 0px 0px 36px 0px;
		 box-shadow: 0px 0px 50px #bbb;
 		 border: 0;background:#fff;
	 }



/* steps */

/* delete this top bit when we launch tabs */

.change-form .title-steps {
font-size: 62.5%;
font-family: myriad pro, trebuchet ms, arial;
font-weight:bold;
margin-top:15px;
}

.change-form .title-steps span {
font-size: 1.4em;
color: #B3B3B3;
margin: 0px 10px 0px 0px;
}

.change-form .title-steps em {
font-size: 1.8em;
margin: 0px 10px 0px 0px;
font-style: normal;
font-weight:bold;
}

.change-form  .title-steps a {
color: #B3B3B3;
text-decoration: none;
}

.change-form  .title-steps a:hover {
color: #B3B3B3;
text-decoration: underline;
}

/* hidden until we're ready to launch tabs 

	 .change-form .title-steps{
	 		 font-size: 14px; font-size:.9rem;
		 margin: 12px 0 24px 120px;
		 padding-bottom:6px;
		 width:600px;
		 font-weight:bold;
		 border-bottom:1px solid #ccc;
		 text-align:center;
		 height:28px;
		 line-height:normal; 
	 }
	 
	 .change-form .title-steps div {
		 margin: 0px 5px 0px 0px;
		 background:#e8f3f6;
		 padding:7px 24px;
		 border-top-right-radius:8px;
		 border-top-left-radius:8px;
		 height:auto;
		 overflow:hidden;
		 border-bottom:1px solid #ccc;
	 }
	 
	 .change-form .title-steps div a{
		 color:#4592b3;
	 }
	 
	 .change-form .title-steps div {
		 display:inline-block;
		 height:19px;
	 }
	 
	 .change-form .title-steps div.active {
		 margin: 0px 5px 0px 0px;
		 font-style: normal;
		 background:#fff;
		 border:1px solid #ccc;
		 color:#bcbcbc;
		 border-top-right-radius:8px;
		 border-top-left-radius:8px;
		 border-bottom:1px solid #fff;
	 }
	 
	 .change-form .title-steps span{
		 font-style: normal;
		 font-weight: bold;
		 display: inline-block;
		 width: 19px;
		 height: 16px;
		 background: #4592b3;
		 padding: 2px 0 1px 0px;
		 border-radius: 50%;
		 color: #fff;
		 font-size: 12px; font-size:.75rem;
		 margin: -4px 0 0 0;
	 }
	 
	 .change-form .title-steps div.active span{
		 background:#ccc;
	 }

	.change-form div.title-steps div.inactive span {
		background: #AAA;
	}

	.change-form .title-steps div.inactive { 
		background: #eee;
		color:#aaa;
	}
	
	*/


/* content-main */
/* form */

	 .content {
		 width: 820px;
	 }
	 
	 .aligned label,
	 .change-form label {
		 padding: 7px 8px 0 0;
		 float: left;
		 width: 110px;
		 font-size: 1em;
		 font-weight:bold;
		 text-align:left;
	 }
	 
	 label span {
	 	font-weight:normal;
	 	color:#aaa;
	 	font-size:.8rem;
	 }
	 
	 input[type="text"] {
		 background:#eee;
		 border:1px solid #ccc;
		 height:38px;
/*		 width:600px;*/
		 font-size:1.1em;
		 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;  /* Opera/IE 8+ */
		 padding:0 6px;
		 margin-bottom:5px;
		line-height: 1;
	 }
	 
	 select {
		padding: 5px;
		height: 38px;
		border: 1px solid #ccc;
		border-collapse: separate;
		box-sizing: border-box;
		cursor: pointer;
		display: block;
		float: left;
		vertical-align: top;
		margin-bottom:7px;
		-webkit-appearance: button;
		-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
		-webkit-padding-end: 28px;
		-webkit-padding-start: 15px;
		-webkit-user-select: none;
		background-image: url('/media/images/ak-arrow.png'),
		-webkit-linear-gradient(#eee, #eee 0%, #eee);
		background-color:#eee;
		background-position: center right;
		background-repeat: no-repeat;
		font-size: inherit;
		overflow: hidden;
		white-space: nowrap;
		max-width:600px;
	    }
	 
	 .form-row {
		font-size: 1em;
	    clear:both;
	    margin-bottom:10px;
	    position:relative;
	    }
	 
	 .form-content, .form-right{
		margin-left:120px;
	    text-align:left;
	    }
	 
	 .fieldinfo {
		font-size:12px; font-size:.8rem;*/
		clear:both;
		margin:0 0 14px 120px;
		padding:0;
		-webkit-margin-before: 0;
		text-align:left;
		color:#aaa;
		clear:both;
		max-width:600px;
		}
		 
	 .theform-value .fieldinfo{
		margin-left:0;
	    }
		 
	 .theform-value .kvp_table .fieldinfo {
		margin-left:0;
		}
	 
	 .helptext {clear:both;}



/* help button */

a.help_button{
	 width: 26px;
	 height: 26px;
	 display: inline;
	 background: #ddd;
	 color: #fff;
	 padding: 0;
	 margin: 9px 0 0 580px;
	 overflow: hidden;
	 text-align: center;
	 font-weight:bold;
	 font-size: 13px; font-size:1rem; 
	 float: left;
	 position: absolute;
	 left: 172px;
	 top: -4px;
	 display:none;
	 border-radius: 50%;
	 padding-top:3px 2p;
	 line-height:1.6;
}

a.help_button:hover {
	background:#ccc;
	text-decoration:none;
	color:#fff;
	}

	/* let's move some of these closer to their input fields */
	.web_viewable-row .fieldinfo a.help_button{	
		margin-left: 165px;
		left: 0;
		}	
		
.error a.help_button{
	 margin-left:580px!important;

}

.proof-button-row a.help_button{
	/* specific positioning for proof row.*/
	 margin: 21px 0px 0px 250px;
}

	
/* another + */

a.another, a.anotherstyle {
	font-size: 32px; font-size: 2rem; 
	position: absolute;
	
	margin: -4px 8px;
	font-weight:normal;
}

a.another:hover, a.anotherstyle:hover {
	text-decoration:none;
	color:#009dcf;
	font-weight:bold;
}

.kvp_table a.anotherstyle{
	margin-top:6px;
}




.hidden {display:none;}



	
.clear-fix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
     

/* form rows individual styling */


	 /* wysiwig editor styling */
	 
		 .change-form .editor-area { margin-left: 0; position: relative; width: 600px; }
		 .change-form .editor-area .editor-toolbar { margin: 0; border: 1px solid #ccc; padding: 4px 3px; border-bottom: none; width: auto; background: #F0F0EE; height: 19px }
		 .change-form .editor-area .editor-controls { text-align: right; position: absolute; top: 5px; right: 5px; width: 230px; color: #666; font-family: tahoma, verdana; font-size: 11px; z-index: 2 }
		 .change-form .editor-controls a { margin: 0 3px; }
		 .change-form .editor-controls a.active { color: #888; text-decoration: none; cursor: default; }
		 .change-form .editor-controls a.separated { border-left: 1px solid #666; padding-left: 7px; }
		 .change-form .editor-area .editor-content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
		 .change-form .editor-area textarea.editor-raw { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding: 4px; border: none; margin: 0; line-height: 1.4em; vertical-align: top; resize: none; font-size: 13px }
		 .change-form .editor-area.wysiwyg-off .editor-content,
		 .change-form .editor-area.wysiwyg-code .editor-content { border: 1px solid #ccc; overflow-y: auto; }
		 .change-form .editor-area.wysiwyg-on .editor-content { margin-bottom: 38px;  }
		 .change-form .editor-area.wysiwyg-code textarea.editor-raw { display: none }
		 .change-form .editor-area .fullpage-off { display: none }
		 .change-form .editor-area.fullpage .fullpage-on { display: none }
		 .change-form .editor-area.fullpage .fullpage-off { display: inline }
		 .change-form .editor-area.fullpage { z-index: 10; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 20px; background: #888; width: auto; }
		 .change-form form .editor-area.fullpage p.editor-controls { top: 25px; right: 25px; width: 300px; z-index: 12 }
		 .change-form .editor-area.fullpage .editor-content { position: fixed; left: 20px; right: 20px; top: 48px; bottom: 18px; height: auto !important; width: auto; }
		 .change-form .editor-area.fullpage.wysiwyg-on .editor-content {  top: 20px; margin-bottom: 0; }
		 .change-form .editor-area .mceLayout  { position: absolute }

		 p.editor-controls{margin-top:2px;padding-top:0;-webkit-margin-top:0;}


		/* ****************************************************************** */
		
		#snippets {
			background-color: #FAFAFA;
			color: #333;
			height: 256px;
			overflow-y: auto;
			padding: 2px 7px;
			width: 260px;
			font-size:.7rem;
			font-family:'helvetica neue',helvetica, arial, sans-serif;
		}
		
		#ui-dialog-title-snippets{
			font-size:.85rem;
		}
		
		#snippets dt { font-weight: normal; text-decoration: underline; margin-top: 12px; cursor: pointer; }
		#snippets dd dt { margin-top: 8px; }
		#snippets dd { margin-left: 1em; text-decoration: none;  margin-top: 5px; display: none; }
		#snippets p { line-height: 1.1em; }
		
		/* ****************************************************************** */



	 /* plain text form row */

		.text-row label{ /*hide plain text label*/
			display:none;
			margin-top:17px;
		}
		
		.text-row p{
			font-size: .8em;
			margin: 0 0 14px 0;
			padding: 5px 0 0 0;
			-webkit-margin-before: 0;
			text-align:left;
		}	


	/* web viewable form row */

		  .web_viewable-row input[type="checkbox"] {  
			  height:34px;
		  }


    /* tags form row */
    
    select#reviewers{
    	width:100%;
    }
    
	
	/* chzn style update */

	.chzn-search-field input {width:100%!important;}

	 .chzn-container-multi .chzn-choices .chzn-search-field input {
		  height: 38px!important;
		  background: #eee!important;
		  border: 1px solid #ccc!important;
	 }
	 
	 .chzn-container-multi .chzn-choices {
		  -webkit-box-shadow: 0 !important;
		  -moz-box-shadow: 0 !important;
		  -o-box-shadow: 0 !important;
		  box-shadow: 0 !important;
		  background: #eee !important;
		  border: 1px solid #ccc !important;
	 }
	 
	 .chzn-container {
		  width:600px !important;
		  font-size: 1em !important;
	 }
	 
	 .chzn-container-multi .chzn-choices .search-choice {
		  -webkit-border-radius: 3px;
		  -moz-border-radius: 3px;
		  border-radius: 3px;
		  -moz-background-clip: padding;
		  -webkit-background-clip: padding-box;
		  background-clip: padding-box;
		  background-color: #fff !important;
		  background-image: none !important;
		  -webkit-box-shadow: 0 !important;
		  box-shadow: 0 !important;
		  -moz-box-shadow: 0 0 0!important;
		  box-shadow: 0 !important;
		  color: #555 !important;
		  border: 1px solid #ccc !important;
		  line-height: 22px !important;
		  padding: 3px 20px 3px 5px;
		  margin: 3px 0 3px 5px;
		  position: relative;
		  cursor: default;
		  height:24px;
	 }
	 
	 /* fixing chozen weirdness under proof options 'to' field */
	 
	 li.chzn-search-field,
	 div.chzn-drop,
	 ul.chzn-results,
	 li.active-result,
	 li.active-result,
	 li.no-results{
		 width:100%!important;
	 }


	/* custom fields form row */

		  .kvp_table th {
			  text-align:left;
			  padding: 7px 8px 5px 0;
			  font-size:.8em;
		  }
		  
		  td.kvpvalue{
			  vertical-align:top;
			  }
		  
		  .kvp_table td, .kvp_table th{
			  padding-right:20px
		  }
		  
		  input[type="text"].kvpvalue-input{
			  height:38px;
			  max-width: 150px;
			  margin: 0;
		  }
		  
		  td.kvplabel{
			  vertical-align:top;
		  }
		  
		  td.kvpdelete  {
			  margin:0;
			  vertical-align:top;
			  padding-top:8px;
			  text-align:center;
		  }
	  
		  div.kvpaddanother{
			  position:absolute;
			  top:0;left:610px;
		  }
		  
		  td.kvpaddanother p{
		  	  margin:0;
		  	  padding:0;
		  	  lineheight:1;
		  }


	 /* email wrapper form row */

		  .emailwrapper-row{
			  margin-bottom:0;
		  }


	 /* proof options */

	#proof_users .user_id_list {
			margin-left:0;
			}
			
	.proof_users textarea {
		width:586px;background: #eee;
		border: 1px solid #ccc;
		font-size:12px;font-size:.8rem;
		color:#bbb;
		padding: 6px 6px;
		margin-bottom: 5px;
		}


/* collapse / expand */

	 .arrow-holder {
		margin-left:120px;
	 }

	 .collapse_expand .expander_content, .collapse_expand.expanded .expander {
		 display: none;
	 }
	 
	 .collapse_expand.expanded .expander_content {
		 display:block;
	 }
	 
	 .expander em, .collapser em {
	 	 font-style:normal;
	 }


/* readmore */

	 .readmore {
		 display:block;
		 clear: both;
		 border: 1px solid #ccc;
		 margin: 0 0 0 120px;
		 padding:0;
		 width:22px;
		 height:10px;
		 font-size:1.3em;
		 text-align : center;
		 color:#24bbdd;
		 line-height:10px;
		 position: relative;
		 cursor:pointer;
		 background: #eee url('/media/images/ak-ellipsis.png');
		 text-indent:-99999px;
	 }




/* buttons */

.target-button-row, .proof-button-row {
	width:600px;
	float:right;
	margin-right:96px;
	text-align:center;
}

.button-divider-row{
	width:600px;
	margin-right:96px;
	float:right;
	background:url('/media/images/ak-dot.png');
	background-repeat:repeat-x;
	background-position:center;
	text-align:center;
}

.button-divider-row h1{
	margin:0 auto;
	text-align:center;
	font-size:1.2rem;
	top : -1em;
	positiona:relative;
	background:#fff;width:60px;
	}


button, input[type="button"], input[type="reset"], input[type="submit"]{
	 height:50px;
	 color:#fff;
	 padding: 5px 25px;
	 line-height: 1;
	 border: 0;
	 border-collapse: separate;
	 box-sizing: border-box;
	 cursor: pointer;
	 vertical-align: top;
	 font-size: 1.2rem;
	 margin: 5px;
	 -webkit-appearance: button;
	 -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
	 -webkit-padding-end: 28px;
	 -webkit-padding-start: 28px;
	 -webkit-user-select: none;
	 background: #24bbdd;
	 background-repeat: no-repeat;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 -webkit-border-radius: 25px;
	 -moz-border-radius: 8px;
	 border-radius: 8px;
     font-family: 'helvetica neue', helvetica, arial, sans-serif;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
	background:#009dcf;
}



/* errors */

ul.errorlist, p.errornote {
	 list-style-type: none;
	 background: #FFEEEE none repeat scroll 0 0;
	 color: #DD0000;
	 font-size: normal;
	 line-height: 32px; line-height: 2rem; 
	 font-family: inherit;
	 padding: 0 15px;
	 margin: 0 0 8px;
	 text-align:left;
	 font-size:.9rem;
	 width:570px;
}


ul.messagelist {
	 list-style-type: none;
	 background: #eeeeff none repeat scroll 0 0;
	 color: #232389;
	 font-size: normal;
	 font-weight: bold;
	 line-height: 24px;
	 line-height: 1.5rem;
	 font-family: inherit;
	 margin: 0 63px 20px 120px;
	 padding: 15px 10px 15px 20px;
	 text-align:left;
}

.error label {
	color:#d00;
	}

.error input, .error select, .error textarea {
	border:2px solid #d00;
}

.error .defaultSkin table.mceLayout {
	border-left: 2px solid #d00;
	border-right: 2px solid #d00;
	}
	
.error	.defaultSkin table.mceLayout tr.mceFirst td.mceFirst{
	border-top: 2px solid #d00;
}

.error .defaultSkin table.mceLayout tr.mceLast td.mceLast{
	border-bottom: 2px solid #d00;
}

.error div#id_tags_chzn,
.error div#reviewers_chzn{
    border: 2px solid #d00!important;
	 }
	 


/* footer */

	 .footer { width: 940px; margin: 18px auto 36px auto; padding: 0px 0px 36px 0px; }
	 

.footer p {
	font-size: .5em;
	font-weight: bold;
	margin: 0px 0px 0px 80px;
}

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

html .CodeMirror,
html .CodeMirror-hints {
	font-family: lucida console, courier, monospace;
	font-size: 13px;
}
.change-form .editor-area .CodeMirror {
	width: auto;
}
.change-form .editor-area .CodeMirror,
.change-form .editor-area .CodeMirror-scroll {
	height: 100%;
}

.change-form .editor-area.fullpage .CodeMirror {
	position: fixed;
	left: 21px;
	right: 21px;
	top: 49px;
	bottom: 19px;
	height: auto;
	width: auto;
	min-height: 100px;
	max-height: none;
}

.cm-s-ak span.cm-command {color: #800; font-weight: bold }
.cm-s-ak span.cm-keyword {color: #800; }
.cm-s-ak span.cm-operator {color: #800;  }
.cm-s-ak span.cm-string-2 {color: #f80;}
.cm-s-ak span.cm-builtin {color: #800;}

.cm-s-ak span.cm-number {color: #080;}
.cm-s-ak span.cm-string {color: #080;}
.cm-s-ak span.cm-atom {color: #080; font-style: italic }
.cm-s-ak span.cm-variable-3 {color: #808; }

.cm-s-ak span.cm-comment {color: #888;}

.cm-s-ak span.cm-function {color: #008;}

.cm-s-ak span.cm-variable-2 {color: #005; }

.cm-s-ak span.cm-def {color: #00f;}
.cm-s-ak span.cm-variable {color: #808; }
.cm-s-ak span.cm-property {color: #008;}
.cm-s-ak span.cm-meta {color: #555;}
.cm-s-ak span.cm-error {color: #f00;}
.cm-s-ak span.cm-qualifier {color: #800;}
.cm-s-ak span.cm-bracket {color: #997;}

.cm-s-ak span.cm-tag {color: #900;}
.cm-s-ak span.cm-attribute {color: #008;}

.cm-s-ak span.cm-header {color: blue;}
.cm-s-ak span.cm-quote {color: #090;}
.cm-s-ak span.cm-hr {color: #999;}
.cm-s-ak span.cm-link {color: #00c;}

.cm-s-ak span.cm-django { background: #ffd; background: rgba(255,255,153,0.3) }

.cm-s-ak span.cm-javascript { background: #FFF2F8; background: rgba(255,189,222,0.2) }

.cm-s-ak span.cm-css { background: #F2FAFF; background: rgba(191,228,255,0.2) }






/* reports page */

/* fixing proofs for reports page sidebar */


.reports_sidebar{
	font-family:'helvetica neue', helvetica, arial, sans-serif;
	width:150px;
}

.reports_sidebar  h1{
	font-size:1.1rem;
}

.reports_sidebar  p{
	font-size:.8rem;
}

.reports_sidebar label{
	font-weight:bold;
}

.reports_sidebar input[type="text"] {
		 width:120px;
	 }

.reports_sidebar .form-right,
.reports_sidebar .form-content{
		margin-left:0px;
	    }
	    
.reports_sidebar .proof_users textarea{
	width:106px;
}

.reports_sidebar .chzn-container {
	width: 120px !important;
}

.reports_sidebar .proof-button-row {
	width: auto;
	float: left;
	margin-right: 0;
	text-align: left;
}

.reports_sidebar button,
.reports_sidebar input[type="button"],
.reports_sidebar input[type="reset"],
.reports_sidebar input[type="submit"] {
	 -webkit-padding-end: 19px;
	 -webkit-padding-start: 19px;
	 height:40px;
	 font-size:1rem;
}