﻿.boxborder dd, .boxborder dt, .boxborder ul, .boxtitleborder dd, .boxtitleborder dt, .boxtitleborder ul 
{ 
	margin:0px; padding:0px;
}
.boxborder dd , .boxtitleborder dd
{
	position:relative;
}
.boxborder a, .boxborder a:visited , .boxtitleborder a, .boxtitleborder a:visited 
{
	color:#555; text-decoration:none; outline:none; font-size:11px;
}
.boxborder a:hover , .boxtitleborder a:hover 
{
	color:#555;
}
.boxborder dt a:hover, .boxtitleborder dt a:hover 
{
	color:#555; border: 1px solid #b2b2b2;
}
.boxborder dt a, .boxtitleborder dt a 
{
	background:transparent url(../images/bg_select.jpg) no-repeat right top; display:block; padding-right:20px; border:1px solid #b2b2b2; width:120px;
}
.boxborder dt a span , .boxtitleborder dt a span
{
	cursor:pointer; display:block; padding:5px;
}
.boxborder dd ul , .boxtitleborder dd ul
{
	background-color:#fff; border:1px solid #b2b2b2; color:#C5C0B0; display:none; z-index:1000;
    left:0px; margin:0px; padding:0px; position:absolute; top:1px; width:auto; min-width:140px; list-style:none;
}
.boxborder span.value , .boxtitleborder span.value
{
	display:none;
}
.boxborder dd ul li a , .boxtitleborder dd ul li a
{
	padding:2px 0px; display:block;
}
.boxborder dd ul li a:hover , .boxtitleborder dd ul li a:hover 
{
	background-color:#bababa;
}

.boxborder img.flag , .boxtitleborder img.flag 
{
	border:none; vertical-align:middle; margin-left:2px; margin-right:10px;
}

.flagvisibility 
{
	display:none;
}

#panel .boxborder a, #panel2 .boxborder a, #panel .boxtitleborder a, #panel2 .boxtitleborder a, #panel3 .boxtitleborder a
{
	color:#555;
	font-size:11px;
}

/***************** Select Element with image ********************/

/* all form DIVs have position property set to relative so we can easily position newly created SPAN */
div.dropdown {position:relative;margin-right:-30px;} 

/* setting the width and height of the SELECT element to match the replacing graphics */
select.select{
		position:relative;
		z-index:10;
		min-width:100px !important;
		height:26px !important;
		line-height:26px;
}

/* dynamically created SPAN, placed below the SELECT */
span.select{
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:100px !important;
	height:24px;
	line-height:24px;
	text-indent:10px;
	background:url(../images/bg_select.jpg) no-repeat 100% top;
	cursor:default;
	z-index:1;
	color:#555;
	border:solid 1px #b2b2b2;
	overflow:hidden;
	}
	
/* first variation (LABEL is above the SELECT) */	
/*form div.variation1 label{display:block;line-height:26px;}*/

/* second variation (LABEL is placed on the left of the SELECT) */	
/*form div.variation2 label{float:left;width:100px;line-height:26px;}
form div.variation2 span.select{left:100px;}*/