﻿body {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left;}
#nav {height: 134px;width: 998px;}
#nav img{border-top:1px solid #888;}
#main {margin:  0;padding: 0;width: 998px; background:#fff url(../images/bg-main.gif) repeat-y 0 0; text-align: left; border:1px solid #888;font-family: Droid Sans, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#articleBody {position:relative;padding: 0 40px 40px 25px;width: 535px;min-height:400px;float: left;margin-left: 0px;background: #fff;}
#articleBody h1 {font-size: 24px;font-weight: normal;color: #000;line-height: 26px;padding: 40px 0 15px 0; border-bottom:1px solid #aaa; background-color: #fff; display: block;}
#articleBody h1 em {font-style: normal;color: #F47422;}
#articleBody h2 {color: #F47422;display: block;font-size: 18px;clear: both;font-weight: normal;padding: 15px 0;line-height:24px;}
#articleBody h3 {color: #000;clear: both;display: block;font-size: 16px;font-weight: normal;padding: 10px 0;}
#articleBody h3 em {font-style: normal;color: #F47422;}
#articleBody a {color: #F47422;padding: 0px 10px 0px 60px;margin: 3px 5px 3px 0px;line-height: 16px;display: block;margin-left: 20px;text-decoration: none;}
#articleBody p {color: #555;font-size: 12px;font-weight: normal;margin: 0 0 1px;padding: 5px 0;line-height:18px;}
#articleBody p.years{position:absolute;top:85px;right:40px;}
#articleBody #ctl00_content_yearsPad {height:30px;}
#articleBody img {max-width:100%; border: 0px;}
td img {max-width:none !important;}
#articleBody img[align=left] {margin-right:25px;margin-top:5px;}
#articleBody img[align=right] {margin-left:25px;margin-top:5px;}
#articleBody ul {margin: 0;}
#articleBody a {text-decoration: none;display: inline;padding: 0;margin:0;}
#articleBody a:hover {color: #FFD790;text-decoration: none;}
#articleBody li { background: url("../images/dot-orange.png") no-repeat scroll 0 8px transparent;color: #555555;font-size: 12px;font-weight: normal;list-style-type: none;margin: 0 0 1px;padding: 5px 20px}
#articleBody a.button {margin: 0 5px 0 0;padding: 3px 20px 3px 10px;text-decoration: none;color: #b0b0b0;font-weight: normal;text-align: right;width: auto!important;background: #444  url('../images/arrow-right-orange.png') 95% 50% no-repeat;box-shadow: 0 1px 0 #F47422;-moz-box-shadow: 0 1px 0 #F47422;-moz-border-radius: 8px;border-radius: 8px;text-shadow: none;}
#articleBody a.button:hover {color: #fff;background-image:url('../images/arrow-right-white.png');box-shadow: 0 1px 0 #2A2A2A;-moz-box-shadow: 0 1px 0 #2A2A2A;}
#articleBody dt a {font-size:13px;text-decoration:none;line-height:15px;font-weight:normal;}
#articleBody dl {padding:15px 0;font-size:11px;border-bottom:1px solid #eee;}

