/* CSS Document */

html, body {padding: 0; margin: 0; height: 100%; /* needed for container min-height */}
body {font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 100.01%; line-height: 135%; background-color: #ffffff;}

table, th, td {font-size: 100%; text-align: left;}
td {vertical-align: top;}
table, img {border: 0; padding: 0; margin: 0;}

a:link {color: #2c68c3; text-decoration: underline;}
a:visited {color: #6b19a8;}
a:active {color: #999999;}
a:link:hover, a:visited:hover, a:active:hover {color: #d00000; cursor: pointer;} 

p, ul, blockquote {line-height: 135%;}
address {font-style: normal;}

p {margin: 1.45em 0 0 0; padding: 0; text-indent: 0;}
ul {margin: 1.45em 0 0 0; padding: 0; list-style: none;}
ul ul {margin: 0;}
ol {margin: 1.45em 0 0 0; padding: 0;}
ol ol {margin: 0;}
li {margin: 0; padding: 0; }
li li {}

dl dt {}
dl dd {margin-bottom: .75em;}

h1, h2, h3, h4, h5, h6 {font-family: Corbel, 'Segoe UI', Arial, Geneva, Helvetica, sans-serif; font-weight: bold; padding: 0; margin: 1.45em 0 0 0;}

h1 {color: #000000; font-size: 200%; letter-spacing: -1px; line-height: 110%; margin: .85em 0 .15em 0; padding: 0;}
h1.first {}
h2.first, h3.first {margin-top: 1.45em !important;}

h2, h3 {font-size: 150%; line-height: 100%; letter-spacing: -1px; font-weight: normal; margin: 1.5em 0 .35em 0;}
h2, h5 {color: #e57100;}
h4 {font-size: 100%; margin: 1.45em 0 0 0; font-family: Arial, Helvetica, sans-serif;}
h5, h6 {font-size: 100%; font-family: Arial, Helvetica, sans-serif;}

p + ul, p + ol,
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, 
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul, 
h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol {margin-top: .15em !important;}

blockquote {margin: 0; padding: 0; line-height: 145%;}
input {margin: 0; font-size: inherit; font-family: Verdana, Arial, Geneva, sans-serif; vertical-align: middle; line-height: 125%; //font-size: 95%;}
select, option {margin: 0; font-size: inherit; font-family: Verdana, Arial, Geneva, sans-serif; vertical-align: middle; line-height: 125%; //font-size: 95%;}
pre, tt, code, .Mono {font-family: Consolas, 'Lucida Console', 'Courier New', Courier, monospace; font-size: 114%; margin: .5em 0; overflow: visible;}
tt, code {letter-spacing: -1px; color: #454545;}
hr {border: none; border-bottom: 1px solid #a3a0a0; margin: 1.45em 0;}

fieldset {border: none; display: block; margin: 0; padding: 0;}


/* Common settings */

.print {display: none !important;}
.first {margin-top: 0 !important;}
.clear {clear: both; height: .01em; width: .01em; line-height: 8%; //line-height: 1%; font-size: 1%; overflow: hidden; visibility: hidden; margin: 0; padding: 0; position: relative; z-index: -10;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.brick {overflow: hidden; visibility: hidden; width: .01em; height: .01em; line-height: 8%; //line-height: 0; vertical-align: baseline; z-index: -10;}
.big, .bigger {font-size: 115%; line-height: 85%;}
.small, .smaller {font-size: 88%; line-height: 150%;}
.tiny {font-size: 72%; line-height: 150%;}
.segoe {font-family: 'Segoe UI', Arial, Geneva, Helvetica, sans-serif;}
.line {position: relative; top: .75em; border-top: 1px solid #ccc;}
.half-line {line-height: 50%;}
.text-placeholder {color: #aaa !important}
.no-bullets ul li {background-image: none !important;}

a img, a u, a.u {text-decoration: none !important;}

a.trigger {text-decoration: none !important; border-bottom: 1px dashed #2c68c3; color: #2c68c3;}
a.trigger:visited {color: #2c68c3;}
a.trigger:link:hover, a.trigger:visited:hover, a.trigger:active:hover {color: #d00000; cursor: pointer; border-bottom: 1px dashed #d00000;} 
a.trigger:focus {outline: none;}

a.visited-off:link {color: #2c68c3; text-decoration: underline;}
a.visited-off:visited {color: #2c68c3;}
a.visited-off:active {color: #999999;}
a.visited-off:link:hover, a.visited-off:visited:hover, a.visited-off:active:hover {color: #d00000; cursor: pointer;} 


/* Layout */

div#all-container {position: relative; margin: 0 auto; height: auto !important; height: 100%; /* IE6: treaded as min-height*/ min-height: 100%;}
div#sticky-footer {position: absolute; width: 100%; bottom: 0; /* stick to bottom */}

#header-container, #menu-container, #submenu-container, #content-container, #footer-container, .banners-container {width: 100%;}
#header, #menu, #submenu, #content-container-2, #footer, .column {width: 980px; margin: 0 auto;}

#header-container {background-color: #000;}
#menu-container {background-color: #000;}
#submenu-container {background-color: #4e4e4e; padding: 3px 0 1px;}
#content-container {background-color: #fff; position: relative;}
#footer-container {background-color: #4e4e4e;}
.banners-container {}

#logo-container {float: left; width: 100%;}
#logo {float: left; padding: 22px 0; position: relative; top: 3px;}
#status {float: left; padding: 0; position: relative; left: 10px; color: #ffffff; font-family: 'Segoe UI', Arial, Geneva, Helvetica, sans-serif; font-size: 95%; font-style: italic; display: none; width: 46px; height: 42px; background: url("../img/since-2003.png") top left no-repeat;}
#status a {width: 46px; height: 42px; display: block; position: relative;}

#blog-news {border-left: 1px solid #555; width: 49%; float: right; font-size: 90%; margin: 10px 0;}
#blog-news h6 {color: #ffa126; margin: 0 10px !important; padding: 0; line-height: 125% !important;}
#blog-news a {font-weight: normal; color: #bbb;}
#blog-news p {color: #bbb; margin: 0 10px; padding: 0; line-height: 125% !important;}
a#blog-link {color: #ffa126;}
#blog-news a:hover {color: #ffffff;}
#blog-news table td {padding: 0! important;}

#menu ul, #submenu ul {display: inline;}
#menu li, #submenu li {float: left; display: block;}

#menu li {padding: 7px 11px 9px 11px; margin: 0; font-size: 100%; color: #ffffff;}

#menu li a:link {color: #fff;}
#menu li a:visited {color: #fff;}
#menu li a:active {color: #999;}
#menu li a:link:hover, #menu li a:visited:hover, #menu li a:active:hover {color: #d9d9d9;} 
#menu li a:focus {outline: none; color: #df6400;}

#menu li.opened.with-submenu {background: #000 url("../img/icons/pointer.png") no-repeat bottom center;}
#menu li.opened a {font-weight: normal !important; color: #ccc;}
#menu li.opened a:link:hover, #menu li.opened a:visited:hover, #menu li.opened a:active:hover {color: #fff;} 
#menu li.selected a {color: #ffa700; text-decoration: none; font-weight: normal !important;}
#menu li.selected a:link:hover, #menu li.selected a:visited:hover, #menu li.selected a:active:hover {color: #ffab26; cursor: text;} 


#submenu li {padding: 6px 11px 8px; margin: 0; color: #ffffff; position: relative; overflow: visible;}

#submenu li a:link {color: #fff;}
#submenu li a:visited {color: #fff;}
#submenu li a:active {color: #999999;}
#submenu li a:link:hover, #submenu li a:visited:hover, #submenu li a:active:hover {color: #d9d9d9;} 
#submenu li a:focus {outline: none; color: #ba0000;}

#submenu li.selected a {color: #ffa700; text-decoration: none;}
#submenu li.selected a:visited, #submenu li.selected a:active {color: #ffa700;}
#submenu li.selected a:link:hover, #submenu li.selected a:visited:hover, #submenu.selected li a:active:hover {color: #ffa700; cursor: text;} 

#submenu li.selected i {display: block; position: absolute; top: 8px; left: 0px; border: none; width: 100%; height: 100%; background: url("../img/submenu-arrow.gif") center bottom no-repeat; overflow: hidden;}

#header-search {float: right; padding: 7px 0; display: none;}
#header-search input {color: #ffffff; background-color: #4e4e4e; border: 1px solid #797979; font-family: 'Segoe UI', Arial, Geneva, Helvetica, sans-serif; font-style: italic; font-size: 95%; width: 230px; padding-left: 5px;}
#header-search input {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.content {padding: 0 0 0 10px;}
.content h1.first {padding-left: 0; margin: 1.35em 0 !important;}
.content ul, .content ol {padding-left: 1.25em;}
.content ul li {padding-left: 1.25em; background: url("../img/bullets/bullet-level-1.gif") .35em .5em no-repeat;}
.content ol {list-style-position: inside;}
.content ol li {margin-left: 1.25em; }

.floating-container {float: right; width: 235px; margin: 0 0 3em 2em; position: relative; z-index: 2;}
.floating-info h4 {margin-top: 1.25em;}
.floating-info p {margin-top: .85em !important;}
.floating-info ul {padding-left: 0; margin-top: 0 !important;}
.floating-info p, .floating-info li {font-size: 88%; line-height: 145%;}
.floating-container p {}
.floating-info {margin: 1.45em 10px 1.45em 10px;}
.floating-info i {font-family: 'Segoe UI', Arial, Geneva, Helvetica, sans-serif; font-size: 110%;}
.white-border .floating-info {margin-top 0;}

.square, .rounded, .rounded-top, .rounded-bottom, .rounded-left, .rounded-right {border: 1px solid #cacacd; position: relative;}
.square .white-border, .rounded .white-border, .rounded-top .white-border, .rounded-bottom .white-border, .rounded-left .white-border, .rounded-right .white-border {border: 2px solid #ffffff;}

.rounded-top {
border-bottom: none;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.rounded-bottom {
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.rounded {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.rounded-left {
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.rounded-right {
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}

.rounded-top .white-border {background: #fcfcfc url("../img/gray-bg.gif") top repeat-x;}
.rounded-bottom .white-border {background: #f7faff url("../img/blue-bg.gif") top repeat-x;}
.rounded .white-border {background: #f7faff url("../img/blue-bg.gif") top repeat-x;}
.gray-bg .white-border {background: #fcfcfc url("../img/gray-bg.gif") top repeat-x;}

.rounded-top .white-border {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.rounded-bottom .white-border {
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.rounded .white-border {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.rounded-left .white-border {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.rounded-right .white-border {
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}


/* Home page */

#banner-voice {background-color: #f39c00; height: 58px;}
#banner-voice h3 {font-size: 120%; font-weight: bold; color: #222; float: left; width: 800px; margin: 8px 0 8px 176px !important; letter-spacing: -1px; white-space: nowrap;}

#banner-voice h3 a:link {color: #b20000;}
#banner-voice h3 a:visited {color: #b20000;}

#banner-bridge h1 {position: absolute; width: 40%; top: 25px; left: 40px; margin: 0; padding: 0; color: #ffffff; line-height: 90%; font-size: 180%;}

#bridge-bg {height: 248px; background-color: #fff; position: relative; background: url("../img/bridge-bg.jpg") center repeat-x;}

.download-button-group {display: block; position: absolute; text-align:left; right: 70px; bottom: 7px; width:16em; text-decoration: none; line-height: 120%; font-family: 'Segoe UI', Arial, Geneva, Helvetica, sans-serif; font-weight: bold;}
a.download-button {display: block; float:left; margin-right:30px; width: 6em; text-decoration: none; line-height: 120%; font-family: 'Segoe UI', Arial, Geneva, Helvetica, sans-serif; font-weight: bold;}
.download-button div.ac {color: #fff; font-size: 120%; background-color: #99cc00; padding: 4px 0 6px 0;}
.download-button-group .download-info .small {font-size: 88%; line-height: 150%; }
.download-button-group .download-info .tiny {font-size: 72%; line-height: 150%; }

a.download-button:hover div.ac {color: #d7efb9;}

.download-button div.ac {
background: url("../img/button-bg.jpg") center no-repeat;
border: 2px solid #80b447;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
a.download-button .rounded {
border: 4px solid #c2e595;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
border-radius: 19px;
}
a.download-button .rounded-github {
background:#202428;
border: 4px solid #202428;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-right:32px;

display: block;
width: 7em;
height: 1.75em;
text-align: center;
}

a.download-button .rounded-nuget {
background:#002440;
border: 4px solid #002440;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

display: block;
width: 7em;
height: 1.75em;
text-align: center;
}

a.download-button .rounded-github img.mark {
background-color: #202428;
height: 1.6em;
}

a.download-button .rounded-github img.text {
background-color: #202428;
align-self:center;
height: 1.75em;
}

a.download-button .rounded-nuget img {
background-color: #002440;
align-self:center;
height: 1.75em;
}


#home .content p {margin-top: 1em;}
#home .floating-container {margin-top: 2em; margin-right: 2em;}
#home .floating-container p {padding-right: 0;}

#block-ok {padding-left: 2.5em; position: relative;}
#block-ok h1 {font-size: 175%; position: relative; left: -1px; padding-left: 0; color: #353535;}
#block-ok p {margin-top: 1em;}
#block-ok h3 {position: relative;}
#block-ok h3 i {display: block; position: absolute; left: -1.65em; font-style: normal; font-size: 95%; font-family: 'Segoe UI', Arial, Geneva, Helvetica, sans-serif;}

#block-ok .icon {position: relative; width: 1px; height: 1px; overflow: visible;}
#block-ok .icon div {position: absolute; top: 16px; left: -3.35em; width: 50px; height: 50px; background: url("../img/icons/OK_small.png") no-repeat;}

#compatibility {margin-top: 1.45em;}
#compatibility .ac {font-size: 75%; color: #757575; border-bottom: 1px solid #c7c8ca; position: relative;}
#compatibility .ac i {background-color: #ffffff; font-style: normal; position: relative; top: 10px; padding: 10px;}

#compatibility ul {display: table; padding: 0; width: 100%; margin-top: 1em;}
#compatibility li {display: inline; background: none; margin: 0 auto; display: table-cell; text-align: center; vertical-align: middle;}


/* Support page */

.support-table {width: 99%; margin: 0 0 1em 0;}
.support-table td {padding: 0 2em 0 0;}
.support-table h3 a:link, .support-table h3 a:visited {color: #2c68c3;}
.support-table h3 a:link:hover, .support-table h3 a:visited:hover, .support-table h3 a:active:hover {color: #d00000;} 

.support-table h3 {padding: .45em .25em .5em 0; margin: .65em 0 .35em 0; position: relative; border: 1px solid #dcdcdc; border-width: 1px 0 1px 0; text-align: center; font-size: 165%;}


/* Features page */

ul.features-groups {margin-top: 1.25em !important;}
ul.features-groups li {margin-top: .25em !important;}
.features-groups a:link, .features-groups a:visited {color: #2c68c3; text-decoration: none; border-bottom: 1px dotted #2c68c3;}
.features-groups a:link:hover, .features-groups a:visited:hover, .features-groups a:active:hover {color: #d00000;} 


/* Price page */

.price-list {background-color: #fff; padding: .1em 0;}
.price-list h3 {margin: .25em 1em 1.25em 1em; font-weight: normal;}
.price-list table.price-table {width: 100%; margin: 2em 0 0 0;}
.price-list table h3 {font-size: 175%; margin: .35em 0; font-weight: bold;}
.price-list table .rounded h3 {font-size: 200%; margin: .35em 0 .35em 0;}
.price-list table .rounded h3 a u {border-bottom-width: 1px;}
.price-list table .rounded h3 a ins {font-family: 'Segoe UI', Arial, Geneva, Helvetica, sans-serif; font-size: 75%;}
.price-list table h3 a ins dfn {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.price-list table div.ac {padding: 1em 1em 1.25em 1em; line-height: 145%;}
.price-list table .small {font-weight: normal; line-height: 125%;}
.price-list table a.price-link {display: block; padding: .25em .5em .75em .5em; font-size: 135%; text-decoration: none !important; color: #000;}
a.price-link:hover {color: #999999;}
.price-link .strikeout {text-decoration: line-through; color: #000;}
.price-link .strikeout span {text-decoration: none; color: #000000; padding: 0 .15em; font-size: 75%;}
.price-link .red {color: #b20000 !important;}


.price-list table .gray {color: #000 !important;}
.price-list table a {position: relative; display: block; cursor: pointer; margin: 0; text-decoration: none;}
.price-list table a u {border-bottom: 1px dotted #757575; color: #000;}
.price-list table a u, .price-list table .gray {font-size: 100%;}
.price-list table a .plus {position: relative; left: -.25em; top: .075em; color: #373737; font-size: 127%; font-weight: normal; line-height: 80%;}
.price-list table .segoe {font-weight: bold; font-size: 115%; color: #b00000;}
.price-list table a ins b {color: #fff;}

.price-list table a ins {position: absolute; left: 100%; top: -50%; display: none; font-style: normal; font-size: 100%; line-height: 125%; font-weight: normal; z-index: 3; overflow: visible; width: 0px; height: 100%; text-decoration: none;}
.price-list table .rounded-right a ins {left: -13em;}

.price-list table a ins dfn {position: relative; z-index: 100; font-style: normal;}
.price-list table a:hover .plus {color: #5784ff;}
.price-list table a:hover ins {display: block;}
.price-list table a:hover ins:hover {display: none !important;}
.price-list table a:hover u {border-bottom-color: #6e95ff; color: #3f6bff;}
.price-list table a:hover .segoe {color: #5784ff;}

.price-list table a.red {color: #b20000;}
.price-list table a.red u {border-bottom: 1px dotted #b20000; color: #b20000;}
.price-list table a.red:hover u {border-bottom-color: #6e95ff; color: #3f6bff;}

.price-list table a i {display: none;}
.price-list table a:hover i {display: none; position: absolute; top: 50%; right: 0; width: 1em; border-bottom: 2px solid #6e95ff; z-index: 1;}

.price-list table a ins dfn {display: block; position: relative; top: 0; width: 12em; height: auto; text-align: left; padding: .75em 1em;}
.price-list table a ins dfn {
background-color: #6e95ff;
color: #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

-moz-box-shadow: 1px 3px 4px #bbceff;
-webkit-box-shadow: 1px 3px 4px #bbceff;
box-shadow: 1px 3px 4px #bbceff;
}
.price-list div.half-line {height: .75em;}
.price-list div.quarter-line {height: .45em;}

.price-list table .rounded {position: relative; top: -.5em;}

a.buy-button {display: block; width: 7em; height: 1.75em; position: relative; text-decoration: none; font-family: Arial, Geneva, Helvetica, sans-serif; color: #fff; margin: .25em auto 0 auto !important;}
a.buy-button .button-border {padding: 3px; background: #eee url("../img/button-grad-small.png") left bottom repeat-x; height: 100%;}
a.buy-button .button-bg {background: #659901 url("../img/button-grad-small.png") left -75px repeat-x; height: 100%;}
a.buy-button .button-text {position: relative; top: .1em; font-size: 120%;}
.rounded a.buy-button {height: 2em; width: 8em; top: -.075em;}
.rounded a.buy-button .button-text {font-size: 135%; top: .2em;}

a.buy-button .button-border {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
a.buy-button .button-bg {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
a.buy-button:hover, a.buy-button:visited:hover {color: #fff;}
a.buy-button:hover .button-bg {background-color: #618f0a;}
a.buy-button:hover .button-border {background-color: #ddd;}

a.helper {position: relative;}
a.helper u {border-bottom: 1px dotted #aaa; text-decoration: none;}
a.helper ins {position: absolute; left: 100%; top: 0; display: none; overflow: visible; z-index: 1; width: 1px; height: 1px; text-decoration: none;}
a.helper:hover u {border-bottom: 1px solid #aaa; background-color: #eee;}
a.helper:hover ins {display: block;}
a.helper:hover ins dfn {display: block; position: relative; top: 0; z-index: 100; width: 12em; background-color: #eee; padding: .25em .75em; font-style: normal; font-size: 100%; line-height: 125%; font-style: normal;}

a.helper ins dfn {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

-moz-box-shadow: 1px 3px 8px #5784ff;
-webkit-box-shadow: 1px 3px 8px #5784ff;
box-shadow: 1px 3px 8px #5784ff;
}

.subscription-table h6 {border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: .5em 0; margin: 1em 0 .75em 0;}
.subscription-table div.ac {padding: 0; margin: 0 1.65em 0 0;}
.subscription-table .i-table {width: 100%;}
.subscription-table .i-table .left {text-align: right; width: 51%; white-space: nowrap;}
.subscription-table .i-table .right {text-align: left; width: 49%; white-space: nowrap;}

.gray-table {}
.gray-table td, .gray-table th {padding: .35em 0 .35em .35em; vertical-align: bottom;}
.gray-table .header th {background-color: #fff; padding: .45em 0 .45em .35em; border-bottom: 1px solid #ddd;}
.gray-table .border-bottom td {border-bottom: 1px solid #ddd;}

.gray-table .delimeter {padding: 0 !important;}
.gray-table .delimeter hr {margin: 0.45em 0 .45em; height: 0px; border-bottom: 1px solid #c0c0c0;}

.gray-table sup {line-height: 50% !important;}


/* Customers */

.customers .bulb {position: relative; background-color: #fff; width: 680px; margin-top: 1.45em;}
.customers .bulb p {margin: 0 !important; padding: .5em 0;}
.customers .bulb-tail {position: absolute; bottom: -28px; left: 2.2em; width: 30px; height: 30px; overflow: hidden; background: url("../img/bulb-tail-gray.gif") bottom left no-repeat;}
.customers .bulb-tail div {}
.customers .author {font-size: 108%; font-family: 'Segoe UI', Arial, Geneva, Helvetica, sans-serif; font-style: italic; padding: .25em 2em 2.25em 1.9em;}

.bulb .rounded .white-border {background: #fcfcfc url("../img/gray-bg.gif") top repeat-x; padding: .75em 1.5em .75em 2em;}


/* Page bookmarks */

.page-menu {}
.page-menu a {padding: .35em .45em;}
.page-menu a.opened {background-color: #eee; color: #000; text-decoration: none !important; border-bottom: none !important;}
.page-menu a.opened:visited, .page-menu a.opened:focus {outline: none; color: #000;} 


/* Main table */

table.maintable {width: 100%; border-collapse: collapse; line-height: 1.25em; font-size: 88%; margin: .5em 0;}
table.maintable tr {height: 35px;}
table.maintable tr.header {background: #eee;}
table.maintable th, table.maintable td {vertical-align: top; padding-top: .65em !important; padding-bottom: .75em !important; border-bottom: 1px solid #ddd;}
table.maintable th {font-weight: normal !important;}

table.maintable th, table.maintable td {padding: .3em 0 .25em;}
table.maintable th {color: #000000 !important; background-color: #efefef; padding: .25em 0 .2em;}

#sourcelist table td a {white-space: nowrap;}
#sourcelist table td {color: #757575;}
#sourcelist .sourcelist-filesize {white-space: nowrap;}
#sourcelist .sourcelist-modified {white-space: nowrap;}

th.sourcelist-modified, td.sourcelist-modified {width: 120px; padding-left: 10px !important;}
th.sourcelist-filesize, td.sourcelist-filesize {width: 75px; padding: 0 10px !important; text-align: right;}
th.sourcelist-desc, td.sourcelist-desc {padding-right: 10px !important;}

.row2 {background: #fafafa none repeat scroll 0 0 !important;}

#sourcelist {margin: 0; width: 558px;}
#sourcelist .maintable {border: 1px solid #ddd;}

th.sourcelist-icon {width: 30px;}
th.sourcelist-filename {width: 400px;}
th.sourcelist-modified, td.sourcelist-modified {width: 120px; padding-left: 10px;border-right: 1px solid #ddd;}
th.sourcelist-filesize, td.sourcelist-filesize {width: 75px; padding-right: 10px; text-align: right; white-space: nowrap;}
th.sourcelist-message{width: 500px;padding-left: 10px !important;}
td.sourcelist-img img {margin-left: 20px;}

.rss-item {position: relative; margin: 0 3em .75em 3em;}
div.support-page .rss-item {margin-bottom: 0; margin-top: .25em;}
.rss-links a {margin: 0 18px 18px 0;}
.rss-links span.date {text-decoration: none; color: #000; display: inline-block; color: #888; font-size: 80%; width: 3.75em; position: absolute; left: -3.75em; top: .035em; white-space: nowrap;}

.rss-icon {position: relative; top: -2px; left: 2px; opacity: .5;}
.rss-icon:hover {opacity: 1;}
.rss-icon img {width: 16px; height: 16px; background-image: url("../img/icons/feed-icon-small.png");}

/* Iconed links */

a.iconed {white-space: nowrap; text-decoration: none;}
b.iconed {color: #676767; margin: 0;}
a.iconed span {padding-right: .2em; text-decoration: underline;}

.iconed img {background-repeat: no-repeat; width: 16px; height: 16px; text-decoration: none; margin: -4px .1em;}
.explorer .iconed img {position: relative; top: 3px; margin: .1em .1em;}
.iconed img.PdfBg {background-image: url("../img/icons/PdfBg.gif");}
.iconed img.ChmBg {background-image: url("../img/icons/ChmBg.gif");}
.iconed img.DocBg {background-image: url("../img/icons/DocBg.gif");}
.iconed img.PptBg {background-image: url("../img/icons/PptBg.gif");}
.iconed img.HxSBg {background-image: url("../img/icons/HxSBg.gif");}
.iconed img.FileBg {background-image: url("../img/icons/FileBg.gif");}
.iconed img.FolderBg {background-image: url("../img/icons/FolderBg.gif");}
.iconed img.TxtBg {background-image: url("../img/icons/TxtBg.gif");}

a.iconed img {background-position: left top;}
a.iconed:visited img {background-position: left -48px;}
a.iconed:active img {background-position: left -32px;}
a.iconed:hover img, a.iconed:visited:hover img, a.iconed:active:hover img {background-position: left -16px;}

ul.with-icons-inline {}
.with-icons-inline li {width: 167px; float: left;}
.with-icons-inline li img {width: 36px; height: 36px; vertical-align: middle; margin: 0 5px 4px 0;}
.with-icons-inline li a {text-decoration: none; color: #d9d9d9; white-space: nowrap;}
.with-icons-inline li a span {text-decoration: underline;}

#support-icon {background: transparent url("../img/support-icon.png") no-repeat;}
#blog-icon {background: transparent url("../img/blog-icon.png") no-repeat;}
#ormeter-icon {background: transparent url("../img/ormeter-icon.png") no-repeat;}
#newsletter-icon {background: transparent url("../img/newsletter-icon.png") no-repeat;}

/* Footer */

#footer {padding: 0;}
#footer div {margin: 0;}

#footer table {padding: 1em 0; margin: 0; font-size: 85%;}
#footer ul {margin: 0.5em 0;}
#footer h4 {color: #aeaeae; font-weight:bold; font-size: 110%}
#footer p {color: #aeaeae; padding: 2.45em 0; margin: 0; font-size: 85%;}
#footer p a img {}
#footer a:link, #footer a:visited {color: #aeaeae;}
#footer a:link:hover, #footer a:visited:hover {color: #fff;}
#footer p i {font-size: 125%; position: relative; top: 1px; font-style: normal; padding-left: 1px;}

#footer input#mce-EMAIL, #footer input#mc-embedded-subscribe { margin-bottom: 5px; font-family: sans-serif;}
#footer input#mce-EMAIL {background-color: transparent; color: #999; border-radius: 4px;}
#footer input#mc-embedded-subscribe {box-shadow: 0; width: 10em !important;}

#footer input#mc-embedded-subscribe {
    -moz-box-shadow: inset 0 -20px 20px rgba(0, 0, 0, .25);
    -webkit-box-shadow: inset 0 -20px 20px rgba(0, 0, 0, .25);
    box-shadow: inset 0 -20px 20px rgba(0, 0, 0, .25);
}


/* Fun */

a.pale:link {color: #b0aeae !important;}
a.pale:visited {color: #b0aeae !important;}
a.pale:active {color: #999999 !important;}
a.pale:link:hover, a.pale:visited:hover, a.pale:active:hover {color: #d9d9d9 !important;}

.sitemap a:visited {color: #2c68c3 !important;}
.sitemap a.pale:visited {color: #b0aeae !important;}
#sitemap-link {line-height: 200%;}


/* Print */

@media print{
  .screen {display: none !important;}
  .print {display: block !important;}
  img.print {display: inline !important;}
  
  p {margin: 0; text-indent: 1.2em;}
  p.first {text-indent: 0;}

  .dip {display: inline !important;}
  #footer {display: none !important;}
}

.label.label-info {
  background-color: #3a87ad;
  padding: 1px 4px 2px;
  border-radius: 3px;
  font-size: 10.998px;
  font-weight: bold;
  line-height: 14px;
  color: white;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}