/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, samp,
small, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-size: 62.5%; /* reset font size to 10px */
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* end css fix --------------------------------------------------------------------------------------------------------- */body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	margin:0;
	color:#3F3F3F;
}
b.lead{
	display:block;
	font-weight:bold;
}
.content{
	line-height:16px;
}


h1{
	font-size: 150%;
	color:#ED683B;
	margin:0;
	margin-bottom:10px;
	margin-top:10px;
}
h2{
	font-size: 135%;
	color:#ED683B;
}
h3{
	font-size: 112%;
	color:#ED683B;
}
table tr td{
	vertical-align: top;
}
a{
	color: blue;
}
a:hover{
	text-decoration: none;
}
span.arrow{
	background:url(pictures/arrow.jpg) black no-repeat;

}
div.xml_loading{
	height: 50px;
	border: 1px solid black;
	background: yellow middle center url(pictures/arrow.jpg);
}
.box{
	clear: both;
	margin-bottom: 9px;
	padding: 0 3px;
}

div.pager{
	margin-top: 10px;
	border-top: 1px solid black;
	clear: both;
	width: 98%;
	float: left;
}
#container {

}
#header {
	display:block;
	
}
#header_link{
	/*display:block;
	width:210px;
	height:47px;
	background:url(pictures/logo.jpg) no-repeat top left;*/
	
}
#content{
	/* inside is left, center, right  */
	clear: both;
}
#left, #right {

}
#center {
}

#top{

}
#right {
	

}
#bottom {
	display: none;
	clear: both;
}
#center h1{

}
#right h2.h1, #left h2.h1{

}
#left h2, #right h2{

}

#left input.text, #right input.text, #left input.password, #right input.password{
	width: 96%;
}
#signature{
	display: none;
	text-align: left;
	margin-top: 5px;
	font-size: 90%;
}
#loading{
	position: fixed;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	right: 0;
	top: 0;
	background: #E56619;
	border: 1px solid black;
	width: 100px;
	filter:alpha(opacity=55);-moz-opacity:.55;opacity:.55;
	color: white;
	display: none;
}
#mousemove{
	font-size: 80%;
	position:absolute;
	left: 0;
	top: 0;	
	margin: 14px -60px 0 5px;
	padding: 3px;
	border: 1px solid black;
	background-color: #FFCA3E;

	filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
	width: 130px;

}
#mousemove h1,#mousemove h2,#mousemove h3{
	margin:0;
	font-size: 100%;
	font-weight: bold;
	border-bottom: 1px solid #E56619;
	padding: 3px 0;
}
#mousemove h2{
	font-size: 90%;
}
#mousemove ul{
	margin:0;
	padding:0;
}
#mousemove ul li{
	margin-left: 14px;
	padding: 0;
}



#backToChat{
	float:right;
	background:url(pictures/backToChat.jpg) no-repeat center left;
	padding:6px;
	padding-left:39px;
	font-size:120%;
	margin-top:6px;
	margin-bottom:0px;
}
#backToChat a{
	color:#415882;
}





ul, ul li{
	margin:0;
	padding:0;
	list-style:square;
}
ul{
	margin:10px 0;
}
ul li{

}

form{
	margin:0;
	padding:0;
	font-family:Arial!important;
	font-size:12px;
	clear:both;
	color:#7E7E7E;
}


#center form{
	background:url(pictures/form_top_bg.jpg) no-repeat top left;
}
*html #center form{
	height:1%;
}
#center form .inside_form{
	background:url(pictures/form_bottom_bg.jpg) no-repeat bottom left;
	padding-top:27px;
	padding-bottom:20px;
}
*html #center form .inside_form{
	height:1%;
	overflow:hidden;
}
.field_container{
	clear:both;
}

#center .field_container{
	border-bottom:1px solid white;
	
}
*html #center .field_container{
border:1px solid white;
}

#center form .field{
	margin-bottom: 3px;
	float:left;
	width:270px;
	margin-bottom:7px;
}

#center  .newsletter  form .inner_content{
	clear:both;
	margin-left:196px;
	margin-bottom:5px;

}

#center form .inner_content h2{
	margin-bottom:2px;
	margin-top:0;
}



#center form label{
	display:block;
	margin-bottom:3px;
	float:left;
	width:176px;
	clear:both;
	text-align:right;
	padding-right:20px;
}

