/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers for unordered lists by default, since lists are used more often for semantics */
ul { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,th, address
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* more varnish stripping as necessary... */
address {
  font-style: normal
}

/* ===================================== */
/* = 2009 - Bas Zurburg, Atradius      = */
/* ===================================== */

/* ======================== */
/* = Basic site structure = */
/* ======================== */

/* Set font-size to 62.5% which should be 10px in most browsers but has the andvantage of being resizable. */
body{
	background: url(../images/backgrounds/body.jpg) #ccc 0 0 repeat-x;
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size: 62.5%;
	color: #222;
}

#blank {
	background-image: none;
	background-color: #FFFFFF;
}

#site, #footer, #topnav .inner {
  width: 980px;
}

#site{
  position: relative;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.1em;	
}

.wrapper {
  display: table;
  width: 100%;
}

#main td.leftcol {
	vertical-align: top;
	width: 180px;
}
#main td.rightcol {
	vertical-align: top;
	width: 240px;
}
#main td.maincol {
	vertical-align: top;
}


#main #content .threecol {
  width: 530px;
}

.row {
display:table-row;
}

.cell {
  display: table-cell;
  vertical-align: top;
}

.cellfloat {
  float: left;
  vertical-align: top;
}



/* ======================= */
/* = Special classes     = */
/* ======================= */

.max {
  width: 100%;
}

.clear {
  clear: both;
}

.strong {
  font-weight: bold;
}



.comment {color: #999;}
.commentSmall {color: #999; font-size: 80%;}

/* items with class tohide need to be set to hidden by javascript */
.hidden {
  display: none;
}

/* items with class unhide need to be made visible with javascript */
.unhide {
  display: none;
}

/* ========== */
/* = Tables = */
/* ========== */

/* Table styles for the modules */

#modules table,
#modules table caption{
  text-align:left;
}

#modules table caption{
	margin-bottom: 0.4em;
}

#modules table td,
#modules table th{
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 2px 0.3em 2px 2px;
	border-bottom: 1px dotted #ccc;
}

/* General purpose no-wrap style */
td.nowrap,
td.date{
	white-space: nowrap;
}

/* General purpose textalign for text */
td.center,
th.center{
	text-align: center;
}

td .right,
th .right,
#modules table td.right,
#modules table th.right{
	text-align: right;
}

/* ========== */
/* = Header = */
/* ========== */

#header {
  display: table-header-group;
  height: 150px;
}

#header #dynamicline {
  height: 7px;
  background-image: url(../images/backgrounds/dynamicline.gif);
}

#topnav .inner {
  margin-top: 30px;
  height: 83px;
}


#topnav .logo {
  width: 300px;

}

#topnav .logo img{
  margin-top: 6px;
  margin-left: 14px;
}

#topnav div.menu {
  width: 500px;
}

#topnav #topmenu {
    position: relative;
    z-index: 12;
}

#topnav #topmenu ul.menu{
  margin-right: 4px;
}


#topnav .search {
  background: url(../images/backgrounds/search_background.png) top left no-repeat;
  width:220px;
  vertical-align:top;
  padding-left:4px;
}

#topnav .search .searchinputbox{
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  width:166px;
  background-color:#fff;
  font-size: 1em;
  height: 14px;
}

#topnav .search .button{
 background:transparent url(../images/backgrounds/search_ico.gif) no-repeat right 1px;
 border:medium none;
 color:#000000;
 cursor:pointer;
 font-weight:bold;
 font-size: 106%;
 margin: 2px 4px;
 line-height: 14px;
 padding-right: 18px;
}

#topnav .search .button:hover{
 color:#ff0000;
}

#topnav #language {
 position: relative;
 text-align: right;
 padding: 4px;
 z-index: 0;
}

#topnav #language img {
 margin: 0 1px;
 vertical-align: middle;
}


#topnav #mainmenu {
  z-index: 11;
}


