html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */ ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup 
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/
/**
*  GeoApe CSS content
*/
body		{ background: #d2d1d1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  }
a			{ text-decoration: none; }
a:hover		{ text-decoration: underline; }
img			{ border: 0px solid; }
div#frame	{ background: #eff0f2; }

div#bottom	{ background: #d2d1d1 url('/fx/bgmap-bot.png') left top repeat-x;  }
div.follow		{ text-align: right; margin: 5px; }

div.follow img	{ margin: 2px; }

div.login-box		{ margin: 10px; margin-right: 20px; line-height: 1.5; color: #747271; float: right; }
div.login-box p		{ color: #747271; margin: 2px; }
table.login td	{ vertical-align: middle; padding: 2px; }
table.login td.txt	{ font-weight: bold; padding-right: 10px; color: #747271; }
table.login td.comment	{ font-size: 10px; }
table.login td.comment a	{ color: #747271; }

ul.login-choise		{ margin: 10px; margin-top: 8px; margin-right: 0px; float: right; }
ul.login-choise li	{ font-size: 11px; font-weight: bold; margin: 4px; text-align: right; padding: 2px 2px 2px 20px; }
ul.login-choise li a	{ color: #747271; }
ul.login-choise li a.a	{ color: #ed9836; }

DIV.menu-header		{ background: url('/fx/mtleft.png') left top no-repeat; }
DIV.menu-header DIV.r { background: url('/fx/mtright.png') right top no-repeat; height: 50px; }

DIV.settings	{ width: 800px; }
DIV.settings DIV.submenu	{ margin: 0px; padding: 0px; background: #f1f1f1; font-size: 12px; height: 35px; font-weight: bold; line-height: 1; }
DIV.settings DIV.submenu DIV.item	{ width: 200px; float: left; text-align: center; }
DIV.settings DIV.submenu DIV.item DIV { padding: 10px; }
DIV.settings DIV.submenu DIV.item DIV a { color: #7d7c7c; }
DIV.settings DIV.submenu DIV.selected	{ margin-top: 1px; background: #fdfdfd url('/fx/mcactleft.png') left top no-repeat; }
DIV.settings DIV.submenu DIV.selected DIV	{ background: url('/fx/mcactright.png') right top no-repeat; }
DIV.settings DIV.submenu DIV.selected DIV a	{ color: #fb812c; }

DIV.menu-header DIV.r DIV.submenu	{ margin: 0px; padding: 0px; padding-top: 5px; padding-left: 5px; font-size: 12px; height: 35px; font-weight: bold; line-height: 1; }
DIV.menu-header DIV.r DIV.submenu DIV.item	{ width: 33%; float: left; text-align: center; }
DIV.menu-header DIV.r DIV.submenu DIV.item DIV { padding: 10px; }
DIV.menu-header DIV.r DIV.submenu DIV.item DIV a { color: #7d7c7c; }
DIV.menu-header DIV.r DIV.submenu DIV.selected	{ margin-top: 1px; background: #fdfdfd url('/fx/mcactleft.png') left top no-repeat; }
DIV.menu-header DIV.r DIV.submenu DIV.selected DIV	{ background: url('/fx/mcactright.png') right top no-repeat; }
DIV.menu-header DIV.r DIV.submenu DIV.selected DIV a	{ color: #fb812c; }


DIV.light-header { background: url('/fx/ltleft.png') left top no-repeat; height: 10px; font-size: 1px; line-height: 0px; }
DIV.light-header DIV { float: right; background: url('/fx/ltright.png') right top no-repeat; height: 10px; width: 19px; }
DIV.light-body		{ padding: 0px 10px 0px 10px; line-height: 1.5; background: #efefef; }
DIV.light-footer { background: url('/fx/lbleft.png') left top no-repeat; height: 10px; font-size: 1px; line-height: 0px; }
DIV.light-footer DIV { float: right; background: url('/fx/lbright.png') right top no-repeat; height: 10px; width: 19px; }

DIV.component-header { background: url('/fx/ctleft.png') left top no-repeat; height: 18px; font-size: 1px; line-height: 0px; }
DIV.component-header DIV { float: right; background: url('/fx/ctright.png') right top no-repeat; height: 18px; width: 19px; }
DIV.component-body { background: #fefefe url('/fx/ccleft.png') left top repeat-y; }
DIV.component-body DIV.component	{ background: url('/fx/ccright.png') right top repeat-y; }
DIV.component-body DIV.component DIV.body { margin: 0px 30px 0px 30px; background-color: #fefefe; font-size: 11px; line-height: 1.5; color: #494542; }
DIV.component-footer { background: url('/fx/cbleft.png') left top no-repeat; height: 18px; font-size: 1px; line-height: 0px; }
DIV.component-footer DIV { float: right; background: url('/fx/cbright.png') right top no-repeat; height: 18px; width: 19px; }

DIV.w-header { background: url('/fx/wtleft.png') left top no-repeat; height: 5px; font-size: 1px; line-height: 0px; }
DIV.w-header DIV { float: right; background: url('/fx/wtright.png') right top no-repeat; height: 5px; width: 5px; }
DIV.w-body { background: #fff url('/fx/wcleft.png') left top repeat-y; line-height: 1.5; }
DIV.w-body DIV.bd	{ background: url('/fx/wcright.png') right top repeat-y; padding: 10px; }
DIV.w-footer { background: url('/fx/wbleft.png') left top no-repeat; height: 5px; font-size: 1px; line-height: 0px; }
DIV.w-footer DIV { float: right; background: url('/fx/wbright.png') right top no-repeat; height: 5px; width: 5px; }

DIV.error-header { background: url('/fx/etleft.png') left top no-repeat; height: 18px; font-size: 1px; line-height: 0px; }
DIV.error-header DIV { float: right; background: url('/fx/etright.png') right top no-repeat; height: 18px; width: 19px; }
DIV.error-body { background: #fefefe url('/fx/ecleft.png') left top repeat-y; }
DIV.error-body DIV.component	{ background: url('/fx/ecright.png') right top repeat-y; }
DIV.error-body DIV.component DIV { margin: 0px 30px 0px 30px; background-color: #fefefe; font-size: 11px; line-height: 1.5; color: #d38313;}
DIV.error-footer { background: url('/fx/ebleft.png') left top no-repeat; height: 18px; font-size: 1px; line-height: 0px; }
DIV.error-footer DIV { float: right; background: url('/fx/ebright.png') right top no-repeat; height: 18px; width: 19px; }

DIV.message-header { background: url('/fx/ptleft.png') left top no-repeat; height: 18px; font-size: 1px; line-height: 0px; }
DIV.message-header DIV { float: right; background: url('/fx/ptright.png') right top no-repeat; height: 18px; width: 19px; }
DIV.message-body { background: #fefefe url('/fx/pcleft.png') left top repeat-y; }
DIV.message-body DIV.component	{ background: url('/fx/pcright.png') right top repeat-y; }
DIV.message-body DIV.component DIV { margin: 0px 30px 0px 30px; background-color: #fefefe; font-size: 11px; line-height: 1.5; color: #2a5a2a;}
DIV.message-footer { background: url('/fx/pbleft.png') left top no-repeat; height: 18px; font-size: 1px; line-height: 0px; }
DIV.message-footer DIV { float: right; background: url('/fx/pbright.png') right top no-repeat; height: 18px; width: 19px; }

DIV.border-header { background: url('/fx/stleft.png') left top no-repeat; height: 10px; font-size: 1px; line-height: 0px; }
DIV.border-header DIV { float: right; background: url('/fx/stright.png') right top no-repeat; height: 10px; width: 19px; }
DIV.border-body { background: #fefefe url('/fx/scleft.png') left top repeat-y; }
DIV.border-body DIV.component	{ background: url('/fx/scright.png') right top repeat-y; }
DIV.border-body DIV.component div.border { margin: 0px 10px 0px 10px; }

DIV.border-footer-menu { background: url('/fx/bbmleft.png') left bottom no-repeat; height: 60px; font-size: 1px; line-height: 0px; }
DIV.border-footer-menu DIV.r { background: url('/fx/bbmright.png') right bottom no-repeat; height: 60px; }

DIV.border-footer-menu DIV.r DIV.menu	{ margin: 0px; padding: 0px; line-height: 1; font-size: 18px; margin: 0px 7px 0px 7px; height: 50px; }
DIV.border-footer-menu DIV.r DIV.menu DIV.item	{ float: left; width: 25%; text-align: center; }
DIV.border-footer-menu DIV.r DIV.menu DIV.item DIV	{ padding-top: 18px; padding-bottom: 18px; }
DIV.border-footer-menu DIV.r DIV.menu DIV.selected	{ background: #fcfdfd url('/fx/screw.png') left bottom no-repeat; margin-left: 0px; }
DIV.border-footer-menu DIV.r DIV.menu DIV.selected DIV { background: url('/fx/screw.png') right bottom no-repeat; }
DIV.border-footer-menu DIV.r DIV.menu DIV.item DIV A	{ color: #f6f7f7; }
DIV.border-footer-menu DIV.r DIV.menu DIV.selected DIV A { color: #f18f21;  }
DIV.border-footer { background: url('/fx/sbleft.png') left top no-repeat; height: 10px; font-size: 1px; line-height: 0px; }
DIV.border-footer DIV { float: right; background: url('/fx/sbright.png') right top no-repeat; height: 10px; width: 19px; }

DIV.sm-component-header { background: url('/gfx/c01.jpg') left top no-repeat; height: 5px; font-size: 1px; line-height: 0px; }
DIV.sm-component-header DIV { float: right; background: url('/gfx/c02.jpg') right top no-repeat; height: 5px; width: 5px; }
DIV.sm-component-body { border: solid #e2e1d0; background: #f8f8f3; border-width: 0px 1px; padding: 0px 5px 0px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.2; }
DIV.sm-component-body img	{ float: left; margin: 0px; margin-top: 3px; margin-right: 5px; }
DIV.sm-component-body a		{ color: #586e78; text-decoration: none; border-bottom: 1px dotted; }
DIV.sm-component-body a.ssm		{ color: #999; font-size: 10px; }
DIV.sm-component-body a:hover		{ color: #222; }
DIV.sm-component-body HR	{ height: 1px; border: 0px; border-top: #e2e2d1 1px solid; margin: 10px 0px 10px 0px; }
DIV.sm-component-footer { background: url('/gfx/c03.jpg') left top no-repeat; height: 5px; font-size: 1px; line-height: 0px; margin-bottom: 3px; }
DIV.sm-component-footer DIV { float: right; background: url('/gfx/c04.jpg') right top no-repeat; height: 5px; width: 5px; }

DIV.paint-header	{ background: url('/fx/paint-top.png') left top no-repeat; text-align: right; }
DIV.paint-header img	{ margin: 50px 20px 20px 0px; }
DIV.paint-content	{ background: url('/fx/paint-bg.png') left top repeat-y }
DIV.paint-content DIV.body	{ background: url('/fx/paint-bot.png') left bottom no-repeat; padding: 0px 30px 40px 30px; }
DIV.paint-content DIV.body H2	{ font-size: 12px; }

DIV.dyk		{ background: url('/fx/qtlu.png') left top no-repeat; padding-left: 30px; float: left; margin: 15px 0px 10px 6px; }
DIV.dyk DIV	{ background: url('/fx/qtrd.png') right bottom no-repeat; padding: 0px 35px 5px 0px; margin: 5px; font-size: 12px; line-height: 1.3; }

DIV.quote	{ background: url('/fx/cm02.png') repeat-y; }
DIV.quote DIV	{ background: url('/fx/cm01.png') left top no-repeat; padding: 5px 30px 10px 20px; line-height: 1.3; }
DIV.quote DIV h1	{ color: #fff; font-size: 30px; }
DIV.quote2 { background: url('/fx/cm05.png') repeat-y; }
DIV.quote2 DIV	{ background: url('/fx/cm04.png') left top no-repeat; }
DIV.spacer	{ height: 1px; width: 1px; background: none; padding: 0px; margin: 0px; }

DIV.page	{ background: url('/fx/pgbg01.png'); margin: 8px 0px; }
DIV.page DIV.subpage	{ background: url('/fx/pgbg02.png') left bottom no-repeat; padding: 5px 12px 15px; }
DIV.page DIV.subpage DIV.ava	{ border: #eee 1px solid; background: #fff; padding: 2px; }
DIV.page DIV.subpage DIV.ava IMG	{ width: 88px; height: 54px; }
DIV.page DIV.subpage DIV.info	{ width: 195px; padding: 3px; margin: 0px; }
DIV.page DIV.subpage DIV.info DIV.txt	{ width: 160px; line-height: 1.3; border-left: #ccc 1px solid; padding: 0px; padding-left: 10px; }
DIV.page DIV.subpage DIV.info DIV.txt a	{ font-weight: bold; font-style: italic; color: #8ca91c; }

#map, #small_map, #t_small_map	{ border: #e2e0d3 1px solid; background: #ccc; height: 450px; margin: 0px; }
#map	{ height: 550px; }
DIV#smapselection,DIV#mapselection	{ width: 100%; text-align: right; padding: 5px 0px 10px 0px; background: url('/fx/mapbg.png') left bottom repeat-x; }
DIV#smapselection a,DIV#mapselection a	{ font-weight: bold; color: #6e6e6e; font-size: 10px; margin: 0px 5px 0px 10px; }
DIV#smapselection a.active,DIV#mapselection a.active	{ color: #e98a36; }

DIV.images		{ background: url('/fx/bg-image.png') left top no-repeat; height: 89px; margin: 6px; }
DIV.images DIV#imgs {width: 870px; overflow: hidden; margin: 6px 0px 0px 2px; position: relative; }
DIV.images DIV#imgs DIV#flickr	{ height: 82px; width: 10000px; overflow:hidden; font-size: 1px; line-height: 1;  }
DIV.images DIV#imgs DIV#flickr img	{ float: left; width: 75px; height: 75px; margin: 0px 6px 0px 6px; }
DIV.rmimg		{  cursor: pointer; position: absolute; background: #fff;z-index: 999;padding: 0px 4px 2px 2px; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; }
#grade		{ font-size: 24px; font-family: verdana; font-weight: bold; color: #fc822d; float: left; }
DIV.small-text	{ font-size: 11px; color: #777; }
div.star	{ height: 18px; width: 19px; float: left; margin: 0px; cursor: pointer; }
div.stars	{ background: url('/gfx/stars.jpg'); margin: 6px 0px 0px 10px; padding: 0px; width: 94px; height: 18px; float: left; }
div.starss	{ position: absolute; background: url('/gfx/starss.jpg') no-repeat; width: 0px; height: 18px; margin: 0px; padding: 0px; }
div.sts		{ position: absolute; height: 18px; width: 95px; margin: 0px; padding: 0px; }
#text		{ text-align: left; color: #586e78; padding-top: 1px; }
#slider		{ margin: 5px; }

DIV.content		{ margin: 10px 10px 10px 10px; }
DIV.ga-numbers	{ margin-right: 25px; margin-top: -25px; }

input.txt	{ width: 150px; border: 1px solid; border-color: #404040 #d4d0c8 #d4d0c8 #404040; color: #202020; font-size: 10px; padding-left: 2px; }
input.txt-small	{ border: 1px solid; border-color: #404040 #d4d0c8 #d4d0c8 #404040; color: #202020; font-size: 10px; padding-left: 2px; width: 75px; margin-left: 4px; margin-top: 1px; }

input.btn	{ color: #747271; font-weight: bold; font-size: 11px; text-transform: uppercase; border: #e0e0e0 1px solid; background: #fff url('/fx/bg-menu-item.png') left bottom repeat-x; width: 80px; height: 30px;}
input.btn-long	{ color: #747271; font-weight: bold; font-size: 11px; text-transform: uppercase; border: #e0e0e0 1px solid; background: #fff url('/fx/bg-menu-item.png') left bottom repeat-x; padding-left: 10px; padding-right: 10px; height: 30px;}
input.grn	{ color: #f1f1f1; border: #819143 1px solid; background: url('/fx/butbg-grn.png') left bottom repeat-x; }
input.btn-small	{ color: #747271; font-weight: bold; font-size: 11px; text-transform: uppercase; border: #e0e0e0 1px solid; background: #fff url('/fx/bg-menu-item.png') left bottom repeat-x; width: 80px; height: 20px;}
input.btn-large	{ color: #747271; font-weight: bold; font-size: 11px; text-transform: uppercase; border: #e0e0e0 1px solid; background: #fff url('/fx/bg-menu-item.png') left bottom repeat-x; width: 80px; height: 40px;}
input.btn-dynlarge	{ color: #747271; font-weight: bold; font-size: 11px; text-transform: uppercase; border: #e0e0e0 1px solid; background: #fff url('/fx/bg-menu-item.png') left bottom repeat-x; padding-left: 5px; padding-right: 5px; height: 40px;}
input.btn-next	{ color: #f2f2f2; font-weight: bold; font-size: 12px; border: #e0e0e0 1px solid; background: #fff url('/fx/btn-next.png') right top repeat-x; padding-left: 5px; padding-right: 30px; padding-top: 0px; height: 32px;}

input.search-box	{ margin: 1px; background: #f1f1f1 url('/fx/bg-src.png') left top repeat-x; border: #a3a2a2 1px solid; font-size: 14px; padding: 4px; width: 190px; } 

input.search-btn	{ background: url('/fx/btn-srch.png'); height: 25px; width: 25px; margin: 1px; border: 0px solid;  }

input.srch-box, input.srch-box-active	{ padding: 5px; font-size: 16px; width: 300px; margin: 0px 10px 0px 10px; color: #7d7c7c; }
input.srch-box-active		{ color: #8ca91c; border: 1px solid; border-color: #b3c878 #dfe9d2 #e6f0e3 #e5ecda; }

textarea.btxt		{ width: 530px; font-family: verdana; font-size: 11px; border: 1px solid; border-color: #404040 #d4d0c8 #d4d0c8 #404040; padding: 1px; margin: 1px; margin-left: 0px; margin-right: 0px; overflow: hidden; line-height: 18px; }
input.btxt			{ width: 100%; font-family: verdana; font-size: 11px; border: 1px solid; border-color: #404040 #d4d0c8 #d4d0c8 #404040;  }
table.datavorm		{ width: 100%; background: transparent; border: 0px solid; margin: 0px; }
table.datavorm td, table.datavorm th	{ font-size: 10px; padding: 2px; margin: 2px; padding-right: 10px; }
table.datavorm th.sm	{ color: #494542; padding: 5px 10px; text-align: right; }
table.datavorm th.long	{ text-align: right; width: 100px; }
table.datavorm th.long2	{ color: #494542;line-height: 1.5; text-align: right; width: 130px; }
table.datavorm th.long3	{ text-align: right; width: 90px; background: #f00; }
table.datavorm th.longer	{ text-align: right; width: 200px; }
table.datavorm th.img	{ width: 55px; text-align: left; }
table.datavorm td.uri   { border-bottom: #f0f0f0 1px solid; }
table.datavorm td.len   { width: 80px; border-bottom: #f0f0f0 1px solid; text-align: right; }
table.datavorm td.inpt input.btxt, table.datavorm td.inpt textarea.btxt	{ width: 300px; }
table.datavorm tr.submit td	{ text-align: right; }
table.datavorm td.image			{ 	width: 70px; padding: 4px; vertical-align: top; text-align: center; }
table.datavorm td.smalltxt		{ width: 100px; font-weight: bold; }
div.share		{ margin-top: 20px; text-align: center; }
div.share img	{ border: 0px solid; margin: 3px 5px 0px 10px; }
div.color		{ float: left; font-size: 1px; width: 8px; height: 8px; border: #888 1px solid; margin: 2px 2px 0px;  }
DIV.rem			{ cursor: pointer; float: right; color: #e2e1d0; font-weight: bold; border: #e2e1d0 1px solid; padding: 0px 4px 2px 4px; background: #fff; }

H1			{ font-size: 18px; color: #a9c348; font-weight: normal; margin: 2px 0px 10px 0px; }
h1.right	{ text-align: right; }
img.avatar	{ margin-left: 15px; }
HR			{ border: 0px solid; border-top: #f0f0f0 1px solid; color: #fff; height: 1px; }
H1 p, H1 p a { font-size: 11px; color: #748891; font-style: italic; margin: 5px 0px; }
H2			{ color: #7d7c7c; margin: 0px 0px 5px 0px; font-weight: bold; }
H2.st		{ font-size: 15px; font-weight: normal; }
H2 a		{ color: #7d7c7c; }
ul.list		{ list-style: url('/fx/dot.png'); }
ul.list li	{ margin-left: 15px; }


ul.comments	{ margin: 0px; padding: 0px; border: #f8f8f8 1px solid; list-style: none; }
ul.comments li	{ margin: 5px 0px; line-height: 1.5; padding: 0px; list-style: none; clear: both; padding-bottom: 5px; border-bottom: #ddd 1px solid; }
ul.comments li img	{ float: left; margin-right: 5px; }
div.comment	{ width: 390px; }

div.hrt		{ background: url('/fx/hr.png') right top no-repeat; }

ul.breadmenu	{ list-style-type: none; margin-top: 0px;  }
ul.breadmenu li	{ float: left; margin-right: 20px; cursor: pointer; }
ul.breadmenu li h1	{ float: left; font-size: 25px; margin: 2px 10px 0px 15px; }
ul.breadmenu li div	{ white-space:nowrap; margin: 10px 20px 5px 25px; font-weight: bold; color: #5f5b58; }
ul.breadmenu li.a div	{ color: #ec8e2e; }
ul.breadmenu li.x	{ float: right; margin-right: 0px; }
div.square		{ font-family: verdana; font-size: 10px; line-height: 1.5; height: 80px; width: 230px;  }
div.square img	{ float: left; margin: 2px; margin-right: 6px; border: 0px; }
div.square img.img	{ margin: 4px 5px 0px 5px; }
div.square h5,div.wpinfo h5	{ font-size: 12px; margin: 2px 0px 4px 0px; }
div.square h5	{ margin-bottom: 0px; }
div.square p, div.wpinfo p	{ color: #999; font-size: 10px; line-height: 1.2; margin:0;padding:0; font-weight: normal; }
div.square p	{ margin: 3px 0px 4px 0px; }
div.wpinfo		{ font-size: 10px; width: 250px; line-height: 1.5; }
div.wpinfo h5	{ height: 22px; padding-left: 25px; }
div.wpinfo h5 DIV	{ margin: 0; padding: 0; }
div.wpinfo a	{ color: #222; text-decoration: underline; }
TABLE.wp		{ font-size: 11px; font-family: verdana; margin: 4px 0px 4px 0px; font-weight: bold; color: #84b122; }
TABLE.wp TD		{ vertical-align: middle; width: 20px; padding-left: 3px; padding-bottom: 2px; }
TABLE.wp TD a	{  text-decoration: none; color: #84b122; }
TABLE.wp TD a:hover	{ text-decoration: underline; }
TABLE.wp TH		{ width: 17px; }

div.tour		{ background: url('/fx/tourhead.png') left top no-repeat; width: 830px; height: 145px; margin-left: 50px; }
div.tour div.tour-load	{ height: 145px; width: 82px; margin-left: 135px; background: url('/fx/tour_load.png') left top no-repeat; }
div.tour div.tour-create	{ height: 145px; width: 82px; margin-left: 260px; background: url('/fx/tour_create.png') left top no-repeat; }
div.tour div.tour-illustrate { height: 145px; width: 82px; margin-left: 430px; background: url('/fx/tour_illustrate.png') left top no-repeat; }
div.tour div.tour-share	{ height: 145px; width: 106px; margin-left: 600px; background: url('/fx/tour_share.png') left top no-repeat; }

select.order	{ margin-top: 2px; font-size: 11px; width: 80px; }
input.order	{ width: 15px; height: 10px; margin:0px;padding:0px; margin-left: 4px; }
div.pages		{ margin: 0px 10px 0px 0px; width: 285px; float: left; font-size: 10px; }
div.pages div		{ width: 17px; float: left; margin: 0px 2px 0px 2px; padding: 1px 0px 2px 0px; text-align: center; border: #e2e1d0 1px solid; color: #666; }
div.pages div a		{ text-decoration: none; color: #222; }
div.pages div:hover, div.pages div.x		{ background: #f1f1f1; }

DIV.rem			{ cursor: pointer; float: right; color: #e2e1d0; font-weight: bold; border: #e2e1d0 1px solid; line-height: 1; padding: 1px 4px 3px 4px; background: #fff; }
DIV.rem:hover			{ color: #c8c6a8; border: #c8c6a8 1px solid; }

a.login-btn	{ padding: 8px; background-color: #a0b842; margin-top: 15px; font-size: 14px; color: #fff; border-radius: 4px; border: #809243 1px solid; }
a.login-btn:hover	{ text-decoration: none; background-color: #aac448; }
DIV.childsub	{  position: absolute; width: 130px; display: none; margin-top: -1px; padding: 0px 2px 2px 0px; z-index: 7; border: #92a34c 1px solid; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.3); }
DIV.childsub DIV	{ text-align: center; padding-top: 10px; padding-bottom: 10px;  }
DIV.childsub DIV.hover	{ background: #fff; }
DIV.childsub DIV.hover a	{ background: #fff; color: #fb812c; }
DIV.childsub DIV a	{ font-weight: bold; color: #9fb642; text-decoration: none; }
DIV.tag	{ border: #ccc 1px solid; border-radius: 4px; background-color: #f5f5f5; padding: 6px 15px; white-space: nowrap; }
DIV.tag:hover	{ border: #737270 1px solid; background: #939290; }
DIV.tag span	{ color: #ccc; float:right; margin-left: 10px; }
DIV.tag a	{ color: #737270; }
DIV.tag:hover a	{ text-decoration: none; color: #f5f5f5; }

p.sub	{ margin-top: 5px; color: #8ca91c; font-weight: bold; margin-bottom: 4px; }

ul.submenu li	{ margin: 6px 10px 6px 10px; }
ul.submenu li a	{ font-weight: bold; color: #9fb642; }
ul#top-info	{ line-height: 1; margin: 0; padding: 0; }
ul#top-info li	{ margin: 0px 0px 3px 0px; }
.l			{ font-size: 12px; }
.major		{ width: 64%; }
.minor		{ width: 35%; }
.half		{ width: 49%; }
.n			{ font-weight: normal; }
.b, .bld	{ font-weight: bold; }
.i			{ font-style: italic; }
.black		{ color: #222; }
.lm			{ margin-left: 6px; }
.rm			{ margin-right: 6px; }
.tm			{ margin-top: 6px; }
.bm			{ margin-bottom: 6px; }
.nm			{ margin: 0px; }
.grey		{ color: #7d7c7c; }
.dark		{ color: #595959; }
.light		{ color: #868686; }
.s-light	{ color: #c5c5c5; }
.l-green	{ color: #b3cb53; }
.green		{ color: #8ca91c; }
.orange		{ color: #fb812c; }
.large		{ font-size: 12px; }
.reg		{ font-size: 11px; }
.small		{ font-size: 10px; }
.tiny		{ font-size: 9px; }
.white		{ color: #ffffff; }
.blue		{ color: #748891; }
.left		{ float: left; }
.right		{ float: right; }
.pointer	{ cursor: pointer; }
.center		{ text-align: center; }
div.clr		{ clear: both; height: 1px; margin: 0px; padding: 0px; font-size: 1px; line-height: 1; }
img.left	{ margin: 0px 10px 0px 0px; }
div.wp		{ margin: 1px; border: #fff 1px solid; padding: 0px; line-height: 1; float: left; }
div.wp img	{ filter:alpha(opacity=40); -moz-opacity:0.4; opacity: 0.4;  }
div.sel		{ margin: 0px; border: #f00 2px solid; }
div.sel img	{ filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;  }
img.arrow	{ margin: 1px; }
img.ctrlbut		{ margin: 4px 0px 2px 0px; }

DIV.estyle2 { background-color:#ffffff; border: #c6c6c6 1px solid; padding: 5px;  }
DIV.estyle2 IMG.image	{ margin: 4px; border: 1px solid; }
DIV#mainpane	{ margin-top: -10px; }
DIV#mainpane img.left	{ margin: 0px 20px 0px 20px; }
DIV#mainpane p	{ font-family: verdana; font-size: 18px; font-weight: normal; line-height: 1.3; color: #6a6867; margin-top: 20px; }
DIV#mainpane DIV.main-text	{ width: 540px; margin-top: -30px; }
div.mt	{ font-size: 13px; margin: 1px 0px 1px 0px; }
DIV#mainpane h1	{ font-size: 55px; font-weight: bold; }
DIV#mainpane DIV.read-more	{ margin: 10px 0px 0px 0px; padding: 15px; font-size: 18px; font-weight: bold; }
DIV.add-item	{ cursor: pointer; background: url('/fx/add-item.png') left top no-repeat; }
DIV.add-item img	{ margin: 0px; }
DIV.add-item DIV.right	{ padding: 15px; padding-left: 0px; font-size: 18px; font-weight: bold; margin-top: 10px; width: 210px; }
DIV.n	{ background: none; padding: 0; }

DIV.cnt			{ border: #fff 1px solid; cursor: pointer; height: 78px; width: 312px;  }
DIV.cnt DIV		{ font-size: 12px; margin: 20px 0px 5px 15px; line-height: 1.5; }
DIV.cnt DIV a	{ font-size: 18px; }
DIV.dl			{ background: url('/fx/dlbg.png') left top no-repeat; }
DIV.va			{ background: url('/fx/vabg.png') left top no-repeat; }

/* images */
#lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; }	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url("/fx/overlay.png"); }
* html #overlay{ background-color: #333; back\ground-color: transparent; background-image: url("/fx/blank.gif"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/fx/overlay.png", sizingMethod="scale"); }
div.question	{ border: #e1e1d5 1px solid; background: #f8f8f3; padding: 4px; margin: 2px; margin-bottom: 5px; }
div.slitext		{ margin: 4px 0px 4px 0px; font-size: 11px; color: #777; }
#slider		{ margin: 5px; }


/* helpape */
#helpape { position: fixed; left: 10px; bottom: 0px; _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight); margin: 0px; height: 221px; width: 334px; background: url('/fx/helpape2.png') left bottom no-repeat; z-index: 999; }
* html div#helpape { position: absolute; }
#help-content	{ margin: 8px 8px 5px 58px; }
div#help-content H2	{ font-size: 14px; color: #aac34b; float: left; margin: 4px 0px; }
div#help-content div#close	{ font-size: 14px; color: #990000; font-weight: bold; float: right; margin: 4px; cursor: pointer;}
div#help-content div#help-body	{font-size: 11px; color: #444; line-height: 1.2; overflow-y: auto; height: 170px; }
div#help-content div#help-body div.help-loader	{ text-align: center; margin-top: 30px; }

div.color		{ float: left; font-size: 1px; width: 8px; height: 8px; border: #888 1px solid; margin: 1px 5px 0px;  }
div.colItem, div.colItemSel		{ height: 10px; border: #999 1px solid; float: left; margin: 3px; width: 10px; }
div.colItemSel	{ margin: 1px; border: #fe8441 3px solid; }
div.sqimg		{ margin: 2px; padding: 2px; border: #e2e1d0 1px solid; background: #ffffff; }
div.sqimgsel	{ margin: 0px; padding: 2px; border: #fe8441 3px solid; background: #ffffff; }
div.sqimg img, div.sqimgsel img	{ margin:0px; }
div.poi			{ border: #e1e2d0 1px solid; padding: 8px; margin: 3px 6px 3px 0px; }


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

.ac_results a	{ color: #7d7c7c; }
.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; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('indicator.gif') right center no-repeat; }
.ac_odd { background-color: #f1f1f1; }
.ac_over { background-color: #fff; color: white; }
.ac_over a	{ color: #fb812c; }

div.settings-item	{ margin-bottom: 20px; }
div.settings-item div.title	{ border-bottom: #ccc 1px solid; padding: 2px; font-weight: bold; }
div.settings-form	{ background: #f5f5f5; margin: 5px 0px; padding: 10px; }
div.settings-form div.item	{ margin: 2px 20px; }
div.settings-form div.item input.btxt	{ width: 280px; }
.al-left	{ text-align: left; }
.al-right	{ text-align: right; }
.normal		{ font-weight: normal; }
div.settings-mess	{ border: #ccc 1px solid; background: #fdfdec; padding: 10px; display: none; }

#tabs {margin:0 20px;padding: 0; padding-right: 2px;}
#tabs ul li	{ width: 25%; float: left; }
#tabs div.sh	{ margin-left: 2px; background:transparent url(/fx/bg02.gif) no-repeat scroll 0 0;line-height:1em;background-position:100% -50px; }
#tabs div.sh div	{ border-bottom: #f0f0f0 1px solid; background: url(/fx/bg02.gif) no-repeat scroll 0 0; font-size: 12px;background-position:0 0; text-align: center; padding: 10px 0px 8px; }
#tabs div.active	{ padding-bottom: 0px; background-image: url(/fx/bg03.gif); margin-top: 0px; }
#tabs div.active div	{ border-bottom: #d3d3d3 1px solid; background-image: url(/fx/bg03.gif); padding: 10px 0 8px; }
#tabs div.sh div a	{ color: #fb812c; }
#tabs div.active div a	{ color: #fff; font-weight: bold; }

#mapinfo	{ margin-top: -1px; background: url('/fx/bg04.gif') no-repeat scroll 0 0; background-position: 100% -200px; }
#mapinfo div	{ background: url('/fx/bg04.gif') no-repeat scroll 0 0; background-position: 0 0; padding: 4px 4px 0px; }
#mapinfo div div	{ background: transparent; }
#mapfot		{ background: url('/fx/bg05.gif') no-repeat scroll 0 0; margin-top: -1px; background-position: 100% -10px; }
#mapfot div	{ background: url('/fx/bg05.gif') no-repeat scroll 0 0; background-position: 0 0; }

DIV.nw-header { background: url('/fx/nt1.png') left top no-repeat; height: 6px; font-size: 1px; line-height: 0px; }
DIV.nw-header DIV { float: right; background: url('/fx/nt2.png') right top no-repeat; height: 6px; width: 19px; }
DIV.nw-body { background: #fefefe url('/fx/nc1.png') left top repeat-y; }
DIV.nw-body DIV.component	{ background: url('/fx/nc2.png') right top repeat-y; }
DIV.nw-body DIV.component DIV.border { margin: 0px 0px 0px 10px; }

DIV.nw-footer { background: url('/fx/nb1.png') left top no-repeat; height: 10px; font-size: 1px; line-height: 0px; }
DIV.nw-footer DIV { float: right; background: url('/fx/nb2.png') right top no-repeat; height: 10px; width: 19px; }

div.tabs {margin:0 20px;padding: 0; padding-right: 2px;}
div.tabs ul li	{ width: 25%; float: left; }
div.tabs div.sh	{ margin-left: 2px; background:transparent url(/fx/bg02.gif) no-repeat scroll 0 0;line-height:1em;background-position:100% -50px; }
div.tabs div.sh div	{ border-bottom: #f0f0f0 1px solid; background: url(/fx/bg02.gif) no-repeat scroll 0 0; font-size: 12px;background-position:0 0; text-align: center; padding: 10px 0px 8px; }
div.tabs div.active	{ padding-bottom: 0px; background-image: url(/fx/bg03.gif); margin-top: 0px; }
div.tabs div.active div	{ border-bottom: #d3d3d3 1px solid; background-image: url(/fx/bg03.gif); padding: 10px 0 8px; }
div.tabs div.sh div a	{ color: #fb812c; }
div.tabs div.active div a	{ color: #fff; font-weight: bold; }


#geoape{
  width: 320px;
}
#geoape_contents{
  background: #fff;
  font-family: "courier new";
  font-size: 12px;
}
#geoape_contents div{
  font-style: italic;
  margin: 0 10px;
}
#geoape_tl{
  width: 14px;
  height: 14px;
  background: url('/fx/mapimg/w_tl.png') top left no-repeat transparent;
}
* html #geoape_tl{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fx/mapimg/w_tl.png', sizingMethod='crop');
}
#geoape_t{
  background: url('/fx/mapimg/w_t.png') top left repeat-x transparent;
}
#geoape_tr{
  width: 14px;
  height: 14px;
  background: url('/fx/mapimg/w_tr.png') top left no-repeat transparent;
}
* html #geoape_tr{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fx/mapimg/w_tr.png', sizingMethod='crop');
}
#geoape_l{
  width: 4px;
  background: url('/fx/mapimg/w_l.png') top left repeat-y transparent;
}
#geoape_r{
  width: 4px;
  background: url('/fx/mapimg/w_r.png') top right repeat-y transparent;
}
#geoape_bl{
  width: 14px;
  height: 14px;
  background: url('/fx/mapimg/w_bl.png') top left no-repeat transparent;
}
* html #geoape_bl{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fx/mapimg/w_bl.png', sizingMethod='crop');
}
#geoape_b{
  background: url('/fx/mapimg/w_b.png') top left repeat-x transparent;
}
#geoape_br{
  width: 14px;
  height: 14px;
  background: url('/fx/mapimg/w_br.png') top left no-repeat transparent;
}
* html #geoape_br{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fx/mapimg/w_br.png', sizingMethod='crop');
}
#geoape_close{
  width: 57px;
  height: 65px;
  background: url('/fx/mapimg/w_close.png') top left no-repeat transparent;
  margin: -12px 0 0 10px;
  cursor: pointer;
}
* html #geoape_close{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fx/mapimg/w_close.png', sizingMethod='crop');
}
#geoape_beak{
  width: 27px;
  height: 37px;
  background: url('/fx/mapimg/w_beak.png') top left no-repeat transparent;
  margin: -4px 0 0 0;
}
* html #geoape_beak{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fx/mapimg/w_beak.png', sizingMethod='crop');
}

/* G3 style changes */
input.huge	{ width: 47%; font-size: 14px; padding: 3px; margin: 0px; }
div.poilist			{ border: #f5f5f5 1px solid; background-color: #f8f8f8; padding: 2px; margin: 2px; cursor: pointer; }
div.poilist:hover	{ border: #e0e0e0 1px solid; background-color: #f0f0f0; }

table.edit_track th	{ padding-right: 10px; text-align: right; }

div.square-img		{ margin: 2px; padding: 2px; border: #e2e1d0 1px solid; background: #ffffff; }
div.square-img-sel	{ margin: 0px; padding: 2px; border: #fe8441 3px solid; background: #ffffff; }
div.square-img img, div.suare-img-sel img	{ margin:0px; }
button.add-btn		{ font-size: 10px; margin: 0px; }

div.poi-info	{ width: 250px; line-height: 1.4; }
div.poi-info h5	{ line-height: 1.2; }
div.poi-info table.wp	{ margin: 0px; padding: 0px; }
div.poi-info table.wp td { margin: 0px; padding: 0px; }
div.poi-info p	{ color: #777777; font-weight: normal; margin-top: 4px; }

#wrapper { width:100%; height:100%; position:relative }
#container { width:192px; margin:0 auto }

#settings { width:192px; }

/* RESPONSIVE extention */
#header-main		{ background: #bed563; border-bottom: #819243 1px solid; position: fixed; z-index: 999; width: 100%; top: 0; margin: 0; box-shadow: 0 2px 6px rgba(0,0,0,.3); }
#header-content		{ width: 90%; margin: 0px auto; }

#search-content		{ display: none; padding: 10px; }
#search-content input	{ margin; 20px 0px; font-size: 15px; padding: 10px; background: #eff3de; font-color: #444; width: 78%; }

#menu-hamburger { margin-top: 15px; border: #fff 1px solid; padding: 5px; color: #fff; cursor: pointer; display: none; }
#header-search-btn			{ margin-left: 20px; margin-right: 0px; display: none; }

#maincontent	{ width: 1000px; box-shadow: 0 2px 6px rgba(0,0,0,.3); margin: 5px auto; background: #fff; padding: 0; outline: #aaa 1px solid; margin-top: 15px; border-radius: 3px; }
#maincontent > h1 { padding: 10px 5px; }
#profile_tag	{ border-radius: 3px; right: 6px; top: 60px; padding: 10px;position: absolute; background-color: #fff; border: #aaa 1px solid; width: 200px; text-align: center; }

#footer-main	{ line-height: 1.6; margin: 0px auto; width: 900px;margin-top: -5px; margin-bottom: 15px; }

#login	{ border-radius: 3px; right: 6px; top: 61px; padding: 10px; position: absolute; border: #92a34c 1px solid; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.3); width: 550px; text-align: center; display: none; }

#register	{ border-radius: 3px; right: 6px; top: 61px; padding: 10px; position: absolute; border: #92a34c 1px solid; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.3); width: 550px; text-align: center; display: none; }

div.tracklog-content	{ width: 1000px; box-shadow: 0 2px 6px rgba(0,0,0,.3); margin: 5px auto; background: #fff; border: #999 1px solid; margin-top: 15px; border-radius: 3px; }
div.tracklog-description, div.poi-description { line-height: 1.5; margin-left: 140px; word-wrap: break-word; }
div.poi-description { margin-left: 95px; }

img.poi-avatar	{ margin: 27px; }
img.header-avatar	{ width: 43px; border: #444 1px solid; cursor: pointer; } 
img.tracklog-avatar { width: 130px; float: left; }

img.tracklog-otl-image	{ width: 130px; }
input.header-search-box	{ border: #aaa 1px solid; margin-top: 5px; margin-right: 20px; font-size: 15px; padding: 10px; background: #eff3de; font-color: #444; width: 200px; }

div.tracklog-otl	{ margin-left: 50px; }
div.tracklog-otl > div.otl { float: left; color: #7d7c7c; width: 16%; text-align: center; margin: 5px 0px; }
div.tracklog-otl > div.otl > div	{ height: 33px; line-height: 1.4; }

div.tracklog-comments	{ float: left; width: 49%; }
div.tracklog-tags		{ float: right; width: 49%; }
div.tracklog-tags > div	{ width: 75%; float: left; }

ul.mainmenu {  
	margin-left: 10px;
	margin-top: 15px;
    height: 30px;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

ul.mainmenu > li { 
    float: left; 
    position: relative;
    background: #bed563;
}

ul.mainmenu > li.act {
	margin-top: -2px;
    border: #aaa 1px solid;
    background: #fff url('/fx/bg-menu-item.png') left bottom repeat-x;
}

ul.mainmenu > li.act > a {
	color: #ed9937;	
}

ul.mainmenu ul {
    background: #bed563;
    box-shadow: 0 2px 6px rgba(0,0,0,.3); 
    display: none; 
    position: absolute;
    font-size: 10px;
    text-transform: normal,
    left: 0; top: 100%;
}
ul.mainmenu ul a {
	text-transform: normal;
	white-space: nowrap;	
}

ul.mainmenu a { 
    cursor: pointer; 
    display: block; 
    color: white; 
    line-height: 30px; 
    padding: 0 10px; 
}

ul.mainmenu li { list-style: none; }
ul.mainmenu li:hover ul { display: block;  }



/* MOBILE */
@media all and (max-width: 480px) {
    ul.mainmenu {  height: auto; margin: 0px; display: none; position: absolute; left: 0; top: 100%; box-shadow: 0 2px 6px rgba(0,0,0,.3); }
    ul.mainmenu > li {  float: none; width: 100%; text-align: center; }
    ul.mainmenu a { line-height: 40px; }
    ul.mainmenu ul { position: relative; box-shadow: none; background-color: #adc452; }
    #menu-hamburger { display: block; }
    #maincontent { width: 98%; margin: 5px auto; }

	#profile_tag	{ font-size: 12px; color: #ed9937; height: auto; width: 100%; margin: 0px; left: 0; right: 0; top: 100%; box-shadow: 0 2px 6px rgba(0,0,0,.3); border: 0; border-radius: 0; background: #fff url('/fx/bg-menu-item.png') left bottom repeat-x; }

    #online-pane	{ display: none; }
    #activity-pane { display: none; }
	#add-new-pane	{ display: none; }
	#stats-pane		{ display: none; }
	#login-pane	{ display: none; }
	#footer-main	{ display: none; }
	#search-form	{ display: none; }
	#content-result		{ width: 100%; }

	img.tracklog-avatar	{ width: 100%; float: none; margin: 0px auto; }
	img.poi-avatar	{  }

	div.tracklog-otl	{ margin-left: 0px; }
	div.tracklog-otl > div.otl { float: none; color: #7d7c7c; width: 100%; text-align: center; margin: 5px 0px 15px; }
	div.tracklog-otl > div.otl > div	{ height: auto; margin: 3px; }

	div.poi-description { margin-left: 100px; }
	
	div.tracklog-description { margin-left: 0px; margin: 5px; }
	div.tracklog-comments	{ float: none; width: 100%; }
	div.tracklog-tags		{ float: none; width: 100%; }
	div.tracklog-tags > div	{ width: 100%; float: none; }

	img.tracklog-otl-image	{ width: 260px; }
	#header-search-btn	{ display: block; }
	#login	{ width: 100%; margin: 0px; left: 0; top: 100%; border: 0; border-radius: 0; outline: #aa 1px solid; background: #fff url('/fx/bg-menu-item.png') left bottom repeat-x; }
	#register	{ width: 100%; margin: 0px; left: 0; top: 100%; border: 0; border-radius: 0px; outline: #aaa 1px solid; background: #fff url('/fx/bg-menu-item.png') left bottom repeat-x;  }
	table.login td.inpt input.txt { width: 120px; }
	table.login td.inpt input.txt-small { width: 45px; }
	div.login-box	{ float: none; margin-top: 35px; }
	ul.login-choise		{ float: none; margin: 0px; }
	ul.login-choise > li	{ float: left; padding: 0px; position: relative; margin-left: 15px; }
	div.tracklog-content	{ width: 95%; }
}



/*---------------------------
Button Default
---------------------------*/

.button { 
    padding:8px 10px;
    border:1px solid #caced9;
    border-top-color:#d3d8e2;
    border-bottom-color:#bfc4cf;
    display:block;
    border-radius:3px;
    -moz-border-radius:3px;
    font-weight:700;
    color:#82889b;
    box-shadow:0 1px 2px rgba(0,0,0,0.15);
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #EFF0F3 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EFF0F3));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EFF0F3',GradientType=0 ); 
    background: -o-linear-gradient(top, #FFFFFF 0%,#EFF0F3 100%);
    position:relative;
    cursor:pointer;
}

.button span.txt {
    height:15px;
    padding:0 0 0 22px;
    background:url(../images/cog.png) no-repeat;
    display:block;
    line-height:16px;
    line-height:15px\9; /* Dirty IE Hack */
}

.button span.ar {
    font-size:10px;
    position:absolute;
    top:5px; right:10px;
}

/*---------------------------
Button Effects (hover/active)
---------------------------*/

.button:hover {
    color:#595e6e;
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #e7e8ef 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#e7e8ef));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#e7e8ef',GradientType=0 ); 
    background: -o-linear-gradient(top, #FFFFFF 0%,#e7e8ef 100%);
}

.button:active, .button.active {
    color:#595e6e;
    border-color:#c7cbd3;
    border-top-color:#bcc1cb;
    border-bottom-color:#d1d4db;
    box-shadow:inset 0 1px 2px #d2d4e3;
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #EFF0F3 0%, #FFFFFF 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFF0F3), color-stop(100%,#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFF0F3', endColorstr='#FFFFFF',GradientType=0 ); 
    background: -o-linear-gradient(top, #EFF0F3 0%,#FFFFFF 100%);
}

.button.active {  border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-bottom:0; }

.button:hover span.txt, .button:active span.txt, .button.active span.txt { background-position:0 -15px }

/*---------------------------
Button Menu
---------------------------*/

.settings-menu {
    position:absolute;
    top:32px;
    left:0;
    right:0;
    background:#fff;
    border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    border:1px solid #c7cbd3;
    border-top:0;
    border-bottom-color:#b3b7c0;
    box-shadow:0 1px 2px rgba(0,0,0,0.15);
    display:none;
    z-index:40000;
}

.settings-menu ul { list-style:none; padding-top:3px; }

.settings-menu ul li { display:block; zoom:1; }

.settings-menu ul li a { 
    padding:3px 10px;
    font-size:11px;
    border-top:1px solid #e7e7f0;
    border-bottom:1px solid #e7e7f0;
    display:block;
    margin:-1px 0 0 0;
    position:relative;
    text-shadow:0 1px 1px #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 );
    zoom:1;
}

.settings-menu ul li a span {
    position:absolute;
    bottom:-1px;
    left:0; right:0;
    height:1px;
    display:block;
    background:#d7dbea;
    z-index:20;
    display:none;
    zoom:1;
}

/*---------------------------
Button Menu li hover
---------------------------*/

.settings-menu ul li:hover a {
    border-color:#d7dbea;
    color:#3f586c;
    background: #EBEDF4;
    background: -moz-linear-gradient(top, #EBEDF4 0%, #e5e7ef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBEDF4), color-stop(100%,#e5e7ef)); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEDF4', endColorstr='#e5e7ef',GradientType=0 );
    background: -o-linear-gradient(top, #EBEDF4 0%,#e5e7ef 100%);
    box-shadow:inset 0 1px 0 #fff;
}

.settings-menu ul li:hover a span {
    display:block;
}
/*--------------
Map right click Menu styles
 -----------------*/
.context_menu{
	background-color:white;
	border:1px solid gray;
}
.context_menu_item{
	padding: 8px 20px;
}
.context_menu_item:hover{
	background-color:#CCCCCC;
}
.context_menu_separator{
	background-color:#dddddd;
	height:1px;
	margin:0;
	padding:0;
}