@charset "utf-8";
/* CSS Document */

html,body {
  font-family: 'Open Sans', sans-serif;
  margin: 0px;
  height: 100%;
}

h1{
  font-size:1.5em;
  color:#525252;
}

.small {
	font-size:12px;
	text-align:center;
}


.box{
	text-align:center;
	margin: 20px auto;
	background:white;
	width:300px;
	border-radius:6px;
	padding:0px 0px 70px 0px;
	border: #FFCC33 4px solid; 
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.56); 
	box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.56);
}

.txtinput {
	background:#ecf0f1;
	border: #ccc 1px solid;
	border-bottom: #ccc 2px solid;
	padding: 3px;
	width:300px;
	color:#000;
	margin-bottom:3px;	
	font-size:0.9em;
	border-radius:4px;
}

.txtinput:focus { 
  background-color:#FF6;
}

.txtinput2 {
	background:#ecf0f1;
	border: #ccc 1px solid;
	border-bottom: #ccc 2px solid;
	padding: 3px;
	width:150px;
	color:#000;
	margin-bottom:3px;	
	font-size:0.9em;
	border-radius:4px;
}

.txtinput2:focus { 
  background-color:#FF6;
}

.description {
	background:#ecf0f1;
	border: #ccc 1px solid;
	border-bottom: #ccc 2px solid;
	padding: 3px;
	color:#000;
	margin-bottom:3px;	
	font-size:1em;
	border-radius:4px;
}



.description:focus { 
  background-color:#FF6;
}




.eye {
	margin-left:250px;
	margin-top:-28px;
}

.btn{
  background: #2ecc71;
  width: 270px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: white;
  border-radius: 4px;
  border: #27ae60 1px solid;
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
  margin-left: 16px;
  font-weight: 800;
  font-size: 0.8em;
}

.btn:hover{
 	background:#093;
}

.search{
	background:#ecf0f1;
	border: #ccc 1px solid;
	border-bottom: #ccc 2px solid;
	padding: 8px;
	width:200px;
	color:#AAAAAA;
	margin-top:10px;
	font-size:1em;
	border-radius:4px;
}

.searchbtn{
  background: #2ecc71;
  width: 170px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: white;
  border-radius: 4px;
  border: #27ae60 1px solid;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 16px;
  font-weight: 800;
  font-size: 0.8em;
}

.searchbtn:hover{
 	background:#093;
}

.smallbtn{
  background: #2ecc71;
  /*width: 75px;*/
  color: white;
  border-radius: 4px;
  border: #27ae60 1px solid;
  font-weight: 800;
  font-size: 0.8em;
  margin-bottom:5px;
}

.smallbtnred{
  background:#ff6961;
  /*width: 75px;*/
  color: white;
  border-radius: 4px;
  border: #27ae60 1px solid;
  font-weight: 800;
  font-size: 0.8em;
  margin-bottom:5px;
}

.smallishbtn{
  background: #2ecc71;
  /*width: 120px;*/
  color: white;
  border-radius: 4px;
  border: #27ae60 1px solid;
  font-weight: 800;
  font-size: 0.8em;
  margin-bottom:5px;
}

.smallbtnred:hover{
	background:#F00;	
}

.red {
	color:#F00;
}

.smallbtn:hover{
 	background:#093;
}

.smallishbtn:hover{
 	background:#093;
}


#container {
	width:100%;
	margin-top:0;
	height: 90%;
}

#topbar {
	background-color:#374850;
	height:40px;
}

.loggedin {
	vertical-align:middle;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align:right;
	margin-right:30px;
	color:#fff;
}

.loggedin a{
	color:#ccc;
	font-size:12px;
}

#left {
	width: 200px;;
	background-color:#374850;
	padding:20px 10px 10px 15px;
	color:#FFF;
}
.full-height {
	height: 1000px;
}

#main {
	float: right;
	margin-top:10px;
	margin-right:15px;
	padding:10px;
	/*border:#666 solid 1px;*/
	width:80%;
	height: 98%;	
}

/* ############ left nav ############################# */
#navcontainer { width: 200px; }

