html{
  height: 100%;	
}

body
{
    height: 100%;	
    min-width:100%;
    margin: 0px;
    padding: 0px;
    font-family: 'Alegreya Sans', sans-serif;
    background-color: #f4f4f1;
    background: url(images/container_bg.png) repeat-y center center fixed; 
}

@media screen {
    body {
        color: #555;
    } 
}

@media print
{    
    body {
        color: black;
    } 

    .no-print, .no-print * 
    {
        display: none;
    }
}

.navigation_unselected a, #footer, .bdata {
    background-color: #447584;
}    

.navigation_selected a {
    background-color: #5f8b77;
}

.h_leftmenu_s a {
/*    background-color: #fd7a00;*/
    background-color: #5f8b77;
}    

#footer {
    background-color: #004358;
}

a {
    color:#004358;
}

.search-input {
     box-shadow:inset 0 0 3px #888;
     -moz-box-shadow:inset 0 0 3px #888;
     -webkit-box-shadow:inset 0 0 3px #888;
     border:0px;
}
.menu {
}

.h_leftmenu_1 a {
    background: url(images/menu_l_bg_01.png); 
    background-repeat:no-repeat;
}

.h_leftmenu_2 a {
    background: url(images/menu_l_bg_02.png); 
    background-repeat:no-repeat;
}

.h_leftmenu_3 a {
    background: url(images/menu_l_bg_03.png); 
    background-repeat:no-repeat;
}

.h_leftmenu_4 a {
    background: url(images/menu_l_bg_04.png); 
    background-repeat:no-repeat;
}

.h_leftmenu_5 a {
    background: url(images/menu_l_bg_05.png); 
    background-repeat:no-repeat;
}

.h_leftmenu_6 a {
    background: url(images/menu_l_bg_06.png); 
    background-repeat:no-repeat;
}

.h_leftmenu_7 a {
    background: url(images/menu_l_bg_07.png); 
    background-repeat:no-repeat;
}

.h_leftmenu_8 a {
    background: url(images/menu_l_bg_08.png); 
    background-repeat:no-repeat;
}

.menu_padding {
    margin:150px;
    color:red;
}


#header
{
    background-image: url('images/top_bar.png');
    background-repeat:repeat-x;
    background-position:0px 10px;  
    padding: 10px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    height: 126px; 
    width: 1100px;
    text-align: left;
}

#logo_menu
{
    background-image: url('images/logo.png');
    background-repeat:no-repeat;
    background-position:0px 0px;  
    padding: 10px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    height: 126px; 
    text-align: right;
}

#container { 
    position: relative;
    min-width: 1000px;
    min-height: 100%;
    width:1100px; 
    margin: 0 auto;
    border-width:0px;
    background-color: #FFFFFF;
    text-align: left;
}
.user_viewname {
    color:#ffffff;
    margin-top:20px;
    margin-right:10px;
    height:26px;
}
.leftbox {
    font-size: 17px; 
    color:#69714c;
    text-align: left;
    margin-left: 15px;
    width:189px;
    color:#ffffff;
}

.leftbox a {
    color:#ffffff;
}

.caption {
    background-image: url('images/bl.png');
    background-repeat: no-repeat;
    background-position:right 2px top 2px;  
    color:#ffffff;
    padding: 5px 6px 1px 6px;
    background-color: #fd7a00;
    text-align: left;
}

.bdata_topline {
    height:2px;
    background-color: #004358;
}    

.bdata {
    color:#ffffff;
    padding: 14px 6px 14px 6px;
    text-align: left;
    background-image: url('images/block_l_bg.png');
    background-repeat: repeat-y;
}

.h_menu {
  margin-top:8px;
  float:right;
}

.h_topbar {
  float:left;
  width:100%;
}

#h_middlebox {
    height:100%;    
    width:100%;
}

.admin_menu_l {
    width:30px;
    font-size: 12px; 
    float:left;
}

.h_leftmenu {
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 20px; 
    float:left;
}


.h_content {
    position:relative;
    float:left;
    width:800px;
    min-height:500px;
    padding-left:44px;
    padding-top:12px;
    margin-bottom:24px;
    margin-left:10px;
    margin-top:26px;
}

.navigation {
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 20px; 
    margin-top:8px;
    float:right;
    padding: 1px;
    margin: 0px;
    list-style-type:none;
    text-align: left; 
}

.navigation ul {
    padding:0px;
    margin: 3px 0px 0px 0px; 
}

.navigation ul a {
    margin: 0px 4px 0px 0px;
    text-decoration:none;
    list-style-type:none;
    color: white;
    
}
.navigation_unselected a {
    background-image: url('images/menu_t_bg.png');
    background-repeat: no-repeat;
/*    text-decoration:none;*/
}    

