#modalbox{ position: fixed; left: 50%; top:50%; margin:-180px 0 0 -340px; background:transparent; /*border:3px solid #666;*/ width: 680px; z-index: 200; }
#overlay{ position: fixed; top: 0; left: 0; z-index: 199; width: 100%; height: 100%; background:url(../images/transBG.png) 0 0 repeat; cursor: pointer; }
#modalbox.white_bg { background:#ffffff; }
/* Fixed posistioning emulation for IE6, currently no need because its being set via the JQM js to offset the wizard in the middle */

* html #overlay{ position: absolute; background:#000; filter: alpha(opacity=40); top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }

* html #modalbox{ position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round((document.documentElement.offsetHeight || document.body.clientHeight) / 2) + 'px'); }

#modalbox iframe{ overflow:hidden; }
#modalbox iframe.remove_overflow { overflow:auto; }

body, html { margin:0; padding:0; height: 100%; overflow: hidden; }
pre { background-color:#F9F9F9; border:1px dashed #4F81BD; color:black; line-height:1.1em; padding:1em; }
body { margin: 6px 15px; background: #f7f7f7; font: normal 12px arial,sans-serif; }
.body-bg { background: url(../images/bg.png) repeat-x #f7f7f7; }
body div#wrap {float:left; width:100%;}
.left { float:left; width: 280px; overflow-y: scroll; overflow-x:hidden; height: 100%; }
.left .left-content { padding: 10px; }
.left-content h2 { padding:0px; margin:0px; }

.right { overflow-y: scroll; overflow-x:hidden; height: 100%; border: 0; }
.right  h2 { padding:0px; margin:0px; }
#doc { padding: 10px; }
.left #general {}

.left #schemas {}
.left #schemas li.schema
.left #schemas a { }

table { width:100%; }
table th,
table td { text-align:left; padding:4px; }
table td.inheritedFrom { background: #D3DFEE;}

table .title { vertical-align:top; background-color:#4F81BD; color:#fff; font-weight:bold;}
table th.subtitle  { background-color:#EFEFEF; }

table td { background-color:#F7F7F7; padding:8px;}
table tr.odd td { background-color:#EFEFEF;}

div.bluebox { background-color:#D3DFEE; border:2px solid #7BA0CD; margin-bottom:20px; margin-top:10px;}
div.bluebox h3 { background-color:#4F81BD; border-bottom:2px solid #7BA0CD; color:#FFFFFF; margin:0; padding:5px;}

table#general_errors th,
table#notifications_table { width: 900px; }
table#notifications_table th { background-color:#4F81BD; color:#FFFFFF; text-align:left;}
table#notifications_table th.center { text-align:center;}
table#notifications_table td,
table#notifications_table th,
table#general_errors td,
table#general_errors th { border:1px solid #4F81BD; padding:2px 3px; vertical-align:top; }

table#notifications_table td { background-color: #F9F9F9; }
table#notifications_table td.property_yes { background: #F9F9F9 url(../images/checked.gif) no-repeat center; }

td.example_hit div { overflow:scroll; white-space:nowrap; width:640px; }
div.post_fields { line-height:1.5em; }

#kmcSubMenu { margin: 1px 0 27px; display:table; zoom:1;}
 #kmcSubMenu li { float:left; display:inline; list-style: none inside none; padding-left:9px; height:19px;}
  #kmcSubMenu li a, #kmcSubMenu li a:active, #kmcSubMenu li a:visited { height:19px; padding: 1px 12px 0 4px; display:block; font: bold 12px arial,sans-serif; color:#666; text-decoration:none;}
  #kmcSubMenu li a:hover { color:#000;}
#kmcSubMenu li.active { margin-top:1px; background:url(../images/jellybean.png) 0 0 no-repeat;}
#kmcSubMenu li.active a { font-weights:normal; color:#fff; background:url(../images/jellybean.png) right 0 no-repeat;}


.code {
	height: 300px;
	overflow-x: scroll;
}
.xml-element{
	color: blue;
}
.xml-element-value{
	color: gray;
}
.xml-attribute{
	color: red;
}
.xml-attribute-value{
	color: gray;
}
.indent{
	padding: 8px;
}

.element-title{
	font-weight: bold;
	font-size: larger;
	color: #0606EE;
}
.child-elements{
	text-decoration: underline;
}
.child-elements-table{
	border: 1px solid black;
}
.child-elements-table td, .child-elements-table th{
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #cccccc;
}
.child-elements-table .extends-title td, .child-elements-table .extends-title td a{
	padding: 0px;
	border: 1px solid #0000ff;
	background-color: #0000ff;
	color: white;
	font-weight: bold;
}
.child-elements-table .choice-head td{
	padding: 0px;
	border: 1px solid #0000ff;
	background-color: #0000ff;
	color: white;
	font-weight: bold;
}
.child-elements-table .choice-start td{
	border-top: 2px solid #0000ff;
}
.child-elements-table .choice .last-rowspan{
	border-bottom: 2px solid #0000ff;
}
.child-elements-table .choice-end td{
	border-bottom: 2px solid #0000ff;
}
.child-elements-table .choice .first{
	border-left: 2px solid #0000ff;
}
.child-elements-table .choice .last{
	border-right: 2px solid #0000ff;
}

.child-attributes{
	text-decoration: underline;
}
.child-attributes-table td, .child-attributes-table th{
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #cccccc;
}
.child-attributes-table{
	border: 1px solid black;
}
.element-example-title{
	text-decoration: underline;
}
.element-example{
	border: 1px solid black;
}
.extensions-title{
	font-weight: bold;
	text-decoration: underline;
}