#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a {
	display: block;
	padding: 8px 3px 8px 3px;
	width: 200px;
	/*background-color: #036;*/
	border-bottom: 1px solid #eee;
	font-size:14px;
}

#navcontainer a:link, #navlist a:visited {
	color: #EEE;
	text-decoration: none;
}

#navcontainer a:hover {
	background-color: #369;
	color: #fff;
}

.raised {
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.4); 
	box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.4);
	border-radius: 10px;
}

#hdTuto_search {
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid gray;
	display: none;
}

#hdTuto_search li {
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top: 1px solid gray;
	cursor:pointer;
}

#hdTuto_search li a { text-decoration: none; }

#hdTuto_search2 {
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid gray;
	display: none;
}

#hdTuto_search2 li {
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top: 1px solid gray;
	cursor:pointer;
}

#hdTuto_search2 li a { text-decoration: none; }


.username, .password, .email {
	background:#ecf0f1;
	border: #ccc 1px solid;
	border-bottom: #ccc 2px solid;
	padding: 8px;
	width:200px;
	color:#666;
	margin-top:10px;
	font-size:1em;
	border-radius:4px;
}

.more {
	background: #2ecc71;
	width: 180px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	border-radius: 4px;
	border: #27ae60 1px solid;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	margin-left: 16px;
	font-weight: 800;
	font-size: 0.8em;
}

.more:hover {
 	background:#093;
}

.removelast {
	background:#ff6961;
	width: 180px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	border-radius: 4px;
	border: #27ae60 1px solid;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	margin-left: 16px;
	font-weight: 800;
	font-size: 0.8em;
}

.removelast:hover {
	background:#F33;
}

.preview {
	background: #2ecc71;
	width: 180px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	border-radius: 4px;
	border: #27ae60 1px solid;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	margin-left: 16px;
	font-weight: 800;
	font-size: 0.8em;
}

.preview:hover {
 	background:#093;
}

.headers {
	font-size:14px;	
}

.quoteheaders {
	font-size:14px;	
}


.quoteheaders, .quoteheaders a, .quoteheaders a:visited{
	text-decoration:none; 
	border-collapse:collapse;
	font-size:12px;
}

.quoteheaders td{ 
	padding:7px; border:#CCC 1px solid;
}
/* provide some minimal visual accomodation for IE8 and below */
.quoteheaders tr{
	background: #b8d1f3;
}
/*  Define the background color for all the ODD background rows  */
.quoteheaders tr:nth-child(odd){ 
	background:#FFC
}
/*  Define the background color for all the EVEN background rows  */
.quoteheaders tr:nth-child(even){
	background:#FF9;
}

.quoteheaders tr:hover {
	background-color:#FF0;
}

/*************************************/
.redquoteheaders {
	font-size:14px;	
}


.redquoteheaders, .quoteheaders a, .quoteheaders a:visited{
	text-decoration:none; 
	border-collapse:collapse; 
}

.redquoteheaders td{ 
	padding:7px; border:#CCC 1px solid;
}

.redquoteheaders td{ 
	padding:7px; border:#CCC 1px solid;
}
/* provide some minimal visual accomodation for IE8 and below */
.redquoteheaders tr{
	background:#F99;
}
/*  Define the background color for all the ODD background rows  */
.redquoteheaders tr:nth-child(odd){ 
	background:#F99;
}
/*  Define the background color for all the EVEN background rows  */
.redquoteheaders tr:nth-child(even){
	background:#F96;
}

.redquoteheaders tr:hover {
	background-color:#F33;
}

.curPage {
	border:#999 solid 1px;
	font-weight:bold;
	text-decoration:none;
}

.curPage:hover {
	border:#999 solid 1px;
	font-weight:bold;
	color:#093;
}

.blink {
	animation: blinker 1.0s linear infinite;
	color:#F00;
	font-weight: bold;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;	

}
@keyframes blinker {  
50% { opacity: 0; }
}
.blink-one {
animation: blinker-one 1s linear infinite;
}
@keyframes blinker-one {  
0% { opacity: 0; }
}
.blink-two {
animation: blinker-two 1.4s linear infinite;
}
@keyframes blinker-two {  
100% { opacity: 0; }
}