/* 
    Document   : login
    Created on : Dec 20, 2012, 2:22:52 PM
    Author     : stevenlizarazo
    Description:
        Purpose of the stylesheet follows.
*/

body{

    background-color:  #56C9F5;//#00AEEF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a
{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  border-top-width: 0px;
  border-right-width-value: 0px;
  border-bottom-width: 0px;
  border-left-width-value: 0px;
}

a:link {
    color: #FFFFFF;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

/* selected link */
a:active {
    color: #FFFFFF;
    text-decoration: none;
}
.logincontainer div:first-child {display :none;}
.logincontainer{
   // text-align: center;
    background-image:  url(../img/logo.png);
    background-position:  center top;
    background-repeat:  no-repeat;
    padding-top:170px;
    margin-top: 10%;
    margin-left:  auto;
    margin-right: auto;
    width: 358px;
}

.tright{
    
text-align:  right;    
margin-right: -30px;
position:relative;
} 

.tleft{
    text-align: left;    
}

.content{
display: inline-block ;

width:48%;     
 
}


fieldset{ 
          border: none;
          margin: 0px;
          padding: 0px;
}
input {

    //width: 290px;
    min-height: 16px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px;
    
    font-size: 16px;
    font-style: italic;
    border: 1px solid #909090;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
}
input:focus, textarea:focus
{
    outline-width: medium;
    outline-style: none;
}


input[type="submit"], input[type="button"], button {
  padding: 0;
 border: 1px solid #808080;
}

input[type="submit"]
{
    color: #848484;
    background-color: #f0f0f0;
    padding-left: 0;
    padding-right: 0;
   width: 360px;
   margin-bottom: 10px;
    height: 31px;
    font-style: normal;
}

 input:not(:default)
{
    
    color: #4f4f4f;
    font-style: normal;
}
input:hover
{
    border-color: black;
    
  
    color: black;
     
}

::-webkit-input-placeholder { color:#b4b4b4; }
::-moz-placeholder { color:#b4b4b4; } /* firefox 19+ */
input:-moz-placeholder { color:#b4b4b4; }


@media only screen and (max-width: 480px) {
    input[type="submit"] {
        width: 284px;
        height: 28px;

    }.logincontainer{
        padding-top:180px;


        margin-top: 25%;

        margin-left:  auto;
        margin-right: auto;

        width: 280px;


    }

    input {

        width: 270px;
        min-height: 16px;
        margin-bottom: 10px;
        padding-top: 6px;
        padding-right: 6px;
        padding-bottom: 6px;
        padding-left: 6px;
    }
}


@media only screen and (max-height: 300px) {

    .logincontainer{
        padding-top:0px;


        margin-top:  5%;

        margin-left:  auto;
        margin-right: auto;
        padding-left:300px;

        width: 280px;

        background-position: left center;
    }



}