*		{ padding: 0; margin: 0 }

html,
body	{ font-family: "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size: 100%; padding: 0; margin: 0; background: #000; height: 100%; color: #fff; }

p		{ padding: 0; margin: 0 0 0.5em 0; line-height: 150%; font-size: 80%; max-width: 70em; }

input,
textarea	{ border: solid 1px #536EA3; background: #C2D7FF; font-family: "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Helvetica, sans-serif; padding: 2px; }

table	{ border-collapse: collapse; }
td, th	{ padding: 0.25em; vertical-align: top; } 
th		{ text-align: left; padding-top: 0.5em; color: #fff; background: #53a462; font-weight: normal; } 
h1		{ font-weight: normal; font-size: 200%; color: #53a462; margin: 0.5em 0; background: url("../img/site/headline_bg.png") bottom left no-repeat; padding-left: 24px; }
h2		{ color: #53a462; font-size: 100%; text-transform: uppercase; letter-spacing: 0.1em; margin: 1em 0 0.5em 0; font-weight: normal; }
h3		{ color: #53a462; font-size: 110%; margin: 0.5em 0 0.25em 0; font-weight: normal; font-style: italic; }
blockquote { margin: 0.5em 1em; padding-left: 1em; border-left: solid 0.25em #808080; color: #808080; }

code, pre, tt { font-family: "Consolas","Andale Mono WT","Andale Mono","Lucida Console","Monaco","Courier New","Courier",monospace; }
pre		{ background: #404040; padding: 0.5em; margin-bottom: 0.5em; font-size: 80%; line-height: 150%; }
code    { color: #A3536D; }
a		{ text-decoration: none; color: #ff6600; }
a img   { border: none; }
		
dl		{ margin: 0 0 1em 0; padding: 0; }
dt, dd	{ margin: 0; padding: 0; }
dt		{ color: #536EA3; font-weight: bold; }
dd		{ padding-left: 2em; font-size: 80%; margin-bottom: 1em; }

ul		{ font-size: 80%; list-style-type: square; margin-bottom: 1em; }
li		{ margin: 0 0 0.5em 2em; }

#header		    { position: relative; margin: 0em; padding: 0em; height: 189px; background: url("../img/site/logo.jpg") bottom left no-repeat; }
#page		    { position: relative; margin: 0; height: auto !important; height: 100%; min-height: 100%; background: #000; }
#main		    { padding-top: 2px; background: url("../img/site/main_bg.jpg") top left no-repeat; }
#twoColLayout   { border-collapse: collapse; padding: 0; margin: 0; width: 100%; }
#twoColLayout td{ vertical-align: top; }
#sidebar        { width: 12em; } 
#content	    { font-size: 100%; background: #282828; background: rgba(255, 255, 255, 0.15); border-top: solid 1px #404040; color: #fff; padding: 1em; }
#footer         { background: #404040; padding: 1em 0em; text-align: center; font-size: 75%; margin-top: 2px; border-top: solid 1px #282828; }

#mainmenu_level_0		    { position: absolute; bottom: 0; width: 100%; text-transform: lowercase; font-size: 110%; color: #53a462; background: #404040; background: rgba(255, 255, 255, 0.25); border-bottom: solid 1px #282828; }
#mainmenu_level_0 ul	    { list-style-type: none; margin-left: 52px; padding: 0; font-size: 100%; }
#mainmenu_level_0 li	    { float: left; padding: 0.35em 1em; margin: 0; }
#mainmenu_level_0 li.home   { padding-left: 0; }
#mainmenu_level_0 li.active { background: #282828; }
#mainmenu_level_0 a		    { color: #fff; }

#mainmenu_level_1 ul        { list-style-type: none; color: #53a462; font-size: 90%; padding-top: 0.5em; }
#mainmenu_level_1 li        { padding: 0.5em 0.75em; text-align: right; margin: 0; }
#mainmenu_level_1 a    		{ color: #fff; }

.s	{ width: 4em; }
.sm	{ width: 7em; }
.m	{ width: 10em; }
.ml	{ width: 15em; }
.l	{ width: 20em; }
.xl	{ width: 30em; }
.pct_100    { width: 100%; }
.full	    { width: 100%; }
.right	    { text-align: right; }
.center		{ text-align: center; }
.clearFloat { clear: both; }
.smaller	{ font-size: 75%; font-weight: normal; }

.before	{ padding: 1em; }
.after	{ padding: 1em; }
.explanation { border-left: solid 8px #fc0; }

.hiLite	{ background: #ff0; font-weight: bold; color: #000; }

.row0	{ background: #404040; } 
.row1	{ }

table.API  { border-collapse: separate; border-spacing: 1px; }
.API th    { font-size: 80%; color: #53a462; font-weight: bold; background: none; }
.API td    { border: solid 1px #282828; background: #404040; }
.API code  { color: #fff; font-size: 80%; }
.API .explanation { font-size: 80%; }

/* Accordion */
.vxJS_foldThis h2		{ background: url(../img/site/sortable_dn.png) no-repeat 8px 8px #404040; color: #fff; font-size: 100%; font-weight: normal; padding: 0.75em 0.5em 0.25em 2em; margin: 0 0 1px 0; cursor: pointer; }
.vxJS_foldThis h2.shown	{ background-image: url(../img/site/sortable_up.png); background-color: #536EA3; }
.vxJS_foldThis p      { border: solid 1px #404040; border-top-style: none; padding: 1em; }

/* simpleTabs */
.vxJS_tabBar ul	{ padding: 0; margin: 1em 0 0 0; list-style-type: none; font-size: 100%; }
.vxJS_tabThis	{ }	
.vxJS_tabThis .section	{ clear: both; height: auto !important; height: 15em; min-height: 15em; padding: 1em; position: relative; overflow: auto; border: solid 1px #404040; border-top-color: #84b38c; }
.vxJS_tabBar li			{ float: left; font-size: 100%; cursor: pointer; border: #a0a0a0 1px; border-style: none solid none solid; margin: 0 8px 0 0; background: url(../img/site/tab_bg.png) repeat-x left bottom #c0c0c0; }
.vxJS_tabBar li div		{ padding: 8px 8px 4px 8px; margin-top: -1px; border-top: #a0a0a0 solid 1px; color: #404040; }
.vxJS_tabBar li.shown	{ cursor: default; background: #53a462; background-image: none; border-color: #53a462; }
.vxJS_tabBar li.shown div { border-color: #53a462; color: #fff; }
.vxJS_tabBar .fatText   { font-weight: bold; }

.vxJS_tabSpacer				{ clear: both; font-size: 0.01%; line-height: 0%; height: 1px; background: #53a462; margin-bottom: 1px; }

/* fx */
.fxDemoContainer 	 { vertical-align: middle; font-size: 80%; width: 100%; }
.fxDemoContainer img { vertical-align: middle; }
.fxDemo			 	 { width: 150px; background: #536EA3; }
.fxDemo p			 { margin: 0; padding: 1em; }
.fxControl td		 { padding-bottom: 0.5em; }
.fxDemos             { height: 300px; }

/* ddtree */
#before,
#after    { float: left; padding: 1em 2em; }
#after    { background: #404040; }

/* sorTable */
#sortableTable				{ font-size: 70%; }
#sortableTable th			{ padding-right: 16px; }
.vxJS_sorTable_header_asc	{ background: url("../img/site/sortable_dn.png") no-repeat bottom right #536EA3; }
.vxJS_sorTable_header_desc	{ background: url("../img/site/sortable_up.png") no-repeat bottom right #536EA3; }

/* tree */
.details		{ min-height: 4em; padding: 0.25em; border: solid 2px; border-color: #366c40 #84b38c #84b38c #366c40; }
.details p		{ margin: 0 0 0.5em 0; padding: 0; }
.details th,
.details td		{ padding: 0.25em 0.5em; font-size: 80%; }
#treeContainer1,
#treeContainer2  { font-size: 80%; padding: 1em; }

/* form */
.xhrForm        { font-size: 80%; }
.xhrForm td     { padding: 0.25em 1em; }
.error			{ color: #f00; }
.errorBox		{ border: solid 2px #f00; padding: 0.5em; color: #f00; background: #fcc; margin-bottom: 1em; }
.errorBox .exclamation { font-size: 200%; font-weight: bold; float: left; margin-right: 0.5em; }
.errorBox p		{ font-size: 80%; line-height: 200%; margin: 0; }
#logDiv         { position: absolute; top: 1em; left: 35em; border: solid 1px #404040; width: 10em; min-height: 5em; padding: 0.5em; font-family: courier, fixed, monospace; }
#logDiv h3      { font-style: normal; font-weight: bold; font-size: 80%; }
#logDiv p       { font-size: 70%; }
.apcPercentage  { font-weight: bold; padding: 0 0.5em; background: #404040; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; }

/* xhrtable */
#editableTable 		{ font-size: 80%; }
#editableTable td,
#editableTable th	{ padding: 0.5em 0.5em; }
#editableTable th	{ background: #536EA3; }
#editableTable input,
#editableTable select { border: none; background: #e0e0e0; width: 80%; }

img.vxJS_xhrTable_editElement,
img.vxJS_xhrTable_cancelElement,
img.vxJS_xhrTable_delElement,
img.vxJS_xhrTable_submitElement	{ float: left; margin-right: 0.25em; }
#editableTable td.error	input { background: #ffe0e0; }

/* builder */
.separator	{ border-bottom: dotted 2px #53a462; margin: 1em 0; }
.builder .smaller { color: #a0a0a0; }

#dropbox1,
#dropbox2 { width: 20em; height: 12em; border: solid 1px #53A462; color: #fff; padding: 1em; background: #404040; font-size: 80%; margin: 2em 0 0 2em; font-style: italic; }

#draglayer1,
#draglayer2 { position: relative; width: 12em; background: #536EA3; color: #fff; font-size: 70%; }
#draglayer1 .dragBar { background: #ff0; font-weight: bold; }
#draglayer1 div { padding: 0.5em; }
#draglayer2 { padding: 0.5em; }
.dragged    { -moz-box-shadow: 2px 2px 10px #000; -webkit-box-shadow: 2px 2px 10px #000; box-shadow: 2px 2px 10px #000; }