/*
!*Include some pieces from base less *!
@import "base/reset.less";
@import "base/elements.less";
@import "base/bootstrap.less";

!* Include some extras from bootstrap *!
@import 'bootstrap/3.2.0/scaffolding.less';
@import 'bootstrap/3.2.0/utilities.less';

!* Form styling, include bootstrap forms *!
@import 'bootstrap/3.2.0/forms.less';
.form-control {
	border-radius:0px;
}
.form-control-focus() {
&:focus {
	border-color: @btn-primary-bg;
	outline: 0;
	.box-shadow(none);
}
}


*/


@import url("/styles/serc-bootstrap.css");
@import 'admin/header_footer.less';
@import 'admin/fav_management.less';
@import 'base/serc_account_menu.less';


body {
	margin:0px;
	padding:0px;

}

#header {
	height: 75px;
	padding: 0px;
	margin: 0px;
	background: #4b673f;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
#content {
	padding:0px;
	margin-left: 35px;
	padding-left: 20px;
	margin-right: 10px;
	padding-top: 20px;
	padding-bottom: 50px;
	border-top:none;
}

#footer {
    height: 10px;
    margin: 0;
    padding: 0;
    margin-top: 100px;
	width: auto;
	z-index: 1;
	clear: both;
	border-top: 2px solid #4b673f;
	border-bottom: 7px solid #4b673f;
}

h1 {
  color: #666;
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 8px;

}
	
.inputgroup {
	background: #eeeeee;
	padding: 5px;
}
.inputgroup h2 {
	background: #777777;
	color: #fff;
	font-weight: normal;
	font-size: 1.2em;
}
.inputgroup h3 {
	font-weight: bold;
	font-size: 1em;
	border-top: 2px solid #ccc;
}
 .formlabel{
 	font-weight: normal;
	background: #ccc;
	color: #fff 1px solid #aaa;
}

 .formbox {
border: 1px solid #4b673f;
padding: 10px;
background: #f9f9f9;
}
 .formtitle {
 	margin-top: -10px;
 	margin-left: -10px;
 	margin-right: -10px;
 	padding-left: 13px;
 	color: #fff;
 	background: #4b673f;
 	font-weight: normal;
 }
.formEditTitle{
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 13px;
	font-weight: normal;
	line-height: 0.5em;
}
 
 .formtitle-neutral {
 	background:none;
	color: #666;
 	font-size: 13px;
 	padding: 3px;
 }
 
 a div.formbox:hover{
    border: 2px solid #77f;
    margin-top: -1px;
    margin-bottom: -1px;
 }


.alert {
	font-size: 1.1em;
	color: #f77;
}

#fadingAlert{
	font-size: 1.3em;
	font-weight: bold;
	color: #f77;
	position: absolute;
	top: 80px;
	left: 40%;
	z-index: 100;
}


.moduleelement{
line-height: 1.15em;
margin-left: 25px;
margin-bottom: 5px;
}

.hiddenversion {
	margin-left: 10px;
}

.hiddenversion a{
  	text-decoration: underline; 	
 }

.modulename {
	color: #333;
	font-size: 1.3em;
	text-decoration: none; 	

}
.showntitle{
	top: 0px;
	margin-top: 2px;
	padding: 0;
	border-bottom: none;
}

.shownbody{
	padding:0 ;
	border: 0; 
	padding-left: 10px;
	border: 1px solid #aaa;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
  	box-shadow: 1px 1px 3px #888;

}


.elementlabel {
	font-size: 9px;
	color: #666;
}


table.admintable {
	border: 2px solid #ccd;
}


table.admintable td.tablelabel{
	font-weight: bold;
	color: #337;
	
}

table.admintable tr td div.stackedtablelabel{
	font-weight: bold;
	color: #f33;
	
}

table.admintable td{
	font-weight:normal;
	padding:0.3em 0.7em;
	text-align:left;
}

table.admintable tr{
	border:1px solid #666666;
	padding:0.1em 0.5em;
	text-align:right;
	background: #eef;
}

table.admintable tr:hover{
	background: #ffe9e9;
}

table.admintable th{
	border-bottom: 4px solid #779;
	background: #dde;
	font-size: 16px;
	text-align: center;
	padding-bottom: 5px;
}

