body,a,p,ul,ol { font-family: verdana,arial,sans-serif; font-size:9pt; color:#444444 }
body { margin:0; padding:0; background:#E0E0E0 }

h,h1,h2,h3,h4,h5,h6 { font-family: verdana, arial, sans-serif; font-weight:bold }
h1 { font-size:15pt; color:#336600 }
h2 { font-size:13pt; color:#336600 }
h2 { font-size:11pt; color:#336600 }
h3,h4,h5,h6 { font-size:11pt }

img { text-decoration:none; border:none }


/* -------------------------------------------------------------- 
   Tabs
-------------------------------------------------------------- */

ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }


#container
{
	width: 1040px;
	margin: 20px auto;
	border: 1px solid #669999;
	background-color: #ffffff;
}

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }


#admin                        { margin:0px; padding:7px 10px 7px 10px; background:#ffffe1; border-bottom:1px solid #c0c0c0; }
#admin p.left                 { font-size:0.9em; margin: 0px; padding: 0px; float:left;  }
#admin p.right                { font-size:0.9em; margin: 0px; padding: 0px; text-align:right; }
#admin a                      { text-decoration:none; }
#admin a:hover span           { text-decoration:underline; }
#admin a img                  { margin:0px 5px -3px 0px; padding:0px; }

#top,
#nav,
#subnav,
#main,
#bottom                       { width:1000px; margin-left:auto; margin-right:auto; padding:0 }

#topwrapper                   { background:#ffffff; height:120px; padding:0px 30px 0px 30px; border-bottom: 1px solid #bacbdf; }
#top                          { position:relative; height:120px; padding:0; background: #FFFFFF }
#top .logo                    { margin:0; padding:0.7em 0 0 0; float: left; color:#000080;
	height:100px; min-width:300px; background:#ffffff url('images/ESXLabLogoCW300.jpg') no-repeat left top }
#top .subtitle{
	margin:0; padding:0.9em 0 0 0; text-align: right; font-size: 1.1em;
	font-weight: normal;
	height:100px; width:600px; margin-left:350px;
	background:#ffffff url('images/dl360.png') repeat-x right center }
#top h1                       { margin:0; padding:0; font-size:2em; color:#000080; }
#top h1 a                     { color:#000080; text-decoration: none; }
#top h1 a:hover               { color:#0000aa; }

#navwrapper                   { margin:0; padding:0; border-bottom: 1px solid #bacbdf; background:#f7f7f7 url(images/bg_subnav.png) repeat-x bottom; }
#nav                          { padding:0px 30px 0px 30px; }
#navlist                      { margin:0 0 0 -0.45em; padding:0; list-style-type:none; font-size:0.9em; }
#navlist li                   { display:inline; padding:0; }
#navlist a                    { padding:0.3em 0.5em 0.3em 0.5em; display:inline-block; }
#navlist a:link,
#navlist a:visited            {  }
#navlist a:link#current,
#navlist a:visited#current    { font-weight:bold; }
#navlist a:hover,
#navlist a:hover#current      { background:#efefef; text-decoration:none; }

#mainwrapper                  { margin:0; padding:0px 32px 50px 32px; background:#fff; }
#sidebarwrapper               { width:100%; float:left; }

#content                      { margin:0; padding:30px 0 0 0; width:1000px; }
#sidebarwrapper #content      { margin:0 16em 50px 0; }

#content #category            { float:right; text-align:right; padding:0; font-size:0.82em; color:#808080; }
#content #breadcrumbs         { position:relative; top:-1.3em; margin:0; padding:0 0 0.5em 0; font-size:0.75em; }
#content #pageinfo            { position:relative; top:-0.5em; margin:0; padding:0 0 1em 0; font-size:0.9em; }
#content #time                { position:relative; top:-0.5em; margin:0; padding:0 0 1em 0; font-size:0.9em; }
#content p,
#content ul,
#content ol,
#content dl                   { font-size:0.9em; line-height:1.6em; margin-top:0; }
#content ul ul,
#content ol ol,
#content ol ul,
#content dl dl                { font-size:1em; }
#content dt                   { font-weight:bold; }
#content dd                   { padding:0.25em 0 0.5em 0; }
#content h2.teaser            { margin: 0px 0px 0px 0px; font-size:0.9em; line-height:1.6em; font-weight:bold; color:#000; text-decoration:none; }
#content h2.teaser a          { margin: 0px 0px 0px 0px; font-size:1em; font-weight:bold; color:#000; text-decoration:none; }
#content p.teaser             { margin: 0px 0px 0px 0px; padding: 0px; }

#content div.news             { margin:0px 0px 25px 0px; padding:0px; }
#content div.news p.time      { margin: 0px 0px 5px 0px; padding: 0px; font-size:0.75em; }
#content div.news h2          { margin: 0px 0px 5px 0px; font-weight:bold; color:#000; }
#content div.news h2 a        { margin: 0px 0px 0px 0px; color:#000; text-decoration:none; }
#content div.news h2 a:hover  { color:#0000cc; text-decoration:none; }
#content div.news h2 .category
                              { font-size:0.82em; font-weight:normal; color:#808080; }
#content div.news h2 .category a
                              { color:#808080; }   
#content div.news p           { margin: 0px 0px 0px 0px; padding:0px; }
#content div.news p.link      { margin: 3px 0px 0px 0px; padding:0px; }
#content div.news a.comments  { font-size:0.83em; color:#808080; }

#sidebar                      { float:right; margin:30px 0px 30px 0px; padding:0px; width:14em; color:#000; background:transparent; }

.sidebarbox                   { margin: 0px; padding:0px; color:#000; background:#fbfbfb; border: 1px solid #d2ddea; }
.sidebarbox h3                { margin:0px 0px 0px 0px; padding:2px 10px 2px 10px; font-size:0.9em; line-height:1.6em; background:#ebeffa url(images/bg_th.png) repeat-x top; }
.sidebarbox p                 { margin:10px 0px 0px 0px; padding:0px 10px 10px 10px; font-size:0.9em; line-height:1.6em; }
.subbox                       { margin-top:30px; }

#sidebar ul                   { margin: 7px 0px 7px 0px; padding:0px; font-size:0.9em; list-style-type: none; }
#sidebar li                   { list-style-type: none; margin:0px; }
#sidebar li a                 { margin:0px; padding: 4px 0px 4px 7px; display:block; }
#sidebar li a:hover           { text-decoration:none; background:#efefef; }

#search					{ right:0; margin:10px 0 0 0; }
#search #searchfield	{ width:140px; font-size:11px; font-size:8pt; height:13px; }

table { border:0; padding:0; margin:0; border-spacing:0; border-collapse:collapse }
td { text-align:left; font-size:10pt; color:#444444 }
pre { font-family: monospace; }

table.teaser                  {  }
td.scl                        { width: 50%; padding-right: 10px; padding-bottom: 25px; vertical-align: top; }
td.scr                        { width: 50%; padding-left: 10px; padding-bottom: 25px; vertical-align: top; }

#bottomwrapper                { clear:both; margin: 0px; padding:0px 30px 0px 30px; background:#f7f7f7; border-top: 1px solid #bacbdf; background-image:url(images/bg_subnav_2.png); background-repeat: repeat-x; }
#bottom                       { color:#000; }
#bottom p.left                { margin: 0px; padding: 0.5em 0 0.8em 0; float: left; font-size:0.75em; }
#bottom p.right               { margin: 0px; padding: 0.5em 0 0.8em 0; text-align: right; font-size:0.75em; font-weight: normal; }

#poweredby                    { position:relative; top:-0.8em; margin:0; padding:0; text-align:center; font-size:0.75em; color:#808080; }
#poweredby a                  { color:#808080; text-decoration: none; }

.thumbtable                   {  }
.thumbtable td                { vertical-align:top; padding:0 25px 20px 0; }
.thumbtable td.last           { padding-right:0; }

.thumbtable td p              { text-align:center; margin:0; padding:2px 0 0 0; font-size:0.8em !important; line-height:1.2em !important; }
.thumbtable td p.title        { margin:0; padding:0; float:left; text-align:left; }
.thumbtable td p.comments     { margin:0; padding:0; float:right; text-align:right; }

.below                        { margin-top:20px; }

ul.spaced li                  { margin-bottom:0.9em; }
ul.spaced ul li               { margin-bottom:0; }

.info                         { font-size:0.75em !important; line-height:1.19em; border:1px solid red; padding:5px; }

.small                        { font-size:0.75em !important; line-height:1.19em; }
.smallx                       { font-size:0.75em !important; line-height:1.19em; color:#808080;  }
span.small, span.smallx       { font-size:0.9em !important; }

.sep                          { margin: 20px 0px 10px 0px; padding: 0px; height: 1px; font-size: 1px; width: 200px; border-bottom: 1px dotted #c0c0c0; }
a.close-category              { display:inline-block; width:13px; height:13px; background:url(images/close_category.png) no-repeat; }
a.close-category span         { display:none; }
code                          { font-family:"courier new",courier; color:#000099; }

#comments                     { margin:50px 0 0 0; }
#comments h3                  { font-size:1em; margin: 0 0 20px 0; padding: 0px 0px 2px 0px; border-bottom: 1px dotted #c0c0c0; }
#comments div.comment         { margin:0 0 20px 0; padding:0 0 0 2em; background:url(images/quote.png) no-repeat 0 5px; }
#comments p.author            { margin:0 0 3px 0; padding: 0px; font-style: italic; }
#comments p.text              { margin:0; padding: 0px; }
#comments p.admin             { margin:0; padding: 3px 0 0 0; font-size:0.75em !important; }
#comments #preview            { margin:0; font-size:0.9em; color:red; font-weight:bold; }
#comments div.preview         { margin:0 0 20px 0; padding:10px; border:1px dotted red; }
#commentform                  { margin:0; padding:0; }
#show_commentform             { display:none; }
a.addcomment                  { font-size:0.9em; padding:0 0 0 21px; background:url(images/comment_add.png) no-repeat left; }
#pingbacks                    { margin-top:50px !important; }
#pingback-list                { font-size:0.82em !important; margin:0 0 0 2em; padding:0 0 0 2em; }
#pingback-list li             { margin:0; padding:0; }
#comments #closed             { margin-top:30px !important; font-size:0.82em !important; color:#808080; }
#comments #close              { margin-top:30px !important; font-size:0.82em; }
a.closecomments               { font-size:0.9em; padding:0 0 0 21px; background:url(images/lock.png) no-repeat left; }
a.opencomments                { font-size:0.9em; padding:0 0 0 21px; background:url(images/lock_open.png) no-repeat left; }


p.pagination                  { font-size:0.82em !important; }
p.pagination .current         { color:red; }
ul.pagination                 { margin:50px 0 0 0 !important; padding:0; list-style-type:none; font-size:0.9em; }
ul.pagination li              { display:inline; font-size:0.9em; margin-right:0.7em; }
ul.pagination a,
ul.pagination span       { border:1px solid #bacbdf; background:#f9f9f9; padding:1px 6px; }
ul.pagination a:hover    { border:1px solid #0000cc; background:#efefef; text-decoration:none; }
ul.pagination .current   { border:1px solid #bacbdf; color:red; font-weight:bold; }

input.edit_button             { font-size:0.75em; width:5em; }
input.delete_button           { font-size:0.75em; width:5em; color:red; }

.caution                      { padding: 0px 0px 0px 20px; color: red; font-weight: bold; background-image:url(images/caution.png); background-repeat:no-repeat; background-position: left; }
.ok                           { padding: 0px 0px 0px 20px; font-weight:bold; color:red; background-image:url(images/tick.png); background-repeat:no-repeat; background-position: left; }

img                           { border: 0px; }
img.float-left                { float: left; margin: 3px 10px 10px 0px; border: 1px solid black; }
img.float-right               { float: right; margin: 0px 0px 13px 13px; border: 1px solid black; z-index:10;}
img.teaser                    { float: left; margin: 5px 10px 10px 0px; border: 1px solid black; }
img.thumbnail                 { border: 1px solid black; margin: 0px; }
img.float-left-sm             { float: left; margin: 3px 5px 3px 0px; border: 1px solid black; }

table.normaltab               { width:100%; border:1px solid #c5e5c3; font-size:0.9em; line-height:1.6em; background:#fff; }
table.normaltab th            { vertical-align: top; font-weight: bold; text-align:left; color: #000000; background:#ebeffa url(images/bg_th.png) repeat-x bottom; }
table.normaltab tr.odd td     { vertical-align: top; font-weight: normal; color: #000000; background: #f5f5f5; }
table.normaltab tr.even td    { vertical-align: top; font-weight: normal; color: #000000; background: #f9f9f9; }

a {text-decoration:none}
a:link, a:visited {color:blue}
a:hover {color:black}

img.thumbnail:link            { color: #0000ff; border: 1px solid #000000; }
img.thumbnail:visited         { color: #0000ff; border: 1px solid #000000; }
img.thumbnail:hover           { color: #0000ff; border: 1px dashed #000000; }
img.thumbnail:active          {  }

a.extern                      { padding-left:13px; background:url(images/external_link.png) no-repeat left; }
/*a.comments                  { padding-left:13px; background:url(images/comments.png) no-repeat left; }*/
a.rss                         { padding-left:16px; background:url(images/rss.png) no-repeat left; }
a.download                    { padding-left:20px; background:url(images/download.png) no-repeat left; }

a.icon                        { text-decoration:none; }
a.icon:hover span             { text-decoration:underline; }
a.icon img                    { margin:0px 5px -3px 0px; padding:0px; }
a.additem                     { padding-left:20px; background:url(images/add_item.png) no-repeat left; }

dt {font-family: verdana, arial, sans-serif; font-size:10pt; text-decoration:underline; color:blue }
dd {font-family: verdana, arial, sans-serif; font-size:10pt; padding-bottom:10pt }

/* lightbox (delete if not required): */
#mylightbox-background        { display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000; border:1px solid #cecece; z-index:1; }
#mylightbox                   { width:400px; display:none; position:absolute; background:#fff; z-index:2; padding:3px 10px 0 10px; font-size:13px; border:1px solid #cecece; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#mylightbox-header            { height:20px; font-size:13px; line-height:20px; padding:0 0 3px 0; }
#mylightbox-title             { position:absolute; top:2px; left:10px; width:40%; margin:0; padding:0; font-weight:bold; }
#mylightbox-nav               { position:absolute; top:4px; left:40%; width:20%; margin:0; padding:0; text-align:center; float:left; }
#mylightbox-controls          { position:absolute; top:4px; right:10px; width:16px; margin:0; padding:0; text-align:right; }
#mylightbox #photo            { margin:0; padding:0; }
#mylightbox-description       { font-size:13px; line-height:19px; margin:0; padding:3px 0 8px 0; }
#mylightbox-throbber          { width:32px; height:32px; margin:0 auto 0 auto; padding:100px 0; background:url(images/throbber.gif) no-repeat center; }
#mylightbox-prev              { display:inline-block; width:16px; height:16px; margin:0; padding:0; background:url(images/previous.png) no-repeat top left; }
#mylightbox-prev:hover        { opacity:0.75; }
#mylightbox-next              { display:inline-block; width:16px; height:16px; margin:0; padding:0; background:url(images/next.png) no-repeat top left; }
#mylightbox-next:hover        { opacity:0.75; }
#mylightbox-close             { display:block; width:16px; height:16px; margin:0; padding:0; background:url(images/close.png) no-repeat; }
#mylightbox-close:hover       { opacity:0.75; }
#mylightbox-prev span, #mylightbox-close span, #mylightbox-next span
                              { display:none; }

.hang { margin-left:2em; text-indent:-2em  }
.center { text-align:center }
.top { vertical-align:top }
.bot { vertical-align:bottom }
.right { text-align:right }
.pad { padding: 0pt 4pt 0pt 4pt }
.spaced { margin: 0pt 4pt 0pt 4pt }
.bold { font-weight:bold; }
.boxed { border:solid; border-width:thin }
.u { border-bottom:solid; border-width:thin }
.nowrap { white-space:nowrap }
.smaller { font-size:.8em }
	
.red { color:red }
.green { color:green }
.blue { color:blue }
.yellow { color:yellow }
.black { color:black }

#nav_main
{
	font-size: 12px;
	background-color: #669999;
}

#nav_main li
{
	position: relative;
}

#nav_main a:hover
{
	background-color: #336666;
	text-decoration: underline;
}

#nav_main a
{
	padding: 4px 16px;
	text-decoration: none;
	color: #fff;
}

#nav_main a.current
{
	background-color: #336666;
	color: #fff;
}

.default #nav_main a.current
{
	background-color: transparent;
}

#nav_main ul
{
	list-style-type: none;
}

#nav_main ul li ul a:hover
{
	width: 174px;
	padding: 4px 0 4px 1em;
}

#nav_main ul li ul a
{
	font-size: 11px;
	font-weight: normal;
	width: 174px;
	padding: 4px 0 4px 1em;
	text-transform: none;
	display: block;
}

#nav_main ul li ul
{
	position: absolute;
	top: -999em;
	left: 0;
	width: 185px;
	margin: 0;
	padding: 4px 0;
	border-top: 2px solid #ffffff;
	z-index: 100;
}

#nav_main ul li:hover ul, #nav_main ul li.sfhover ul
{
	top: 22px;
	background-color: #669999;
}

#nav_main li:hover ul li
{
	position: static;
}

#mainmenu li:hover, #nav_main li:hover
{
	background-position: 0 0;
}

#nav_sub
{
	float: right;
	margin: 20px 0 20px 0;
	border-left: 1px solid #669999;
}

#nav_sub li
{
	list-style-type: none;
	padding: 5px;
}

#nav_sub a:hover
{
	text-decoration: underline;
}

#nav_sub a
{
	text-decoration: none;
}

.nav_sub_current
{
	font-size: 16px;
	font-weight: normal;
	color: #4C1900;
}

#content #nav_sub h3 a
{
	color: #4C1900;
}

#nav_sub h4, #content_feature h4
{
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 1px;
	color: #333;
	margin: 20px 0 3px 0;
}

#nav_sub li.current a
{
	font-weight: bold;
	color: #4C1900;
}

ul.nav_sub_items
{
	margin: 0 0 10px 0;
	list-style-type: none;
}

#subject {width:500px}
#message {width:500px}
.heading { font-size:11pt; font-weight:bold; padding-top:20px;}
.flbl { font-size:10pt;padding-left:20px; padding-right:5px; text-align:right; vertical-align:top; }
.ftxt { font-size:10pt;vertical-align:top; }
.req { font-size:7pt; color:red; vertical-align:super; }
.apropos { font-size:10pt; color:#404040; font-style:italic; padding-left:5px; }
#captcha { display: inline; 
	border:1px solid black; padding:2px 8px; margin-right:10px;
	color:blue; font-size:14pt; 
	background: white url(/templates/images/captcha_background.png) repeat-x left;
}

/* DGR - custom settings formatting */
div.settings {
	display:grid !important;
	grid-template-columns: max-content auto;
	grid-gap:5px;
	margin:10px;
}
div.settings > *:nth-child(odd)  { justify-self:right }
div.settings > *:nth-child(even) { justify-self:left }
div.settings > label:nth-child(odd),
div.settings > *:nth-child(odd) label      { display:flex; align-items: center; text-align:right;}
div.settings > label:nth-child(odd):after,
div.settings > *:nth-child(odd) label:after { content: ":"; }
div.settings > label.left { justify-self: left; }
div.settings > label.right { justify-self: right; }
div.settings > label.center { justify-self: center; }
div.settings > label.left:after,
div.settings > label.right:after,
div.settings > label.center:after { content: ""; }
div.settings * { vertical-align: middle; }

.backlink { display:inline-block; padding-left: 20px; background:url(images/previous.png) no-repeat top left; font-weight:bold; }
.backlink:hover        { opacity:0.75; }