/* ################################     BENDRI STILIAI     ############################### */

* { padding: 0; margin: 0; }

body
{
    background: url('/client/images/bg.body.gif') #D9D5BE;
    font-family: Arial;
    color: #231F20;
	font-size: 62.5%;     
}

a
{
    color: #1D3D6E;
    text-decoration: none;
    font-family: Arial;
}
a:hover
{
    color: #000000;
}
a img
{
    border: none;
}   

/* ####################################################################################### */

input, textarea
{
    position: relative;
    float: left;
    border: 1px solid #4D89BB;
    padding: 2px;
    width: 414px;
}      
select
{
    position: relative;
    float: left;
    border: 1px solid #4D89BB;
    padding: 1px;
    width: 300px;
}        
button
{
    position: relative;
    float: right;
    border: 1px solid #2E5F7F;
    color: #FFFFFF;
    background: #4D89BB;
    padding: 3px 20px 3px 20px;
	cursor: pointer;
}                                  

/* ####################################################################################### */

table
{
    position: relative;
    float: left;
    margin-bottom: 20px;
    width: 620px;
}
table tr th
{
    background: #EBEBDB;
    text-align: left;
    font-weight: normal;
    width: 170px;
    padding: 3px;
    font-size: 0.9em;
    line-height: 170%;
}
table tr th span, table tr th strong
{
    position: relative;
    float: left;
    width: 170px;
    font-size: 1.1em;
}
table tr td
{
    background: #EBEBDB;
    padding: 3px;
    text-align: center;
}
table tr td.h
{                                  
    font-size: 1.1em;
    font-weight: bold;
    background: none;          
    text-align: left;
    background: #E0E0CE;
    border-top: 10px solid #F5F5EB;
}

table tr td.hh
{                       
    color: #005284;
    font-size: 1.3em;
    font-weight: bold;
    background: none;          
    text-align: left;             
    padding: 20px 3px 10px 0px;
}

table tr.table_title td
{
	text-align: center;
	color: #757369;
	font-size: 0.9em;
	padding: 3px;
}

/* ####################################################################################### */

#alignment
{
    position: relative;                                                       
    width: 900px;              
    height: 100%;
    margin: 0 auto;             
}

#container
{
    position: relative;
    background: url('/client/images/bg.container.gif') repeat-y top left #FFFFFF; 
    float: left;     
    width: 900px;
    height: 100%;
    margin: 0 auto;                
    font-size: 1.2em; 
}  

#container img.pict
{
    position: relative;
    float: left;
}

/* ####################################################################################### */

#header
{
    position: relative;
    float: left;        
    width: 870px;
    background: #FFFFFF;
    padding: 20px 10px 10px 20px;
    border-bottom: 10px solid #89C9F3;
}
#header a img
{                      
    position: relative;
    float: left;
}

#header ul.lang
{                           
    width: 600px;
    margin-bottom: 10px;    
}
#header ul.lang li
{      
    float: right;
    border: none;
    padding: none;
}
#header ul.lang li a
{                     
    color: #97968E;             
    padding: 0px 15px 0px 15px;  
}
#header ul.lang li a:hover
{
    color: #82817A;
}

#header ul
{
    position: relative;
    float: right;
    list-style: none;
}
#header ul li
{
    position: relative;
    float: left;   
    border-left: 1px solid #E7E7E7; 
    padding: 5px 0px 5px 0px;
}
#header ul li.f
{
    border: none;
}
#header ul li a
{
    color: #005284;
    font-weight: bold;
    font-size: 13px;                
    padding: 5px 15px 5px 15px;   
    text-transform: uppercase;     
}
#header ul li a:hover, #header ul li a.sel
{
    color: #002A44;
}

/* ####################################################################################### */

#content
{
    position: relative;
    float: left;
    width: 640px;
    padding: 20px 0px 20px 20px;
}
#content h1
{                 
	width: 610px;
	color: #005284;
    font-size: 1.3em;
	line-height: 100%;     
    padding: 0px 10px 10px 0px;
	margin-bottom: 10px;
	border-bottom: 5px solid #ebebdb;
}

