/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background: #E0D8A0 url(/i/2005/vovveheader02.gif) repeat-x left top;
}

html, body {
	height: 100%;
}

body, th, td, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4C4C4C;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	/**margin-bottom: 1em;
	text-align: justify;*/
}

/** HEADINGS */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}


h3 {
	float:left;
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	border-bottom:0px solid #A0A0A0;
	width:100%;
	height:18px;
}

h3.grey {
	background: url(/iii/sectionpaw_16x16.gif) no-repeat;
	background-position:0px 0px;
	padding-left:20px;
}
.link {
	color: #555555;
}

h3:hover {
	text-decoration: underline;
	color: #FF0000;
}


/** TEXTS */

.arialtext11	{ font-family: Arial,Verdana;font-size: 11px;color: #555555;}
.arialtext12	{ font-family: Arial,Verdana;font-size: 12px;color: #000000;}
.arial12	{ font-family: Arial,Verdana;font-size: 12px;color: #4C4C4C;}
.header1	{ font-family: Arial,Verdana;font-size: 16px;color: #555555;font-weight: bold;text-decoration: none;}
.header2	{ font-family: Arial,Verdana;font-size: 20px;color: #555555;font-weight: bold;text-decoration: none;}

.caldate	{ font-family: Arial,Verdana;font-size: 20px;color: #555555;font-weight: bold;text-decoration: none;}
.weekend	{ color:#FF0000;}


/** GAMLA */

.smalltext1 {
	font-size: 10px;
	color: #3E4245;
	text-decoration: none
}
.ras
	{
	COLOR: #555555;
	FONT-FAMILY: Verdana,Arial, Helvetica, Sans-serif;
	FONT-SIZE: 18px;
	FONT-WEIGHT: bold
	}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4C4C4C;
}


.orange2 {
	background: url(/iii/sectionpaw_orange_16x16.gif) no-repeat;
	background-position:0px 3px;
}


/** PAGES */

#page2 {
	width: 1050px;
	margin: 0px 0px 0px 0px;
	float: left;
}
#subpage2 {
	width: 1140px;
	margin: 0px 0px 0px 0px;
	float: left;
}

.fixed {
  position: fixed;
  top: 0;
}


/** HEADER */

#header {
	float: left;
	width: 315px;
	height: 107px;
	margin: 8px 0px 0px 5px;
}
#headerad {
	float: left;
	width: 728px;
	height: 90px;
	margin: 8px 0px 0px 2px;
}
#logodog {
	float: left;
	width: 75px;
	height: 73px;
	margin: 32px 0px 0px 0px;
}
#logo {
	float: left;
	width: 150px;
	height: 80px;
	margin: 5px 0px 0px 0px;
}





/** IMAGES */

img { border: none; }

img.border {
	padding: 3px;
	border: 1px solid #D0D0D0;
}
img.left {
	float: left;
	margin: 5px 10px 0px 0px;
}
img.right {
	float: right;
	margin: 5px 2px 0px 0px;
}

.imgstyla {
	border:1px solid #D0D0D0;
	padding:2px;
	background:#FFFFFF;
}

.imagebox {
	float: left;
	border: 1px solid #D0D0D0;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}



/** LINKS */

a {
	color: #00587D;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #FF0000;
}

.follow {
	background:url(/ii/follow_10x6.png) no-repeat;
	background-position:right 5px;
	padding-right:15px;
	font-weight: bold;
}






/** NEWMENU */

#newmenuwrapper {
	float:left;
	width:150px;
}

#help {
	float:left;
	width:145px;
	padding-top:10px;
	padding-left:5px;
	border-bottom:1px solid #BBAD77;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background:#FFFFFF url(/ii/menu_shadow_2.gif) repeat-y right;
}
#newmenu {
	float:left;
	width:150px;
	padding-top:0px;
	border-bottom:1px solid #BBAD77;
	font-family: Arial, Helvetica, sans-serif;
	background:#FFFFFF url(/ii/menu_shadow_2.gif) repeat-y right;
}