#center form label.boolean{
	margin-left:219px;
	text-align:left;
	width:326px;
	clear:none;
	margin-top:5px;
	position:absolute;
}
#center form label.boolean span{
	display:none;
}
#center form div.boolean{
	float:left;
	width:213px;
	clear:none;
	text-align:right;
}

form div.error{
	clear:both;
	margin-bottom:10px;
	margin-top:-4px!important;
	float:left;
}
*html form div.error{
	height:1%;
}
form div.error b{
	clear:both;
	display:block;
	color:red;
	font-weight:normal;
}
#center form div.error b{
	margin-left:196px;
	font-size:11px;
	
}

form input.text, form input.password, form textarea, form div.read, form select{
	border:1px solid #878787;
	background-color:#F2F2F2;
	padding:1px;
	width:160px!important;
}
form select{
	width:164px!important;
	font-size:12px;
	padding-top:1px;
	padding-bottom:1px;
}
form textarea{
	width:260px!important;
	font-family:Arial;
	font-size:12px;
}

form div.read{
	cursor:crosshair;
	background-color: #F1F1EC;
}

form div.submit{
	padding-top:10px;
	clear:both;
	
}
#center form div.submit{
	width:362px;
	overflow:auto;
}
form input.submit{
	padding:3px;
	padding-top:2px;
	background:url(pictures/submit_bg.jpg) no-repeat right top;
	color:#666666;
	border:none;
	padding-right:21px;
	cursor:pointer;
	float:right;
}
*html form input.submit{
	padding-right:24px;
	text-align:right;
	padding-top:1px;
}
*html #center form div.submit{
	
}

form input.error, form select.error, form textarea.error{
	background-color: #FFD39F;
	border-color: red;
}

form b.mandatory{
	display:block;
	margin-top:32px;
	
}

#center form b.mandatory{
	margin-left:0px;
	font-weight:normal;
	color:#C1C1C1;
	font-size:11px;
}	


/*  bbCode  */
form .bbcode div.smilies{
	background: white;
	border: 1px solid gray;
	padding: 3px;
	text-align: center;
	float:left;
	width:85px;
	margin-right:3px;
}
form .bbcode div.smilies a{
	text-decoration: none;
}
form .bbcode .smilies b{
	display:block;
	margin-bottom: 5px;
}
form .bbcode .smilies img{
	margin: 3px;
}
form .bbcode .buttons{
	margin-bottom:3px;
}
form .font_size, form .font_color{
	float:left;
}
form .bbcode .content{
	width:310px;
	float:left;
}
form .bbcode .content textarea{
	width: 100%;
	height: 200px;
	font-family:Verdana;
	font-size:11px;
}
form .bbcode img{
	border: 0;
}
form .bbcode input.bbbutton{
	font-size:95%;
	padding: 0;
	border: 1px solid black;
}
form .bbcode input.bbbutton:hover{
	padding: 0;
	border: 1px solid black;
	background-color: #FFC100;
}
form .bbcode input.helpbox{
	background: none;
	border: none;
	width: 200px;
}
form .bbcode div.font{
	margin-top: 2px;
}
form table.bbcode{
	width: 100%;
}

.calendar{
	background-color: #CCCCFF;
	margin-top: -100px;
}
.calendar select{
	background-color: #FFA500;
}








.cpYearNavigation,
.cpMonthNavigation
		{
		background-color:none;
		text-align:center;
		vertical-align:center;
		text-decoration:none;
		color: black;
		font-weight:bold;
		}
.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText
		{
		font-family:arial;
		font-size:8pt;
		
		}
TD.cpDayColumnHeader
		{
		text-align:right;
		border:solid 1px black;
		border-width:0 0 1px 0;
		}
.cpCurrentMonthDate,
.cpOtherMonthDate,
.cpCurrentDate
		{
		text-align:right;
		text-decoration:none;
		
		}
.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled
		{
		color:#D0D0D0;
		text-align:right;
		text-decoration:line-through;
		}
.cpCurrentMonthDate
		{
		color:black;
		font-weight:bold;
		}
TD.cpCurrentMonthDate{
	border: 1px solid #CCCCFF;
}		
TD.cpCurrentMonthDate:hover{
	background: #FFA500;
	border: 1px solid black;
}
.cpCurrentDate
		{
		color: black;
		font-weight:bold;
		}