#mainnav #siteid{
  float: right;
  margin-right: 0px;
  margin-left: auto;
}

#mainnav h2{
  font-size: 1.4em;
  color: #fb3f3f;
  padding-top: 6px;
}



/* ============== */
/* = Breadcrumb = */
/* ============== */

#breadcrumb {
	margin-top: 5px;
	margin-bottom: 1em;
	line-height: 1.2em;
	display: table-row-group;
}

#breadcrumb a{
	color: #c00;
}

#breadcrumb a:hover{
	color: #c00;
	text-decoration: underline;
}
/* ============== */
/* = Main  Area = */
/* ============== */

#main {
	background-color:#fff;
    position: relative;
  	height: 100%;
	/* make it fit in all browswers */
}

#generic #main {
	min-height: 460px;
	display: table-row-group;
}

#main h2 {
  color: #636563;
  font-size:150%;
  font-weight: normal;
  margin-top: 0.2em;
  margin-bottom: 0.6em;
  display: block;
  border-bottom: 1px solid #999;
 }


#main p{
	margin-bottom: 0.8em;
}

#main .modulecontent p{
	margin-bottom: 0.4em;
}


#main a,
.cluetip-module a {
	color:#fb3f3f;
	text-decoration:none;
}

#main a:visited,
.cluetip-module a:visited {
	color:#fb4f4f;
}

#main a:hover,
.cluetip-module a:hover {
	color:#f00;
	border-bottom:1px solid #f00;
}

p.readmore a, p.readmore a:visited {
  background:transparent url(../images/icons/a-readmore.gif) no-repeat scroll 100% 60%;
  border:medium none;
  color:#FB0000;
  float:right;
  font-weight:bold;
  margin:0;
  padding-right:10px;
  text-decoration: none;
}

/* grey square bulet */
#main ul li,
.cluetip-module ul li { 
	background:transparent url(../images/icons/content-li.gif) no-repeat scroll 0pt 6px;
	margin-bottom:0.1em;
	padding-left:11px;
}

/* red square bulet */
#main ul li.link, 
.cluetip-module ul li.link { 
	background:transparent url(../images/icons/menu-li.gif) no-repeat scroll 0pt 6px;
	margin-bottom:0.1em;
	padding-left:11px;
}


/* ============= */
/* = Modules   = */
/* ============= */

#main .modulecontent {
  background-color: #f7f7f7;
  padding: 2px 10px 5px;
  margin: 0px 2px 2px 2px;
}

#main .moduleborder {
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #f1f1f1;
}

#main #modules h3 {
  background: url(../images/backgrounds/frontmodulehhead.gif) top left no-repeat;
  color:#fff;
  font-size: 100%;
  font-weight:bold;
  height: 17px;
  width: 210px;
  letter-spacing:1px;
  text-transform:uppercase;
  padding: 2px 10px 2px 10px;
}


/* ============= */
/* = Content   = */
/* ============= */

#content {
  padding:0px 15px 15px 15px;
}

#content h1 {
  color:#FB3F3F;
  font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
  font-size:260%;
  margin-bottom:5px;
 }

#content h1 small{
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	display: block;
	font-size: 40%;
	color: #000;
	padding-bottom: 0.3em;
}


#main #content h3.header {
  color: #636563;
  font-size:100%;
  background:#DEDFDE url(../images/backgrounds/navleftheader.gif) repeat-x scroll 0pt;
  height:21px;
  letter-spacing:0.02em;
  line-height:21px;
  padding-left:10px;
  margin-bottom: 12px;
}

#main #content address {
line-height: 16px;
}

#main #content a {
	border-bottom:1px solid #fb3f3f;
}

#main #content ul li.link a {
	border-bottom: none;
}

#main #content ul li.link a:hover {
	border-bottom:1px solid #fb3f3f;
}

#main #content a.more {
  background:transparent url(../images/backgrounds/arrow_right_thin.gif) no-repeat scroll left 50%;
  border: medium none;
  color: #fb3f3f;
  padding-left:10px;
}

