/* 
    Document   : flatx
    Created on : Jun 20, 2013, 9:31:33 AM
    Author     : Rickem
    Description:
        Purpose of the stylesheet follows.
*/


/*body{
    padding-top: 0px;
}*/
#header {
        background:url(../img_perm/NewHHIndex3a.png) no-repeat;	
        position:absolute;
        width:100%;
        height:400px;
        margin-left: 20px;
        margin-right:auto;
        margin-top: 20px;
        margin-bottom: auto;

}
#l_welcome{
    font-family: Arial;
    color: #ffffff;
    font-size: 30px;
    text-justify: distribute;
    padding-left: 0px;
}
#s_wtext{
  font-family: Arial;
  color: #ffffff;
  font-size: 16px; 
/*                  padding-left: 15px;
  padding-right: 25px;*/
}
#listTxt{
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;   
}
#contain_m{
  /*background: #3498db;*/
  /*background: #7f8c8d;*/  
  background: #ffffff;
  /*background-color: #3498db;*/
  
/*  background-color: #ecf0f1;*/
  position:relative; 
  text-align: justify;
  margin-left: 40px;
  margin-right: 40px;  
  float:right;
  width: 900px;
  height:300px;
  border:outset 0px #000000;
 -moz-border-radius: 10px;  
 -webkit-border-radius:10px;
  border-radius: 10px;
}
  #p_lines{
    z-index:-1; margin-left: 20px; height:300px; width:850px; margin-top: 330px; background: #fff;
    color:white;
  border:outset 0px #000000;
 -moz-border-radius: 10px;  
 -webkit-border-radius:10px;
  border-radius: 10px;

}
#p_lines2{
    z-index:-1; margin-left: 20px; height:300px; width:850px; margin-top: 265px; background: #fff;
    color:black;
  border:outset 0px #000000;
 -moz-border-radius: 10px;  
 -webkit-border-radius:10px;
  border-radius: 10px;

}
#conttext{
    position:absolute;
    /*background-color: #2c3e50;*/
    /*background-color: #34495e;*/
    background-color: #c0392b;    
    color:white;
    float:right;
    /*z-index: 1;*/
    padding-right: 10px;
    padding-left: 10px;
    /*margin-right: 100px;*/
    margin-left: 425px;
    margin-top: 20px;
    height:325px;
    width:450px;
    border:outset 0px #000000;
 -moz-border-radius: 10px;  
 -webkit-border-radius:10px;
  border-radius: 10px;
}
#conttext_2{
    position:absolute;
    background-color: #6C8DAE;
    color:white;
    z-index: 1;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 500px;
    margin-top: 100px;
    /*margin-left: 100px;*/
    height:325px;
    width:600px;
    border:outset 0px #000000;
 -moz-border-radius: 10px;  
 -webkit-border-radius:10px;
  border-radius: 10px; 
}
#conttext3{
   position:absolute;
    background-color: #c0392b;
    color:white;
    /*z-index: 1;*/
    padding-right: 10px;
    padding-left: 10px;
    /*margin-right: 500px;*/
    margin-top: 20px;
    margin-left: 550px;
    height:350px;
    width:350px;
    border:outset 0px #000000;
 -moz-border-radius: 10px;  
 -webkit-border-radius:10px;
  border-radius: 10px;  
}
#conttext3B{
    position:absolute;
    background-color: #c0392b;
    color:black;
    /*z-index: 1;*/
    padding-right: 10px;
    padding-left: 10px;
    /*margin-right: 500px;*/
    margin-top: 20px;
    margin-left: 0px;
    height:350px;
    width:900px;
    border:outset 0px #000000;
 -moz-border-radius: 10px;  
 -webkit-border-radius:10px;
  border-radius: 10px;  
}
#conttext3C{
    position:absolute;
    background-color: #c0392b;
    color:white;
    /*z-index: 1;*/
    padding-right: 10px;
    padding-left: 10px;
    /*margin-right: 500px;*/
    margin-top: 20px;
    margin-left: 550px;
    height:550px;
    width:350px;
    border:outset 0px #000000;
 -moz-border-radius: 10px;  
 -webkit-border-radius:10px;
  border-radius: 10px;   
}
#conttext3d{
    position:absolute;
    background-color: #c0392b;
    color:black;
    /*z-index: 1;*/
    padding-right: 10px;
    padding-left: 10px;
    /*margin-right: 500px;*/
    margin-top: 20px;
    margin-left: 0px;
    height:370px;
    width:900px;
    border:outset 0px #000000;
 -moz-border-radius: 10px;  
 -webkit-border-radius:10px;
  border-radius: 10px;   
}
#conttext3e{
    position:absolute;
    background-color: #c0392b;
    color:black;
    /*z-index: 1;*/
    padding-right: 10px;
    padding-left: 10px;
    /*margin-right: 500px;*/
    margin-top: 20px;
    margin-left: 0px;
    height:350px;
    width:900px;
    border:outset 0px #000000;
 -moz-border-radius: 10px;  
 -webkit-border-radius:10px;
  border-radius: 10px;    
}
/*.scrollbar
{
	margin-left: 30px;
	float: left;
	height: 300px;
	width: 65px;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px;
}
table, td, th, tr
{
margin-top: 20px;
border:0px solid white;
background-color:white;
text-align: center;
width:570px;
    
}
th
{
background-color:#ff3333;
color:white;
}*/
#navMain{
  float:left;
  width:600px ;
  /*margin-left: auto ;*/
  margin-right: 20px ;
  margin-bottom: 20px;
  margin-top: 20px;  
}

