/******************************************************************************************					DEFAULT HTML */
body {margin:0; padding:0; min-width: 1000px; font-family: Verdana, Arial, Helvetica, sans-serif; background: url('/images/bkg.jpg');} /*background-color: #e9ecef; background: url('/images/bkg.jpg');*/ 
h1, h2, h3, h4, h5 {font-weight: normal; font-family: Verdana; text-align: center; }
h1 {font-size: 150%;}
h2 {font-size: 120%;}
h3 {font-size: 100%;}
h4 {font-size: 90%; text-align: left; letter-spacing: 0.2em;}
h5 {font-size: 80%; text-align: left; font-weight: bold; letter-spacing: 0.2em; } 

a:link {color: #1e52b8; Font-family:verdana;  text-decoration:none;}
a:visited{color: #1e52b8; Font-family:verdana; text-decoration:none;}
a:active{color:#1e52b8; Font-family: verdana;  text-decoration:none;}
a:hover{color: red; Font-family:verdana;  text-decoration: underline;}


/******************************************************************************************					TEXT HTML GENERIC FORMATTING */
/******************************************************************************************					contents */
h1 {margin: 1em 0;}
h2 {margin-bottom: 1.5em;}
p {margin: 0.5em 1em 1em 1em; color: #3c3c3c;  font: normal 10pt Verdana; text-indent:2em; text-align:justify;}


/******************************************************************************************					simple bullted list */
ul {list-style-type: none; margin: 0 0 0.5em 5em; padding: 0 1em; }
ul li {background: url('images/bullet_2.png') 0.1em 0.5em no-repeat; padding-left: 12px; margin: 0.2em 0; font: normal 10pt Verdana; text-align: left;}
div.steps ul li {background: url('images/bullet_2.png') 0.1em center no-repeat;}
ul li.bullets_off {background: none !important; padding-left: 12px; margin: 0.2em 0; font: normal 10pt Verdana; text-align: left;}
li.bullets_off ul {margin: 0.3em 0.5em; padding: 0 1em; }
ol {margin: 0 0 0.5em 5em; padding: 0 1em; }
ol li {margin: 0.2em 0; font: normal 10pt Verdana; text-align: left; }
ol li ul{margin:0 0 1em 0;}

/******************************************************************************************					 default definition list*/
dl {font-size:80%; margin: 0 0 2em 6em;} 
dd > ul, p > ul {margin: 0.5em 0 0.5em 1em !important;}
dd > p {text-indent:0; margin:0; padding:0.5em 0; }


/******************************************************************************************					EFFECTS */
div.round-border {-webkit-border-radius: 6px; border-radius: 6px;}
div.round-topper {
    -webkit-border-top-left-radius: 16px; -webkit-border-top-right-radius: 16px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;
    border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
}
div.drop-shadow {-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4); box-shadow: 0px 1px 2px rgba(0,0,0,0.4);}

/******************************************************************************************					PAGE LAYOUT */
.central {display: block; max-width:1200px; margin: 0 auto; background-color: #fff;}
table#frame {display: block; margin-top: 1em !important; max-width:1200px; margin: 0 auto;}
table#frame td.content {padding-right: 1em;}
table#frame td.content > div.content:nth-of-type(1) {min-height:900px;}


/******************************************************************************************					PUBLIC WEB PAGE ELEMENTS */
/******************************************************************************************					vertical menu */
ul.menu {background: none !important; list-style-type: none; min-width:180px; margin:0 0 1em 0em !important; padding:0;}
ul.menu li {background: none !important; padding:0px !important;}
ul.menu li.active {background-color: #65a3da !important;}
ul.menu #download a{background:url(images/menu-download.png) 140px 0px no-repeat; background-color: #fff; }
ul.menu #download a:hover{background:url(images/menu-download.png) 140px 0px no-repeat;  background-color: #edf6fd;}
ul.menu #buy a{background:url(images/menu-basket.png) 140px 0px no-repeat; background-color: #fff;}
ul.menu #buy a:hover{background:url(images/menu-basket.png) 140px 0px no-repeat; background-color: #edf6fd; }
ul.menu a {margin:0 0 0px 4px; padding-left:4px; display: block; height: 20px; text-decoration: none; font: normal 12px/22px Verdana; background-color: #fff; color: #3c3c3c; border: 1px solid transparent;}
ul.menu a:hover{ color: #003399; background-color: #edf6fd !important; border: 1px solid #c5dce7;}


/******************************************************************************************					discount block */
div#discount div.side-body {font-size: 9pt; padding-bottom: 1.5em !important;}
div#discount h5 { padding: 0; margin: 0 0 1em 0; font-size: 8pt; font-weight:normal; text-align: center; letter-spacing:0.2em;}
div#discount strong { padding: 0; font-size: 8pt; }
div#discount span { padding: 0; font-size: 8pt; color: red;}

/******************************************************************************************					testimonial block */
div#testimonial {display: block; position: relative; width: 100%; min-height: 140px; clear: both; margin: 0em auto 2em auto;}
div#testimonial div.testimonial:before {content: open-quote;}
div#testimonial div.testimonial {position: absolute; margin: auto 0; width: 100%; text-align: center; font: italic 12pt/16pt 'Times New Roman'; letter-spacing: 1px; color: #666; top: 50%; transform: translateY(-50%);}
div#testimonial div.testimonial:after {content: close-quote;}
div#testimonial span.author {position: absolute; bottom:-1.5em; right:0; font: bold italic 10pt 'Times New Roman'; letter-spacing: 3px; color: #333;}

/******************************************************************************************					category header */
#category { width:auto; display:block; height: 26px; color:gray; letter-spacing: 0.3em;text-align: center;
	font: bold 10pt/26px Arial;background:url('images/bg-head-th.gif') repeat-x; 
	border:1px #ececec solid; -webkit-border-radius: 8px; border-radius: 8px;}

/******************************************************************************************					header */
table#header {background: transparent;}
table#header td {height:120px; background:url(images/bg-top.png) repeat-x;}
table#header td img {margin-left: 50px;}

table#header table#header-menu {float: right; position: relative; top:80px; right: 10px;}
table#header table#header-menu td {background: transparent !important; height: 25px !important; padding: 0 1.5em;}
table#header table#header-menu td a {color:#fff; font: normal 10pt Verdana; text-decoration:none;}


/******************************************************************************************					footer */
div#footer { text-align: center;}
div#footer div {background-color: #F6F6F6; margin: 0 auto; padding: 0.3em 0;}
div#footer a{white-space:nowrap; color: #3c3c3c; font-weight:normal; font-family: verdana; text-decoration: none; font-size: 10pt; margin: 0 1em;}
div#footer a:hover{ color: #3c3c3c; font-weight:normal; font-family: verdana; text-decoration: underline; font-size: 10pt; }
div#footer h3 { font-size: 90%; font-style: italic; margin: 0.4em 0;}
div#footer h3>a{color: #888;}

/******************************************************************************************					software buy-download BLOCK */
div#soft_box {display: block; background-color: white; min-width: 170px; margin: 1em 0 3em 0; padding: 1em 0;
    border:1px #ccc solid; -webkit-border-radius: 8px; border-radius: 8px;}
div#soft_box  img {display: block; margin: 5px auto;}

/******************************************************************************************					page prolog info BLOCK */
div.prolog {display: block; text-align: right; font: normal 8pt Verdana; margin: 1em 0 0 2em; padding:0em;}

/******************************************************************************************					blog Headers list BLOCK */
div.blog_entries {display: block; margin: 1em 0.4em !important; padding:1em; background-color: #ebf7e0; border:1px solid #b8de96;}
div.blog_entries h2 {font: inherit!important; font-weight:bold !important; text-align: left !important; font-size:120% !important; color: #0361a5;}
div.blog_entries h3 {font: inherit!important; font-weight:bold !important; letter-spacing:0.3em; margin:0; padding: 1em 0 0em 1em; text-align: left !important;}
div.blog_entries p {margin-left: 1em !important; clear: both;}
div.blog_entries div.prolog {margin: 0.5em 1.5em; padding:0; float: right;}

div.blog_entry {display: block; border:1px solid #eee; padding: 0 1em 1em 0em; margin: 0 0 2em 4em; background-color: #fafafa;  }
div.blog_entry .blog_record {overflow:auto;}
div.blog_entry h4 {z-index:1000; display: table-cell; position: relative; left:-3em; top:-0.5em; padding: 0.5em; background-color: #6ca9e0;
    font-size: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.8); box-shadow: 1px 1px 0px rgba(0,0,0,0.2);}
div.blog_entry h4 a {color: #fff;}
    
div.blog_entry .prolog {position: relative; top:-1em; right: 2em; color: #777; font-family: Helvetica, 'Century Gothic', 'Times New Roman'; letter-spacing: 2px;}
div.blog_entry .icon {height: 130px; width: 180px; float: left; margin: 20px 25px 0px 15px;}

div.history {margin: 1em auto; padding:1em; width: 700px; background-color: #f0f7fb; border:1px #ccc solid; -webkit-border-radius: 8px; border-radius: 8px;}
div.history h2 {margin: 0 0 1em 0em; width: 220px; text-align: left; font-weight: normal; font-size: 11pt;}
div.history p {margin-left: 8em;}
div.history > strong {display: block; font-size:8pt; margin: 0 0 1em 1.5em;}
div.history.recent { background-color: #fffce7;}

/******************************************************************************************					announces and promo BLOCKS */
#soc-bar {display: block; overflow:auto;}
.like_bar {display: block; margin-left: 10px; padding: 10px 10px; overflow: hidden; float: left;}
.social_bar {display: block; margin:0; padding: 14px 15px 14px 0; overflow: hidden; float: right;}
.social_bar img {margin: 0 8px;}
div.announce {display: block; clear: both; overflow: auto; margin:1em !important; padding:1em; background-color: #fffce7; border: 1px solid #ffeb9d;}
div.announce_hot {display: block; overflow: auto; padding:1em; margin: 1em 10em; border: 1px #c0c0c0 solid; background-color: #f0f7fb; }
div.announce h2, div.announce_hot h2{font-size: 110% !important; margin-bottom: 0.8em; color: #DD0000;}
div.announce p, div.announce_hot p {margin: 0!important; padding: 0 !important; text-indent:0 !important;}

div.edition {display:block; padding:0.5em; margin: 1em 0.4em; background-color:#f0faff; border:1px solid #8fbcd1;}
div.edition > h3 {font-size:12pt; font-family:'Arial'; font-weight:bold; }
div.edition div.downloads {display:block; position:relative; float:right; margin-top:0em;}

/******************************************************************************************					 restricted items list */
dl.restriction {font-size: 100% !important; margin: 0 1em !important;}
dl.restriction dt {margin: 0 !important; padding: 0 !important; font-size: 80% !important;}
dl.restriction dd {margin: 0.2em 0 0.5em 2em !important; padding: 0 !important; font-size: 80% !important; }


/******************************************************************************************					 FAQ list */
dl.faq {width: 90%; margin: 0 auto;}
dl.faq dt {margin:0 0 0.7em 0; padding-left: 7em;  font-weight: normal; font-size: 90% !important; text-transform:none; color: #cc6600;}
dl.faq dd {margin:0 0 2em 0; padding-left: 7em; text-indent:0;}
dl.faq dd p {margin: 0 !important; padding-bottom: 0.4em; text-indent:0 !important; font-size:inherit !important;}
dl.faq dd ul {margin: 0.2em 3em 1.5em 0.5em !important;}
dl.faq dd ol {margin: 0.5em 3em 0.7em 1em !important;}
dl.faq dt:before {font-weight: bold; content: 'Question: '; background: url('images/quest.gif') left center no-repeat;  margin-left: -7em; padding: 4px 0 4px 2em;}
dl.faq dd:before {font-weight: bold; content: 'Answer: '; background: url('images/answer.gif') left center no-repeat; margin-left: -7em;  padding: 4px 0 4px 2em;}

/******************************************************************************************					TOC */
div.toc h3 {font-size:60%; letter-spacing: 0.6em; margin: 2em 0; text-transform:uppercase;}
div.toc h4 {text-align: center !important;}

.content ul.toc {margin: 0 4em 0.5em 8em; padding: 1em; text-align: left;}
.content ul.toc ul {display:block; margin: 0.5em 0em; padding: 0;}
.content ul.toc li {display:block; margin: 0; padding: 0 0 0.2em 0.5em ; background: none; }
.content ul.toc span.title{font-size:100% !important;}

.content ul.level_0 li{padding-bottom: 0.6em; font-size: 11pt; border-left:1em solid #ffe79f;}
.content ul.level_1 {font-size: 11pt; border-top:1px solid #d2ecff;}
.content ul.level_1 li{font-size: 90%; border-left:1em solid #d2ecff;}
.content ul.level_2 li{font-size: 85%; border-left:1em solid #e5f4bb;}
.content ul.level_3 li{font-size: 85%; border-left:1em solid #eee;}

/******************************************************************************************					TOC elements */
.content img.toggle_btn {margin: 0 0.5em 0 0.1em;}

/******************************************************************************************					product version info */
div.product {overflow:auto; margin: 1.5em 0 0.5em 0; font-size:80%; }
div.product span.caption{display: block;font-size:inherit !important; font-style: italic; float: right; white-space: nowrap;color:#888;}
div.product span.prompt{clear: both; font-size:inherit !important; float: right; margin-top:0.7em;}

/******************************************************************************************					version selector */
#version_box {overflow:auto; margin: 0em 0 0.5em 0; font-size:80%; text-align: right;}
#version_box span{padding: 0 0.4em; font-size: inherit !important; background-color: #d2ecff;}

/******************************************************************************************					bread crumbs */
div.breadcrumbs {display: block; overflow: auto; margin:1em 0;}
div.breadcrumbs a, div.breadcrumbs span.header{float: left; margin-left:0.2em; padding-right: 14px; white-space: nowrap; font-size: 80%; background: url('images/bullet_blue_arrow.png') right center no-repeat;}
div.breadcrumbs span.header{color: #444;}

/******************************************************************************************					navigation axis*/
div.axis {display: block; margin: 0 auto; width: 100px;}
div.axis a{margin-left:0.2em; padding-right: 14px; white-space: nowrap;}

/******************************************************************************************					plate section */
div.plate {display: block; overflow: auto; margin:1em 0;  background-color: #f5f5f5; border-top: 1px solid #fafafa; border-left: 1px solid #fafafa; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

/******************************************************************************************					TEXT ELEMENTS */
/******************************************************************************************					keywords */
.content span.term {font-weight: inherit !important; font-style: italic !important; font-size: inherit !important; color: #C33; white-space: nowrap;}
.content span.interface {font-weight: inherit !important; font-style: italic !important; font-size: 105% !important;  color: #2070aa; white-space: nowrap;}
.content span.wintitle {font-weight: inherit !important; font-style: italic !important; font-size: inherit !important; color: #339999; white-space: nowrap;}
.content span.ph { font-weight:bolder; font-size:inherit  !important; color: #287fbe; white-space: nowrap;}
.content span.control { font-weight:bolder; font-size:inherit !important; color: #494949; white-space: nowrap;}
.content span.phone { font-weight: bolder; font-size: 100% !important; color: #494949; white-space: nowrap;}
.content em.parmname { font-weight: bolder; font-style:italic; letter-spacing:0.1em; color: #666; white-space: nowrap;}
.content span.line {display:block; font-size: 100% !important; white-space: nowrap;} 

/******************************************************************************************					drop-down menu commands */
.content span.nav_menu {font-size:inherit;}
.content span.nav_menu_item {font: bold 90% Tahoma !important; white-space: nowrap; padding: 0.1em; color: #444; }
.content span.nav_menu_item img {display: inline-block; position: relative; left: 2px; top: 5px; padding: 0 4px;  }

/******************************************************************************************					example block */
div.example {display: block; padding: 0 1em; margin: 1em 1em 1em 3em; font: normal 10pt Verdana; text-align: left; color: black; background-color: #eee; border: 1px solid #bbb;}
div.example h4:before {font-weight: bold; content: 'Example: ';}
/* compatible example block based on PRE DITA tag */
.content pre.example {display: block; max-width: 80%; font: normal 10pt 'courier new', courier, fixed, monospace; margin-left:7em; padding: 1em 1em; color: black; background-color: #f8f8f8; border: 1px solid #bbb;}
.content h4.example {padding: 4px 0 4px 0px; margin:0; display: block; float: left; font: normal 10pt Tahoma; letter-spacing:0.3em; color: #ea7900;}


/******************************************************************************************					list of parameters */
.content div.param_list {display: block; width: 80%; margin: 2em 0 3em 2em;}
.content div.param_list h4 {padding:0; margin:0; font: normal 12pt Tahoma; letter-spacing:0.3em; color: #ea7900;}
.content div.param_list dl {margin:1em 2em;}
.content div.param_list dt {font: italic bold 8pt Verdana; color: #444; text-transform:uppercase;}
.content div.param_list dd {font: normal 10pt Verdana; padding: 0.2em 0 0 2em;}

/******************************************************************************************					subject list - bulleted list of items with descriptions */
dl.subjects {display: block; padding: 0; margin: 1em 1em 3em 3em; font: normal 11pt Verdana !important; text-align: left; color: black;}
dl.subjects dt {background: url('images/bullet.png') left center no-repeat; padding-left: 16px; margin-top:1em; font-weight: bold; font-size: 90% !important; text-transform:none;}
dl.subjects dd {margin: 0.2em 0 0.4em 1.5em; text-transform:none;}

/******************************************************************************************					subject list - bulleted list of items with descriptions */
dl.troubleshoot {display: block; padding: 0; margin: 1em 1em 3em 3em; font: normal 10pt Verdana; text-align: left; color: black;}
dl.troubleshoot dt {margin: 1em 0; font-weight: bold; font-size: 90% !important; text-transform:none;}
dl.troubleshoot dd {margin: 1em 0 4em 0; text-transform:none;}
dl.troubleshoot dd p {text-indent:0 !important;}
dl.troubleshoot dt:before {font-weight: bold; content: 'Problem: '; background: url('images/sign_help_24.png') left center no-repeat; float: left; padding: 5px 20px 5px 30px; font-size: 100% !important; text-transform:none; color: #ef6b00;}
dl.troubleshoot dd:before {font-weight: bold; content: 'Solution: '; background: url('images/sign_info_24.png') left center no-repeat; float: left; padding: 5px 0px 5px 30px; margin: 0 2em 3em 0; color: #00ae46;}


/******************************************************************************************					code block */
.content pre {display: block; max-width: 70%; font: normal 10pt 'courier new', courier, fixed, monospace; margin-left:7em; padding: 1em 1em; color: black; background-color: #f8f8f8; border: 1px solid #bbb;}
.content h4.code {padding: 4px 0 4px 30px; margin:0; display: block; float: left; background: url('images/code_24.png') left center no-repeat; font: normal 10pt Tahoma; letter-spacing:0.3em; color: #ea7900;}

.content pre span{font-size: inherit !important;}
.content pre span.code_red {color: red;}
.content pre span.code_green {color: green;}
.content pre span.code_blue {color: blue;}


/******************************************************************************************					task list */
div.task {display: block; margin: 1em 0 1em 1.5em !important; padding:0em; text-align:left; font-size:10pt !important;}
div.task .context{ width:80%; padding:0.5em; margin-bottom:1.5em; }
div.task .steps {padding:0;}
div.task .steps h4{font-weight: bolder; font-size: 100%; margin:0 !important; color: #555;}
div.task .steps ol {margin: 0 0 0.5em 3em; padding: 0; counter-reset:item;}
div.task .steps ol > li {padding: 0 0 1em 1em; counter-increment:item; list-style:none inside;}
div.task .steps ol > li:before {position: relative; margin-left: -2em !important; padding: 4px 8px; left: 2px; top: 25px; content: counter(item); font-weight: bold;  background-color: #fff;  border: double 3px #aaa; border-radius: 20px;}
div.task .steps li > h4 
{width: 80%; padding: 8px !important; padding-left: 40px !important; margin: 0 0 0 -2em !important; font-family: Helvetica;
color: #555; background-color: #eee; 
border: solid 1px #aaa; -webkit-border-radius: 20px; border-radius: 20px;}

div.task .steps li p{text-indent:0; margin-left:0;}
div.task ul.choices {padding:0; margin: 0 0 1em 2em !important;}
div.task ul.choices > li {padding-left: 1em; margin-bottom:0.5em; }

div.task div.result {display: block; margin: 2em 2em 1em 3em; padding-left: 1em; border-left: double 3px #ccc;}
div.task div.result p{text-indent:0; margin-left: 1em;}


/******************************************************************************************					figure */
span.figure { display: block !important; margin-bottom: 2em !important; padding: 1em 4em; width: auto;}
span.figure img { display: block; margin: 0 0 0em 2em; max-width: 750px;}
span.figure label {display: block; padding-top: 1em; font-size: 120% !important; font-style: italic; color: #999;}
span.figure label:before {content: 'Figure: ';}
p > span.figure, li > span.figure {padding: 1em 0em  !important;}
p > span.figure img, li > span.figure img{margin:0 !important;}
p > span.figure label, li > span.figure label{text-align: left;}


/******************************************************************************************					TABLES */
.content table{border-collapse: collapse; font-size: 80%;}
.content table caption{font: normal 12pt Tahoma; letter-spacing: 0.2em; text-align: left; padding: 0.2em 1em;}
.content table td {padding: 0.5em;}
.content table td ul{margin:0 0 20px 0;}
.content table td span{font-weight:normal !important; }

.content td.marked {background: url('images/check.png') center center no-repeat; background-color: #fff;}
.content td.group_title {font: normal 11pt Tahoma; letter-spacing: 0.2em; text-align: left; padding: 1em 0 0.2em 1em; border-top: 1px solid gray; border-bottom: 1px solid gray;}


/******************************************************************************************					default tables */
.content table.inflow{margin: 0.3em 0 1em 3em;}
.content table.inflow td ul{font: normal 5pt Verdana;}

/******************************************************************************************					features tables */
.content table.features {margin: 0.3em 0 1em 3em; width: 95%;  border:1px solid #666;}
.content table.features th {height:35px;padding:0.5em 1em; color:white; background-color:#488cc3; white-space:nowrap; letter-spacing: 1px; font-family: Tahoma; font-size: 110%; font-weight:normal; vertical-align:middle; border-bottom:3px double gray;}
.content table.features td {font-size:80%; text-align:center; vertical-align: middle; background-color: #f6f6f6; min-width: 100px; border:1px dotted gray;}
.content table.features td:first-child {font-size:100%; text-align:left;  }
.content table.features td.marked {background-color: #fff}
.content table.features td.group_title {font: normal 12pt Tahoma; letter-spacing: 0.2em; text-align: left; padding: 1em 0 0.2em 1em; border-top: 1px solid gray; border-bottom: 1px solid gray; background-color: #e0f4ff;}

/******************************************************************************************					feature specification tables */
.content table.specs {margin: 1em 0 2em 4em; max-width: 800px; border:1px solid #666;}
.content table.specs caption{font-size: 95%;}
.content table.specs th {padding:0.5em 1em; color:black; background-color:#fffde8; white-space:nowrap; letter-spacing: 1px; font: normal 10pt Verdana; vertical-align:middle; border-bottom:3px double gray;}

.content table.specs td {padding:0.5em 1em; background-color: #fcfcfc; min-width: 100px; border:1px dotted gray;}
.content table.specs td.marked {background-color: #fff}
.content table.specs td.group_title {font: normal 11pt Tahoma; letter-spacing: 0.2em; text-align: left; padding: 1em 0 0.2em 1em; border-top: 1px solid gray; border-bottom: 1px solid gray; background-color: #e0f4ff; }

/******************************************************************************************					compact flow tables */
.content table.compact {float: left !important; margin: 0 15px; margin-bottom: 2em;}
.content table.compact td {min-width:20px; background-color: #fff;}
.content table.compact td.marked {background-color: #ddd !important; background: none;}

/******************************************************************************************					leaderboard tables */
.content table.leader {border: 1px solid #ccc; width: 90%; margin: 0 auto;}
.content table.leader thead {background-color: #ffe89a; font: normal 11pt Tahoma; letter-spacing: 1px; white-space: nowrap; border-bottom: 3px double #ccc;}
.content table.leader thead td {vertical-align: middle; padding: 0.8em 1em;}
.content table.leader td {padding:1em 0em 0 1em;}
.content table.leader td li{font-size: 100% !important;}
.content table.leader col.text {text-align:left;}
.content table.leader col.num {text-align: right !important; white-space: nowrap;}
.content table.leader td.form {padding:0 !important; font-size: inherit !important; padding: 6px !important;}
.content table.leader td.form table {width: 100%; border:0;}
.content table.leader td.form table td{border:0; width: 33%; padding: 0px !important; vertical-align: middle;}
 

/******************************************************************************************					related links */
div.related-links {display: block; padding: 0 0 0em 1em; font: normal 10pt Verdana;}
div.related-links h4 {margin:0 0 0.4em -1em; padding: 0; text-align: left; letter-spacing: 0.2em; font-size: 100%;}
div.related-links a {margin-right: 1em;}


/******************************************************************************************					SECTIONS */
div.section {margin: 1em 0 2em 0; overflow: auto;}
div.section h2, div.section h3 {margin:0em !important; padding:1em 0 0.5em 1em; text-align: left !important; }
div.section>h4 {margin-left: 4em;}
div.section h2>span, div.section h3>span {color:red; }

div.section div.section{margin: 0;}
div.section div.section h2 {font-size: 95% !important; font-weight: normal !important; padding-left: 1.5em; letter-spacing:0.5em !important; }
div.section p{padding-left: 2em;}



/******************************************************************************************					NOTES */
div.note {font: italic 8pt/14pt Verdana; background-color: #f8f8f8; max-width: 80%; border-left: 3px double #ccc; padding: 0.5em 0.8em ; margin: 1em 0 1em 5em; text-align: left;}
div.note p{padding:0;}
div.note ol, div.note ul{margin:0.5em !important;}
div.note label{font-weight: bold; padding: 2px 0 2px 20px; font-size: inherit !important; color: inherit !important; margin:0;}
div.note label{background: url('images/sign_note_16.png') left center no-repeat; }
div.note label:after {content: 'Note: '; }
li div.note {margin: 2em 0;}

div.notice label{background: url('images/sign_notice_16.png') left center no-repeat; }
div.notice label:after {content: 'Notice: '; }

div.recommended {background-color: #ccffcc;}
div.recommended label{background: url('images/sign_info_16.png') left center no-repeat; }
div.recommended label:after {content: 'Recommended: '; }

div.tip {background-color: #e1ffda;}
div.tip label{background: url('images/sign_tip_16.png') left center no-repeat; }
div.tip label:after {content: 'Tip: '; }

div.important {background-color: #ebf0ff;}
div.important label{background: url('images/sign_important_16.png') left center no-repeat; }
div.important label:after {content: 'Important: '; color: red;}

div.remember {background-color: #ebf0ff; max-width: 90%; }
div.remember label{background: url('images/sign_help_16.png') left center no-repeat; }
div.remember label:after {content: 'Remember: '; }

div.warning, div.attention {background-color: #ffffeb;}
div.warning label, div.attention label{background: url('images/sign_warning_16.png') left center no-repeat; }
div.warning label:after, div.attention label:after{content: 'Warning: '; }

div.caution {background-color: #ffffeb;}
div.caution label{background: url('images/sign_yield_16.png') left center no-repeat; }
div.caution label:after {content: 'Caution: '; }

div.danger {background-color: #ffebeb;}
div.danger label{background: url('images/sign_stop_16.png') left center no-repeat; }
div.danger label:after {content: 'Danger: '; }

div.restriction {background-color: #ffebeb;}
div.restriction label{background: url('images/sign_forbidden_16.png') left center no-repeat; }
div.restriction label:after {content: 'Restriction: '; }


/******************************************************************************************					MOC */
div.content {display: block; background-color: #fff; padding: 1em; margin-bottom: 1em;
    border: solid 1px #ddd;
   -webkit-border-radius: 10px; border-radius: 10px;
}
div.content > div.section {padding: 0 !important; margin: 0 !important;}
div.content > div.section p {margin: 1em !important; padding: 0 !important;}
div.content > div.section p.lede {padding: 0em 1em 1em 2em !important; text-indent: 0; line-height: 16pt; color: #668; font-size: 85%;}

div.side-box {margin-bottom: 1em;}
div.side-head {background-color: #6ca9e0; padding: 0.2em 1em !important; margin-bottom: 2px; 
-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; 
border-top-left-radius: 10px; border-top-right-radius: 10px;
border: solid 1px transparent;}
div.side-head > h4 {padding: 0 !important; margin: 0.2em !important; font: normal 10pt Verdana; color: #fff !important;}
div.side-head > h3 {color: #fff !important;}
div.side-head  a {color: #fff !important;}

div.side-body {background-color: #fff; padding: 0.2em 1em !important; 
-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;  
border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
border: solid 1px #ddd;}
div.side-body ul.enum {margin:0; padding:0;}

#doc-download {display: block; min-width: 230px; max-width: 280px;}
#doc-download h4 {text-align: center;}
#doc-download ul {padding: 0 !important;}
#doc-download li {margin: 0 0 0.2em 0 !important;}