@import url("headerstyle.css");
@import url("bodystyle.css");
@import url("footerstyle.css");

body{
	background-color: #DAE3EA;
	padding: 0;
	margin: 0;
	font-family: Calibri, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6
 {
	font-family: Segoe UI;
	font-weight: semilighter;
}

.bodyClass{
	background: #FFFFFF url(imgs/bg.png) repeat center top;
}

.content{
	width: 1100px;
	margin: 0 auto;
}	

/* Admin Section */

.aLeftContent{
	float: left;
	width: 1%;
	height: auto;
	margin: -25px 0 0 0;
	padding: 5px;
}

.aRightContent{
	float: left;
	width: 98%;
	min-height: 650px;
	height: auto;
	margin: -25px 0 0 0;
	padding: 5px;
}

.aRightContent h4{
	text-align: right;
}

.formContent{
	width: 40%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.formContent table{
	text-align: center; 
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	border: 2px solid #15B2F9;
    border-radius: 5px;
	box-shadow: 1px 1px 1px 3px #15B2F9;
}

.formContent th {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #15B2F9;
    color: white;
	text-align: left;
	margin-left: 5px;
	text-shadow: 2px 2px 2px #666666;
	text-transform: uppercase;
	font-size: 18px;
}

.formContent td{
	padding-top: 6px;
    padding-bottom: 6px;
	width: 25%;
}

.formContent input, .formContent select{
	padding: 5px;
	border-radius: 3px;
	background-color: #15B2F9;
	/*color: white;*/
	color: 	#000000;
}

.formContent label{
	font-weight: bold;
}

.formContent ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000000;
}
.formContent :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000000;
   opacity:  1;
}
.formContent ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000000;
   opacity:  1;
}
.formContent :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000000;
}
.formContent :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #000000;
}

.formContentAdmin{
	width: 40%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.formContentAdmin table{
	text-align: center; 
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	border: 2px solid #b30000;
    border-radius: 5px;
	box-shadow: 1px 1px 1px 3px #b30000;
}

.formContentAdmin th {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #b30000;
    color: white;
	text-align: left;
	margin-left: 5px;
	text-shadow: 2px 2px 2px #666666;
	text-transform: uppercase;
	font-size: 18px;
}

.formContentAdmin td{
	padding-top: 6px;
    padding-bottom: 6px;
	width: 25%;
}

.formContentAdmin input, .formContentAdmin select, .formContentAdmin textarea{
	padding: 5px;
	border-radius: 3px;
	background-color: #b30000;
	/*color: white;*/
	color: 	#FFFFFF;
}

.formContentAdmin label{
	font-weight: bold;
}

.formContentAdmin ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #C8C8C8;
}
.formContentAdmin :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #C8C8C8;
   opacity:  1;
}
.formContentAdmin ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #C8C8C8;
   opacity:  1;
}
.formContentAdmin :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #C8C8C8;
}
.formContentAdmin :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #C8C8C8;
}

.regForm{
	width: 300px;
	height: 200px;
	margin: 0px auto;
}
/* End of Admin Section*/

.slider_bnt{
	display:inline-block;
	background:url('/imgs/btn_bg.png') repeat-x #5B5B5B;
	border-radius:8px;
	padding:11px 19px 11px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;color:#fff;
	position:relative;
	font-style:normal;
	text-transform:none;
	box-shadow:0 3px 3px #3a4143;
}
.slider_bnt:hover{
	background-position:0 -50px;
	background-color:#005CA5;
	color:#fff;
}

.slider_bntAdmin{
	display:inline-block;
	background:url('/imgs/btn_bg.png') repeat-x #5B5B5B;
	border-radius:8px;
	padding:11px 19px 11px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;color:#fff;
	position:relative;
	font-style:normal;
	text-transform:none;
	box-shadow:0 3px 3px #3a4143;
}
.slider_bntAdmin:hover{
	background-position:0 -50px;
	background-color:#b30000;
	color:#fff;
}

.hideALLBTT{
	visibility: hidden;
}

.error{
	color:red;
	font-size:10px;
}

.accept{
	color: green;
	font-size: 10px;
}

/*.header{
	width: 900px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	/*margin-top: 10px;
}*/

.headerContainers{
	float: right; 
	margin-right: 10px;
	margin-top: 16px;
}

.uhBTT{
	background-color: #e8b300;
	border: 1px solid #e8b300;
	border-radius: 5px;
	color: white;
	width: 105px;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	box-shadow: 
        inset 0 0 2px 1px rgba(255,255,255,0.08), 
        0px 8px 5px -4px rgba(0, 0, 0, 0.6);
}

.uhBTT:hover {
	background-color: #640321;
	border: 1px solid #640321;
	border-radius: 5px;
	color: white;
	width: 105px;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	box-shadow: 
        inset 0 0 2px 1px rgba(255,255,255,0.08), 
        0 0px 0px 0px rgba(0, 0, 0, 0.6);
}

.cleanOp{
	text-decoration: none;
}

.uhBTT2{
	background-color: #e8b300;
	border: 1px solid #e8b300;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: white;
	width: 114px;
	padding: 0px 5px 0px 5px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	box-shadow: 
        inset 0 0 2px 1px rgba(255,255,255,0.08), 
        0 8px 5px -4px rgba(0, 0, 0, 0.6);
}

.uhBTT2:hover {
	background-color: #640321;
	border: 1px solid #640321;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: white;
	width: 114px;
	padding: 0px 5px 0px 5px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	box-shadow: 
        inset 0 0 2px 1px rgba(255,255,255,0.08), 
        0 0px 0px 0px rgba(0, 0, 0, 0.6);
}

.iconsStyle{
	width: 25px;
	height: 25px;
}

/*	TIPSY TOOLTIP
========================================*/

.tipsy {
    font-size: 10px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
}
.tipsy-inner {
    background-color: #FFF;
    color: #000;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center;
}
 
/* Rounded corners */
.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
 
.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #FFF;
}
 
/* Rules to color arrows */
.tipsy-arrow-n {
    border-bottom-color: #000;
}
.tipsy-arrow-s {
    border-top-color: #000;
}
.tipsy-arrow-e {
    border-left-color: #000;
}
.tipsy-arrow-w {
    border-right-color: #000;
}
 
.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

/*	LEAN MODAL
========================================*/

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

 #imgModal {
    width: 404px;
    padding-bottom: 2px;
    display:none;
    background: #FFF;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
       
}

#ImgModal p { color: #666; text-shadow: none; }

#imgModal-header { background: url(http://bioproject.net16.net/css/imgs/hd-bg.png); padding: 1px 18px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }

#imgModal-header  h2 { color: #444; font-size: 1.5em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); margin-left:30px;}
#imgModal-header  p { color: #444; font-size: 1em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; text-align: center;}

#imgModal .txt-fld { position: relative; width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
#imgModal .txt-fld2{ position: relative; width: 364px; padding: 20px; border-bottom: 1px solid #EEE; text-align: justify; }
#imgModal .btn-fld { width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }

#imgModal .txt-fld label { display: block; float: left; width: 90px; padding-top: 10px; color: #222; font-size: 1.3em; text-align: left;  }
#imgModal .txt-fld input { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
        
.modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url(http://bioproject.net16.net/css/imgs/modal_close.png); z-index: 2; }