body { background: #707070 url(/gfx/background.gif); margin: 0px; padding: 0px; font: normal 8pt Arial, Helvetica; }

/****************  TOP AREA  ****************/
#page_header { background: black; height: 90px; padding: 0px; margin: 0px; border: 0px solid red; /*white-space: nowrap;*/ }
#page_header #navigation { margin-left: 0px; color: white; height: 90px; }
#page_header #navigation #logo { position: absolute; left: 60px; top: 20px; }
#page_header #navigation #menu { position: absolute; left: 255px; top: 15px; white-space: nowrap; }
#page_header #navigation .menu .menuitem { float: left; width: 50px; height: 63px; margin-right: 10px; white-space: nowrap; }
#page_header #navigation .menu .menuitem img { border:0px; }
#page_header #navigation #login { border: 0px red solid; position: absolute; right: 30px; top: 5px; }
#page_header #navigation #login label { display: block; float: left; width: 70px; margin-right: 10px; line-height: 19px; }
#page_header #navigation #login .textinput { margin-top: 2px; background: black; border-width: 1px; width: 100px; color: white; }
#page_header #navigation #login_err { position: absolute; top: 15px; right: 310px; width: 120px; color: red; }

/****************  SEARCH AREA  ****************/
#quick_search { background: #a2a2a2; height: 25px; border: 1px black solid; border-top: 1px white solid; padding-left: 25px; padding-top: 3px; white-space: nowrap; }
#quick_search .textinput { border: 0px; height: 20px; vertical-align: middle; border: 1px black solid; }
#quick_search .btn_submit { background: url(/gfx/btn-find.gif) no-repeat; width: 50px; height: 20px; border: 0px; }

/****************  CENTRAL AREA  ****************/
#container { background: white; border: 2px black solid; border-top: 0px; border-bottom: 0px; margin: 0px 25px; padding: 0px; padding-top: 10px; min-width: 700px; }
#container #content { margin-left: 190px; margin-right: 170px; }
* html #container #content { height: 20px; }
#container #content p  { font-size: 10pt; }
#container #content h2 { margin: 0px; padding: 0px; margin-bottom: 20px; color: #535353; border-bottom: 1px #e5e5e5 solid; font-size: 15pt; font-weight: normal; }
#container #content h3 { margin: 0px; color: #000000; font-size: 10pt; }
#container #content h4 { margin: 0px; color: #535353; font-size: 13pt; }
#container #content .textinput {  border-width: 1px; }
#container #content .additional_text { font-size: 10pt; }

/****************  CENTRAL: left side bar  ****************/
#side 				{ float: left; width: 180px; text-align: right; padding: 0px 0px 5px 0px; }
#side .box 			{ background: #efefef; border: 1px #9a9a9a solid; border-left: 0px; border-bottom: 0px; }
#side .box form		{ padding-left: 10px; text-align: left; }
#side .box select 	  	{ border-width: 1px; width: 160px; margin-bottom: 1px; }
#side .box .textinput 	{ border-width: 1px; width: 158px; }
#side .box .btn_submit	{ background: url(/gfx/btn-find.gif) no-repeat; border: 0px; width: 50px; height: 20px; margin-top: 2px; }
#side .box .title 		{ background: #fcfcfc; color: #4e4e4e; margin-top: 0px; font-size: 12pt; padding-left: 10px; text-align: left; font-weight: bold; }
#side .box h4 	{ margin-bottom: 0px; font-size: 10pt; padding-left: 10px; text-align: left; }
#side .box p 	{ margin-top: 5px; font-size: 10pt; padding-left: 10px; text-align: left; }
#side .box .corner_top 	{ background: url(/gfx/corner-top.jpg) no-repeat; width: 11px; height:11px; float: right; margin-right: -1px; margin-top: -1px; }
#side .box .corner_bottom {  background: url(/gfx/corner-bottom.jpg) no-repeat right;  width: 180px; height: 20px; margin: 0px; margin-right: -1px; border: 0px red solid; }

/****************  CENTRAL: right side bar  ****************/
#outside 				{ float:right; width: 160px; border: 0px solid white;}
#outside .first_title	{ background: white; border: 1px #8f8f8f solid; border-right: 0px; border-top: 0px;font-size: 10pt; } 
#outside .title 		{ background: white url(/gfx/title.jpg) repeat-y; border: 1px #8f8f8f solid; border-right: 0px; padding: 3px 0px; padding-left: 12px; font-size: 10pt; }
#outside .content 		{ background: #f0f0f0; border: 0px; border-left: 1px #8f8f8f solid; padding: 3px; padding-left: 15px; }
#outside .ending 		{ background: white url(/gfx/ending.jpg) repeat-x; }

.dataLabel { font-size: 10pt; color: gray; vertical-align: top; }
.dataLabelRequired { font-size: 10pt; color: #000000; }

UL.cols 	{ font: normal 8pt Arial, sans-serif; margin: 0px; padding: 0px; margin-left: 0px; list-style-type: none; white-space: nowrap }
UL.cols LI 	{ float:left; width:150px; position: relative; padding: 1px 5px; background: #f0f0f0; border:1px solid #ffffff; border-bottom:1px solid #d0d0d0;  border-right:1px solid #d0d0d0;  margin:0px; }
UL.cols LI.cols2 { clear: left; width:95%; position: relative; line-height: 140%; padding: 2px 10px; background: #ffffff; border:1px solid #d0d0d0; color: blue; margin:1px; }

UL.list { margin: 0px; padding: 0px; margin-left: 0px; list-style-type: none; }
UL.list LI { padding: 1px; border-bottom:1px dashed #505050; }

UL.portfolio { margin: 0px; padding: 0px; margin-left: 0px; list-style-type: none; }
UL.portfolio LI { color: #808080; border:1px solid #e0e0e0; background: #f0f0f0; margin-bottom: 10px; }

UL.browse { font-size: 9pt; margin: 0px; padding: 0px; list-style-type: none; }
UL.browse LI { cursor: pointer; float: left; height:1.3em; width:170px; padding: 1px 8px; background: #f0f0ee; border:1px solid #e0e0dd; border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0; margin:1px; white-space: nowrap; -moz-border-radius:10px;}
UL.browse LI:hover { background: #ffff00; }
UL.browse LI.title { clear: left; width: 200px; padding: 1px 8px; background: #f0f0ee; border:1px solid #e0e0dd; color: blue; margin:1px; }
UL.browse A:link 	{ color: #000000; text-decoration: none; }
UL.browse A:visited { color: #333333; text-decoration: none; }
UL.browse A:active 	{ color: #000000; text-decoration: none; }
UL.browse A:hover 	{ color: #000000; background: transparent; text-decoration: none; }

/* User display */

.search_results { background: white URL(/gfx/bg-search-right-corner.gif) no-repeat bottom right; margin-bottom: 10px; color: #838383; }
.search_results .title { font-size: 12pt; font-weight: bold; margin-top: 20px; }
.search_results .links { background: white url(/gfx/bg-search-icons.gif) no-repeat; width: 221px; height: 50px; text-align: left; float: right; }
.search_results .user_info 	  { font-size: 9pt; margin-top: 5px; }
.search_results .description  { padding-right: 10px; padding-bottom: 0px; margin-bottom: 5px; font-size: 9pt; color: black; }
.search_results .links .icons {  margin-left: 25px; }
.search_results h3 { font-size: 15px; font-weight: normal; margin-bottom: 10px; }
.search_results .bottom_line { border-bottom: 2px #CECFCC solid; margin-right:10px; background:url(/gfx/bg-gradient-gh.gif) repeat-y; padding-left:10px; padding-top:2px; padding-bottom: 3px; }

#x1 { background: white; display: block; overflow: hidden; height: 2px; border-left: 2px black solid; border-right: 2px black solid; margin-left: 26px; margin-right: 26px; }
#x2 { background: white; display: block; overflow: hidden; height: 1px; border-left: 2px black solid; border-right: 2px black solid; margin-left: 27px; margin-right: 27px; }
#x3 { background: white; display: block; overflow: hidden; height: 1px; border-left: 2px black solid; border-right: 2px black solid; margin-left: 28px; margin-right: 28px; }
#x4 { background: white; display: block; overflow: hidden; height: 1px; border-left: 3px black solid; border-right: 3px black solid; margin-left: 29px; margin-right: 29px; }
#x5 { background: black; display: block; overflow: hidden; height: 1px; border-left: 3px black solid; border-right: 3px black solid; margin-left: 30px; margin-right: 30px; }

#bottom_line { background: black; display: block; overflow: hidden; height: 1px; border-left: 3px black solid; border-right: 3px black solid; margin-left: 32px; margin-right: 32px; }

/****************  CENTRAL: premier listing  ****************/
#container #premier { background: #efe87d url(/gfx/bg-premier-title.gif) no-repeat; margin: 0px; border-bottom: 1px #c0c0c0 solid; border-top: 1px #000 solid; }
#container #premier .top { height: 30px; }
#container #premier .top .left { float: left; color: white; font-size: 15pt; padding-top: 2px; padding-left: 10px; width: 160px; border: 0px red solid; }
#container #premier .top .right { margin-left: 170px; padding-left: 20px; line-height: 30px; }
#container #premier .top .right .space { float: left; margin-left: 0px; line-height: 12px; border: 1px #efe87d solid; width: 87px; text-align: center; margin-right: 2px; font-size: 8pt; }
#container #premier .top .right .space h5 { display: inline; font-size: 8pt; font-weight: normal; }
#container #premier .bottom { clear: both; background: #ffffff; padding-left: 20px; text-align: left; padding: 5px;}
#container #premier .bottom table { text-align: center; }
#container #premier .bottom td { font-size: 8pt; text-align: center; }

/****************  CENTRAL: featured listing  ****************/

#container #featured { background: white url(/gfx/bg-featured-title.gif) no-repeat; margin: 10px 0px; height: 100px; }
#container #featured .left { float: left; padding-left: 10px; padding-top: 3px; font-size: 8pt; width: 160px; }
#container #featured .left h3 { display: inline; font-size: 15pt; font-weight: normal; }
#container #featured .right { margin-left: 180px; }
#container #featured .right .space { float: left; border: 1px #8f8f8f solid; margin-right: 3px; margin-bottom: 3px; width: 120px; height: 30px; font-size: 11pt; text-align: center; line-height: 28px }

/****************  FOOTER AREA  ****************/
#main_footer { color: #c0c0c0; background: #303033; margin: 0px 25px; padding: 2px; border-left: 2px black solid; border-right: 2px black solid; font-size: 8pt; }
#main_footer TD { border-left:1px solid #606060; padding-left:10px; color:#c0c0c0; font-size: 8pt; }

/****************  REST  ****************/
#sideSearch  { font-size: 9pt; }
#sideSearch FORM, SELECT, OPTION, INPUT { font-size: 9pt; }

.cute { margin: 5px 0px; padding: 10px; border: 1px solid #a0a096; background: #f0f0ea;}
.cute TD { padding: 3px; }

.clear { clear: both; }
.success { color: green; font-size: 8pt; line-height: 16px; margin-left: 5px; }
.login_error { color: red; font-size: 8pt; }
.admin_error { color: red; font-size: 8pt; line-height: 16px; margin-left: 5px; }

BLOCKQUOTE { margin: 10px; margin-left: 20px; }
A { color: red; }
HR { color: white; border: 0px; border-bottom: 1px #e5e5e5 solid; margin-top: 0px; }
P { padding: 0px; margin-top: 5px; }
INPUT.frm_btn { background: #000000; border: 1px outset #000000; color: #ffff00; padding: 2px 10px; }

.formTitle { background: url(/gfx/bg-tab.gif) no-repeat; width: 200px; font-weight: bold; padding: 5px 10px; color: #ffffff; margin: 0px; margin-bottom: -5px; display: block; }
.textinput { border: 1px solid #c0c0b0; font: normal 9pt Arial, Helvetica, sans-serif; }

.xxs {  font-size: 7pt; }
.xs  {  font-size: 8pt; }
.s 	 {  font-size: 9pt; }
.m	 {  font-size: 10pt; }
.l 	 {  font-size: 11pt; }
.xl  {  font-size: 12pt; }
.xxl {  font-size: 14pt; }

TABLE	{  font-size: 9pt; }
TD		{  font-size: 9pt; }
TD.sectionTitle {  font-size: 12pt; border-bottom:1px solid #c0c0b0; padding-top: 10px;}

.image_details img { float: left; margin-left: 10px; margin-bottom: 10px; border: 0px red solid; }

/**************************** LINKS ******************************/

A:link 			{ color: #003090; text-decoration: underline; }
A:visited 		{ color: #3060cc; text-decoration: underline; }
A:active 		{ color: #003090; text-decoration: underline; }
A:hover 		{ color: #0060ff; text-decoration: underline; }

A.nu:link 		{ color: #3060c0; text-decoration: none; }
A.nu:visited 	{ color: #3060c0; text-decoration: none; }
A.nu:active 	{ color: #3060c0; text-decoration: none; }
A.nu:hover 		{ color: #ffff00; background: #000000; text-decoration: none; }

A.menu:link 	{ color: black; text-decoration: none; }
A.menu:visited 	{ color: #808080; text-decoration: none; }
A.menu:active 	{ color: black; text-decoration: none; }
A.menu:hover 	{ color: black; text-decoration: underline; }

A.btn:link 		{ color: #ffff00; background: #000000; text-decoration: none; white-space: nowrap;}
A.btn:visited 	{ color: #ffff00; background: #000000; text-decoration: none; white-space: nowrap;}
A.btn:active 	{ color: #ffff00; background: #000000; text-decoration: none; white-space: nowrap;}
A.btn:hover 	{ color: #ffff00; background: #000000; text-decoration: underline; white-space: nowrap;}

A.fixed:link 	{ color: black; text-decoration: none; }
A.fixed:visited {  color: black; text-decoration: none; }
A.fixed:active 	{ color: black; text-decoration: none; }
A.fixed:hover 	{ color: black; text-decoration: underline; }

A.inv:link 		{ padding:0px 5px; color: #3060c0; text-decoration: underline; }
A.inv:visited 	{ padding:0px 5px; color: #3060c0; text-decoration: none; }
A.inv:active 	{ padding:0px 5px; color: #3060c0; text-decoration: none; }
A.inv:hover 	{ padding:0px 5px; color: yellow; background: black; text-decoration: none; }

A.submenu:link, A.submenu:visited, A.submenu:active, A.submenu:hover { padding:2px 5px; background:#f0f0e0; color: #000000; text-decoration: none; line-height: 150%; border:1px solid #c0c0b0; white-space: nowrap; }
A.submenu:hover 	{ color: yellow; background: black;}

A.submenuSelected, SPAN.submenuSelected { padding:2px 5px; background:#fff; color: #000; line-height: 150%; border:1px solid #c0c0b0; border-bottom: 1px solid #ffffff; text-decoration: none;}

A.i:link 		{ color: yellow; text-decoration: none; }
A.i:visited 	{ color: yellow; text-decoration: none; }
A.i:active 		{ color: yellow; text-decoration: none; }
A.i:hover 		{ color: yellow; background: black; text-decoration: none; }

A.listed_in:link 		{ color: #c0c0c0; text-decoration: none; font-weight: normal; }
A.listed_in:visited 	{ color: #c0c0c0; text-decoration: none; font-weight: normal; }
A.listed_in:active 		{ color: #c0c0c0; text-decoration: none; font-weight: normal; }
A.listed_in:hover 		{ color: #000000; text-decoration: underline; font-weight: normal; }

A.page:link, A.page:visited, A.page:active, A.page:hover
					{ color: #003090; background: #ffffff; text-decoration: none; padding:0px 5px; line-height:170%; border:1px solid #c0c0c0; font-size:11pt; }
A.page:hover 		{ color: yellow;  background: black; }

/************************* fensi formating :) **************************/

.pagedNav  { padding:4px 10px; margin:5px 0px; background:#f0f0f0; border:1px solid #c0c0c0; font-size: 10pt; }

INPUT.fancy	{ border:1px solid #ffffff; background-color: #ffffff; background: url(/gfx/bg-input.gif); background-repeat: no-repeat; padding:2px 8px; }
INPUT.fancyb { border:1px solid #d0d0d0; background: url(/gfx/bg-input.gif) #ffffff no-repeat; padding:2px 8px; font: normal 8pt Arial, Helvetica, Geneve, Verdana, sans-serif; }
TEXTAREA.fancy { border:1px solid #ffffff; background-color: #ffffff; background: url(/gfx/bg-input.gif); background-repeat: no-repeat; padding:5px; } 
FIELDSET { border: 1px solid #c0c0c0; }
FIELDSET LEGEND { font-size: 12pt; padding: 0px 10px; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }

.infoMessage { margin: 5px 0px; padding: 5px 10px; border: 2px solid #cdc65b; background: #eeee99; -moz-border-radius: 10px; }
.successMessage { margin: 5px 0px; padding: 5px 10px; border: 2px solid #5bc65b; background: #7de87d; -moz-border-radius: 10px; }
.errorMessage { margin: 5px 0px; padding: 5px 10px; border: 2px solid #c65b5b; background: #fc9e9e; -moz-border-radius: 10px; }

H4.title { margin-top: 10px; margin-bottom: 5px; font-size:13pt; }
h3.advertise {  font-size:14pt; color:black; background: #efe87d; padding: 5px 10px; border-bottom:1px solid black;}

.formRow {  padding-top:5px; display: block; }
.formRowTitle {  padding-top:15px; display: block; border-bottom:1px solid #c0c0c0;}

.userInput LABEL { font-size: 8pt; color: #909090; display:block; }
.userInput LABEL.required { color: #000080; font-weight:bold;}
LABEL.inPage	{ width: 150px;}

.hMenu		{ width:190px; padding:1px 5px; height: 16px; border:1px solid #d0d0d0; cursor: pointer;
	background: #ffff99 url(/gfx/dropdown.gif) right no-repeat; -moz-border-radius: 5px;}
.hMenuItems	{ width:200px; height: 300px; overflow:auto; visibility: hidden; position: absolute; z-index:10; background: #ffffff; border:1px solid #c0c0c0; padding:1px; }
.hMenuItem, hMenuItemOver, .hMenuItemDisabled
	{ height: 16px; padding:1px 5px; border:1px solid #f0f0f0; margin-top:1px; cursor: pointer; background: #f6f6f6; -moz-border-radius: 5px; }
.hMenuItemDisabled	{ cursor: default; margin-top:1px; }
.hMenuItemOver	{ height:16px; padding:1px 5px; cursor: pointer; margin-top:1px; border:1px solid #c0c0c0; background: #e0e0e0; color:#000000; -moz-border-radius: 5px;}
.hMenuItems A:link, A:active, A:visited { color: black; text-decoration: none;}
.hMenuItems A:hover { color: black;  text-decoration: none;}

.nlListListing {font-style: normal; color: blue;}