.cpOtherMonthDate
		{
		color:#808080;
		}
TD.cpCurrentDate
		{
		background-color: white;
		border:solid 1px black;
		}
TD.cpCurrentDateDisabled
		{
		border-width:1;
		border:solid thin #FFAAAA;
		}
TD.cpTodayText,
TD.cpTodayTextDisabled
		{
		border:solid 1px black;
		border-width:1px 0 0 0;
		}
TD.cpTodayText:hover, TD.cpTodayTextDisabled:hover{
	background-color: #FFA500;
	border: 1px solid black;
}
A.cpTodayText,
SPAN.cpTodayTextDisabled
		{
			padding: 3px;
		}
A.cpTodayText
		{
		display:block;
		color:black;
		font-weight:bold;
		}
SPAN.cpTodayTextDisabled
		{
		color:#D0D0D0;
		}
.cpBorder
		{
		border:solid 0 #6677DD;
		}

.menu ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.menu ul li{
	padding: 2px;
}
.menu ul ul li{
	margin-left:20px;
}

.menu a{
	font-weight:bold;
}
.menu a:hover{
	text-decoration:none;
	color:black;
}




#top .menu{
	height: 23px;
}
#top .menu a{
	display:block;
	padding:3px;
	color: #2F4960;
	text-decoration: none;
}

/* display or hide menu */
#top .menu ul li ul, 
#top .menu ul li ul li ul, 
#top .menu ul li:hover ul li ul, 
#top .menu ul li ul li ul li ul,
#top .menu ul li ul li:hover ul li ul,
#top .menu ul li ul li ul li ul li ul,
#top .menu ul li ul li ul li:hover ul li ul
{
	display:none;
}
#top .menu ul li:hover ul, 
#top .menu ul li ul li:hover ul,
#top .menu ul li ul li ul li:hover ul,
#top .menu ul li ul li ul li ul li:hover ul
{
	display:block;
}

/* style of menu */

#top .menu div.content, #top .menu h1{
	display:none;
}
#top .menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	display: block;
	position: absolute;
}
#top .menu ul li{
	float:left;
	width:150px;
	cursor:pointer;
	margin-right:1px;
}
#top .menu ul li ul{
	position:absolute;
	margin:0;
}
#top .menu ul li ul li{
	margin:0;
	clear:both;
	background-color:#D6E3F3;
	border-color: #EBE8D6 black black #EBE8D6;
}
#top .menu  li li.have_sub{
	background-color:red;
}
#top .menu ul li:hover{
	border-color: #EBE8D6 black black #EBE8D6;
	background:orange;
}

#top .menu ul li ul li:active{
	border-color: black #EBE8D6 #EBE8D6 black;
	background: yellow;
}

#top .menu ul li ul li ul{
	margin-left:150px;
	margin-top:-20px;
	width:100%;
}

/* arrow: used when submenu exist */
#top .menu li.arrow{
	background: url(arrow.gif) no-repeat right #ECE9D8;
}

/* nice corners: delete if not used */
#top .menu ul li.top, 
#top .menu ul li.bottom, 
#top .menu ul li.top:hover, 
#top .menu ul li.bottom:hover, 
#top .menu ul li.top div.top, 
#top .menu ul li.bottom div.bottom{
	background: black;
	height:10px;
	cursor:auto;
	overflow:hidden;
	/* display:none; */
}
#top .menu ul li.top div.left, #top .menu ul li.top div.right, #top .menu ul li.bottom div.left, #top .menu ul li.bottom div.right{
	height:10px;
	width:10px;
	background: #999A9A;
}
#top .menu ul li.top div.left, #top .menu ul li.bottom div.left{
	float:left;

}
#top .menu ul li.top div.right, #top .menu ul li.bottom div.right{
	float:right;
	
}.language ul li a{
	text-decoration:none;
	font-weight: bold;
	display:block;
	text-indent:-10000em;
	height:26px;
	width:46px;
}
.language ul li.language_si a{
		background:url(pictures/si.jpg) no-repeat ;
}
.language ul li.language_en a{
		background:url(pictures/en.jpg) no-repeat ;
}
.language ul li.language_de a{
		background:url(pictures/de.jpg) no-repeat ;
}

.language ul li a:hover{

}