/* reset.css */

html { background: #F1F1F1;   }

div.large-12.columns {
padding-top: 1em;
padding-bottom: 1em;
}

/* custom */    
body
{
/*	background: #FFFFFF url(/usg_speakers/assets/images/header_bg.png) repeat-x;*/
margin: 0px;
padding: 0px;
/*scroll left top;*/
}

a {
color: #03C;
}

#header {
padding: 0px;
margin: 0px;
background: #0038A8 url('/apps/hr/exit_survey/assets/images/header_bg.png') repeat-x;
}

#header img {
width: auto;
}
 
 .large-12.columns {
 background: #fff;
 }


.top-bar  {
/*background: #026fc8;
background: #717271; */
}

 

.top-bar {  /* nav bar */
padding: 0px;
/*margin-bottom:  2em; */

}

.top-bar  {  /* nav bar */
background: #717271;
}

.banner {
/*border-bottom: 2px solid  #717271; */
border-bottom: 2px solid #3E8EDE;  
}


.banner_top h1 {
padding: 3px;
	color: #0038A8;  
	font-size:	1.2em;
	margin: 0;
	line-height: 1.1em;
	font-family:  verdana, hevetica, san serif;
	text-transform:uppercase;
	margin-left: 30px;
}

.footer { 
background: #F1F1F1 url("/apps/hr/exit_survey/assets/images/footer_bg.png") repeat-x !important;
    color: #666666;
    padding-bottom: 1em;
  padding-top:  1.8em; 
/*    margin-top: 1.5em;   */
 font-size:  90%;
 text-align:center;
}



.footer p {
/*
  font-size:  90%;
   line-height: 1.4em;
*/
}


.callout.warning
{
  background-color: #fff3d9;
}

/*
.banner_bottom img {
padding: 0px;
	margin-bottom: 0;
	float: left;
	 
	margin-left: 0px;
	margin-right:  0px;
 
}

.banner_bottom {
 
background: #fff;
	padding-bottom: .8em;
	border-bottom: 2px solid #3E8EDE;  
}

.banner_bottom #tagline {
float: right;
position: relative;
margin-top:  35px;
margin-right: 15%;
	color: #3E8EDE;  
	font-size: 2em;
	font-family: arial, helvetica, san serif;
	font-weight: normal;
 
	line-height: 1.4;
}
*/

.show-for-medium-down {
background:  #0038A8; /* BOR blue */
color: #fff;
}

.show-for-medium-down h1 {
color: #fff;
}

/*
@media only screen and (max-width: 768px) {
	
	.banner_bottom #tagline {
		font-size: 1.3em;
	}
		
}
*/

.top-bar ul.menu {
background: #717271 !important;
}

.top-bar ul.menu li a {
font-weight: bold;
font-size:  1em;
text-decoration: none;
color: #fff;
background: #717271 !important;
}

 .top-bar ul.menu li a:hover {
background:  #005597 !important;
color: #fff;
}

 .top-bar ul.menu li.active a {
 background:  #00477d !important;
 color: #fff !important;
 }

/* typography.css */

/*body { font-size:78%; color:#000; background:#fff; font-family: Verdana,  Helvetica, Arial, sans-serif;} */

h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#111;}

h1 {font-size: 2.5em; line-height:1;margin-bottom:0.5em;}

h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

h2 { margin-top: .6em; margin-bottom:  1em; font-size:  2em;  }

p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/*a:focus, a:hover {color: #00F; text-decoration: none;}*/

a {text-decoration:underline; font-weight: bold;}
a:hover {color: #06C; text-decoration: none;}

a.cleanLink { text-decoration: none; font-weight: bold;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;}
th {font-weight:bold;}
/* thead th {background:#c3d9ff;} 
th, td, caption {padding:4px 10px 4px 5px;}*/

.floatCenter {
margin-left: auto;
margin-right: auto;
text-align: center;
}

fieldset  { 
padding:  1em;
background: #fff;
border: 1px solid #ccc; 
margin-bottom:  1em;
}


.accordion{list-style-type:none; background:#fff; border: none; border-bottom:0; 
/* border-left: 1px solid #ccc; */
border-right 1px solid #ccc; 
border-top: 1px solid #ccc; 

border-radius:0;margin-left:0} 


.accordion-title { 
display:block; 
padding:1.25rem 1rem;
line-height:1;
font-size: 1.2rem; 
color: #03C;
position:relative; 
/*border-bottom:1px solid #d5d5d5;*/
}

.accordion-title:focus,.accordion-title:hover{ background-color:#eeeeee; color: #03C; }
.accordion-title:before{ content:'+'; position:absolute; right:2rem; top:50%; margin-top:-.5rem; font-size: 1.5rem; color: #03C; }

.is-active>.accordion-title:before{content:'–'; font-size: 1.5rem;  }

.accordion-content{
padding: .5rem; 
display:none; 
border-bottom:1px solid #d5d5d5; 
background-color:#fefefe}

.accordion-item { 
border: none !important;
border-image: none !important;
}


#loginForm { width: 600px; margin-left: auto; margin-right: auto;  }



.large {font-size:1.2em; 
/* line-height:2.5em; margin-bottom:1.25em; */
}

.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
/*.highlight {background:#ff0;}*/

.highlight {
	background: #FFF6BF;
	border: 1px solid #FFD324;
	color: #5F5429;
	margin-bottom: 1em;
	padding: 10px;
}

div.fileError {
font-size: 1.2em;
font-weight: bold;
	background: #FFF6BF;
	border: 1px solid #C00;
	color: #C00;
	margin-bottom: 1em;
	padding: 5px;

}

#rowspan tr.even, #rowspan2 tr.even, #rowspan3 tr.even, #tbl_benefits .stripe, #tbl_supervr .stripe, #tbl_list .stripe { 
background-color: #eeeeee !important; 
}


div.fileError p {
font-size: 1em;
font-weight: bold;
	color: #C00;
	}

.button {
font-weight: bold;
background-color: #30C;
} 

.button:hover {
background:  #093;
}

a.Ltblue {
background: #258dad;
text-decoration: none;
}

a.srchBtn, a.profileBtn, a.editBtn {
text-decoration: none;
}

a.srchBtn {
background-color: #936;
}

a.profileBtn {
background-color: #309;
}


a.addSmall, a.editSmall {
margin: 0;
text-decoration: none;
}

a.addSmall {
color: #360 !important;
}

a.addSmall:hover {
background: #CF9 !important;
}

a.editSmall {
color: #30C !important;
}

a.editSmall:hover {
background: #CCF !important;
}

#deleteBtn {
background: #C60;
}

#deleteBtn:hover {
background: #900;
}

.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.indent2 { margin-left: 40px !important;  }

/* forms.css */

legend {font-weight:bold;font-size:1.2em; padding: 0 3px 0 3px; }
fieldset label {font-weight:bold; font-size: 1.1em; display:block; margin-bottom: 1px;  padding-bottom: 0px;}

fieldset div {
padding-bottom: 10px;
}

fieldset table {
border: none;
}

#frm_edit textarea {font-family: verdana, helvetica; padding:5px; font-size: 1em; }

#frm_survey textarea { 
resize:none; 
resize:vertical; 
}