/*#nav10{            
position:relative;            
background-color: #6C8DAE;
width: 100%;
height:26px;
padding-left: 50px;


}
#navContainer{
padding-left: 50px; margin-top: 20px; padding-right: 50px; float:right; width:418px; height:16px; background:#e74c3c;
}
#navBar{
position: relative; float:right; width:700px; height: 32px; margin-top:2px;
}*/
.ux
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
.lx
{
float:left;
}
.ax {
    cursor: pointer;
    color:green;
}
 .ax:link,.ax:visited
{
display:block;
width:120px;
width: 120px;
font-weight:bold;
/*color:#FFFFFF;*/
background-color:#6C8DAE;
text-align:center;
padding:2px;
text-decoration:none;
text-transform:uppercase;
}
.ax:hover,.ax:active
{
background-color:#B9C9D9;
}    
a:link {
    /*-moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;*/
    font-family: Arial;
    text-decoration: none;
    font-size: 12px;
    color:#99CC00
}

a:visited {
    /*-moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;*/
    font-family: Arial;
    font-size: 12px;
    color:#e74c3c;
}

a:hover {
/*    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;*/
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #9aa4af;
    
}

a:active {
/*    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;*/
   font-family: Arial;
   font-size: 12px;
    /*color:#FFFFFF;*/  
}	
#sub_contain_m {
  background: #e74c3c;	                  
  position:relative; 
  margin-left: 100px;
  margin-right: 10px;
  float:right;
  width: 150px;
  height:200px;
  font-size: 12px;
  color:#ffffff;

}
   #sub_contain_m2 {
  background: #e74c3c;	
  position:relative; 
  margin-left: 100px;
  margin-right: 10px;
  float:right;
  width: 150px;
  height:200px;
  font-size: 12px;
  color:#ffffff;

}
#icoss{
        background: #ffffff;	
        position:absolute;
        float: left;
        text-align: justify;
        width:25%;
        height:100px;
        margin-left: 20px;
        margin-right:auto;
        margin-top: 425px;
        margin-bottom: auto;  
}
/*                #navMain{
        background: #000000;	                        
        float:right;
        width:45%;
        height:50px;
        margin-left: 600px;
        margin-right:20px;
        margin-top: 45px;
        margin-bottom: auto; 
         border:outset 0px #000000;
 -moz-border-radius: 10px;  
 -webkit-border-radius:10px;
  border-radius: 10px;
}*/
#parent_div_1, #parent_div_2, #parent_div_3{
    width:173px;
    height:173px;    
    border:0px solid red;
    /*margin-right:10px;*/
 /*   margin-left: 50px;*/
    margin-top: 10px;
    float:left;
}
.child_div_1{
    width:173px;
    height:173px;
    float:left;
    /*margin-right:10px;*/
}
.child_div_2{
    width:173px;
    height:173px;
    float:left;
    /*margin-right:10px;*/
    text-align: center;
    color: black;
}
.input {
/*    border: 1px solid #006;
    background: #ffc;
    border:outset 0px #000000;
   -moz-border-radius: 10px;  
   -webkit-border-radius:10px;
    border-radius: 10px;*/
background: -webkit-linear-gradient(white, #666);
    border: 1px solid #ccc;
    border-radius: 5px; 
}
/*.select {
    border: 1px solid #006;
    background: #ffc;
    width: 150px;
    overflow: hidden;
    background: url(../demos_img/dd_a.png) no-repeat right #ddd;
    border:outset 0px #000000;
   -moz-border-radius: 10px;  
   -webkit-border-radius:10px;
    border-radius: 10px;*/
/*}*/
select {
    background: -webkit-linear-gradient(white, #666);
    border: 1px solid #ccc;
    border-radius: 5px;   
    color: black;
    /*text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);*/
    width: 150px;
    -webkit-appearance: none;
}

select:active {
     background: -webkit-linear-gradient(white, #666);
}
.button {
    border: 1px solid #006;
    background: #2c3e50;
    color:white;
    width: 65px;
    border:outset 0px #000000;
   -moz-border-radius: 10px;  
   -webkit-border-radius:10px;
    border-radius: 10px;
}
label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}

br { clear: left; }
datum{
      postion:relative; float:left; margin-left:300px; float:right; color: #ffffff; font-size: 12px; font-family: 'Montserrat', sans-serif; }