table.sortable a.sortheader {
 	background-color:#ddd;
 	color:#666666;
   	font-weight: bold;
 	text-decoration: none;
   	display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

.smallsubmit {
	font-size: 10px;
	background-color: #fff;
	color: #22a;
	border: 1px solid #22a;
}

 .smallsubmit:hover {
 	color: #272;
 	border: 3px solid #4a4;
 }
 
.largesubmit {
	font-size: 16px;
	background-color: #fff;
	border: 4px solid #999;
	margin: 8px;
}
 .largesubmit:hover {
 	color: #4a4;
 	border: 4px solid #4a4;
 }

.editanchor, .vocabeditanchor {
	border: 2px solid #709670; 
	margin-top: 10px; 
	display: block; 
	padding: 0px; 
	padding-top: 3px; 
	padding-left: 0px;
	background: #fff;
	margin-right: 50px;
}

.editanchor:hover, .vocabeditanchor:hover{
	border: 2px solid #131;
	cursor:pointer;

}


.editanchor a, .vocabeditanchor a{
	text-decoration: none; 
}

.editanchor .serc-editable a{
	text-decoration: underline;
}

.editanchor .link {
	font-weight: bold;
}

.editanchor .link .hovertext {
	font-weight: normal;
	font-size: 10px;
	color: #dfdfdf;
}

.editanchor a:hover .link .hovertext {
	color: #888;
}

.editanchor fieldset{
	margin: 0;
	width: 98%;
	margin-left: 1%;

}
.editForm .saving{
	color: #f00;
	font: 24px;
	font-weight: bold;
	position: fixed;
	top:  260px;
	right: 203px;
}
.editForm .saved{
	color: #3a3;
	font: 48px;
	font-weight: bold;
	position: fixed;
	top:  260px;
	right: 203px;

}

.editFormSubmit {
	position: fixed;
	top: 300px;
	right: 22%;
	width: 50px;
	border: 3px solid #5a5; 
	color: #5a5;
	background: #fff;
	padding: 2px;
	font-weight: bold;
	font-size: 1.2em;

}

.contentbit-container{
	border: 1px solid #709670; 
	background: #cadbca;
	padding: 5px; 
	margin-right: 0;
}

.serc-editable-active{
 margin-right: 0px;
}


.editPageRightColumn{
	float: right;
	width: 20%;
	min-width: 140px;
}
.editPageLeftColumn{
	margin-right: 160px;
	max-width: 78%;
}
.media-edit-bar{
float: right;
width: 100%;
padding: 4px;
margin: 0px;
margin-top: 10px;
border: 1px solid #709670;
background: #e5f1e5;
font-size: 80%;
line-height: 100%;
}

.media-edit-bar .shownbody{
	background: #e5f1e5;
	border: none;
}
.media-edit-bar .showntitle{
	background: #e5f1e5;
	border: none;
}
 
 
.media-edit-bar .liveEditButton{
	font-size: 11px;
	color: #383;
	border: 1px solid #383;
	text-decoration: none; 
}

.media-edit-bar h3.media-section{
	color: #5a5;
	background: #cadbca;
	padding: 5px;
	margin-left: -4px;
	margin-right: -4px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: normal;
    border: 1px solid #709670;
    border-right: none;
    border-left: none;
}
.media-edit-bar h3.media-section .showntitle{
	background: #cadbca;
	font-size: 12px;
}

.pageAdminFeatures{
	float: right;
	width: 100%;
	padding: 4px;
	margin: 0px;
	border: 1px solid #dd5;
	background: #fafaee;
	font-size: 80%;
	line-height: 100%;

}

.pageTitle{
	font-weight: bold;
	font-size: 18px;

}


.editToggles{
	font-size: 80%;
	color: #66f;
}

.editToggles span:hover{
	text-decoration: underline;
	color: #33f;
}
.instruction{
	margin: 10px;
	background: #efefef;
	color: #555;
	padding: 5px;
	border: 2px solid #383;
	font-size: 1.0em;
	line-height: 1.4em;
	clear: both;
}


.instruction strong.title{
	font-size: 1.1em;
	font-weight: normal;
	color: #383;
}

.green {
	color:  #4b673f;
}
.purple {
	color:  #a3a;
}

#categorytitle{
	color:  #4b673f;
	font-size:11px;
	line-height:14px;

}

.serc-content-name{
	display: none;
}

.peopletable {
	border: 2px solid #baa;
	padding: 3px;
}
.peopletablelabel{
	background: #eee;
	width: 200px;
}

.people-edit-save{
	position: fixed;
	top: 320px;
	left: 600px;
	border: 3px solid #a00;
	background: #fff;
	font-size: 16px;
}
.people-edit-save:hover{
	color: #fff;
	background: #a00;
}

a.people-problem-button {
display: block; 
width: 90%; 
border: 1px solid #a33;
padding: 4px; 
font-size: 11px;	
background: #fcc; 
text-decoration: none; 
color:#c77; 
font-weight: bold;
		}
		
