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

	layout
*/
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; }
		#suplement{ width:190px; position:absolute; right:34px; font-size:1.2em; font-weight:bold; top:50px; }
			#suplement a, #suplement a:link, #suplement a:visited{ display:block; color:#000; text-decoration:none; }
			#suplement a em, #suplement a.on, #suplement a:hover, #suplement a:active { color:#B5D305 !important; font-style:normal; }
			#suplement a.on, #suplement a:hover, #suplement a:active { text-decoration:underline; }
	/*#navigator{ width:1100px; float:left; margin-top:4px; }*/
	#navigator{ width:950px; float:left; margin-top:4px; }
		#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:bold; padding-top: 7px;}
		#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 21px 0 21px; line-height:33px; font-size:1.05em; font-family:Helvetica, Arial, sans-serif; }
		/*#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; font-family:Helvetica, Arial, sans-serif; }*/
		#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; float:left; min-height:450px;_height:450px;}*/
		#center{ width:416px; margin:0; float:left; min-height:775px;_height:775px;}
		#center-wide{ width:668px; float:left; min-height:775px; _height:775px; }
		#right-side{ width:150px; float:left; margin-left:66px; }
		#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 10px 0; font-size:1.4em; font-family:Helvetica, Arial, sans-serif; }
h2{ margin:0 0 10px 0; font-size:1em; font-weight:bold; font-family:Helvetica, Arial, sans-serif; }
h3{ margin:0; font-size:1em; font-weight:bold; font-family:Helvetica, Arial, sans-serif; }
p{ margin:0 0 12px 0; }

.glass{ background:url("../images/glass-home.jpg") no-repeat; }
.brush{ background:url("../images/brush-advertisers.gif") no-repeat; }
.pen{ background:url("../images/pen-casestudies.jpg") no-repeat left bottom; }
.niddle{ background:url("../images/niddle-companies.gif") no-repeat 0 19px; }
.niddle #center{ height:500px; }
.bread{ background:url("../images/bread-investors.gif") no-repeat 0 19px; }
.bread #center{ height:500px; }
.fork{ background:url("../images/fork-newsletter.gif") no-repeat 0 19px; }
.fork #center{ height:400px; }
.shoes{ background:url("../images/shoes-press.gif") no-repeat left top; }
.salt{ background:url("../images/salt-stockbrokers.gif") no-repeat left top; }
.cans{ background:url("../images/cans-whatwedo.gif") no-repeat left top; }
.cans #center{ height:460px; }
.buket{ background:url("../images/buket-resources.jpg") no-repeat left top; }
.buket #center{ height:390px; }
.plate{ background:url("../images/plate.jpg") no-repeat left top; }