#main #content p.date {
  font-weight: bold;
  color: #636563;
}

#main #content ul { 
 padding-bottom: 10px;
 margin-left: 10px;
}

#main #content p.inactive {
 /* display: none; */
}

/* ============= */
/* = Home Page = */
/* ============= */

#home #panetop {
  display: table;
  border-collapse: collapse;
  margin: 10px;
}




#home #panetop img{
	border: 1px solid #ddd;
}

#home #panetop .content {
  padding: 0px 20px;
}

#home #modules {
  display: table;
  margin: 0px 6px 10px 6px;
}

#home #main h1 {
  color: #636563;
  font-size:200%;
  margin-bottom: 0.2em;
 }

#home #main h1 small{
	display: block;
	font-size: 60%;
	padding-bottom: 0.3em;
}

#home #modules .cell{
  width: 230px;
  border-color: #fff;
  border-style: solid;
  border-width: 0px 6px;
}

#home #modules .cell .modulecontent {
  height: 140px;
  overflow:hidden;
  padding-top: 4px;
}

#home #modules .cell .modulecontent .moduletext {
  height: 128px;
  overflow:hidden;
}

#home .modulecontent h4 {
 font-weight: bold;
 font-size: 104%;
}

#home .modulecontent img {
margin: 2px 0px;
}

#home .modulecontent ul {
margin-bottom: 10px;
}

/* Styling for the rotating image */

#home #slideshow {
    position: relative;
    height: 240px;
    width: 440px;
}

#home #slideshow IMG {
    position:absolute;
    z-index:8;
    opacity:0.0;
}

#home #slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#home #slideshow IMG.last-active {
    z-index:9;
}

/* ============= */
/* = Press     = */
/* ============= */

#main #content h3 {
  color:#FB3F3F;
  font-size:105%;
  padding-bottom: 0.2em;
 }

#main #content h3 span.date {
  font-weight: normal;
  font-size:95%;
  color: #636563;
}

#main #content h3.hide {
  margin-bottom: 0.2em;
 }

#main #content a.toggle {
    float: left;
	border: none medium;
	font-size: 80%;
 }

#main #content a.toggle.down {
	background:transparent url(../images/icons/more_12.gif) no-repeat scroll 0pt 3px;
	padding-left:16px;
 }

#main #content a.toggle.down:hover {
	background:transparent url(../images/icons/more_hover_12.gif) no-repeat scroll 0pt 3px;
	color: #f36d00;
 }

#main #content a.toggle.up {
	background:transparent url(../images/icons/less_12.gif) no-repeat scroll 0pt 3px;
	padding-left:16px;
 }

#main #content a.toggle.up:hover {
	background:transparent url(../images/icons/less_hover_12.gif) no-repeat scroll 0pt 3px;
	color: #f36d00;
 }

/* ============= */
/* = Left Nav  = */
/* ============= */

#navleft {
	width: 180px;
	padding-top:55px;
}

#navleft h3 {
	background: url(../images/backgrounds/navleftheader_dark.gif) #fff 0 0 no-repeat;
	color: #fff;
	font-weight:normal;
	letter-spacing: 1px;
	height:21px;
	line-height:21px;
	padding-left:10px;
	margin-left: 4px;
}

#navleft ul.menu {
	padding: 10px;
	color: #fb3f3f;
	font-size: 104%;
}

#navleft ul li { 
	background:transparent url(../images/icons/a-readmore.gif) no-repeat scroll 1pt 5px;
	padding-top: 1px;
}

#navleft ul li.active { 
	font-weight: bold;
}

#navleft ul li.active ul{ 
	font-weight: normal;
}

#navleft ul li a:visited{ 
	color: #fb3f3f;
}

/* second level nav */
#navleft ul li ul li{ 
  background: none;
  padding-left: 6px;
}
#navleft li.inactive ul {
  display: none;
}

