#left
{
   float:left;
   margin-left:2%;
}

#middle
{
   position:relative;
   left:0px;
   right:0px;
   margin:auto;
   /* background-color: #9F9; */
   width: 960px;

}

#right
{
   float:right;
   margin-right:2%;
}

#header
{
    width: 960px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: right;
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #009cb5; /* #3c9d3c; 9acd66; 63a33a; 67a73d; 74b64a; */
}

.content
{
    border: 1px solid #CCC;
    box-shadow: 0px 0px 10px #999;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    width: 960px;

    min-height:600px;
    height:auto!important;
    /*height:600px;*/
    background-color: #f1f1f1;
}

.navli
{
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 1.2em;
}

/* link styling for header */

.hdrlink a
{
   text-decoration:none;
   color: white;
}

.hdrlink a:link
{
   text-decoration: none;
}

.hdrlink a:visited
{
   text-decoration: none;
}

.hdrlink a:active
{
   text-decoration: none;
}

.hdrlink a:hover
{
   /* color: #99ff66; greenish */
   color: #ffff99; /* yellowish */
}

/* link styling for regular links */

a
{
   color: #009cb5;
}

a:link
{
   text-decoration: none;
}

/*
input[type="text"], input[type="password"]
{
   padding: 5px;
   border: 1px, solid #333;
   font-size: 16px;
}
*/

.input_tbx
{
   width:225px;
   display:block;
   border: 1px solid #999;
   height: 25px;
   -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   border-radius: 4px;
   font-size: 16px;
}

.input_tarea
{
   width:400px;
   display:block;
   border: 1px solid #999;
   height: 150px;
   -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   border-radius: 4px;
   font-size: 16px;
}

.input_tbx1
{
   width:330px;
   display:block;
   border: 1px solid #999;
   height: 25px;
   -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   border-radius: 4px;
   font-size: 16px;
}

.input_tarea1
{
   width:330px;
   display:block;
   border: 1px solid #999;
   height: 50px;
   -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   border-radius: 4px;
   font-size: 16px;
}

.input_select
{
   width:225px;
   display:block;
   border: 1px solid #999;
   height: 25px;
   -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   border-radius: 4px;
   font-size: 16px;
}

.input_btn
{
   width:100px;
   /*position:absolute;*/
   right:20px;
   bottom:20px;
   background: #009cb5;
   color:#fff;
   /*font-family: Tahoma, Geneva, sans-serif;*/
   height:30px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid #999;
   font-size: 14px;
}

.input_btn:hover
{
   background:#fff;
   color:#09C;
}

textarea:focus, input:focus
{
   border: 1px solid #09C;
}

.div_left
{
   width: 650px;
   /*height: 350px;*/
   float: left;
   /* background-color: #0000ff; */
}

.div_left1
{
   width: 1000px;
   /*height: 350px;*/
   float: center;
   /* background-color: #0000ff; */
}

.div_login
{
   width: 300px;
   height: 350px;
   float: right;
   margin-top: 50px;
}

img
{
    float: left;
    margin: 25px;
}

.teal_text
{
   color: #009cb5;
   font-size: 20px;
}

.red_text
{
   color: #ff0000;
   font-size: 16px;
}

.dark_gray_text
{
   color: #202020;
}

.light_gray_text
{
   color: #808080;
}

.gray_background
{
   background-color: #00ff00;
}

td
{
   color: #009cb5;
   text-align: right;
}

table.center{
    margin:0 auto;   
}