/*
	Basic
*/
/* reset */
* 
{
    text-decoration: none;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    margin: 0px;
    padding: 0px;
}

/* document */
        
body 
{
	font-size: 100%;
    height: 100%;
    color: #414141;
    font: 100% Trebuchet MS;
    background: #fff;
    
    text-align:center;
}

.clear_both,
.clear
{
    clear: both;
    font-size: 0px;
    margin: 0px;
    padding: 0px;
    width: 0px;
    height: 0px;
}

/* global */

a 
{
    color: #177530;
    text-decoration: underline;
    cursor: pointer;
}

a:hover 
{
    color: #3CA71F;
    /* text-decoration: none; */
}

img
{
    border: none;
}

fieldset 
{
    border: 0 none;
    margin: 0;
    padding: 30px 10px 15px 01px;
}

.text.error, .b-continue-disabled 
{
    background-color: #FFDDDD;
    background-image: none;
    border-color: #FF7777 !important;
}


.message.error 
{
    background-color: #FFE0DE;
    border: 1px solid #FF0000;
    padding: 10px;
    width: 97.5%; /*100%;*/
    margin: 10px 0px 10px 0px;
}

.message
{
    color: #000000;
    font-size: 11px;
    font-style: normal;
    position: relative;
    width: 430px;
}

.message.error b 
{
    color: #D00000;
}

.message b 
{
    display: block;
    font-size: 1.2em;
    margin-bottom: 0.3em;
}

/* wrapper */ 
#wrapper
{
	min-height: 100%;
	
    width: 1200px;
    
    margin: 0 auto;
    text-align: left;
    
   /* background-image: url(back.jpg); */
}

/* header */
#wrapper #header
{
    width: 100%;
    height: 130px; /* 250px; */
}

#wrapper #header #left_head
{
    float: left;
    width: 50%;
    height: 130px;
}

#wrapper #header #left_head #language
{
    list-style: none;
    margin: 0;
    padding: 0px 0px 0px 33px;
    height: 20px;
}

#wrapper #header #left_head #language li
{
    float: left;
    padding: 0px 30px 0px 0px;
}

