@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

body{
    background-color: #ffffff;
    color:#ffffff;
    font-size: 13px;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
    zoom:100%;
}


h1 {
    font-size: 22px;
}
h2 {
    font-size: 18px;
    line-height:22px;
    font-weight: 700;
}
h3 {
    font-size: 13px;
}
h4 {
    font-size: 13px;
}
h5 {
    font-size: 13px;
}

h1,h2,h3,h4,h5 {
    margin-bottom: 10px;
}

p{
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 20px;
}

a {
    color:#c0ce8a;
    cursor: pointer;
}
a:hover{
    color:#93a15d;
}



strong{
    font-weight: 700;
}






.rounded-corners {
    behavior: url('border-radius.htc');
}











::-webkit-input-placeholder {
    color:    #5e6d4e;
}
:-moz-placeholder {
    color:    #5e6d4e;
}
:-ms-input-placeholder {
    color:    #5e6d4e;
}



fieldset{
    width:100%;
    border:none;
}







hr{
    position:relative;
    float:left;
    width:100%;
    background-color: #c0ce8a;
    height:1px;
    border:none;
	margin-top:20px;
}















#login-body {
    height: 150%;
}

#login-top {
    padding: 20px 0px 20px 20px;
    overflow: auto;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.7);
}

#screen-login h1{
    font-size: 20px;
    margin: 0px 0 20px 10px;
    padding: 0;
}

sup, sub {
   line-height: 0;
   font-size: 60%;
}
#login-top img {
    margin: 0 0 0 10px;
}

#login-box{
    position:relative;
    width:600px;
    padding:30px 30px 0 30px;
    border: 1px solid #A7BE39;
    box-shadow: 1px 1px 4px #000;
    background:#fff;
    color:#333;
    margin: 50px auto;
}

#login-box table{
    border:none;
    position:relative;
}

#login-box table tr{
    height:50px;
    line-height: normal;
}


#login-box table tr td input[type="text"]{
    width:95%;
}


input[type="submit"] {
    background-color: #e4e4e4;
    height: 47px;
    width: 220px;
    margin-right: 2px;
    text-align: center;
    padding: 8px 7px;
    line-height: 25px;
    color: #fff;
    border: none;
    font-size: 13px;
}

#screen-login input[type="text"]{
    position:relative;
    line-height: 20px;
    background-color: #eff1da;
    border:1px solid #eff1da;
    padding:8px;
}


input, textarea, select {font:12px/12px 'Open Sans', sans-serif; padding:0;}
legend {background:#bfbf30; color:#3C4233; font:17px/21px 'Open Sans', sans-serif; padding:0 10px; margin:-26px 0 0 -13px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
label {/*font-size:13px; font-weight:bold; color:#666;*/position:relative;float:left;line-height: 17px; /*margin-left: 2px;*/}
dl {clear:both;}
dt {float:left; text-align:right; width:90px; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; width:475px; line-height:25px; margin:0 0 10px 0;}

select, input, textarea, button {outline:none; resize:none;}


@-webkit-keyframes animate-bg
{
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}


@-moz-keyframes animate-bg
{
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -40px 0;
    }
}





input[type="text"] {
    padding-top: 4px;
    margin-top: 4px;
}
select {
	padding:5px 8px;
	border:1px solid;
}



















select {
    margin-bottom: 10px;
    width: 284px;
    height: 30px;
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}




td
{
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}


* {
    outline-color: transparent;
}