/* CSS Document */
body {
	background-color: #fff;
    margin: auto;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #333;
   
}

#main   
{
	 width:90%;
} 
		  
		  
/* ------------------------Header content------------------ */

#header{
        width:90%;
        height:23px; 
        padding:15px 0px 15px 15px;
		 }
		

#logo{
      width:200px;
	  height:28px;
	  float:left; 
}		

#sub_header{
            background-color:#fefcfc;
			padding:5px 0px 0px 10px;
			height:30px;}

#sub_headerleft{
                height:30px;
				border-bottom:1px #CCCCCC solid;
				margin-top:15px; 
				padding-left:5px;}

#sprationheader{
               height:30px;
			   margin-top:15px; 
			   padding-left:36px;} 
		
		
/*-----------------------CSS HEADER MENU------------------------------------------- */ 
  
 
#bt-menu, #bt-menu ul { 
                      margin: 0;
                      padding: 0;
                      list-style: none;
                      }
#bt-menu {
          width:auto;

}


#bt-menu:before,
#bt-menu:after {
               content: "";
               display: table;
}

#bt-menu:after {
               border:0px;
               clear: both;
}

#bt-menu {
          zoom:1;
}


#bt-menu li {
             float: left;
             border-right:1px #d3d3d3 solid; 
             position: relative;
}


#bt-menu a {
            float: left;
            padding: 12px 30px;
            color: #0b7ab0;
            text-transform: ;
            font: bold 10px Arial, Helvetica;
            text-decoration: none;
}

#bt-menu li:hover > a {
                       background: #33333;
                       color: #0b7ab0;
}
 
 #bt-menu li a:hover { 
                     color: #333333;
}


#bt-menu li:active > a {
                       background: #33333;
                       color: #0b7ab0;
}

#bt-menu li a:active { 
                      color: #333333;
}
		
		
			   
			   
/* ------------------------Gradient and shape elements ------------------ */