#wrapper #header #left_head #language li.active_lang
{
    background-image: url(../i/lang_ico.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

#wrapper #header #left_head #language li a
{
    color: #9A9D94;
    font-size: 0.6em;
}

#wrapper #header #left_head #language li a:hover,
#wrapper #header #left_head #language li.active_lang a
{
    color: #D0D1CD;
    text-decoration: none;
}

#wrapper #header #left_head #logo
{
    display: block;
    margin: 40px 0px 0px 29px;
}

#wrapper #header #right_head
{
    float: right;
    width: 50%;
    text-align: right;
    height: 130px;
}

#wrapper #header #right_head #search_form 
{
    float: right;
    padding: 0px 10px 0px 0px;
}

#wrapper #header #right_head #search_form a,
#wrapper #header #right_head #search_form span
{
    color: #AAB197;
    font-size: 0.75em;
}

#wrapper #header #right_head #search_form a:hover
{
    text-decoration: none;
}

#wrapper #header #right_head #search_form #search_text
{
    background-image: url(../i/text_search.gif);
    background-color: transparent;
    background-position: top right;
    background-repeat: no-repeat;
    
    border: none;
    border-width: medium;
    
    margin: 1px 0px 0px;
    padding: 2px 3px;
        
    width: 150px;
    height: 22px;
    
    text-transform: lowercase;
    color: #737373;
    font-size: 0.8em;
}

#wrapper #header #right_head #search_form #search_submit
{
    background-image: url(../i/butt_search.gif);
    background-color: transparent;
    background-position: top right;
    background-repeat: no-repeat;
    
    border: none;
    border-width: medium;
    
    width: 16px;
    height: 16px;
    
    cursor: pointer;
}

#wrapper #header #right_head #phone
{
    clear: both;
    padding: 29px 0px 0px 0px;
    //padding: 14px 0px 0px 0px;
}

#wrapper #header #right_head #phone ul
{
    list-style: none;
    margin: 0px;
    padding: 0px 29px 0px 0px;
    //padding: 0px 3px 0px 0px;
}

#wrapper #header #right_head #phone ul li
{
    float: right;
    text-align: left;
    color: #177530;
    padding: 0px 0px 0px 18px;
}

#wrapper #header #right_head #phone ul li span
{
    font-size: 1em;
    margin: 0px 0px 0px 7px;
}

#wrapper #header #right_head #phone ul li span.last
{
     padding: 0px 52px 0px 0px;
}

#wrapper #header #right_head #phone ul li img
{
    display: block;
    float: left;
    padding: 3px 0 0;   
}

#wrapper #header #right_head #phone ul li p
{
    color: #90928D;
    font-size: 0.7em;
    font-weight: normal;
    padding: 0px 0px 0px 22px;
    line-height: 13px;
}

/* end header */


/* menu */

#wrapper #menu
{
    width: 100%;
}

#wrapper #menu #main_menu
{
    width: 100%;
    height: 40px;
    background-color: #EEF1E7;
    
    -moz-border-radius: 5px 5px 0px 0px;  
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

#wrapper #menu #main_menu ul
{
    list-style: none;
    list-style-image: url(../i/menu_ico.png);
    
    padding: 9px 0px 0px 31px;
    margin: 0px;
}

#wrapper #menu #main_menu ul li
{
    float: left;
    padding: 0px 50px 0px 0px;
}

#wrapper #menu #main_menu ul li a
{
    font-size: 0.8em; /* 0.9em; */
}

#wrapper #menu #client_menu
{
    height: 49px;
}

#wrapper #menu #client_menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#wrapper #menu #client_menu ul li
{
    background-color: #177530;
    float: left;
    
    height: 38px;
    width: 48.3%;
    
    //height: 49px;
    //width: 49.9%;
    
    padding: 11px 0px 0px 19px;
    font-size: 1.3em;
    
    
    -moz-border-radius: 5px 5px 0px 0px;  
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

#wrapper #menu #client_menu ul li a
{
    color: #F3F4A6;
    font-family: Georgia;
    font-size: 1em;
    text-decoration: none;
    border-bottom: 1px dashed #F3F4A6;
}

#wrapper #menu #client_menu ul li img
{
    display: block;
    float: left;
    margin: 11px 16px 0px 0px;
}

#wrapper #menu #client_menu ul li.last
{
    float: right;
}

#wrapper #menu #client_menu ul li.last a
{
    color: #EFCF23;
    border-bottom: 1px dashed #EFCF23;
}

#wrapper #menu #client_menu ul li a:hover,
#wrapper #menu #client_menu ul li.last a:hover
{
    border: none;
}

.catalog-nav,
#wrapper #menu #trigger {
    height: 30px;
    background-color: #F3F5EE;
    
    padding: 0px !important; 
    margin: 0px !important; 
    
    -moz-border-radius: 0px 0px 5px 5px;  
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.catalog-nav ul,
#wrapper #menu #trigger ul
{
    list-style: none;
    padding: 9px 0px 0px 24px !important;
    margin: 0px !important;
}

.catalog-nav ul li,
#wrapper #menu #trigger ul li
{
    float: left;
    font-size: 0.7em;
    padding: 0px 7px 0px 0px;
}

.catalog-nav ul li img,
#wrapper #menu #trigger ul li img
{
    display: block;
    padding: 4px 0px 0px;
    
    //margin: 4px 0px 0px;
}

.catalog-nav ul li a,
#wrapper #menu #trigger ul li a
{
    color: #4C4C4C;
}

.catalog-nav ul li a:hover,
#wrapper #menu #trigger ul li a:hover
{
    text-decoration: none;
}

.catalog-nav ul li span,
#wrapper #menu #trigger ul li span
{
    color: #829186;
}

/* end menu */

#wrapper #x-left
{
    /* width: 100%; */
    width: 80%;
    float: left;
    margin-right: -250px;
}


#wrapper #x-right
{
    float: right;
    width: 250px;
}

#wrapper #x-right #right_menu
{
    font-size: 0.95em;
    padding: 30px 0px 0px 29px;
}

#wrapper #x-right #right_menu ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#wrapper #x-right #right_menu ul.sp_link
{
	border: 1px solid #E5E5E5;
	padding: 20px 0px;
	
	-moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
    border-radius: 5px;  
}

#wrapper #x-right #right_menu ul li
{
    padding: 0px 0px 5px 0px;
    //padding: 1px 0px 1px 0px;
}

#wrapper #x-right #right_menu ul li a
{
    display: block;
    padding: 3px 15px;
    
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
    border-radius: 5px;  
}

#wrapper #x-right #right_menu ul li a:hover,
#wrapper #x-right #right_menu ul li span a
{
   background-color: #177530;
   color: #FFFFFF;
   text-decoration: none;
}

.port
{
	padding: 0px 0px 0px 8px;
	font-size: 14px;
}

.port td 
{
    /* background: none repeat scroll 0 0 #FFFFFF; */
    border: medium none;
    /*padding: 6px 12px;*/
    padding: 3px 3px;
}

.port td a
{
	padding: 3px 7px !important;
}

.port td a:hover
{
	color: #177530 !important;
	background-color: transparent !important;
	text-decoration: none !important;
}

#main
{
	height: 100%;
	min-height: 100%;
}


/* footer */

.x-footer
{
	margin: 20px 0px 0px 0px;
	height: 140px;
}

#footer_,
#footer
{
	width: 1200px;
	
    margin: -140px auto 0;
    text-align: left;
    
    height: 140px;
    
    background-image: url(../i/back_footer.png);
    
    background-position: left top;
    background-repeat: repeat-x;
    
     -moz-border-radius: 12px 12px 0px 0px;  
     -webkit-border-radius: 12px 12px 0px 0px;
     border-radius: 12px 12px 0px 0px;  
}

#footer_ div,
#footer div
{
    width: 100%;
    height: 140px;
    
    background-image: url(../i/back_shadow_footer.png);
    background-position: center top;
    background-repeat: repeat-x;
}

#footer_ div div,
#footer div div
{
    width: 100%;
    height: 140px;
    
    background-image: url(../i/back_light_footer.png);
    background-position: left top;
    background-repeat: no-repeat;
    
   /* padding: 20px 0px 0px; */
}

#footer_ div div ul,
#footer div div ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#footer_ div div ul li,
#footer div div ul li
{
    float: left;
}

#footer_ div div ul li.line,
#footer div div ul li.line
{
    height: 92px;
    width: 1px;
    
    background-image: url(../i/footer_line.png);
    background-position: center top;
    background-repeat: no-repeat;
}

#footer_ div div ul li.copy,
#footer div div ul li.copy
{
    font-size: 0.75em;
    padding: 27px 0px 0px 29px;
    width: 36.7%;
}

#footer_ div div ul li.copy p,
#footer div div ul li.copy p
{
    padding: 0px 0px 5px;
}

#footer_ div div ul li.phone,
#footer div div ul li.phone
{
    padding: 25px 0px 0px 10px;
    width: 16.6%
}

#footer_ div div ul li.phone_,
#footer div div ul li.phone_
{
    width: 24.1%;
}

#footer_ div div ul li.phone p,
#footer div div ul li.phone p
{
    color: #177530;
    font-size: 1em;
}

#footer_ div div ul li.phone span,
#footer div div ul li.phone span
{
    color: #6D8369;
    display: block;
    font-size: 0.75em;
    line-height: 13px;
    padding: 2px 0px 0px;
}

#footer_ div div ul li.last,
#footer div div ul li.last
{
    font-size: 0.8em;
    padding: 27px 0px 0px 10px;
}

#footer_ div div ul li.last span,
#footer div div ul li.last span
{
    display: block;
    font-size: 0.9em;
}

/*----------------------------------*/

#content-archive
{
	/* position: relative; */
}

#content 
{
	/*
    width: 76.7%;
    //width: 76%;
    */
    width: 100%;
    padding: 15px 0px 0px 0px;
}

#content h1
{
    padding: 10px 0px 0px 20px;
    color: #3D423E;
    font-family: Georgia;
    font-size: 1.5em;
    font-weight: normal;
    
    height: 57px;
       
    background-image: url(../i/back_h1.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
}

#content h1.back
{
    height: 57px;
       
    background-image: url(../i/back_h1.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
}

#content h2
{
    border-bottom: 1px solid #E5E5E5;
    font-weight: normal;
    font-size: 1.22em;
    padding: 10px 0px 3px 20px;
    margin: 0px 0px 25px;
    
    color: #3D423E;
}

#content h3
{
	border-bottom: 1px solid #E5E5E5;
    font-weight: normal;
	padding: 10px 0px 3px 20px;
    margin: 0px 0px 25px;
    
    color: #3D423E;
}

#content h4
{
	border-bottom: 1px solid #E5E5E5;
    font-weight: normal;
    font-size: 1em;
    padding: 10px 0px 3px 20px;
    margin: 0px 0px 25px;
    
    color: #3D423E;
}

#content ul,
#content ol
{
    /* list-style-image: url(../i/ul_ico.jpg); */
    
    margin: 0px;
    padding: 23px 0px 0px 32px;
}

#content ul li
{
    color: #4C4C4C;
    font-size: 0.95em;
    padding: 1px 0px 0px 5px;
}

#content table
{
	width: 100%;
	border: 1px solid #EEF1E7;
	
    border-collapse: collapse;
    margin: 20px 0px 15px;
    
    position: relative;
    // position: static;
}

#content table th,
#content table td
{
    line-height: 20px;
    padding: 5px 8px 5px 8px;
}

#content .table
{
    width: 100%;
    margin: 0px 0px 0px;
}

#content table th
{
    border: 1px solid #FFFFFF;
    /* height: 50px; */
    padding: 6px 16px 5px 16px;
    text-align: left;
    
    background-image: url(../i/back_table.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

#content .table td.first
{
    border-left: 1px solid #EEF1E7;
}

#content .table td,
.common td
{
    border-right: 1px solid #EEF1E7;
    border-bottom: 1px solid #EEF1E7;
    
    /* font-size: 0.93em; */
    padding: 17px;
    vertical-align: top;
}

.common th,
.common td
{
	font-size: 0.85em;	
}

.bills th,
.bills td,
#flt_frm .common th,
#flt_frm .common td,
.calendar-container th,
.calendar-container td,
.cards th,
.cards td
{
	/* font-size: 1em !important; */	
}

form p 
{
	font-size: 11px !important;
}

.filter td 
{
    border: medium none;
}

.bill 
{
	clear: both;
    /* height: 135px; */
    width: 100%;
}

form 
{
   /* font-size: 11px; */
}

#content p
{
    font-size: 0.95em; /* 0.85em; */
    line-height: 20px;
    padding: 6px 0 6px 19px;
}

#content label 
{
    color: #999999;
    margin-right: 10px;
    font-size: 14px; /*12px;*/
}

#content button 
{
    padding: 0 10px;
}

#content input, #content textarea, #content select, #content button 
{
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 5px;
    font: 12px/1.4 Arial,sans-serif;
}

.title
{
	font-size: 0.8em;
	height: 55px;
	float: none;
}

/* ************** tabs ****** */

.tabs 
{
	//width:  93%; 
}

/* mobile-payments */
.table_companies
{
	border: 1px solid #CCCCCC !important;
	border-top: none !important;
	margin: 0px !important;
}

.table_companies table
{
	border: none !important;
	margin: 0px !important;
}

#defaultList table
{
	border: 0px;
	margin-bottom: 0px;
}

.subDiv
{
	padding: 15px 0px 0px;
}