#navleft p {
	padding: 5px 10px;
}

/* ============== */
/* = Right col  = */
/* ============== */

#rightcol {
	width: 240px;
	padding-top:55px;
}

#rightcol .moduleborder {
margin-bottom: 15px;
width: 228px;
}


/* ========== */
/* = Footer = */
/* ========== */

#footer {
  display: block;
  height: 21px;
  line-height: 21px;
  background: url(../images/backgrounds/footer.gif) 0 0 no-repeat;
  margin: 10px 0px;
}

#footer #footerright {
  color:#666;
  float:right;
  padding-right:12px;
  text-align:right;
  width:300px;
}

#nav-footer ul li{
	float: left;
	color: #666;
	padding:0px 0px 0px 12px;
}

#nav-footer ul li a,
#footerright a{
	color: #666;
}

#footerright a{
	color: #666;
	text-decoration:underline;
}

#nav-footer ul li a:hover{
	text-decoration:underline;
}

/* ======================= */
/* = Download and Overview   = */
/* ======================= */


#main #content .summary {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #AAAAAA;
}

#downloads {
margin-top: 20px;
}

#downloads p {
	margin-bottom: 0.4em;
}


#downloads .downloaditem {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #AAAAAA;
}

#downloads .downloaditem table {
	text-align:left;
}

#downloads .downloaditem th.title {
	vertical-align:top;
	font-weight: bold;
/*	background-color: #f7f7f7; */
}

#downloads .downloaditem td.image {
	width: 110px;
	padding-right: 10px;
	vertical-align:top;
}

#downloads .downloaditem td.image img {
	border: 1px solid #ccc;
}

#downloads .downloaditem td.description {
	width: 330px;
	vertical-align:top;
	padding-right: 5px;
/*	background-color: #f7f7f7; */
}

#downloads .downloaditem td.description_long {
	width: 440px;
	vertical-align:top;
	padding-right: 5px;
/*	background-color: #f7f7f7; */
}

#main #content #downloads .downloaditem td.description ul, 
#main #content #downloads .downloaditem td.description_long ul {
	padding-bottom: 4px;
}


#downloads .downloaditem td.download {
	width: 90px;
	padding: 0px 5px 0px 10px;
/*	background: url(../images/backgrounds/downloadsbg.jpg) #f7f7f7 right bottom no-repeat */
}

#downloads .downloaditem td.download img{
	margin-right: 5px;
}

#main .summary p.subtitle {
  font-weight: bold;
  color: #333;
  margin: 0;
}

/* ======================= */
/* = Basic form elements = */
/* ======================= */

.atradiusForm table {
	table-layout: fixed;
}

.form input.text,
.form textarea.text,
.form select.text,
.atradiusForm input.text,
.atradiusForm textarea.text,
.atradiusForm select.text{
	border-top: 1px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #999;
	background: url(../images/backgrounds/bg_input.jpg) #fff top left repeat-x;
	
}

.form input.button{
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	padding-left: 4px;
	padding-right: 4px;
}

select,
input{
	font-family: verdana, arial, helvetica, sans-serif;
}
.atradiusForm input.text{
	padding: 1px;
}

.atradiusForm input.button{
	font-size: 90%;
	margin: 10px 20px;
	border: 0;
}

.atradiusForm {
	font-family: verdana, arial, helvetica, sans-serif;
}

.atradiusForm .standard {
	border: 1px;
	background-color: #f8f8f8;
	border-style: solid;
	border-top-color: #e9e9e9;
	border-right-color: #d0d0d0;
	border-bottom-color: #d0d0d0;
	border-left-color: #e9e9e9;
}

.atradiusForm .standard h3 {
	margin-top: 10px;
	margin-left: 10px;
}

.atradiusForm .blank {
	border: 1px;
	border-style: solid;
	border-color: #fefefe;
}