#content h2
{
    color: #333333;
    font-size: 1.1em;
    font-weight: bold;
	padding-bottom: 5px;
    line-height: 180%;
}
 
#content p
{
    color: #333333;
    font-size: 1em;
	padding-right: 20px;
    padding-bottom: 10px;
    line-height: 170%;
}
#content p.hl
{
    float: left;
    width: 300px;
}

/*#content a
{
    text-decoration: underline;
}

#content a:hover
{
    text-decoration: none;
}*/

#content a img
{                        
    background: url('/client/images/bg.img.gif') no-repeat top left #ebebdb;
    padding: 5px 8px 9px 6px;
    margin: 0px 16px 10px 0px;
    width: 180px;
    height: 110px;
}                    
#content a img.p
{
    background: url('/client/images/bg.img3.gif') no-repeat top left #ebebdb;
    padding: 5px 8px 9px 6px;
    margin: 0px 16px 20px 0px;
    width: 180px;
    height: 50px;
}
#content a:hover img
{
    background-color: #dbdbc6;
}

#content ul
{               
    position: relative;              
    list-style-type: disc;
    list-style-position: inside;
    padding: 0px 20px 20px 20px;
    line-height: 180%;
}

#content li
{            
	padding-bottom: 5px;
}                      

#content div.list
{
	float: left;
	width: 300px;
}

/* ####################################################################################### */ 

#container div.index
{
    width: 880px;
    background: url('/client/images/bg.index.gif') repeat-y top left #F5F5EB;
    padding-bottom: 20px;
}

#content div.box
{
    position: relative;
    float: left;
    width: 200px;
    background: #EBEBDB;
    margin-right: 16px;                                                     
}
#content div.box a
{
    position: relative;
    float: left;
    padding: 10px 4px 10px 10px; 
    background: url('/client/images/arrow3.gif') no-repeat 159px 124px #EBEBDB;    
}
#content div.box a:hover
{                                                   
    background-image: url('/client/images/arrow3_h.gif');
}
#content div.box a img
{                        
    background: url('/client/images/bg.img2.gif') no-repeat top left #BBBDAF;
    padding: 5px 9px 10px 5px;
    margin: 0px;       
    width: 170px;
    height: 90px;
}
#content div.box a:hover img
{
    background-color: #AFB0A7;                       
}
#content div.box a span
{                      
    position: relative;
    float: left;
    cursor: pointer;
    color: #005284;
    font-weight: bold;
    font-size: 13px;              
    text-transform: uppercase;  
    width: 140px;
    line-height: 130%; 
    padding-top: 4px;   
}
#content div.box a:hover span 
{
    color: #013A5C;
}

#content div.partners
{
    position: relative;
    float: left;
    background: #EBEBDB;
    width: 828px;
    margin-top: 20px;
    padding: 10px;
    font-size: 13px;
    color: #797B6C;
    font-weight: bold;    
}
#content div.partners span
{
    position: relative;
    float: left;
}
#content div.partners a
{
    position: relative;
    float: right;
    color: #797B6C;           
}
#content div.partners a:hover
{
    color: #013A5C;
}
#content div.banners
{
    position: relative;
    float: left;
    background: #FFFFFF;
    border: 5px solid #DBDBC6;
    width: 818px;     
    height: 60px;
    margin-top: 10px;
}
#content div.banners a
{
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    height: 60px;  
    border: none; 
    width: 204px;
    background: none;
}
#content div.banners a img
{
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    height: 60px; 
    width: 204px; 
    border: none;
    background: none;
}

/* ####################################################################################### */ 

#sideMenu
{
    position: relative;
    float: left;
    width: 200px;
    padding: 20px; 
}