#articleMenu {width: 186px;float: left;color: #e4e4e5;}
#articleMenu a.main.selected {color: #F47422;background: transparent url('../images/arrow-down-orange-n.png') 202px 50% no-repeat;}
#articleMenu a.sub {padding-left: 40px;}
#articleMenu blockquote {margin:10px 0 0 0;padding: 15px 10px 10px 20px;display: block;line-height: 18px;font-size: 13px;color: #808080;quotes: none;background: transparent url('../images/quotel-n.png') 14px 0 no-repeat;}
#articleMenu blockquote:after, #articleMenu q:before {content: none;}
#articleMenu cite {text-align:left;margin-top:-5px;padding: 20px 10px 10px 20px;display: block;line-height: 18px;font-size: 13px; font-style:normal;color: #808080;background: transparent url('../images/quoter-n.png') 160px 0 no-repeat;}
#articleMenu h3{background: transparent url(../images/bg-menu-h3.png) repeat-x 0 0;font-size: 16px;font-weight: normal;padding: 11px 10px 13px 20px;width: 155px;border-bottom:1px solid #343434;}
#articleMenu h3 span{background: transparent url("../images/arrow-right-lg.png") no-repeat scroll left 4px;padding-left:15px;}
#main #articleAddonsPad {border-bottom: 10px solid #4F4A41;background: #fff;margin-left: 0px;margin-top: 0px;width: 220px;height:55px;float: left;}
#main #articleAddons {padding: 75px 15px 0 0;margin-left: 0px;margin-top: 0px;width: 197px;float: left;}
#main #articleAddons .related a {border-left: 8px solid #042648;color: #1a1a1a;text-decoration: none;display: block;padding: 7px 10px 7px 25px;font-size: 12px;	background:url("../images/arrowdn.gif") no-repeat scroll 15px -32px transparent;}
#main #articleAddons .related a:hover {color: #999;}
#main #articleAddons h4{border-left: 8px solid #F47422;color: #000;display: block;font-size: 15px;font-weight: normal;margin: 0;text-decoration: none;width: auto;}
#main #articleAddons h4 span{padding:10px 10px 10px 20px;border-bottom: 1px solid #ccc;display:block;}
/* #main #articleAddons .rel-ad {background-color:#030000;margin-bottom:25px;position:relative;line-height:18px;font-size:12px; overflow:hidden;} */
#main #articleAddons .rel-ad {background:#042648;margin-bottom:25px;position:relative;line-height:18px;font-size:12px; overflow:hidden;}
#main #articleAddons .rel-ad div {padding:0 15px 8px 15px;}
#main #articleAddons .rel-ad h3 {font-size:14px;color:#fff;padding:15px 0; font-weight:normal;}
#main #articleAddons .rel-ad p {padding:4px 0 10px;color:#fff;line-height:13px;font-size:13px;}
#main #articleAddons .rel-ad em {color:#F37421;font-style:normal;}
#main #articleAddons .rel-ad a.more {border-top:1px solid #555;background: url("../images/arrow-right-lg.png") no-repeat scroll 10px 8px transparent;color: #FFFFFF;display: block;font-style: normal;padding: 5px 0 0 25px;text-decoration: none;margin:0 -10px;}
#main #articleAddons .rel-ad a.more:hover {text-decoration:underline;}
#main #articleAddons .addthis_toolbox {line-height: 20px;margin-top: 0px;float: right;}
#main #articleAddons .addthis_toolbox .atclear {height: 0px;overflow: hidden;}
#main #articleAddons .addthis_toolbox a {padding: 0 2px;vertical-align: bottom;margin-bottom: 0;height: 16px;padding-top: 2px;}
#main #articleAddons .addthis_toolbox .addthis_button_compact span, .addthis_toolbox.addthis_default_style span {vertical-align: middle;line-height: 20px;}
#main #articleAddons .addthis_toolbox a span { line-height: 16px; padding-top: 0;}
#main #articleAddons .addthis_toolbox .addthis_button_compact { color: #555; vertical-align: middle;font-weight: bold;}
#main #articleAddons .share {border-bottom: 10px solid #fff;padding:10px 10px 10px 20px;}
#main #articleAddons .share a:hover {background: none;}
#main #articleAddons .related {padding: 0 0 15px 0;}
#main #articleAddons .related img {padding:10px 10px 10px 20px;float:left;}
#main #articleAddons .related a.phone {background-image: url('../images/icon-phone.png');}
#submenu ul.A-Menu{padding:0 0 40px 20px;overflow:hidden;margin:10px 0 0 0;}
#submenu ul.A-Menu:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#submenu ul.A-Menu li{margin:0;width:160px;float:left;list-style:none;position:relative;}
#submenu ul.A-Menu li a {display:block;text-decoration:none;}
#submenu ul.A-Menu li a{font-size:13px;padding:7px 20px 7px 0;color:#ccc;text-decoration:none;}
#submenu ul.A-Menu li ul li a:hover{text-decoration:underline;}
#submenu ul.A-Menu li a:hover{color:#999;}
#submenu ul.A-Menu li.A-Menu-Sel{}
#submenu ul.A-Menu li.A-Menu-Sel a{color:#F47422;}
#submenu ul.A-Menu li.A-Menu-ChildSel a, #submenu ul.A-Menu li.A-Menu-WChild.A-Menu-Sel a{}
#submenu ul.A-Menu li.A-Menu-ChildSel a{color: #F47422;}
#submenu ul.A-Menu li.A-Menu-ChildSel ul li a, #submenu ul.A-Menu li.A-Menu-WChild.A-Menu-Sel ul li a{background: none;}
#submenu ul.A-Menu li.A-Menu-ChildSel a:hover{color:#999;}
#submenu ul.A-Menu li.A-Menu-Sel a:hover{color:#fff;}
#submenu ul.A-Menu li.A-Menu-Sel ul li a,#submenu ul.A-Menu li.A-Menu-ChildSel ul li a{border:0;color:#ccc;background:none;width:185px;font-weight:normal;}
#submenu ul.A-Menu ul{display:none;visibility:visible;position:relative;margin-right:15px;}
#submenu ul.A-Menu li.A-Menu-Sel ul,#submenu ul.A-Menu li.A-Menu-ChildSel ul{display:block;padding:0 0 0 15px;}
#submenu ul.A-Menu ul li{margin:0;padding:4px 0;width:170px;padding:0;border-bottom:none;}
#submenu ul.A-Menu ul li a{}
#submenu ul.A-Menu li.A-Menu-ChildSel ul a{background:none;border:none;color:#555;}
#submenu ul.A-Menu li ul li.A-Menu-Sel a{color: #fff;}
#submenu ul.A-Menu li ul li a{background:none;border:none;color:#333;}
#submenu ul.A-Menu li ul li a:hover{text-decoration:none;color:#999;}
#submenu ul.A-Menu a.A-Menu-Sel{text-decoration:none;cursor:default;}
#submenu ul.A-Menu a.A-Menu-Sel:hover{text-decoration:none;}