.atradiusForm .validationError {
	border: 2px;
	background-color: #f8f8f8;
	border-style: solid;
	border-top-color: #f00;
	border-right-color: #c00;
	border-bottom-color: #c00;
	border-left-color: #f00;
	padding: 10px;
}

.atradiusForm label.error{
	color: #f00;
	font-weight: normal;
	text-decoration: none;
	background-color: #f3f3f3;
	border-left: 1px solid #faa;
	border-top: 1px solid #faa;
	border-right: 1px solid #c00;
	border-bottom: 1px solid #c00;
	position: absolute;
	margin-left: 3px;
	padding: 0 5px;
}

.atradiusForm input.text,
.atradiusForm textarea.text,
.atradiusForm select.text{
	width: 90%;
}

.atradiusForm input.date, .atradiusForm input.dateISO {
	width: 100px;
}

.atradiusForm input.number {
	width: 100px;
}



.atradiusForm thead {
	height: 0px;
}

.atradiusForm .subheading{
	display: block; 
 	background-color: #ccc;
	color: #000;
	padding: 3px 8px 2px 8px;
	margin-bottom: 12px;
	margin-top: 12px;
	border-bottom: 1px solid #999;
}

.atradiusForm .blank .subheading{
 	background-color: #fff;
	border-bottom: 1px solid #ccc;
}

.atradiusForm .subtext{
	color: #666;
	padding: 0px 12px 12px 12px;
}
.atradiusForm .element td{
	padding-bottom: 4px;
}

.atradiusForm .label{
	color: #333;
	padding-left:  20px;
	padding-top:    2px;
	padding-right: 10px;
	vertical-align: top;
}

.atradiusForm .error{
	color: #f00;
	font-weight: bold;
	text-decoration: underline;
}

.atradiusForm .left{
	text-align: left;
}

.atradiusForm .right{
	text-align: right;
}


.atradiusForm .Mandatory,
.atradiusForm .left.Mandatory {
	background: url(../images/backgrounds/mandatory.gif) right 4px no-repeat;
	padding-right: 8px;
}

.atradiusForm .right.Mandatory {
	background: url(../images/backgrounds/mandatory.gif) left 4px no-repeat;
	padding-left: 8px;
}

.form .thankyou {
 	background-color: #ccc;
	padding: 10px;
	border: 2px solid #333;
	display: block; 
	margin-top: 12px;
}


.fg-button { 
	outline: 0; 
	margin:0 4px; 
	padding: 0 .5em; 
	text-decoration:none !important; 
	cursor:pointer; 
	position: relative; 
	text-align: center; 
	zoom: 1;
	font-size: 1em;
 }
/* remove extra button width in IE */
button.fg-button { 
	width:auto; 	
	overflow:visible; 
}

/* =========== */
/* = SiteMap = */
/* =========== */

#main #content #sitemap-columns .column{
	width: 29%;
	margin-right: 4%;
	padding: 0;
	overflow: hidden;
	float: left;
}

#main #content #sitemap-columns div.last{
	margin-right: 0;
}
#main #content #sitemap-columns{
	margin-bottom: 1em;
	width: 99%;
}
#main #content #sitemap-columns h3{
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	vertical-align:middle;
	padding: 2px 3px 3px 3px;
	background: #fa413f;
	line-height: 1;
	margin-bottom: 0.2em;				
}

#main #content #sitemap-columns h3 a,
#main #content #sitemap-columns h3 a:link,
#main #content #sitemap-columns h3 a:visited
 {
	color: #fff;
	background-color: transparent;
	border: 0;
}

#main #content #sitemap-columns li ul{
	display: none;
}


#main #content #sitemap-columns li.open ul {
	display: block;
}

#main #content #sitemap-columns li.open a.expand{
	background: url(images/ui-icons_cc0000_256x240.png) -68px -209px no-repeat;
}

#main #content #sitemap-columns a.expand{
	overflow: hidden;
	float: left;
	width: 7px;
	padding-right: 8px;
	background: url(images/ui-icons_cc0000_256x240.png) -52px -209px no-repeat;
	cursor: pointer;
}