#newmenu .subarea {
	float:left;
	width:145px;
	padding:10px 0px 0px 7px;
	font-size: 15px;
	font-weight: bold;
	color: #555555;
}
#newmenu .item {
	float:left;
	width:127px;
	padding:0px 0px 0px 16px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

#newmenu .gritem {
	float:left;
	width:127px;
	padding:0px 0px 0px 16px;
	font-size: 12px;
	font-weight: bold;
	color: #BBBBBB;
}
#newmenu .active {
	background:#E4E4E4 url(/ii/menuactive.gif) no-repeat;
	background-position:2px 2px;
}

#newmenu a:hover{
	background:#E4E4E4 url(/ii/menuactive.gif) no-repeat;
	background-position:2px 2px;
	text-decoration: underline;
	color: #FF0000;
}
#newmenu span:hover{
	background:#E4E4E4 url(/ii/menuactive.gif) no-repeat;
	background-position:2px 2px;
	text-decoration: underline;
	color: #FF0000;
}

#friendlist {
	float:left;
	width:150px;
	padding-top:0px;
	border-bottom:1px solid #BBAD77;
	font-family: Arial, Helvetica, sans-serif;
	background:#FFFFFF url(/ii/menu_shadow_2.gif) repeat-y right;
}
#friendlist .subarea {
	float:left;
	width:145px;
	padding:10px 0px 0px 7px;
	font-size: 15px;
	font-weight: bold;
	color: #555555;
}
#friendlist .item {
	float:left;
	width:127px;
	padding:0px 0px 0px 16px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
#friendlist .active {
	background:url(/iii/friend_active.gif) no-repeat;
	background-position:3px 2px;
}
#friendlist .pending {
	background:url(/iii/friends_red.gif) no-repeat;
	background-position:3px 2px;
}
#friendlist .modactive {
	background:url(/iii/modstar_10x10.png) no-repeat;
	background-position:3px 1px;
}
#friendlist .sleeping {
	background:url(/iii/friend_sleeping.gif) no-repeat;
	background-position:3px 2px;
}
#friendlist .new {
	background:url(/iii/friend_new.gif) no-repeat;
	background-position:3px 2px;
}
#friendlist a:hover {
	text-decoration: underline;
	color: #FF0000;
}

#forumnav {
	font-family: Arial, Helvetica, sans-serif;
}
#forumnav .subarea {
	float:left;
	width:140px;

	font-size: 15px;
	font-weight: bold;
	color: #555555;
}
#forumnav .item {
	float:left;
	padding:0px 0px 0px 16px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
#forumnav .gritem {
	float:left;
	padding:0px 0px 0px 16px;
	font-size: 12px;
	font-weight: bold;
	color: #BBBBBB;
}
#forumnav span:hover{
	background:#E4E4E4 url(/ii/menuactive.gif) no-repeat;
	background-position:2px 2px;
	text-decoration: underline;
	color: #FF0000;
}
#forumnav .subitem {
	float:left;
	padding:0px 0px 0px 28px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
#forumnav a.item:hover {
	background:url(/ii/menuactive.gif) no-repeat;
	background-position:2px 2px;
	text-decoration: underline;
	color: #FF0000;
}
#forumnav a.subitem:hover {
	background:url(/ii/menuactive.gif) no-repeat;
	background-position:14px 2px;
	text-decoration: underline;
	color: #FF0000;
}
#forumnav .active {
	background:url(/ii/menuactive.gif) no-repeat;
	background-position:2px 2px;
}
#forumnav .subactive {
	background:url(/ii/menuactive.gif) no-repeat;
	background-position:14px 2px;
}

/** FOLDERS */

#foldernav {
	float: left;
	height:20px;
	border-bottom:1px solid #BBAD77;
	font-family: Arial,Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
}
#foldernav a {
	color: #555555;
	text-decoration: none;
}
#foldernav a:hover {
	text-decoration: underline;
	color: #FF0000;
}




/** CONTENTBOXES */

#startpagewrapper {
	float:left;
	width:638px;
	border:1px solid #BBAD77;
	border-top:none;
	margin:15px 10px 0px 0px;
	background:#FFFFFF url(/ii/content_shadow_2.gif) repeat-x;
}

