/*
	CSS Style Definitions for Share Mark
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
img,div {behavior: url("../js/png.htc");}
html, body{ margin:0; padding:0; }
body{ font: .83em Arial, Helvetica, sans-serif; background:url("../images/page-bg.gif") repeat-x; color:#333; }
#page-container{ width:949px; float:left; text-align:left; }
	#header{ width:949px; float:left; position:relative; height:113px; }
		a#logo{ display:block; width:230px; height:45px; position:absolute; top:38px; left:28px; }
	#navigator{ width:1100px; float:left; }
		#navigator ul{ margin:0 0 0 20px; padding:0; list-style:none; }
		#navigator ul li{ float:left; background:url("../images/navigator-dsp.gif") no-repeat right center; font-weight:normal; }
		#navigator ul li.last{ background:none; }
		#navigator ul li a, #navigator ul li a:link, #navigator ul li a:visited{ display:block; text-decoration:none; color:#fff; padding:0 10px 0 8px; line-height:33px; font-size:1.05em; }
		#navigator ul li a#on, #navigator ul li a:hover, #navigator ul li a:active{ color:#333; }
	#content{ width:949px; float:left; padding-top:48px; }
/*
		#left-side{ width:190px; margin:0 40px 0 29px; float:left; }
		#center{ width:416px; margin:0 66px 0 0; float:left; }
		#center-wide{ width:668px; float:left; }
		#right-side{ width:186px; float:left; }
*/	
		#left-side{ width:259px; padding:0 0 0 1px; float:left; }
		#center{ width:416px; padding:0 66px 0 0; float:left; }
		#center-wide{ width:668px; float:left; }
		#right-side{ width:186px; float:left; }
		#site-map{ width:889px; float:left; border-bottom:1px solid #B5D305; padding:10px 30px 10px 29px; }
			#site-map a, #site-map a:visited, #site-map a:link{ color:#000; text-decoration:none; font-weight:bold; }
			#site-map a.on, #site-map a:active, #site-map a:hover{ color:#B5D305 !important; }
		#footer{ width:889px; float:left; padding:10px 30px; color:#515151; font-size:.9em; }
			#footer a, #footer a:link, #footer a:visited{ color:#515151; }
			#footer a:hover, #footer a:active{ color:#000; }
                                                    
/* site wide elements */
.inside{ padding:12px; }
.half{ width:49%; }

h1{ margin:0 0 12px 0; font-size:1.3em; }
h2{ margin:0 0 12px 0; font-size:1em; font-weight:bold; }
h3{ margin:0; font-size:1em; font-weight:bold; }
p{ margin:0 0 12px 0; }

.phone{ background:url("../images/phone-home.jpg") no-repeat; }
.phone #center{ height:540px; }
.egg{ background:url("../images/egg-aboutus.jpg") no-repeat 0 12px; }
.buildings{ background:url("../images/buildings-services.jpg") no-repeat; }
.buildings #center{ height:499px; }
.street{ background:url("../images/street-resources.jpg") no-repeat; }
.street #center{ height:540px; }
.newspaper{ background:url("../images/newspaper-clients.jpg") no-repeat; }
.contemplation{ background:url("../images/contemplation-oservices.jpg") no-repeat; }
.contemplation #center{ height:540px; }

dl#mauve-box{ margin:0; padding:5px 0 0 0; background:#ac89be url("../images/home-box.jpg") no-repeat; height:75px; }
dl#mauve-box dd{ margin:2px 0; padding:0 0 0 90px; color:#fff; font-size:1.3em; font-weight:bold; }