#main #content #sitemap-columns ul{
	margin-bottom: 1em;
}

#main #content #sitemap-columns ul li{
	background-image: none;
	padding-left: 0px;
	padding-bottom: 0.2em;		
	font-weight: bold;
}

#main #content #sitemap-columns ul ul{
	margin-bottom: 0;
}

#main #content #sitemap-columns,
#main #content #sitemap-columns ul a{
	color: #666;
	border: 0;
}
#main #content #sitemap-columns ul a:hover{
	color: #fe3f35
}

#main #content #sitemap-columns ul li li{
	font-weight: normal;
	padding-left: 17px;
	background: url(../images/backgrounds/sitemap-middle.gif) 2px 0 no-repeat;
}
#main #content #sitemap-columns ul li li.last{
	background: url(../images/backgrounds/sitemap-end.gif) 2px 0 no-repeat;
}


/* ======================= */
/* = Cluetip classes     = */
/* ======================= */

/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}

/***************************************
   =cluetipClass: 'module'
-------------------------------------- */
.cluetip-module {
  background-color: transparent;
}

.cluetip-module #cluetip-outer {
  position: relative;
  background: #ccc url(../images/backgrounds/body.jpg) repeat-x center;
  font-size:1.1em;
}

.cluetip-module h3#cluetip-title {
	margin: 0;
	background: url(../images/backgrounds/frontmoduleheading_360.jpg) no-repeat scroll left top;
    color:#fff;
    font-size: 100%;
    font-weight:bold;
	font-weight:bold;
	height:17px;
	letter-spacing:1px;
	padding:2px 10px;
	text-transform:uppercase;
}

.cluetip-module h3#cluetip-title a {
   color:#fff;
}

.cluetip-module #cluetip-inner {
  padding:2px 10px 5px;
  display: inline-block;
}

.cluetip-module div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}


/* ======================= */
/* = Language Switch     = */
/* ======================= */


div.languageSwitch {
	text-align: right;
	font-size: 0.91em;`
	color: #999;
}

div.languageSwitch p {
	float: right;
}

#main #content .languageSwitch a {
	color: #999;
	border: 0px none;
	background:transparent url(../images/backgrounds/arrow_grey_right.gif) no-repeat scroll left 50%;
	padding-left:8px;
}

#main #content .languageSwitch a:hover {
	color: #f00;
	background:transparent url(../images/backgrounds/arrow_right.gif) no-repeat scroll left 50%;
}

.nowrap{
	white-space: nowrap;
}

/* Functionality for the autocomplete stuff */

div.wrapSelect {
	margin: 0px 0px 0px 10px;
	padding-right: 16px;
	background: url('../images/backgrounds/bg_select.png') right;
	border: 1px solid #ccc;
	cursor: pointer;
	width: 140px;
}

select.country_select,
input.ac_input {
	margin: 0;
	width: 124px;
	border: none;
	background: transparent;
}

label.country_select {
	margin: 0 0 5px 10px;
	
}

select.country_simple {
	margin-left: 10px;
	width: 160px;
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* Styles for restyling select boxes (Javascript function 'selectbox') */

div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  margin-top:-10px;
  padding:0px;
  font-size:0.8em;
  text-align:left;
  max-height:200px;
  overflow:auto;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}
div.selectbox-wrapper ul li.current { 
  background-color: #CDD8E4;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

/* label {
    display: block;
}
*/
/* look&feel of  select box*/
.selectbox 
{
  margin: 0px 5px 10px 10px;
  padding-left:2px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  width : 160px; 
  display : block;
  text-align:left; 
  background: url('../images/backgrounds/bg_select.png') right;
  /*height:18px;*/
  cursor: pointer;
  border:1px solid #D1E4F6;
  color:#333;
}

select {
	background: url('../images/backgrounds/bg_select.png') right;
}

/* Try out zone */