#newcontent {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:20px 0px 0px 10px;
}
#newcontent h2 {
	float:left;
	font-size: 18px;
	font-weight: bold;
	color: #555555;
	width:380px;
	border-bottom:1px solid #D0D0D0;
	margin-top:20px;
	background: url(/iii/sectionpaw_16x16.gif) no-repeat;
	background-position:0px 3px;
	padding-left:20px;
}

#newcontent .orange {
	background: url(/iii/sectionpaw_orange_16x16.gif) no-repeat;
	background-position:0px 3px;
}

#newcontent .textlink {
	color: #555555;
}

#newcontent h2 .link {
	color: #555555;
}



#newcontent a:hover {
	text-decoration: underline;
	color: #FF0000;
}




#subcontent {
	float: left;
	width: 730px;
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#adsubwidecontent {
	float: left;
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



#centercontent {
	float:left;
	width:730px;
	margin-top:65px;
}

#opencontentbox {
	float: left;
	width:710px;
	border: 1px solid #BBAD77;
	border-top: none;
	background-color: #FFFFFF;
	margin: 0px 10px 0px 0px;
	padding:4px;
	min-height:1000px;
}

#opencontentbox h1 {
	font-family: Arial,Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
	margin: 0px;
}

#opencontentbox h2 {
	float:left;
	font-size: 18px;
	font-weight: bold;
	color: #555555;
	width:380px;
	border-bottom:1px solid #D0D0D0;
	margin-top:20px;
	background: url(/ii/sectionpaw_16x16.gif) no-repeat;
	background-position:0px 3px;
	padding-left:20px;
}

#opencontentbox .orange {
	background: url(/iii/sectionpaw_orange_16x16.gif) no-repeat;
	background-position:0px 3px;
}

#opencontentbox h3 {
	font-family: Arial,Verdana;
	font-size: 15px;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
	margin: 15px 0px 0px 0px;
}


#headerbox {
	float: left;
	border: 1px solid #BBAD77;
	background-color: #FFFFD4;
	padding: 5px;
	margin-top: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4C4C4C;
}

#headerbox h1 {
	font-family: Arial,Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
	margin: 0px;
}

#footerbox {
	float: left;
	margin: 10px 10px 0px 5px;
	padding: 2px;
	width: 988px;
	height:15px;
}

#imagebox {
	float: left;
	border: 1px solid #D0D0D0;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}


/** RIGHTPANE */

#rightpanewrapper {
	float:left;
	width:208px;
	margin:20px 0px 0px 10px;
	border:1px solid #D0D0D0;
}

#rightpane {
	float:left;
	width:200px;
	margin:1px;
	background:#E0E0E0;   /** E8E8E8 */
	padding:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

#rightpane .itemheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
}

#rightpane .item {
	float:left;
	width:190px;
	padding:5px;
	margin-bottom:15px;
	border-top:1px solid #C0C0C0;
}

#rightpane .bluelink {
	color: #666688;
}

#rightpane a {
	color: #666666;
}

#rightpane a:hover {
	text-decoration: underline;
	color: #FF0000;
}



/** FORUM */

.addone {
	float:left;
	padding:1px 5px 0px 19px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/add_one_13x13.gif) no-repeat;
	background-position:2px 2px;
	color: #555555;
}

.minusone {
	float:left;
	padding:1px 5px 0px 19px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/minus_one_13x5.gif) no-repeat;
	background-position:2px 6px;
	color: #555555;
}

.showmore {
	float:left;
	padding:1px 5px 0px 19px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/dropdown_13x7.gif) no-repeat;
	background-position:2px 5px;
	color: #555555;
}
.showless {
	float:left;
	padding:1px 5px 0px 19px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/dropup_13x7.gif) no-repeat;
	background-position:2px 5px;
	color: #555555;
}
.editone {
	float:left;
	padding:1px 5px 0px 19px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/edit_one_14x14.gif) no-repeat;
	background-position:2px 1px;
	color: #555555;
}

.deleteone {
	float:left;
	padding:1px 5px 0px 19px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/delete_one_14x14.gif) no-repeat;
	background-position:2px 1px;
	color: #555555;
}