.navigation_selected a {
/*    background-image: url('images/menu_t_bg_s.png');
    background-repeat: repeate-x;*/
    
/*    background-image: none;*/
/*    text-decoration: underline;*/
}    

.navigation ul a:hover{
    background-color: #fd7a00;
    background-image: none;
}

.navigation ul li {
 float: left;
 text-decoration:none;
 list-style-type:none;
}

.navigation ul li a {
 padding: 5px;
}

/*a s m*/
.navigation ul li ul {
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 0px 0px;
}
.navigation ul li ul li {
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 0px 0px;
    display: inline;
    width:auto;
    font-size: 12px; 
}
.navigation ul li ul li a {
    border: solid #bfbfbc 1px;
    background-color: #efefec;
    margin: 0px 1px 0px 1px;
    padding: 0px 2px 0px 2px;
    width:auto;
    color: #555;
    background-image: none;
}

.navigation ul li ul li a:hover {
    border: solid #bfbfbc 1px;
    background-color: #fffffc;
    margin: 0px 1px 0px 1px;
    padding: 0px 2px 0px 2px;
    width:auto;
    color: #555;
}
/*------------*/

/* left menu */
.h_leftmenu {
 padding-top: 20px;
 margin: 0px;
 list-style-type:none;
 width:210px;
 text-align: left; 
}

.h_leftmenu ul {
    float:left;
    padding:3px 3px 3px 3px; 
    margin: 3px 3px 3px 3px; 
    width:176px;
}

.h_leftmenu ul a {
    float:left;
    padding-left: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;

    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-right: 3px;
    color: white;
    width:179px;
}

.h_leftmenu ul a:hover{
    float:left;
    /*padding:3px 3px 3px 10px; */

/*    padding-left: 10px;*/
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
    
    margin-left: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 3px;
/*    width:176px;*/
    background-color: #fd7a00;
    background-image: none;
}

.h_leftmenu ul li {
    padding:3px 3px 3px 3px; 
    margin: 3px 3px 3px 3px; 
    list-style-type:none;
}

.h_leftmenu ul li a {
    text-decoration:none;
}

.h_leftmenu ul li ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.h_leftmenu ul li ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline;
    width:auto;
    font-size: 12px; 
}
.h_leftmenu ul li ul li a {
    border: solid #bfbfbc 1px;
    background-color: #efefec;
    margin: 2px 4px 2px 4px;
    padding: 2px 4px 2px 4px;
    width:auto;
    color: #555;
    background-image: none;
}

.h_leftmenu ul li ul li a:hover {
    border: solid #bfbfbc 1px;
    background-color: #fffffc;
    margin: 2px 4px 2px 4px;
    padding: 2px 4px 2px 4px;
    width:auto;
    color: #555;
}

ul.h_leftmenu a {
/* display: block;*/
}

ul.h_leftmenu li ul {
 display: none;
}

ul.h_leftmenu li:hover ul {
 /*display: block;*/
}

#footer {
    background-image: url('images/footer_bg.png');
    background-repeat: no-repeat;
    background-position:right 0px bottom 0px;  
    position: absolute;
    bottom: 5px;
    color:#ffffff;
    padding-top: 6px;
    height:23px;
    text-align: left;
    width:100%;
}

.footer_image {
    background-image: url('images/bl2.png');
    background-repeat: no-repeat;
    background-position:left 3px bottom 0px;  
}

.footer_content {
    padding-left: 24px;
}

.b_button {
    border: solid #bfbfbc 1px;
    background-color: #efefec;
    margin: 2px 4px 2px 4px;
    padding: 2px 4px 2px 4px;
}    

.b_button:hover {
    background-color: #fffffc;
}

.b_button a {
    color: #555;
    text-decoration:none;
    width:auto;
}    

#q {
    width:96%;
}

table {
    border-collapse: collapse;
}

table, th, tr, td {
    border: 1px solid #004358;
    padding-left:8px;
    padding-right:8px;
    padding-top:2px;
    padding-bottom:2px;
}

form div {
    padding:1px;
}

.edit_right {
    display:inline-block;
    text-align: right;
}

.edit_left {
    display:inline-block;
    align: left;
    text-align: left;
    width:200px;
}

.hidden_box {
    display: none;
}

.Popupimage {
    border: 0;
    background: none;
    padding: 0;    
}

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;
    display:none; 
    padding:14px 20px;
/*    margin-top:60px; 
    margin-left:-160px;*/
    width:300px; 
    line-height:16px;
}
a.tooltip:hover span{
    /*font-weight: 700;*/
    display:inline; 
    position:absolute; 
    border:2px solid #5f8b77;  
    background:#fff;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:2px;        
    box-shadow: 0px 0px 4px 2px #eee;
}

small {
    font-size: 12px;     
   
}
.cl {
  clear:both;
}