a.people-problem-button:hover {
border: 1px solid #711;
color:#a33;

}


.reviewcomplete{
	background: #d2d3ef;
}

.reviewinprocess{
	background: #FDF3BA;
}
 .reviewnotstarted{
 	background: #F7BAC0;
}

.reviewsmallbox{
	border: 1px solid #ccc;
	float: left;
	padding: 2px;
	margin-right: 5px;
}

.reviewcrumbs{
background: #eee; width: 100%; padding: 3px; margin-top: -10px;
}

.vocabname{
   color: #666;
}

.facetwrapper {
	margin-left: 10px;
}

.serc-radiobutton{
    width: 1.0em;
    height: 1.0em;
}
.serc-radiobuttongroup{
    font-size: 13px;
    line-height: 1.0em;
    margin-bottom: 10px;
}

#formElementContainer{
  margin-right: 90px;
}

.formElementSummary{
	min-width: 500px;
	margin-right: 100px;
}

.formEditSubmit {
	position: fixed;
	top: 300px;
	right: 25px;
	width: 50px;
	border: 3px solid #5a5; 
	color: #5a5;
	background: #fff;
	padding: 2px;
	font-weight: bold;
	font-size: 1.2em;

}

#mainForm .saving, #mainForm2 .saving{
	color: #f00;
	font: 24px;
	font-weight: bold;
	position: fixed;
	top: 260px;
	right: 25px;
}
#mainForm .saved, #mainForm2 .saved{
	color: #3a3;
	font: 48px;
	font-weight: bold;
	position: fixed;
	top: 260px;
	right: 25px;

}


.formElementEditBox{
  border: 1px solid #999;
  padding: 10px;
  margin-top: 6px;
  min-width: 600px;
  background: #fcfcfc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 1px 1px 5px #aaa;
  -webkit-box-shadow: 1px 1px 5px #aaa;
  box-shadow: 1px 1px 5px #aaa;
}

.formElementEditBox:hover{
    border: 1px solid #4D673F;
    -moz-box-shadow: 1px 1px 5px #777;
  -webkit-box-shadow: 1px 1px 5px #777;
  box-shadow: 1px 1px 5px #777;
  background: #fff;
}

.formDragHandle{
  float: left;
  width: 70px;
  background: #aaa;
  margin-left: -10px;
  margin-top: -10px;
  margin-bottom: 0px;
  padding: 10px;
  padding-left: 23px;
  margin-right: 10px;
  color: #fff;
  font-size: 9px;
  background-image: url(/images/dimples.gif);
  background-repeat: no-repeat;
}

.formDragHandle:hover{
  background: #555;
  color: #fff;
  background-image: url(/images/dimples_dark.gif);
    background-repeat: no-repeat;


 
}

.formRevealPane{
  margin-top: 5px;
  padding: 15px;
  border: none;
}


 a.formEditButton{
 	 text-decoration: none;
     color: #fff;
     background: #80AB69;
     padding: 3px;
     font-size: 11px;
     -moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
 }
 
  a.formEditButton:hover{
    background: #4D673F;
 }
 
 a.formRevealPaneToggle {
     text-decoration: none;
     color: #fff;
     background: #80AB69;
     padding: 3px;
     font-size: 11px;
     -moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
 }
 
 a.insertElementClose{
 	display: block;
 	float: right;
 	width: 60px;
 	background: #D7C45E;
 	text-align: center;
 }
 a.formRevealPaneToggle:hover{
    background: #4D673F;
 }

.formFieldLabel{
	color: #fff;
     background: #80AB69;
     padding-right: 5px;
     padding-left: 5px;
     font-size: 11px;
}
 

  .formFieldDescription{
    font-size: 11px;
 }
 
 .formElementRadioLine{
 	background: #fff;
 }
 tr.formElementRadioLine:hover {
 	border: 1px solid #aaa;
 }

a.insertFieldButton{
    display: block;
    text-decoration: none;
     color: #fff;
     background: #80AB69;
     padding: 3px;
     font-size: 11px;
     -moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
  	  width: 150px;
    text-align: center;
    margin-bottom: 10px;
}
a.formRadioAdd{
  text-decoration: none;
   color: #fff;
     background: #80AB69;
     padding: 3px;
     font-size: 11px;
     -moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
  	
}

a.deleteFormElementButton{
    
    margin-left: 75%;
    display: block;
    width: 135px;
    text-align: center;
    margin-top: 20px;
	text-decoration: none;
    color: #fff;
     background: #c33;
     padding: 3px;
     font-size: 11px;
     -moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
}