dl.directions{ margin:0; padding:0; overflow:hidden; }
dl.directions dt{ margin:0 10px; padding:12px 8px; width:116px; float:left; height:38px; text-align:center; font-weight:bold; }
dl.directions dd{ margin:0; padding:12px 8px; width:116px; float:left; height:38px; text-align:center; font-weight:bold; }
dl.directions a{ text-decoration:none; font-size:1em; }
#center dl.directions dt a{ color:#fff !important; }
#center dl.directions dd a{ color:#fff !important; }

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 !important; 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 5px 0; padding: 12px 4px; }
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;text-decoration:underline;}
dl.colored-boxes dd a:hover{color:#49A4AF;}

ul#subnav{ margin:0; padding:0; list-style:none; }
ul.subnav ul {list-style-type: 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; }

dl.advertiser{ margin:0; padding:0; }
dl.advertiser dt{ margin:0 0 16px 0; padding:0; }
dl.advertiser dd{ margin:0; padding:0; }
dl.advertiser dd.location{ margin:16px 0; padding:0; }
dl.advertiser dd a{ color:#B5D305; font-weight:bold; }

ul.pdf{ margin:0; padding:0; list-style:none; }
ul.pdf li{ margin:0 0 12px 0; padding:0 0 0 26px; background:url("../images/icon-pdf.gif") no-repeat left center; line-height:20px; }
ul.pdf li.normal{ margin:0 0 12px 0; padding:0 0 0 0; line-height:20px; background:none; }
#center ul.pdf li a, #center ul.pdf li a:link, #center ul.pdf li a:visited{ color:#333; }
#center ul.pdf li a:hover, #center ul.pdf li a:active{ color:#B5D305; }
#center 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:#b7d40b; 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:28px; }
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-5.gif") no-repeat left center; width:180px; float:left; }
em.s7{ background:url("../images/symbol-7.gif") no-repeat left center; width:180px; float:left; }
em.s8{ background:url("../images/sharia.gif") no-repeat left center; width:180px; float:left; }
em.s9{ background:url("../images/currentlyfundraising.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 #007d8e; }
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; }

/* 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:#007d8e; }
.limeBG{ background-color:#B5D305; }
.grayBG{ background-color:#bbbdbf; }

.tourquoiseFG{ color:#007d8e; }
.limeFG{ color:#B5D305; }
.grayFG{ color:#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; }
.pad1{ padding-top:30px; }
.pad2{ padding-top:45px; }
.pad3{ padding-top:18px; }
.pad4{ padding-top:92px; }
/*#left_chart { width:350px; float:left; }*/
#left_chart { width:600px; }
#right_chart { width:300px; float:left; }

table.front_table td a.black, table.front_table td a.black:visited {
	color: #333 !important;
	text-decoration: underline;
}
table.front_table td a.black:hover {
	color: #333 !important;
	text-decoration: none;
}
table.front_table td a.white, table.front_table td a.white:visited {
	color: #fff !important;
	text-decoration: underline;
}
table.front_table td a.white:hover {
	color: #fff !important;
	text-decoration: none;
}
#center ul {list-style-type:square;}

a.green-black, a.green-black:link, a.green-black:visited { color: #B5D305 !important; text-decoration : none; }
a.green-black:hover, a.green-black:active, a.green-black:hover em { color: #B5D305 !important; }
a.green-black em { color: #333333; font-style:normal; }

/* map */
#sharemark_map {position:relative;width:610px;height:569px;background-image:url(/images/sharemark-chart.png);background-repeat: no-repeat;}
#sharemark_map a.map_primaryfundraising { display: block;height: 203px;left: 71px;position: absolute;top: 6px;width: 201px;}
#sharemark_map a.map_investors {position:absolute;display:block;width:202px;height:202px;right: 0;top: 208px;}
#sharemark_map a.map_secondarymarket {position:absolute;display:block;width:202px;height:202px;right: 85px;top: 3px;}
#sharemark_map a.map_companies {position:absolute;display:block;width:203px;height:203px;top:214px;}
#sharemark_map a.map_advisers {position:absolute;display:block;width:158px;height:162px;left:147px;top:393px;}
#sharemark_map a.map_intermediaries {position:absolute;display:block;width:162px;height:162px;right:136px;bottom:15px;}

.plum {background-color:#C81986;}
a.abplum {background-color: #C81986 !important;text-decoration: underline !important;color: #fff !important; font-size: 1em !important;font-weight: bold;border: none !important;}
dl.directions {margin: 0 auto;width: 295px;}
#center a.fpd {color:#000000;}
.greenBG {background-color:#40D0AA;}
#center tr.lnou td a {text-decoration: none;}

#login-dialog {/*display: none;*/font-family: Arial, Helvetica, sans-serif;}
#login-dialog .mem {display: none;}
#login-dialog .loginc {/*display: none;*/}
#login-dialog label {display: block;float: left;width: 70px;margin-top: 3px;}
#login-dialog div div {margin-bottom: 10px;}
.ui-widget {font-size: 0.9em !important;}
dl.next_companies_to_trade {margin-top:48px;}
