﻿body {
font-family: 'Lato', Calibri, Arial, sans-serif;
background: url(../image/blue.jpg);
background-size:cover;
font-weight: 300;
font-size: 15px;
color: #333;
-webkit-font-smoothing: antialiased;
overflow-y: scroll;
overflow-x: hidden;
}
    body input[type="text"],textarea{
        font-weight:bold;
    }
    body select {
        font-weight:bold;
    }
    body select option{
        font-weight:bold;
    }

.bg-red {
background-color: #428BCA !important;
}
.bg-green {
background-color: #00a65a !important;
}
.pgBack{opacity:0.4; background-color:Silver;}
.GrTd:hover{ background-color:beige;}
.GrTd td{ padding:6px; font-weight:600;vertical-align: middle;}

.csd td table tr td a{ margin-left:2px; margin-right:2px;}
.csd td table tr td span{ background-color:#C1C0C0;margin-left:2px; margin-right:2px;padding-left:3px; padding-right:3px;border-radius: 5px;}

.GrTh th{ text-align:center;}
.divWaiting{
   
position: absolute;
background-color: #A1A1A1;
z-index: 2147483647 !important;
opacity: 0.8;
overflow: hidden;
text-align: center; top: 0; left: 0;
height: 100%;
width: 100%;
padding-top:20%;
} 
input[Placeholder]::-webkit-input-placeholder,textarea[Placeholder]::-webkit-input-placeholder {
   color: #C0C0C0;
}
input[Placeholder]:-moz-placeholder,textarea[Placeholder]:-moz-placeholder { /* Firefox 18- */
   color: #C0C0C0;  
}

input[Placeholder]::-moz-placeholder,textarea[Placeholder]:-moz-placeholder {  /* Firefox 19+ */
   color: #C0C0C0;  
}

input[Placeholder]:-ms-input-placeholder,textarea[Placeholder]:-moz-placeholder {  
   color: #C0C0C0;  
}
.container
{
    width:100%;
    position:relative;
}
.container > header {
margin: 10px;
padding: 20px 10px 10px 10px;
position: relative;
display: block;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
text-align: center;
}
.container > header h1 {
font-size: 30px;
line-height: 38px;
margin: 0;
position: relative;
font-weight: 300;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
.container > header h2 {
font-size: 18px;
font-weight: 300;
margin: 0;
padding: 15px 0 5px 0;
color: #fff;
font-family: Cambria, Georgia, serif;
font-style: italic;
text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
.main {
width: 90%;
margin: 0 auto;
position: relative;
}
.form-2 {
width: 500px;
margin: 60px auto 30px;
padding: 15px;
position: relative;
background: #FFFFFF;
border-radius: 4px;
color: #7e7975;
}
.form-2 h1 {
font-size: 15px;
font-weight: bold;
color: #bdb5aa;
padding-bottom: 8px;
border-bottom: 1px solid #EBE6E2;
text-shadow: 0 2px 0 rgba(255,255,255,0.8);
box-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
.form-2 h1 .log-in {
color: #6c6763;
padding-right: 2px;
}
.form-2 h1 .sign-up {
color: #ffb347;
padding-left: 2px;
}
.form-2 h1 .log-in, .form-2 h1 .sign-up {
display: inline-block;
text-transform: uppercase;
}
.form-2 .float:first-of-type {
padding-right: 19px;
}
.form-2 .float {
width: 96%;
float: left;
/*padding-top: 15px;*/
border-top: 1px solid rgba(255,255,255,1);
display: -webkit-inline-box;
}
.form-2 label {
display: block;
padding: 6px 0 5px 2px;
cursor: pointer;
text-transform: uppercase;
font-weight: 400;
width:31%;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
font-size: 16px;
}
.form-2 label i {
margin-right: 5px;
display: inline-block;
width: 10px;
}
.form-2 input[type=text], .form-2 input[type=password] {
font-family: 'Lato', Calibri, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
display: block;
width: 45%;
padding: 5px;
margin-bottom: 5px;
border: -2px solid #ebe6e2;
border-radius: 5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-style:oblique;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.submit {
margin-left: 26%;
background: #E7E7E7;
background: -moz-linear-gradient(#fbd568, #ffb347);
background: -ms-linear-gradient(#fbd568, #ffb347);
background: -o-linear-gradient(#fbd568, #ffb347);
border: 1px solid #CEA0A0;
color: #382B18;
text-shadow: 0 1px rgba(255,255,255,0.3);
width: 245px;
height: 40px;
}
.form-2 input[type=password]:hover {
border-color: #CCC;
}
.form-2 p:last-of-type {
clear: both;
}
.tdspace
{
    padding-bottom:7px;
    padding-left:90px;
}
Table
{}
 Tr
 { vertical-align:baseline;}