#border_gradient {
  background-color: #4aafb5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4aafb5), to(#3a888d)); 
  background-image: -webkit-linear-gradient(top, #4aafb5, #3a888d); 
  background-image: -moz-linear-gradient(top, #4aafb5, #3a888d); 
  background-image: -o-linear-gradient(top, #4aafb5, #3a888d); 
  background-image:  linear-gradient(to bottom, #4aafb5, #3a888d); 
  height:11px; background-position:bottom;width:100%; 
	
}



#border_gradient_2{
  background-color: #3a95b5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4dacce), to(#3a95b5)); 
  background-image: -webkit-linear-gradient(top, #4dacce, #3a95b5); 
  background-image: -moz-linear-gradient(top, #4dacce, #3a95b5); 
  background-image: -o-linear-gradient(top, #4dacce, #3a95b5); 
  background-image:  linear-gradient(to bottom, #4dacce, #3a95b5); 
  height:11px; background-position:bottom;width:100%; 
}


#box_gradient {
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e7e7e7)); 
  background-image: -webkit-linear-gradient(top, #f8f8f8, #e7e7e7); 
  background-image: -moz-linear-gradient(top, #f8f8f8, #e7e7e7); 
  background-image: -o-linear-gradient(top, #f8f8f8, #e7e7e7); 
  background-image:  linear-gradient(to bottom, #f8f8f8, #e7e7e7); 
  border:#c1c0c0 solid 1px;  
  -webkit-border-radius: 6px; 
   border-radius: 6px;
   padding:6px 8px 9px 8px;
   height:16px; margin-top:12px; 
   width:96%; 
   margin-left:auto; 
   margin-right:auto;
   padding:auto;
   
}	



#black_strip{
background-image:url(../images/black-strp.png);
background-repeat:repeat-x;
border-top:#c1c0c0 solid 1px;
border-left:#c1c0c0 solid 1px;
border-right:#c1c0c0 solid 1px;

border:1px solid #CCCCCC;
padding:7px;

border-top-left-radius:5px;
-webkit-border-top-left-radius:5px; 
border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
border-top:0px;


font-family:Arial; font-size:12px; text-align:center; color:#FFFFFF; text-shadow:none;
 
   margin-left:auto; 
   margin-right:auto;
}


/* ------------------------Left Frem work---------------------------- */


#div_left{ width:14%; 
           min-height:150px; height:auto;
           float:left;
		   }
		   
		   
		   
		   
#leftpanal{ height:160px;}


.icn1{
      background-image:url(../images/srv1.png); 
      background-repeat:no-repeat;
	  background-position:left; margin:0px 0px 0px 0px;
}
	
	
/*----------------- Left vertical CSS menu --------------------------*/

.menu_simple ul { 
                font-family: Arial, Helvetica, sans-serif; 
				height:15px;
                text-shadow: #fff 1px 1px 1px;
				font-size: 11px;
			    font-weight:bold;
                margin: 0; 
                padding:0px ;
                width:auto;
                list-style-type: none;
}

.menu_simple ul li a {
                      height:15px;
                      text-decoration: none;
                      color: #0b7ab0;  
                      padding: 5px 5px;
                      display:block;
					  font-family: Arial, Helvetica, sans-serif; 
	                  text-shadow: #fff 1px 1px 1px;
	                  font-size: 11px;
	                  font-weight:bold;
	                  padding-left:25px;
}
 
.menu_simple ul li a:visited {
    color: #0b7ab0;    
}
 
.menu_simple ul li a:hover, .menu_simple ul li .current {
                  color:#eb6d29; font:Arial, Helvetica, sans-serif;
                  border: # 1px solid;           
                  border-top-left-radius:3px;
                  border-bottom-left-radius:3px;
				  background-color:#f3f3f3;
				  background-image:url(../images/arrw.png); 
				  background-repeat:no-repeat;
				  background-position:left; 
}		   



 /*-----------------------Right Frem work------------------------------------------- */


#div_right{ width:82%;min-width:82%;
         height:550px;
            float:left;
            border: #c1c0c0 1px solid;           
            border-bottom-left-radius:5px;
            border-bottom-right-radius:5px;
            border-top:0px; 
			
			
}



#right_cntnr{
             //background-color:#CCCCCC;
			 width:95%; 
             margin-left:auto; 
             margin-right:auto;
			 margin-top:8px; 
			 padding:10px;overflow:auto;
			 height:400px;}


div.styled { 
    overflow:hidden;
    padding:0; 
    margin:0; 
    background: white url(formelements-select-1.png) no-repeat ;   
    width:12em; border-radius:8px; 
    border: solid 1px #ccc; 
}

div.styled select { 
    width:100% ; 
    background-color:transparent; 
    background-image:none; 
    -webkit-appearance: none ; 
    border:none; 
    box-shadow:none; 
  	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; font-weight:bold;
	margin-left:8px; margin-right:-50px;margin-bottom:-1px;
	
	 
	
	
}

/*-----------------------CSS TXT------------------------------------------- */ 
 
 
 .text1{ 
        font-family:Arial, Helvetica, sans-serif;
	    font-weight: bold;
	    color: #4e4e4e;
	    font-size: 12px;
		font-stretch:semi-condensed;
	    text-shadow: #fff 1px 1px 1px;}
 
  
	
	
.text2{
      font-family:Arial, Helvetica, sans-serif;
	  font-weight: bold;
	  color: #4e4e4e;
	  font-size: 10px; 
	  font-stretch:semi-condensed;}
	  
	  .text3{
      font-family:Arial, Helvetica, sans-serif;
	  font-weight: bold;
	  color: #4e4e4e;
	  font-size: 11px; 
	  font-stretch:semi-condensed;}
	  .text4{
      font-family:Arial, Helvetica, sans-serif;
	  font-weight: bold;
	  color: #595f63;
	  font-size: 9px; 
	  font-stretch:semi-condensed;}
	    
	  .text5{
      font-family:Arial, Helvetica, sans-serif;
	  font-weight: bold;
	  color: #408ed0;
	  font-size: 9px; 
	  font-stretch:semi-condensed;}
 
.text_blue{
             font-family:Arial, Helvetica, sans-serif;
	         font-weight: bold;
	         color: #0b7ab0;
	         font-size: 13px;
			 font-stretch:semi-condensed;}
 
 
 
.text_green{
              font-family:Arial, Helvetica, sans-serif;
	          font-weight: bold;
	          color: #3d7c0f;
	          font-size: 11px;
			  font-stretch:semi-condensed;
			  text-shadow: #fff 1px 1px 1px;}
			  
			  
h1{ font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #333;
    text-shadow: #fff 1px 1px 1px;font-weight:bold;}

/*-----------------------naVIGATION mENU------------------------------------------- */ 
 

nav{  
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px; 
   margin-left:30px; 
   width:auto;
   margin-top:-5px;
   float:right;  }
   
   
nav ul{ margin:0px; padding:0px;} 

nav ul li{
          list-style-type:none;
		  display:inline-block;
		  margin:0 0 0 -3px;}


nav ul li a{ 
           display:block;
           color:#333;
		   text-decoration:none; 
		   text-transform:;
		   padding:13px 18px;
		   border-right:solid 1px #ccc }


nav ul li:hover>a{ background:#edecec; color:#2e7a1d;}


nav ul li:first-child a{
                       border-radius:px 0 0 px;}
					   
					   
nav ul li:last-child a{
                       border-radius:0 0px 0px 0;}

/*...First-Level...*/
nav ul li ul li:first-child a{border-top:solid 1px #fff}

nav ul li ul li:last-child a{border-bottom:solid 1px #fff}

nav ul li ul{position:absolute; display:none; width:140px; margin:0;}


nav ul li:hover ul{display:block; background-color:#009966;}
nav ul li ul li{display:block; position:relative; border:none}
nav ul li ul li a{ border-bottom:solid 1px #f4f4f4; border-right:1px solid #fff; border-left:1px solid #fff; border-radius:0px!important; background:#edecec;  margin:0px; padding:10px}

/*...Second-Level...*/
nav ul li:hover ul ul{display:none}
nav ul li ul li:hover>ul{display:block}
/*...Third-Level...*/
nav ul li ul li ul{display:none; background:#fff; position:absolute; top:-10%; left:145px; width:140px;}





 /*-----------------------FOOTER------------------------------------------- */ 

#footer{  width:100%; height:35px;
           
//background-color:#00CCCC;

float:right; 
 margin-top:10px; margin-left:auto; margin-right:auto; }
 
 #ftr_rght{ float:right;width:20%; padding-right:65px; text-align:right;font-size:11px;}
 
 #ftr_lft{  float:right; width:49%; font-size:11px;padding-right:90px; }
 
 




 /*-----------------------INPUT BOX CSS ------------------------------------------- */ 




input#yourid{	

             width:100px;
            -webkit-border-radius: 6px;
			-moz-border-radius:6px;
	         border-radius: 6px;
	         border: 1px solid #bf0000;
	         color:#FFFFFF;
	         font-family:Arial;
	         font-size:11px;
	         font-weight:bold;
}

input#yourid:hover{	
	               cursor:pointer;
		           background-color:#000000;;
                   width:100px;
                  -webkit-border-radius: 6px;
				  -moz-border-radius:6px;
	               border-radius:6px;
	               border: 1px solid #000000;
}

 
textarea, select, input {
	                     color: #667;
                         border: 1px solid #CCC;
	                     -webkit-border-radius: 6px;
	                     -moz-border-radius:6px;
	                      border-radius: 6px;
	                     -webkit-transition: all 0.4s ease-in-out;
	                     -moz-transition: all 0.4s ease-in-out;
	                     -o-transition: all 0.4s ease-in-out;
}
 








boxy#yourid{	

            height:22px;
            -webkit-border-radius: 4px;
			-moz-border-radius:4px;
	         border-radius: 4px;
	         border: 1px solid #bf0000;
	         color:#FFFFFF;
	         font-family:Arial;
	         font-size:11px;
	         font-weight:bold;
}

boxy#yourid:hover{	height:22px;
	               cursor:pointer;
		           background-color:#000000;;
                 
                  -webkit-border-radius: 4px;
				  -moz-border-radius:4px;
	               border-radius:4px;
	               border: 1px solid #000000;
}

 
boxy textarea, select, input {height:22px;
	                     color: #667;width:180px;
                         border: 1px solid #CCC;
	                     -webkit-border-radius: 4px;
	                     -moz-border-radius:4px;
	                      border-radius: 4px;
	                     -webkit-transition: all 0.4s ease-in-out;
	                     -moz-transition: all 0.4s ease-in-out;
	                     -o-transition: all 0.4s ease-in-out;
}

.chekbox{height:15px; 
	                     color: #667; width:15px; float:left;}
						 
						 
						 
						 
.button { text-align:center;
   border-top: 1px solid #6ad954;
   background: #60b553;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e9c4c), to(#60b553));
   background: -webkit-linear-gradient(top, #3e9c4c, #60b553);
   background: -moz-linear-gradient(top, #3e9c4c, #60b553);
   background: -ms-linear-gradient(top, #3e9c4c, #60b553);
   background: -o-linear-gradient(top, #3e9c4c, #60b553);
padding:3px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 11px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #32ba54;
   background: #32ba54;
   color: #fffcff;
   }
.button:active {
   border-top-color: #5d9e57;
   background: #5d9e57;
   }