html,h1,h2,h3,h4,h5,div,li,ul,body,fieldset,legend{ margin: 0;padding:0; font-family: verdana;}

body{
background-color: #7ccbf8;
background: url("../images/texture.png");
background-attachment: fixed;
}

table{
 border:1px solid #0779b9; 
}
thead{
   background: #0e97e5;
    color: white;
    border:1px solid #0779b9; 
}

tbody{
   background: #ddd;
   border-color: #0779b9; 
}

tbody tr:th-child['even']{
   background: #ccc;
 
}


 

section,aside{ background: #fff;}



.clear{margin: 0;
padding: 0;
clear: both;
}

 

fieldset{ 
      border: 2px solid #0e97e5;
      margin-top: 23px;
      border-radius: 3px;
      width: 250px;
      background: linear-gradient(#fff,#e5ebff);
      padding-left: 10px; 
      padding-bottom: 10px;
      height: 220px;
}

fieldset#task{height: 140px;}

legend{ 
        border: 2px solid #0e97e5;
        height: 24px;
        border-radius: 3px;
        margin-left: 72px;
        text-align: center;
        font-size: 12px;
        width: 80px;
        background: #fff;
 }

#wrapper{
width: 980px;
box-shadow: 0 0 10px #ccc;
margin: 0 auto;
background: white;
}

header{
    width: 980px;
    height: 190px;
    background-color: #0e97e5; 
    box-shadow:  0px 5px 6.8px 0px #CCC;
   
}

section{

width: 700px;
min-height: 400px;
padding: 0 10px;
float:left;
background: url(../images/water_section.png);
}

section span{ padding : 20px; line-height: 30px;}

nav ul li span{padding: 0;}

#inner_wrapper{
    width: 980px;
    background-color: white;;
    background: url(../images/water_sprashes.png) no-repeat; 
    height: 580px;
}

aside{
       width: 250px;
       float: left;
       background: url(../images/water_aside.png); 
}

footer{
      width: 980px;
      height: 63px;
      background-color:#0e97e5;  
      margin-top: 10px;
      color: white;
      line-height: 63px;
      text-align:center;
}





label{ display: inline-block;
        width: 150px;
     }

input[type=text],input[type=password] {
  width: 200px;
  height: 30px;
  border: 1px solid  #ccc;
  margin-top: 3px;
  box-shadow: 0px 1px 7px -2.7px #CCC inset;
  border-radius: 3px;
 
}

input[type=submit]{
  width: 200px;
  margin-top: 3px;
  color: white;
  height: 30px;
  background: linear-gradient(#24a3eb,#239adc);
  border: 1px solid rgba(14,151,229,.3);
  border-radius: 4px;
  box-shadow: inset 0 1px 0px 0px rgba(255,255,255,0.5); 
  cursor: pointer;
  text-shadow: 0 1px 0 #210de8;
  font-size: 14px;
}



input[type=submit]:hover{
       background:linear-gradient(#0e97e5,#1e94d7);
}





fieldset#taarifa button{
               
  width: 200px;
  margin-top: 3px;
  color: white;
  height: 30px;
  background: linear-gradient(#24a3eb,#239adc);
  border: 1px solid rgba(14,151,229,.3);
  border-radius: 4px;
  box-shadow: inset 0 1px 0px 0px rgba(255,255,255,0.5); 
  cursor: pointer;
  text-shadow: 0 1px 0 #210de8;
  font-size: 14px;

}

fieldset#taarifa button:hover{
            background:linear-gradient(#0e97e5,#1e94d7);

}

div#add_user#repo button{

    width: 200px;
  margin-top: 3px;
  color: white;
  height: 30px;
  background: linear-gradient(#24a3eb,#239adc);
  border: 1px solid rgba(14,151,229,.3);
  border-radius: 4px;
  box-shadow: inset 0 1px 0px 0px rgba(255,255,255,0.5); 
  cursor: pointer;
  text-shadow: 0 1px 0 #210de8;
  font-size: 14px;


} 

div#add_user#repo button{
     background:linear-gradient(#0e97e5,#1e94d7);

}

select{width: 200px;
       height: 30px;
       border-radius: 4px;
       border: 1px solid rgba(14,151,229,.3);
}

   header div {float:left;
              } 

     header div#logo2{
   
                width: 140px;
                     }

div#add_user#repo table#add_user_table tbody tr td button.edit{ widht: 100px;}

header div#logo{
     text-align: center;
     width:600px;
     height: 111px;
     line-height: 197px;
     position: relative;
}

#add_user{
    /*14,229,229*/
    border: 1px solid #ccc;
    padding: 10px;
     background: rgba(215,215,215,0.3);
/*    background: rgba(14,229,229,0.4);*/
    border-radius: 3px;
    text-shadow:0px 1px 0px #fff;
    box-shadow:0px 0px 0px .2px #ccc;
}
#repo{
    /*14,229,229*/
    border: 1px solid #ccc;
    padding: 10px;
     background: rgba(215,215,215,0.3);
/*    background: rgba(14,229,229,0.4);*/
    border-radius: 3px;
    text-shadow:0px 1px 0px #fff;
    box-shadow:0px 0px 0px .2px #ccc;
}

header div#logo img{

line-height: 197px;
position: relative;
top: 40px;}

header div#contact{
 width: 240px;
}

#login{ border: 1px solid #fff;
        height: 40px;
        width:  230px;
        margin-top: 10px;
}

#logout{
    
     position: absolute;
     border:none;
     right: 1px;
      
     background: rgba(0,255,0,.5);
     border-radius: 3px;
}

#inner_contact{border: 1px solid rgba(0,0,0,0.3);
height: 109px;
width: 230px;
color: #FFF;
text-shadow: 0px 1px 0px #210DE8;
box-shadow: inset 0px 0px 3px 0px #fff;}


div#inner_contact span{padding-top: 10px;
                       padding: 12px;
                       line-height: 34px;}


/* Navigation menu style*/


nav { height: 10px; 
      width: 100%;
      margin:38px 0 0 0; 
      color: white;
      background: linear-gradient(#24a3eb,#239adc);
      box-shadow: inset 0 1px .5px rgba(255,255,255,.6);
      border-top: 1px solid rgba(0,0,0,.4);
       
    }
nav ul{   /*border-bottom: 1px solid rgba(0,0,0,0.3);*/
    position: relative;
}

nav ul li{  display:block;
            float: left;
            width: 150px;
            height:30px;
            border-right: 1px solid rgba(0,0,0,0.4);
            margin-left: 0px;
            padding-left: 0;
            box-shadow:1px 0 0 rgba(255,255,255,.5);
/*          background: linear-gradient(#24a3eb,#239adc);*/
}

nav ul li a{ color: white;
                
             text-decoration: none;
             display: block;
             width: 150px;
             height: 30px;
             line-height: 30px;
             text-align: center;
             text-shadow:0 1px 0 #000;
/*           background: linear-gradient(#24a3eb,#239adc);*/
             }

nav ul li a:hover{color: white;text-decoration: none;}


nav ul li.active{
       background: #0779b9;}

/* add user style*/


section div#add_user#repo lable{
    display:inline-block;
    width: 200px;
}

nav ul li:hover{
  background: #0779b9;}

/* add user style*/

section div#add_user#repo lable{
    display:inline-block;
    width: 200px;
}

section div#add_user#repo{ 
                      margin-left: 10px;
                      margin-top: 28px;
                   }

div#add_user_task fieldset{
  width: 250px;
  margin-left: 0;
}

td{overflow: auto;}