dl.gray-box{ margin:16px 0 0 0; padding:0; width:376px; }
dl.gray-box dt{ margin:0; padding:4px 20px; color:#fff; background-color:#686868; float:left; line-height:36px; width:376px; }
dl.gray-box dt em{ display:block; width:260px; float:left; font-size:1.3em; font-style:normal; }
#center dl.gray-box dt a{ display:block; width:90px; float:right; text-align:right; color:#fff; font-size:.9em; }
dl.gray-box dd{ margin:0; padding:10px 20px; background-color:#d0d0d0; float:left; width:376px; }

dl.colored-boxes{ margin:0; padding:0; }
dl.colored-boxes dd{ margin:0 0 1px 0; padding: 4px; }
dl.colored-boxes dd.bordered{ margin:0 0 20px 0; padding:0; }
dl.colored-boxes dd.bordered a{ display:block; margin: 6px 0 6px 14px; }
dl.colored-boxes dd h1{ margin:0 0 6px 0; color:#fff; font-size:1.1em; }
dl.colored-boxes dd p{ font-style:italic; margin:0 0 6px 0; }
dl.colored-boxes dd a{ color:#fff; text-decoration:none; font-weight:bold; }

ul#subnav{ margin:0; padding:0; list-style:none; }
ul#subnav li{ margin:0; padding:0; }
ul#subnav li.spacer{ margin-bottom:16px; }
ul#subnav li a, ul#subnav li a:link, ul#subnav li a:visited{ color:#333; text-decoration:none; font-size:1em; font-weight:bold; }
ul#subnav li a.on, ul#subnav li a:hover, ul#subnav li a:active{ color:#B5D305 !important; }

ul#subnav li dl{ margin:0; padding:0; }
ul#subnav li dl dt{ margin:0; padding:0; }
ul#subnav li dl dd{ margin:0 0 0 10px; padding:0; }
ul#subnav li dl dd a, ul#subnav li dl dd a:link, ul#subnav li dl dd a:visited{ font-weight:normal; }

ul.pdf{ margin:0; padding:0; list-style:none; }
ul.pdf li{ margin:0 0 6px 0; padding:0 0 0 26px; background:url("../images/icon-pdf.gif") no-repeat left center; line-height:20px; }
#right-side ul.pdf li a, #right-side ul.pdf li a:link, #center ul.pdf li a:visited{ color:#333; }
#right-side ul.pdf li a:hover, #right-side ul.pdf li a:active{ color:#B5D305; }
#right-side div.half ul.pdf li a{ color:#000; text-decoration:none; }

table.data{ width:100%; margin:8px 0 18px 0; }
table.data thead{ background-color:#d7df6a; color:#fff; text-align:left; font-weight:bold; }
table.data thead tr th{ padding:4px 8px 16px 8px; white-space:nowrap; vertical-align:top; text-align:left; }
table.data thead tr th.blank{ background-color:#fff; width:14px; }
table.data.price thead tr th{ text-align:center; }
table.data tbody{ background-color:#f1f4ca; }
table.data tbody tr td{ padding:4px 8px; white-space:nowrap; }
table.data.price tbody tr td{ text-align:center; padding:8px; font-weight:bold; }
table.data.price tbody tr td.red, span.red{ color:#d01c1c; }
table.data.price tbody tr td.kaki, span.kaki{ color:#3541e0 }
table.data.price tbody tr td.green, span.green{ color:#036e51; }
table.data.price tbody tr td.purple, span.purple{ color:#ba00ff; }
table.data tbody tr.alternate td{ background-color: #b3b870; color:#fff; }
table.data tbody tr td a, table.data tbody tr td a:link, table.data tbody tr td a:visited{ text-decoration:underline; color:#333; }
table.data tbody tr td a:hover, table.data tbody tr td a:active, table.data tbody tr.alternate td a:hover, table.data tbody tr.alternate td a:active{ text-decoration:none; }
table.data tbody tr.alternate td a{ text-decoration:underline; color:#fff; }
table.data tbody tr td.blank{ background-color:#fff; }
table.data tbody tr td.l{ text-align:left; }
table.data tbody tr td.r{ text-align:right; }
table.data tbody tr.explain td{ background-color:#fff; }

table.data.ballons{ margin:0; width:650px; font-weight:bold; }
table.data.ballons td.price/*, table.data.ballons tr:hover td.price*/{ background-color:#b3b870; }
table.data.ballons tr#auction-price td, table.data.ballons tr td.auction-price/*, table.data.ballons tr:hover td*/{ background-color:#a5cbd0; }

/*div#wrap-data{ height:276px; overflow:auto; }*/

img.ballon{ position:absolute; z-index:100; }
img#ballon1{ left:75px; top:136px; }
img#ballon2{ left:163px; top:136px; }
img#ballon3{ left:408px; top:136px; }
img#ballon4{ left:595px; top:136px; }
img#ballon5{ left:649px; top:136px; }
img#ballon6{ left:60px; top:230px; }
img#ballon7{ left:260px; top:0; }
img#ballon8{ left:230px; top:472px; }

em.symbol{ padding:0 0 0 20px; width:180px; float:left; font-style:normal; margin-bottom:4px; }
em.s1{ background:url("../images/symbol-1.gif") no-repeat left center; width:180px; float:left; }
em.s2{ background:url("../images/symbol-2.gif") no-repeat left center; width:180px; float:left; }
em.s3{ background:url("../images/symbol-3.gif") no-repeat left center; width:180px; float:left; }
em.s4{ background:url("../images/symbol-4.gif") no-repeat left center; width:180px; float:left; }
em.s5{ background:url("../images/symbol-5.gif") no-repeat left center; width:180px; float:left; }
em.s6{ background:url("../images/symbol-6.gif") no-repeat left center; width:180px; float:left; }

table.splitter{ width:100%; padding:4px 0; }
table.splitter tbody tr td{ color:#B5D305; line-height:20px; }
table.splitter tbody tr td a{ display:block; }

form#stockbrokers{  }
form#stockbrokers label{ width:170px; margin-right:10px; display:block; float:left; margin-bottom:6px; font-weight:bold; }
form#stockbrokers input[type=text]{ width:220px; border:1px solid #B5D305; float:left; margin-bottom:6px; padding:3px 4px; font-size:1em; color:#888; }
form#stockbrokers input[type=radio]{ vertical-align:bottom; }
form#stockbrokers input[type=submit]{ background-color:#B5D305; border:0; color:#fff; font-weight:bold; padding:4px 10px; }
form#stockbrokers select{ width:228px; float:left; border:1px solid #B5D305; padding:3px 4px; color:#aaa; }
form#stockbrokers textarea{ width:402px; height:80px; border:1px solid #B5D305; float:left;padding:3px 4px; color:#888; margin-bottom:8px; }
form#stockbrokers span{ margin-right:16px; }
form#stockbrokers br{ clear:both; }

div#imagemap{ width:418px; height:280px; float:left; position:relative; background:url("../images/imagemap.gif") no-repeat; }
div#imagemap a{ position:relative; }
div#imagemap a#investors{ position:absolute; width:142px; height:143px; top:0; left:0; }
div#imagemap a#brokers{ position:absolute; width:90px; height:90px; top:0; right:94px; }
div#imagemap a#advisers{ position:absolute; width:104px; height:104px; bottom:0; left:60px; }
div#imagemap a#companies{ position:absolute; width:150px; height:150px; bottom:9px; right:0; }

dl.sitemap{ margin:0; padding:0; }
dl.sitemap dt{ margin:12px 0 0 0; padding:0; }
dl.sitemap dd{ margin:0 0 2px 16px; padding:0; }
#center dl.sitemap a{ text-decoration:none; color:#000; }

table.team{ width:100%; }
table.team td{ vertical-align:top; }
table.team td.picture{ width:100px; }
table.team td.picture img{ border:1px solid #408189; }
table.team td dl{ margin:0 0 16px 12px; padding:0; }
table.team td dl dt{ margin:0; padding:0; font-weight:bold; }
table.team td dl dd{ margin:0; padding:0; }

#center a, #center a:link, #center a:visited{ color:#B5D305; }
#center a#selected, #center a:hover, #center a:active{ color:#333; }
a.pdf{ margin:0 0 12px 0; padding:0 0 0 26px; background:url("../images/icon-pdf.gif") no-repeat left center; line-height:20px; }

ul.wList{ margin:0; padding:0 0 0 16px; list-style:square; }
ul.wList li{ margin:0 0 6px 0; padding:0 0 0 20px; }

ul.sList{ margin:0 0 12px 0; padding:0; }
ul.sList li{ margin:0 0 0 16px;  padding:0; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

input, textarea, select{ font: .83em Arial, Helvetica, sans-serif; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }

.tourquoiseBG{ background-color:#408189; }
.limeBG{ background-color:#B5D305; }
.mauveBG{ background-color:#ac89be; }
.grayBG{ background-color:#bbbdbf; }

.tourquoiseFG{ color:#408189; }
.limeFG, h1{ color:#B5D305; }
.mauveFG{ color:#ac89be; }
.grayFG{ color:#bbbdbf; }

.tourquoiseBRD{ border:1px solid #408189; }
.limeBRD{ border:1px solid #B5D305; }
.mauveBRD{ border:1px solid #ac89be; }
.grayBRD{ border:1px solid #bbbdbf; }

a{ outline:none; }

/*
custom radio
*/
span.radio{ padding:2px 0 2px 24px;background: url(../images/radio-button-off.gif) no-repeat; }
span.radio:hover{ cursor:pointer; }
span.r_off { background: url(../images/radio-button-off.gif) no-repeat; }
span.r_on  { background: url(../images/radio-button-on.gif) no-repeat; }