#accordian{}
#accordian ul{padding:0;}
#articleBody #accordian li {background:none;padding:0;list-style-type:none;}
#articleBody #accordian div li {background: url("../images/dot-orange.png") no-repeat scroll 0 8px transparent;color: #555555;font-size: 12px;font-weight: normal;list-style-type: none;margin: 0 0 1px;padding: 5px 20px}
#accordian h4{font-weight:normal;cursor:pointer;border-bottom:1px solid #ddd;padding:22px 0;font-size:18px;background: transparent url(../images/bg-accord.png) no-repeat scroll left 5px;color:#333;}
#accordian h4.sel{background-position: left -68px; border-bottom:none;}
#accordian div{line-height:1.5em;padding:15px 0;}
#accordian div.wrap{padding:0;border-top:0;display:none;}
#accordian div.wrap.sel{border-bottom:1px solid #ddd;}

.tabbed{border:1px solid #333333;margin:0;padding:0;position:relative;width:459px;}
#articleBody .tabs{padding:0;margin:28px 0 0 0;display:block;height:46px;}
#articleBody .tabs li{border-bottom:1px solid #ccc;display:block;color:#3f3b34;float: left;width:50%;margin-right:-1px;padding:0;background:none;}
#articleBody .tabs li.sel{border:1px solid #ccc; border-bottom:none;}
#articleBody .tabs li a{color:#000;padding:18px 0 0 15px;height:28px;line-height:12px;text-transform:capitalize;display:block;font-size:18px;text-decoration:none;cursor:pointer;}
#articleBody .tabs li a:hover{text-decoration:none;color:#ccc;}
#articleBody .tabs li.sel a{color:#F47422;}
.tabpanels {padding:0 15px;position:relative;left:0;}
.tabpanels div {display:none;padding-bottom:20px;top:0;left:0;}
.tabpanels div.tabc {padding:0;}
.tabpanels div.tab.sel {display:block;}
.tabpanels h3{display:block;border-top:1px solid #ddd;font-size:12px;cursor:pointer;padding-bottom:12px;background: transparent url(../images/bg-accord.png) no-repeat scroll -25px -5px;}
.tabpanels h3.sel{background-position:  -25px -78px;}
.tabpanels h3 em{font-size:16px;}
#articleBody .tabpanels h2 {color: #000;font-size: 14px;}
#articleBody .tabpanels h3 {color: #999;font-size: 12px;padding:15px 0;}
#articleBody .tabpanels h3 em {color: #000;font-size: 16px;}

.smallvideo {float: left;margin-right: 35px; margin-top:30px;width: 143px;}


#chromabar{width:531px;height:263px;background: transparent url(../images/usr/chroma-products-navbar.png) no-repeat 0 0;font-family: Arial, Helvetica, sans-serif;}
#chromabar a{display:block;width:68px;height:195px;padding:68px 4px 0 4px; float:left;color:#fff; font-size:11px;}
#chromabar a:hover{color:#fff; background:url(../images/usr/bg-chroma-hover.png) 0 95px no-repeat; }
#chromabar a.last{width:67px;}
#chromabar span{color:#000;display:block; text-align:center;font-size:12px; padding-bottom:13px;}
#chromabar a:hover span{text-decoration:underline;}
table.chroma td{background-color:#f3f3f3;padding:5px;}
table.chroma th{padding:10px 5px; text-align:center;font-size:14px; font-weight:bold;}
table.chroma ul{padding-left:10px;}
img.chroma{margin-right:15px!important;}
.cd th{background-color:#6a2382; color:#fff;}
.cb th{background-color:#f47321; color:#fff;}
.ci th{background-color:#0098d9; color:#fff;}
.cp th{background-color:#8dc63f; color:#fff;}
.cr th{background-color:#a91379; color:#fff;}
.cm th{background-color:#95c11f; color:#fff;}
.ca th{background-color:#e6206c; color:#fff;}

.cd li{background: url("../images/usr/chroma-dot-design.png") no-repeat scroll 3px 8px transparent!important;}
.cb li{background: url("../images/usr/chroma-dot-build.png") no-repeat scroll 3px 8px transparent!important;}
.ci li{background: url("../images/usr/chroma-dot-integrate.png") no-repeat scroll 3px 8px transparent!important;}
.cp li{background: url("../images/usr/chroma-dot-publish.png") no-repeat scroll 3px 8px transparent!important;}
.cr li{background: url("../images/usr/chroma-dot-run.png") no-repeat scroll 3px 8px transparent!important;}
.cm li{background: url("../images/usr/chroma-dot-manage.png") no-repeat scroll 3px 8px transparent!important;}
.ca li{background: url("../images/usr/chroma-dot-analyze.png") no-repeat scroll 3px 8px transparent!important;}