#frm_acct #btnDelete { 
background: #C00;
}

#frm_editacct #btnDelete:hover { 
background: #F00;
}

#frm_acct #btnReset  { font-size: 14px;  width: 100px;  font-weight: bold; background: #eee; border: 2px solid #666; padding: 3px 0 3px 0;}

/*#frm_acct_mod #btnDelete, #frm_edit #btnDelete  {  font-weight: bold;  color: #000; font-size: 14px;  background: #eee; border: 2px solid #666; padding: 15px 20px;}

#frm_acct select, #frm_edit select, #frm_archive select { font-size:  1em; padding: 2px;  }*/

#frm_program input[type=text], #frm_add input[type=text], #frm_acct input[type=text], #frm_acct_mod input[type=text], select { 
font-size:  1.05em; 
color: #333;
 }

table input[type=text] {
font-size:  1.2em !important; 
padding: 3px;
}

#frm_login fieldset {
padding:  20px;
margin-bottom:  15px;
}

#frm_login input[type=text], #frm_login input[type=password]  
{ 
min-width:  75%;
font-size: 1.3em !important;  color: #00C; 
}

/*
 #frm_login #btnSubmit  {  
 font-size:  1.2em;
 font-weight: bold;
cursor:pointer;
min-width:  170px;
padding:  5px  15px;
background: #fff;
border-top:  3px solid #ccc;
border-right:  3px solid #ccc;
border-left:  3px solid #999;
border-bottom:  3px solid #999;
}


#frm_login #btnSubmit:hover  {  
border-top:  3px solid #666;
border-right:  3px solid #666;
border-left:  3px solid #ccc;
border-bottom:  3px solid #ccc;
background: #CFC; } 
*/

#frm_acct #btnReset:hover {  background: #FFF; }

/* #frm_acct_mod #btnDelete:hover , #frm_edit #btnDelete:hover {  background: #C00; color: #FFF; } */


#frm_edit .rdoBtn {
padding: 0px;
margin-right: 6px;
margin-left:  15px;
border: 1px solid #333;
}


#frm_login span {
display: block;
margin-top:  15px;
}

#frm_srch .chkBox {
vertical-align:text-top;
}

input[type=radio], input[type=checkbox] {
width:  20px;
height: 20px;
}


div.colborder_left {
	padding-left:24px;
	border-left:1px solid #eee;
}

/*
thead th{
	background-color: #2640b4;
	color: #FFF;
}
*/

/* CHAR. COUNTER STYLES FOR jquery.simplyCountable.js */
.safe , .over {padding:2px; color:white; font-weight:bold;}
.safe {background:green;}
.over {background:red;}


form label.error {
font-size: 1em !important;
	color: #FFF;
	display:block;
	margin-top:  0;
	width: 90%;
	background: #C00;
padding: 2px 4px 2px 8px;
border: 1px solid #F90;
}

form label.error, label.error {
font-size: 1em !important;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
}

form input.error {
	border: 1px dashed red !important;
	background: #FFF !important;
}

form textarea.error {
	border: 1px dashed red !important;
	background: #FFF !important;
}

form select.error {
	border: 1px dashed red !important;
	background: #FFF !important;
}

.bigText {
font-size: 1.2em;
}

.redtext {
color: #C00;
}

.bluetext {
color: #60F;
font-style: italic;
}

.plainText {
font-weight:normal;
font-size: .9em;
}

.button.warning {
    background-color: #FFAE00;
    color: #fff; }

.button.secondary {
    background-color: #8a8a8a;
    color: #fff; }

#description { width: 100%; margin-bottom: 5px; font-size: 1em; font-family: verdana, helvetica; }

.safe, .over {padding: 2px 5px; color:white; font-weight:bold; }
		.safe {background:green;}
		.over {background:red;}

.dataError  /* batch upload */
{
color: #C00;
font-weight: bold;
font-style:italic;
}

/* DYNAMIC "TOP" LINK */
	.back-to-top {
			position: fixed;
			bottom: 2em;
			right: 0px;
			text-decoration: none;
			color: #666;
			background-color: rgba(235, 235, 235, 0.80);
			font-size:  1.2em;
			padding: 1em;
			display: none;
		}

		.back-to-top:hover {	
		color:  #000;
			background-color: #ccc;
			/*rgba(135, 135, 135, 0.50);*/
		}