.acceptone {
	float:left;
	padding:1px 5px 0px 22px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/check_16x13.gif) no-repeat;
	background-position:2px 1px;
	color: #555555;
}

.starone {
	float:left;
	padding:1px 5px 0px 19px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/i/ikoner/moderator.gif) no-repeat;
	background-position:2px 1px;
	color: #555555;
}

.heartone {
	float:left;
	padding:1px 5px 0px 19px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/heart_14x13.png) no-repeat;
	background-position:2px 2px;
	color: #555555;
}

.posone {
	float:left;
	padding:1px 5px 0px 19px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/pos_one_9x13.png) no-repeat;
	background-position:4px 2px;
	color: #555555;
}

.next {
	float:left;
	padding:1px 21px 0px 5px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/nav3_right.png) no-repeat;
	background-position:96% 3px;
	color: #555555;
}
.first {
	float:left;
	padding:1px 5px 0px 21px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/nav3_leftmax.png) no-repeat;
	background-position:3px 3px;
	color: #555555;
}
.last {
	float:left;
	padding:1px 21px 0px 5px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/nav3_rightmax.png) no-repeat;
	background-position:96% 3px;
	color: #555555;
}
.prev {
	float:left;
	padding:1px 5px 0px 21px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/nav3_left.png) no-repeat;
	background-position:3px 3px;
	color: #555555;
}
.up {
	float:left;
	padding:1px 21px 0px 5px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/nav2_up.gif) no-repeat;
	background-position:98% 2px;
	color: #555555;
}
.down {
	float:left;
	padding:1px 21px 0px 5px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/nav2_down.gif) no-repeat;
	background-position:98% 2px;
	color: #555555;
}

.waiting {
	float:left;
	padding:1px 5px 0px 19px;
	border:1px solid #D0D0D0;
	height:16px;
	background:#E0E0E0 url(/iii/waiting_16x16.gif) no-repeat;
	background-position:1px 0px;
	color: #555555;
}

.post1icon {
	float:left;
	width:16px;
	height:20px;
}

.iconews { background:url(/iii/postico_news.gif) no-repeat; background-position:0px 2px;}
.icomovie { background:url(/iii/postico_movie.gif) no-repeat; background-position:0px 1px;}
.icosticky { background:url(/iii/postico_sticky.gif) no-repeat; background-position:0px 2px;}
.icoimage { background:url(/iii/postico_image.gif) no-repeat; background-position:0px 2px;}
.icowatched { background:url(/iii/icon_watch.gif) no-repeat; background-position:-2px 0px;}

.stickypost {
	float:left;
	width:330px;
	height:20px;
	background:url(/iii/info_bubble.png) no-repeat;
	padding-left:20px;
	font-weight: bold;
}

.post1 {
	float:left;
	width:330px;
	height:20px;
	background:url(/iii/folder_closed.gif) no-repeat;
	padding-left:20px;
	font-weight: bold;
}

.visited	{ font-weight: normal; }
.post1:visited	{ font-weight: normal; }

.oneanswer		{ font-weight: bold; }
.oneanswer:visited	{ font-weight: normal; }

.post1pop {
	float:left;
	width:330px;
	height:20px;
	background:url(/iii/folder_closed_pop.gif) no-repeat;
	padding-left:20px;
	font-weight: bold;
}

.popular { background:url(/iii/folder_closed_pop.gif) no-repeat;  }
.klotter { background:url(/iii/folder_closed_grey.gif) no-repeat; }

.post1pop:visited { font-weight: normal;}
.post1writer {
	float:left;
	width:165px;
	height:20px;
	font-size:10px;
	font-style:italic;
	line-height:20px;
}
.post1reply {
	float:left;
	width:165px;
	height:20px;
	font-size:10px;
	font-style:italic;
	padding-top:0px;
	line-height:20px;
}

.post1writer a {
	color: #555555;
}

.post1writer a:hover {
	text-decoration: underline;
	color: #FF0000;
}

.post1reply a {
	color: #555555;
}

.post1reply a:hover {
	text-decoration: underline;
	color: #FF0000;
}

#messagebody {
	float:left;
	width:490px;
	padding:5px;
	margin-top:5px;
	font-size: 12px;
}