a.deleteFormElementButton:hover{
    background: #f00;
    font-weight: bold;
}

.insertFormElementDialog {
    height: 0;
    clear: both;
	border: 1px solid #4D673F; 
	width: 90%;
    margin-left: 5%;
    margin-bottom: 20px;
    padding: 10px;
    -moz-box-shadow: 1px 1px 5px #777;
  -webkit-box-shadow: 1px 1px 5px #777;
  box-shadow: 1px 1px 5px #777;
  border-top: none;
}

#maincolumn {
  margin-left: 100px;

}

#leftcolumn {
	width: 120px;
	float: left;
	margin-top: 50px;
	font-size: 10px;
	margin-left: -30px;
	line-height: 10px;
}

/* little rounded box for a tidbit of related info */
.infosection{
	color: #888;
	background: #efefef;
	background: rgba(240,240,240,0.85); 
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 5px;
    padding-left: 10px;
    margin-bottom: 15px;
    overflow: hidden;

}

.infosection h3{
	margin-top: 5px;
	font-size: 1em;

}

.infosection a{
	text-decoration: none;
	color: #888;
}

.infosection:hover{
	color: #333;
	box-shadow: 1px 1px 3px #888;
}

.infosection:hover a{
	color: #33a;
	text-decoration: underline;
}

.dialogButton {
     color: #fff;
     background: #80AB69;
     padding: 3px;
     font-size: 11px;
     -moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
  	border: none;
  	box-shadow: 1px 1px 3px #888;
}

.dialogButton:hover {
	cursor: pointer;
}

.sercDialog {
	display:none; 
	padding: 10px;
	width: 95%;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
  	box-shadow: 1px 1px 3px #888;
	background: #fff;
	border: 3px solid #555;
}

.infosection button.dialogButton {
	background:  #ccc;
}

.infosection:hover button.dialogButton {
	background:  #80AB69;
}

.demographic-edit-save{
	position: absolute;
	top: 80px;
	right: 5%;
	border: 3px solid #a00;
	background: #fff;
	font-size: 12px;
}
.demographic-edit-save:hover{
	color: #fff;
	background: #a00;
}

.profile-edit-save{
	position: absolute;
	top: 150px;
	right: 5%;
	border: 3px solid #a00;
	background: #fff;
	font-size: 12px;
}
.profile-edit-save:hover{
	color: #fff;
	background: #a00;
}

.disabled-section {
	color: #888;
	background: #efefef;
	background: rgba(240,240,240,0.85); 
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 10px;
}

.disabled-section a{
	pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #888;

}

.account-page-list{
	padding: 0;
}
.account-page-list li{
	list-style-type : none;
	margin: 0;
	padding: 5px;
	clear: both;
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
    border-radius: 6px;
    background: #fbfbfb;
    min-height: 60px;
    margin-bottom: 10px;
    border: 1px solid #999;
    color: #ccc;
    max-width: 600px;
}
.account-page-list li strong{
    color: #111;	
    font-weight: bold;
}

.account-page-list li strong .small{
	font-weight: normal;
}

.account-page-list li:hover{
	list-style-type : none;
	padding: 5px;
	clear: both;
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #222;
    box-shadow: 1px 1px 2px #888;
	color: #777;

}

.account-page-list li img{
	float: left;
	margin-right: 10px;
	border: 1px solid #efefef;

}

.account-page-list li:hover img{
	float: left;
	margin-right: 10px;
	border: 1px solid #ccc;
}

@media screen  and (max-width: 900px) {
	.account-page-list li img{
		display:none;
	}

}

.account-page-list a{
	text-decoration: none;
}

.account-page-list .button{
	display:inline-block;
	color: #fff;
	background: #ddd;
	margin: 3px;
	padding: 3px;
	font-size: 11px;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
  	border: none;
  	cursor: pointer;
  	text-decoration: none;
}

.account-page-list li:hover .button{
	background: #80AB69;
	box-shadow: 1px 1px 3px #888;
}


#serc-account-bar{
	display:block;
	left: 600px;
	width: 300px;
	background: none;
}
#accountMenuTitle button{
	color: #fff;
	background: none;
	border: none;
}

/* style for loginout page */
   .simple-box {
	   min-width: 300px;
	   background: #F7F7F7;
	   padding:20px;
	   margin-top:12px;
	   .box-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));

	   label {
		   font-weight:normal;
	   }
   }

.form-control{
	width: 90%;
	padding: 6px 12px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-group{
	margin-top: 15px;
}

@media screen and (max-width:700px) {
	main.container div.row {
		flex-direction: column;
		margin-left: 5px;
		margin-right: 5px;

	}
}