#sideMenu ul
{
    position: relative;
    float: left;
    width: 198px;
    border: 1px solid #D1D1BE;
    margin-bottom: 10px;                                                 
    list-style: none;
}
#sideMenu ul.l2t
{
    background: #E5E5D2;
}   
#sideMenu ul.l2t li a
{
    background: url('/client/images/arrow2.gif') no-repeat 158px 10px #E5E5D2;
}                 
#sideMenu ul.l2t a:hover
{
    background-image: url('/client/images/arrow_h.gif');
}  
#sideMenu ul.l2t li.sel a, #sideMenu ul.l2t li.sel a:hover
{
    background-image: url('/client/images/arrow2_h.gif');
}                           
#sideMenu ul li
{
    position: relative;
    float: left;                   
}
#sideMenu ul li a
{
    position: relative;
    float: left;
    color: #005284;
    font-weight: bold;
    font-size: 13px;              
    text-transform: uppercase;
    padding: 10px 48px 10px 10px; 
    background: url('/client/images/arrow.gif') no-repeat 158px 10px #E5E5D2;
    width: 140px;
    line-height: 140%; 
}   
#sideMenu ul li a:hover, #sideMenu ul li.sel a, #sideMenu ul li.sel a:hover
{
    color: #002A44;
    background-image: url('/client/images/arrow_h.gif');
}                    


#sideMenu ul.l2
{
    border: none;
    margin: none;
    background: none;
}
#sideMenu ul.l2 li
{  
    padding: 0px 10px 0px 10px;                               
}
#sideMenu ul.l2 li a
{
    color: #888888;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;  
    width: 178px;
    padding: 5px 0px 5px 0px;     
    border-top: 1px solid #D1D1BE;
    background: none;
}  
#sideMenu ul.l2 li a:hover, #sideMenu ul.l2 li.sel a, #sideMenu ul.l2 li.sel a:hover
{
    background: none; 
    color: #333333;

}  

/* ####################################################################################### */  

#footer
{
    position: relative;
    float: left;
    background: #C4C1B0;
    width: 869px;
    padding: 10px 15px 10px 15px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: right;
}   
#footer a
{
    color: #FFFFFF; 
}      
#footer a:hover
{
    text-decoration: underline;
}

/* ####################################################################################### */ 

#content div.form div.inp_box
{
    position: relative;
    float: left;
    width: 300px;
}

#content div.form div.inp_box div.ln, #content div.form div.inp_box div.lb
{
    width: 300px;
}

#content div.form div.inp_box label
{
    width: 290px;
    padding-bottom: 3px;
}

#content div.form div.inp_box input
{
    width: 294px;
}
#content div.form div.inp_box select
{
    width: 300px;
}

/* ####################################################################################### */

#cv_form
{                 
    display: none;
}

#content div.form 
{
    position: relative;
    float: left;
    width: 620px; 
}
#content div.form div.ln
{
    position: relative;
    float: left;
    width: 620px;
    padding-bottom: 10px;      
    margin-bottom: 10px;
    border-bottom: 1px solid #EBEBDB;
}
#content div.form div.ln p
{
    padding-bottom: 0px;
}
#content div.form div.ln ul
{
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 25px;
}
#content div.form div.lb
{
    position: relative;
    float: left;
    width: 620px;
    padding-bottom: 10px;      
    margin-bottom: 10px;
    margin-top: 20px;
    border-bottom: 1px solid #EBEBDB;
    font-weight: bold;
    text-transform: uppercase; 
    color: #005284;  
}
#content div.form label
{
    position: relative;
    float: left;
    padding: 3px 10px 0px 0px;
    width: 190px;
}
#content div.form label a
{
    color: #005284;
    font-weight: bold;
}

#error
{
    position: relative;
    float: left;
    display: none;
    width: 570px;
    padding: 10px 20px 10px 20px;
    background: #FFFFFF;
    color: #2E5F7F; 
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 5px solid #2E5F7F;
}

/* ####################################################################################### */ 

#toolTip
{
	position: absolute;
	width: 300px;
	background: #E6F1F5;
	border: 1px solid #C6D4EA;
	text-align: left;
	padding: 5px;
	z-index: 1000;
}

#toolTip p
{
	margin: 0;
	padding: 0;
	color: #1D3D6E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 150%;
}

#toolTip p em
{
	display: block;
	margin-top: 2px;
	padding: 0;
	color: #1D3D6E;
	font-style: normal;
	font-weight: normal;
}