#messagethreads {
	float:left;
	width:690px;
	margin:10px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/** FORMS */

#normalform textarea {
	background:transparent;
	font-size: 100%;
	border-left:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
}
#normalform .button {
	height: 20px;
	background:#E0E0E0;
	border-left:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
}
#normalform input {
	background:#FFFFFF;
	font-size: 100%;
	border-left:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
}
#normalform select {
	background:#FFFFFF;
	font-size: 80%;
	border-left:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
}


.loginform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.loginform textarea {
	background:transparent;
	border:1px solid #C0C0C0;
}

.loginform input {
	background:#FFFFFF;
	border:1px solid #C0C0C0;
}

.form {
	background:#FFFFFF;
	border:1px solid #C0C0C0;
	height:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.formbutton {
	height: 18px;
	background:#C0C0C0;
	border:1px solid #B0B0B0;
	color:#666666;
}
.green {
	color:#FFFFFF;
	background-color:#51C134;
	border-color:#2A8C21;
}
.greenshade {
	color:#2A8C21;
	background:url(/iii/button_bg_green.gif) repeat-x;
	border-color:#2A8C21;
}
.formdropdown {
	height: 18px;
	background:#FFFFFF;
	border:0px solid #B0B0B0;
	color:#666666;
}

.search {
	width:20px;
	height:19px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(/ii/icon_search.gif) no-repeat;
	background-position:4px 4px;
/*cursor: pointer;  hand-shaped cursor */
/*  cursor: hand;  for IE 5.x */

}

/** CALENDAR */

.choosefilter {
	float:left;
	width:134px;
	background: url(/i/2005/val_nej.gif) no-repeat;
	padding:0px 0px 1px 16px;
	margin:1px 0px 1px 6px;
	color:#444444;
}

.filteractive {
	background: url(/i/2005/val_ja.gif) no-repeat;
}

/** POST MESSAGE */

.chooseforum {
	float:left;
	width:200px;
	background: url(/i/2005/val_nej.gif) no-repeat;
	padding:0px 0px 1px 16px;
	margin:1px 0px 1px 0px;
	color:#444444;
}

.chosen {
	background: url(/i/2005/val_ja.gif) no-repeat;
}

.indent {
	padding:0px 0px 1px 30px;
	background-position: 14px 0px;
}

/** ADPANE */

#adsubcontent {
	float: left;
	width: 250px;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/** FOOTER */

#footerbox {
	float: left;
	margin: 10px 10px 0px 5px;
	padding: 2px;
	width: 988px;
	height:15px;
}

/** TIPSY */
.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000;}
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #FFFFFF; color: #444444; text-align: left; }
  .tipsy-inner { border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; border:5px solid #7CCD72;}
  .tipsy-arrow { position: absolute; background: url('/ii/tipsy_green.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 15px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 15px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 15px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 15px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


/* Demo divs - Lists need to be placed in a div with an assigned ID that will be called within the page as a parameter for the main plugin function */
#dropdown1 {position:relative;z-index:2;}
#dropdown2 {position:absolute;z-index:1;}
#gallerydropdown {position:absolute;z-index:1;}
#dropdown3 {position:absolute;left:160px;z-index:0;}

/* Necessary Styles to make the demo work - Change background colors and colors to match your needs */

.newdropdown {background:url(/iii/dropdown_13x7.gif) no-repeat 95% 10px #FFFFFF;color:#404040;cursor:pointer;margin:0;padding:0;position:absolute;}
.newdropdown a {text-decoration:none; color:#404040;}
.newdropdown {list-style-type:none;margin:0;padding:0;width:200px;margin:0 auto;}

.newdrop ul {list-style-type:none;largin:0;padding:0;}
.newdrop ul li:first-child {border-top:0px solid #000;}
.newdrop ul li {display:none; background-color:#ffffff;border:1px solid #D0D0D0;border-top:none;padding:4px;}
.newdrop ul li:last-child {display:none;}

.selected {padding:4px;color:#404040;border:1px solid #D0D0D0;}
.newdrop ul li:hover {background-color:#E0E0E0;}