body {margin:0; padding:0; background:url(images/bg.jpg)}
table, td {border-collapse:collapse;}
table, td, img {border:0;}
form, td {margin:0; padding:0;}
td, tr {font:11px/14px arial, tahoma, helvetica, sans-serif; color:#373F4A; vertical-align:top;  text-align:left;}


.end{ color:#FFFFFF; font-size:12px; padding:24px 0 0 156px;}
.end a{ color:#FFFFFF; text-decoration:none;}
.end a:hover{ color:#FFFFFF; text-decoration:underline;}



a{ color:#00496e; font-size:14px;  text-decoration:underline;}
a:hover{ color:#740676; text-decoration:none;}
strong a{ color:#8D9D00; text-decoration:none;  background:url(images/hel_1.gif) bottom left repeat-x;}
strong a:hover{ color:#7D838C; text-decoration:none;}
strong img{ margin:0 0 0 6px;}

	dtree {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 18px;
		white-space: nowrap;
		font-weight:bold;
	}
	.dtree img {
		border: 0px;
		vertical-align: middle;font-size: 24px;
	}
	.dtree a {
		color: #333;
		text-decoration: none;font-size: 14px;
		font-weight:bold;
	}
	.dtree a.node, .dtree a.nodeSel {
		white-space: nowrap;
		padding: 1px 2px 1px 2px;
	}
	.dtree a.node:hover, .dtree a.nodeSel:hover {
		color: #333;
		text-decoration: underline;
	}
	.dtree a.nodeSel {
		background-color: #c0d2ec;
	}
	.dtree .clip {
		overflow: hidden;
	}
	
	/* Tool tip style of the form
		<a class="tooltip" href="mysite.com" ><span>Tip Text</span></a>
	*/
	a.tooltip {
		position: relative;
	}
	a.tooltip span {
		display: none;
	}
	a.tooltip:hover span {
	display: block;
	position: absolute;
	top: 1em;
	left: 2em;
	border: 1px black solid;
	background-color: yellow;
	padding: 4px;
	}


b{ color:#31373F}


.r1 ul { margin:0; padding:0; list-style:none;}
.r1 li { margin:0; padding:0;}
.r1 li a {line-height:23px; color:#8D9D00; text-decoration:none;  font-family:arial; background:url(images/hel_1.gif) bottom left repeat-x;}
.r1 li a:hover { text-decoration:none; color:#7D838C;}

/*###*/
.menu td a {display:block;text-decoration:none;color:white;text-align:center;}
.menu td a:hover {text-decoration:none;}

.menu td.m1 a  {width:69px;height:35px; background:url(images/m1.jpg) no-repeat; padding-top:10px;}}
.menu td.m1 a:hover {background:url(images/m1.jpg) no-repeat top; }
.menu td.m2 a{width:90px;height:35px; background:url(images/m2.jpg) no-repeat; padding-top:10px;}
.menu td.m2 a:hover {background:url(images/m2m.jpg) no-repeat; }
.menu td.m3 a  {width:92px;height:35px; background:url(images/m3.jpg) no-repeat; padding-top:10px;}
.menu td.m3 a:hover {background:url(images/m3m.jpg) no-repeat; }
.menu td.m4 a  {width:137px;height:35px; background:url(images/m4.jpg) no-repeat; padding-top:10px;}
.menu td.m4 a:hover {background:url(images/m4m.jpg) no-repeat; }
.menu td.m5 a  {width:119px;height:35px; background:url(images/m5.jpg) no-repeat; padding-top:10px;}
.menu td.m5 a:hover {background:url(images/m5m.jpg) no-repeat; }
/*###*/

.f_1{width:246px;}
.f_1 img{}

.f_2{width:507px; height:100%; background:url(images/cc1.jpg) top left repeat-x;}
.f_3{background:url(images/1bgr1.jpg) top left repeat-x; width:508px; height:32px;}
.f_3 img{margin-left:223px;}

.a1{ width:71px; padding:4px 0 0 0; color:#E8E8E8; font-size:12px; font-family:Arial;}
.a2{ width:144px; height:21px;}
.a2 input{ width:136px; height:21px; margin:1px 0 0 1px; border:1px solid #26282B;  padding:2px 0 1px 4px; color:#575E67; font-family:tahoma; font-weight:bold; font-size:11px;}

.a3{background: #31373F url(images/1con2.jpg) bottom left no-repeat; width:507px; height:36px;}
.a3 table{}

.a4{height:25px; width:217px; background: #F4F4F4 url(images/1con_1.jpg) bottom left no-repeat;}
.a4 table{margin:8px 0 0 117px;}

.a5{height:51px; background:#E8E8E8; width:753px;}

.txt1 td{ color:#31373F; line-height:14px; font-family:arial;}
.txt1 td em{ color:#8D9D00; font-size:13px;}
.txt1 td strong{ color:#31373F; font-weight:bold; font-size:11px;}
.txt1_ins strong a{ color:#8D9D00; text-decoration:none;  background:url(images/hel_1.gif) bottom left repeat-x;}
.txt1_ins strong a:hover{ color:#7D838C; text-decoration:none;}
.txt1_ins img{ margin:0 0 0 6px;}
.txt1_ins b a{ color:#7D838C; text-decoration:none;  background:url(images/hel_2.gif) bottom left repeat-x;}
.txt1_ins b a:hover{ color:#8D9D00; text-decoration:none;}
.txt1 td span{ color:#7D838C}
.tablo {width:100%; height:1000px;}

.f11 td input{ width:218px; height:21px; border:1px solid #7D838C; color:#7D838C; padding:1px 0 1px 4px; font-size:11px; font-family:tahoma; font-weight:bold; margin:1px 0 7px 0;}
.f11 td textarea{ width:218px; height:150px; border:1px solid #7D838C; color:#7D838C; padding:1px 0 1px 4px; font-size:11px; font-family:tahoma; font-weight:bold; overflow:auto; margin:1px 0 11px 0;}
* {margin:0;padding:0}
body{font-family:'Lucida Sans Unicode',Arial,sans-serif;color:#333;  }
pre{ height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}

#cont{width:191px;text-align:left;}
.buttons{padding-left:30px;padding-top:10px;padding-bottom:10px;}
.buttons span{color:#000000;cursor:pointer;font:10px Verdana; text-align:center;font-weight:bold}




	#header-title  { padding-left:10px; color:#000; }
	#header-name-subtitle	{ color:#000; }
	#header-logo	{ display:none; }

		.toggler  { cursor:pointer;  color:#000; margin: 0; padding:5px; font-size:11px; font-family:Arial, sans-serif; }
		.toggler:hover	 { background:#eee; }
		.element	 { padding:0 5px; }
		.image	 { margin:10px 20px; }


/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:290px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	width:290px;
	height:225px;

}


#box9{
	position:absolute;
}
#box9 div{
	width:580px;
	float:left;
}
#box9 .buttons{
	text-align:left
}
#box9 .next{
	float:right
}
.sample9 .buttons{
	text-align:center;
	clear:both;
}
.sample9 .mask1{
	width:190px;
	height:190px;

}

	#box5{
	position:absolute;
	width:250px;
}
#box5 span{
	display:block;
}
#info5{
	bottom:0;
}
.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}



.info{
	width:190px;
	height:50px;
	background:#000;

	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}


.mask2{
	position:relative;
	width:200px;
	height:1100px;
	overflow:hidden;
}
.cerceve {
background-color:#FFFFFF;
border: 1px solid #E8E7E4;
}
	.input {
	font-family:Tahoma, sans-serif;
	font-size: 11px; }



.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}


/* Sample 6*/

.mask6{

	margin-left:110px;
	width:240px;
	height:180px;
	overflow:hidden;
}

/* Sample 7*/
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:486px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:50px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:54px;
	float:right;
}
#thumbs_handles7 span{
	background:url(thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(thumbs_mask.gif) no-repeat center top;
}
table.styled { border-collapse: collapse; border: 0; }
table.styled td { padding: 5px 5px; border-bottom: 1px solid #d6d6d6; vertical-align: top; text-align: left; }
.styled thead { background: url(images/title_bg.gif) #e3e8ec; }
.styled th { padding: 7px 9px; border-bottom: 1px solid #e3e6e8; font-weight: bold; color: #656d75; }
.styled div { margin-left:4px; }
.styled th.first { background: url(images/title_left_table.gif) #e3e8ec 0 0 no-repeat; }
.styled th.last { background: url(images/title_right.gif) #e3e8ec 100% 0 no-repeat; }

.la {background-color:#fff}
.lb {background-color:#F1F1F1}
