/*
InRule Main CSS
---------------------*/

html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
body { font: normal 12px/1.6 Arial, Helvetica, sans-serif; background: #e7e7e7; color: #333; }
a, a:link, a:visited, a:active { color: #0073a8; text-decoration: none; outline: none; }
a:hover { color: #363; text-decoration: underline; }
h1 { color: #696; font-size: 22px; margin: 15px 0; line-height: 1.2; font-weight: normal; }
h2 { color: #369; font-size: 14px; margin: 5px 0 0; }
h3, h5 { color: #333; font-size: 1em; }
h4 { color: #696; font-size: 22px; margin: 15px 0; line-height: 1.2; font-weight: normal; }
img, a img { border: 0; }
acronym, abbr { border-bottom: 1px #0066cc; }
hr, .ruler { display: block; margin: 5px 10px 0px 10px; padding: 0; border: 0; border-top: 1px solid #dfdfdf; height: 1px; overflow: hidden; margin-top: 5px; margin-bottom: 5px; }

/* Form Elements */
form { margin: 0; padding: 0; }
input[type=text] { color: #666; padding: 1px; }
input[type=submit], input[type=reset], input.btn { cursor: pointer; }
input, textarea, select, select option { margin: 0; padding: 1px; font-family: arial; font-size: 12px; }
input.radio, input.checkbox { width: 12px; height: 12px; vertical-align: middle; }
.tintedInput, select.tintedInput option { background-color: #f1f8ff; color: #000; }
.content .form { list-style: none; margin: 0px; padding: 0px; }
.content .form li { list-style-image: none; background: none; margin: 0 0 15px 0px; padding: 0px; }
.content .form li.buttons { padding-left: 120px; }
.content .form label { display: inline-block; width: 120px; font-weight: bold; color: #666; }
.content .form input[type=text], .content .form select { width: 250px; vertical-align: top; }
.content .form textarea { width: 400px; }
.content #request_info.form li, .content #about_org.form li { position: relative; }
.content #request_info.form li img, .content #about_org.form li img { position: absolute; top: 5px; left: 0; }
.content #request_info.form li label, .content #about_org.form li label { padding-left: 18px; width: 100px; }
.content #about_org.form li table { display: inline; }
.content #about_org.form li.auto label { padding: 0; width: auto; }
.content #about_org.form li.auto label.full { width: auto; padding-left: 18px; }
.content #about_org.form li.auto input { margin-left: 18px; margin-right: 5px;  }
.content #about_org.form li.auto textarea { margin-left: 18px; }
.content #about_org.form li.buttons { padding-left: 18px; }

/* Specific Classes */
.hide { visibility: hidden; }
.emphasis { font-weight: bold; }
.subdatahead { font-weight: bold; font-size: 90%; color: #36c; }
.tableLeftMargin { margin-left: 10px; }
.simon { float: right; padding: 20px; }
.margin-left210px { margin-left: 210px; }
.bold { font-weight: bold; margin-left: 10px; }
.newsBold { font-size: 10px; font-weight: bold; color: #333; }
.newsRegular { font-size: 10px; color: #F0F0F0; font-weight: normal; }
.subHead-right-column { font-size: 12px; font-weight: bold; color: #003063; margin-right: 10px; background-repeat: no-repeat; background-position: left top; padding-left: 20px; margin-top: 5px; }
.subHeader { font-size: 1.1em; font-weight: bold; color: #FFF; margin-right: 10px; background-repeat: no-repeat; background-position: left top; padding-left: 0px; margin-top: 5px; }
.menuColumn { font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; color: #FFF; text-decoration: none; border-width: 1px; border-style: solid; border-color: #0033FF; left: 5px; background-color: #2B4496; }
.red16 { font-size: 1em; font-weight: bolder; color: #0073a8; line-height: 1.6em; }
.red13 { font-size: 13px; font-weight: bolder; color: #CC0000; }
.links13 { font-size: 13px; font-style: normal; text-decoration: underline; color: #006BB7; font-weight: bold; }
.grey13 { font-size: 13px; font-weight: bolder; color: #626262; line-height: 1.3em; margin-right: 20px; margin-left: 20px; }
.grey13nopad { font-size: 13px; font-weight: bolder; color: #626262; line-height: 1.3em; }
.blue13 { font-size: 1em; font-weight: bolder; color: #336699; line-height: 1.6em; }
.italic13 { font-size: 13px; font-weight: bolder; color: #626262; line-height: 1.3em; font-style: italic; margin-left: 20px; margin-right: 20px; }
.black13 { font-size: 13px; font-weight: bolder; color: #000; line-height: 1.3em; margin-right: 20px; }
.black21 { font-size: 21px; font-weight: bolder; color: #000; line-height: 1.3em; margin-right: 20px; }
.footnote { font-size: 9px; line-height: 16px; margin-left: 15px; }
.searchFields { font-size: 10px; color: #303030; }
.hide, a.skip { height: 0; width: 0; overflow: hidden; position: absolute; }
.clear { clear: both; height: 1px; padding: 0; margin: 0; }
.bodyCopy { color: #333; margin-left: 10px; margin-right: 20px; margin-top: 10px; margin-bottom: 5px; }
.green13 { font-size: 1.1em; color: #006633; font-weight: bold; }
.lhHeader { font-size: 0.7em; color: #0073a8; font-weight: bold; }
.code { font-family: "Courier New" , Courier, monospace; font-size: 0.9em; }
.errMessage { font-size: x-small; font-weight: normal; color: Red; margin-left: 10px; line-height: 1em; }
.marginTop5 { margin-top: 5px; font-size: 0.8em; color: #333; }
.errMessageNoIndent { font-size: x-small; font-weight: normal; color: Red; line-height: 1em; }
.nav_left_text { margin-bottom: 3px; }
.lh-box-home { background-color: #EFF3F7; width: 190px; margin-left: 5px; }
.lhColumnText { font-size: 0.7em; color: #666666; font-weight: normal; margin-bottom: 5px; border-color: #999999; background-color: #FFF; }
.rhColumnText { color: #828282; font-weight: normal; font-size: 0.7em; margin: 5px 10px 5px 5px; }
.sidebar_left { background: #eee; border: solid; border-width: 1px 2px 2px 1px; border-color: #ccc #999 #999 #ccc; margin: 0 15px 15px 0; float: left; width: 300px; padding: 8px 12px; font-size: 12px; }
.sidebar_right { background: #eee; border: solid; border-width: 1px 2px 2px 1px; border-color: #ccc #999 #999 #ccc; margin: 0 0 15px 15px; float: right; width: 300px; padding: 8px 12px; font-size: 12px; }
.sidebar_left_white { background: #fff; border: solid; border-width: 1px 2px 2px 1px; border-color: #ccc #999 #999 #ccc; margin: 0 15px 15px 0; float: left; width: 300px; padding: 8px 12px; font-size: 12px; }
.sidebar_right_white { background: #fff; border: solid; border-width: 1px 2px 2px 1px; border-color: #ccc #999 #999 #ccc; margin: 0 0 15px 15px; float: right; width: 300px; padding: 8px 12px; font-size: 12px; }
.sidebar_left .sidebar_left, .sidebar_left .sidebar_left_white, .sidebar_left_white .sidebar_left, .sidebar_left_white .sidebar_left_white, .sidebar_right .sidebar_right, .sidebar_right .sidebar_right_white, .sidebar_right_white .sidebar_right, .sidebar_right_white .sidebar_right_white { margin: 10px 5px; width: auto; }
.callout { padding: 5px 0 0; background: url(../../images/content_callouts_647.png) no-repeat; width: 647px; margin: 30px auto; }
.callout .inner { background: #fff url(../../images/content_callouts_647.png) right bottom no-repeat; padding: 6px 12px 12px; }
.demo { background: #fff; border: solid; border-width: 1px 2px 2px 1px; border-color: #ccc #999 #999 #ccc; margin: 0 15px 15px 0; width: 250px; padding: 8px 12px; font-size: 11px; }
.inline { display: inline-block; width: 100%; padding: 0px 0px 0px 100px; }
.inline a { float: left; padding: 0px 40px; }
.req { font-size: .8em; font-weight: bold; }
.login {padding:20px 0px 600px 20px; background-color:#ffffff;}
/* Page Ladders */
.image-right { float: right; padding: 5px; }
.image-left { float: left; padding: 5px; }
.image-center { text-align: center; }
.right { float: right; clear:both; }
.right img { float: right; padding: 5px; }
.right h3 { float: left; }
.right p { clear: both; margin: 0; text-align: center; }
.left { float: left; }
.left h3 { float: left; }
.left img { float: left; padding: 5px; }
.left p { clear: both; margin: 0; text-align: center; }


.column {clear: both; float: left; width: 100%; margin-bottom: 0px; padding-bottom: 0px; }
.column .left { float: left; width: 50%; }
.column .left p { text-align: left; }
.column .left img {float:none; display:block; margin:0 auto;} 
.column .left .image-right { float: right; padding: 5px; }
.column .left .image-left { float: left; padding: 5px; }
.column .left .image-center { text-align: center; padding: 5px; }


.column .right { float: left; width: 50%; clear:none;}
.column .right p { text-align: left; }
.column .right img {float:none; display:block; margin:0 auto; }
.column .right.image-right { float: right; padding: 5px; }
.column .right .image-left { float: left; padding: 5px; }
.column .right .image-center { text-align: center; padding: 5px; }

/* Product Tables */
.product { clear: both; float: left; width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.product .left { float: left; width: 55%; }
.product .left p { float: none; margin: 0; text-align: left; }
.product .right { float: right; width: 40%; text-align: center; }
.product .right img { float: none; display: block; margin: 0 auto; padding: 0; }
.product .right p { float: none; margin: 0; text-align: center; }
.products table { width: 100%; }
.products .header { color: #fff; background: #036; font-weight: bold; text-align: center; padding: 5px; }
.products .headertr { background: #000; }
.products .row1 { background: #ddd; color: #000; padding: 0px 5px; }
.products .row2 { background: #fff; padding: 0px 5px; }
.products .indent { padding-left: 40px; }
.products .center { text-align: center; font-weight: bold; }
.product-list { clear: both; float: left; width: 100%; margin-bottom: 0px; padding-bottom: 0px; }
.product-list .left { float: left; width: 50%; }
.product-list .left p { text-align: left; }
.product-list .right { float: right; width: 50%; }
.product-list .right p { text-align: left; }

/* Company Pages */
.company { clear: both; float: left; width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.company img { float: right; padding: 0px 5px 0px 5px; }
.company h3 { vertical-align: top; }
.team { float: left; width: 33%; margin-bottom: 20px; padding-bottom: 20px; text-align: center; overflow: hidden; position: relative; height: 245px; }
.team img { display: block; position: absolute; top: 0; left: 0; }
.team a { position: absolute; bottom: 0; left: 0; display: block; width: 80%; height: 40px; padding: 5% 10%; text-align: center; background: #fff; }
.team img.head_paul { width: 200px; left: 7px; clip: rect(15px, 200px, 210px, 20px); }
.team img.head_rik { width: 190px; left: 28px; top: -5px; clip: rect(20px, 180px, 215px, 0); }
.team img.head_loren { width: 300px; left: -91px; top: 16px; clip: rect(0, 300px, 195px, 115px); }
.team img.head_theresa { width: 290px; left: -10px; top: 16px; clip: rect(0, 218px, 246px, 35px); }
.team img.head_mark { width: 200px; left: 26px; top: 16px; clip: rect(0, 185px, 195px, 0); }
.team img.head_kate { width: 200px; left: 26px; top: 16px; clip: rect(0, 185px, 195px, 0); }

/* Resources Pages */
.resources { width: 100%; }
.resources-detail { width: 33%; height: 20%; display: inline-block; }
.resources-detail p { padding: 0px 3px 0px 3px; }

/* Partners & Customers Pages */
.partners table { width: 737px; }
.partners .header { font-weight: bold; font-size: 1.1em; color: white; background-color: #0066CC; padding: 0px 5px; }
.partners .row1 { background-color: #E3ECF4; padding: 0px 5px; }
.partners .width { width: 301px; }
.partners .row2 { background-color: #FFFFFF; padding: 0px 5px; }
.partner, .customer { clear: both; float: left; width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.partner:last-child, .customer:last-child { border: none; }
.partner img, .customer img { display: block; padding: 0; margin: 10px 0; }

/* News & Events */
.content .date { color: #999; font-size: 16px; display: block; }
.content .NewsPTitle h2 { font-size: 16px; font-weight: normal; border-top: 1px solid #ddd; margin: 20px 0 0; padding-top: 20px; }
.content .NewsPTitle a, .content .NewsPBody { display: block; padding-left: 15px; }
.content .NewsPBody { clear: both; }
.content .NewsPBody * { font-size: 12px; }
.content .NewsPBody br { display: none; }

/* Solutions */
.hot_insure_demo { position: relative; margin-bottom: 10px; border: 1px solid transparent; }
.hot_insure_demo .demo { position: absolute; bottom: 0; right: 115px; }

/* Links */
.learnMore:link, .learnMore:visited, .learnMore:active { font-size: 12px; font-weight: bold; text-decoration: none; color: #FFF; }
a.learnMore:hover { color: #FFCC00; text-decoration: none; }
a.selected:link, a.selected:visited, a.selected:active { color: #000; text-decoration: none; font-weight: bold; }
a.selected:hover { color: #000; text-decoration: underline; font-weight: bold; }
a.free_trial { display: block; height: 24px; width: 152px; text-indent: -9999em; overflow: hidden; background: url(../../images/btn_dl_free_trial.gif) no-repeat; }
a.free_trial:hover { background-position: 0 -24px; }
a.free_trial_right { display: block; height: 24px; width: 152px; float: right; margin: 10px; text-indent: -9999em; overflow: hidden; background: url(../../images/btn_dl_free_trial.gif) no-repeat; }
a.free_trial_right:hover { background-position: 0 -24px; }
a.request_wp { display: block; height: 24px; width: 152px; text-indent: -9999em; overflow: hidden; background: url(../../images/btn_request_wp.gif) no-repeat; }
a.request_wp:hover { background-position: 0 -24px; }
a.request_wp_right { display: block; height: 24px; width: 152px; float: right; margin: 10px; text-indent: -9999em; overflow: hidden; background: url(../../images/btn_request_wp.gif) no-repeat; }
a.request_wp_right:hover { background-position: 0 -24px; }
a.btn-orange { display: block; height: 24px; width: 225px; text-indent: -9999em; overflow: hidden; background: url(../../images/btn_leverage_ms_tech.gif) no-repeat; }
a.btn-orange:hover { background-position: 0 -24px; }
a.btn-blue { display: block; height: 24px; width: 168px; text-indent: -9999em; overflow: hidden; background: url(../../images/btn_look_rules.gif) no-repeat; }
a.btn-blue:hover { background-position: 0 -24px; }
a.watch-video { display: block; height: 24px; width: 125px; text-indent: -9999em; overflow: hidden; background: url(../../images/btn_watch_video.gif) no-repeat; }
a.watch-video:hover { background-position: 0 -24px; }
a.moreLink:link { color: #003399; text-decoration: none; }
a.moreLink:visited { text-decoration: none; }
a.moreLink:hover { color: #000; text-decoration: underline; }
a.lhLink:link { color: #ffcc00; text-decoration: none; }
a.lhLink:visited { text-decoration: none; color: #66FF66; }
a.lhLink:hover { color: #FFF; text-decoration: underline; }
a.nav_left:link, a.nav_left:visited { color: #000; text-decoration: none; border-width: thin; line-height: 1.5em; width: 160px; font-size: 13px; font-weight: normal; border-color: #4BB0E8; }
a.nav_left:hover { background-image: url(../navigation/backgroundNav_ov.jpg); background-repeat: no-repeat; width: 160px; }
a.rss_icon { background: url("../../uploadedimages/rss_icon.gif") no-repeat scroll left center transparent; color: #666666; float: right; font-size: 11px; padding-left: 22px; padding-top: 5px; }
a.disabled {color:#000; }
a.disabled:hover {text-decoration: none; color:#000; }
/* Wrapper */
#sitewrap { width: 968px; margin: 0 auto 18px; background: #fff; -moz-box-shadow: 3px 3px 6px #aaa; -webkit-box-shadow: 3px 3px 6px #aaa; }

/* Header */
#header { padding: 15px 15px 0; position: relative; height: 120px; z-index: 1; }
#header #logo, #header .tagline { float: left; width: auto; }
#header #logo { margin: 0 15px 20px 0; }
#header .tagline { margin-top: 20px; font-size: 13px; color: #aaa; line-height: normal; }
#header .masthead { float: right; }
#header .masthead .secondary_links, #header .masthead .search { float: left; width: auto; }
#header .masthead .secondary_links { color: #ccc; }
#header .masthead a { font-size: 10px; color: #828282; padding: 0 4px; }
#header .search input { margin-left: 5px; float: left; }
#header .search .btn_search { cursor: pointer; height: 19px; width: 57px; border: none; background: url(../../images/btn_search.gif) no-repeat; position: relative; top: -1px; }
#header .search .btn_search:hover { background-position: 0 -19px; }


/* Main Navigation */
#navigation { clear: both; height: 33px; position: relative; z-index: 50; background: url(../../images/topnav_shadow.png) bottom no-repeat; }
#navigation ul { height: 28px; width: 100%; margin: 0; padding: 0; list-style: none; background: #ececec; border: solid #ddd; border-width: 1px 0; }
#navigation li { display: inline; float: left; border-right: 1px solid #ddd; }
#navigation li a { float: left; width: auto; padding: 0 18px; height: 28px; line-height: 28px; font-size: 11px; font-weight: bold; color: #666; }
#navigation li a:hover, #navigation li.on a { background: #0073a8; color: #fff; text-decoration: none; }
#navigation li ul { position: absolute; top: 28px; left: 0; width: 186px; border: none; }
#navigation li ul.show { display: block; }
#navigation li ul li { background: #0073a8; border-bottom: 1px solid #4795b9; }
#navigation li ul li a { float: none; height: auto; line-height: normal; color: #fff; padding: 0; display: block; padding: 6px 18px; width: 150px; font-size: 11px; font-weight: normal; }
#navigation li ul li a:hover { background: #4795b9; }

/* Homepage */
#intro { height: 300px; /*margin-bottom: 15px;*/ overflow: hidden; position: relative; font-family: 'Franklin Gothic Medium'; z-index: 0; }
#intro .logo_load { position: absolute; top: 50%; left: 50%; margin-left: -108px; margin-top: -61px;}
#intro #hero_nav { position: absolute; bottom: 9px; left: 0; background: #67a6c4; background: rgba(81,151,184,.5); border: solid #fff; border-width: 1px 0; z-index: 3; height: 60px; width: 968px; margin: 0; padding: 0; overflow: hidden; }
#intro #hero_nav li { display: inline; float: left; position: relative; }
#intro #hero_nav li.first { position: absolute; left: -9999em; visibility: hidden; }
#intro #hero_nav a { display: block; width: 120px; height: 50px; padding: 6px 25px 0 65px; float: left; opacity: .5; font-size: 15px; text-decoration: none; color: #000; line-height: 16px; position: relative; cursor: pointer; }
#intro #hero_nav a:hover, #intro #hero_nav a.current { opacity: 1; }
#intro #hero_nav span.thumb { display: block; position: absolute; top: 8px; left: 15px; border: 1px solid #999; background: #fff; height: 35px; width: 40px; overflow: hidden; }
#intro #hero_nav span.thumb img { height: 35px; background: #fff; position: absolute; top: 0; right: 0; }
#intro #hero_nav span.more { display: block; color: #363; }
#intro #panes div.pane { position: relative; z-index: 1; height: 310px; padding: 0 15px; overflow: hidden; background: #fff; }
#intro #panes div.pane h1 { font-size: 42px; line-height: 44px; margin: 20px 0; color: #333; font-weight: normal; }
#intro #panes div.pane h2 { font-size: 21px; line-height: 24px; margin: 10px 0 20px; color: #777; font-weight: normal; }
#intro #panes div.pane img { position: absolute; top: 0; right: 0; z-index: 1; }
#intro #panes div.pane .content { position: relative; z-index: 2; padding-right: 325px; }
#intro #panes div.pane1 h1 { color: #333; font-size: 30px; margin: 0; }
#intro #panes div.pane1 h2 { color: #369; font-size: 18px; line-height: 20px; margin: 0 0 10px; padding-left: 20px; }
#intro #panes div.pane1 { cursor: pointer; }
#intro #panes div.pane1 .link_overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
#ticker { margin: 15px auto; border: solid 1px #ccc; padding: 2px; width: 938px; height: 25px; margin: 0 auto 15px; }
#ticker #news { background: #dadada; float: left; width: 100%; height: 25px; line-height: 25px; overflow: hidden; }
#ticker ul { list-style: none; margin: 0; padding: 0; }
#ticker li { display: inline; float: left; margin-left: 30px; padding-left: 30px; border-left: 1px solid #c5c5c5; }
#ticker li.title { border: none; }
.tickercontainer { overflow: hidden; }
.tickercontainer .mask { position: relative; width: 100%; overflow: hidden; }
ul.newsticker { position: relative; left: 750px; list-style-type: none; margin: 0; padding: 0; z-index: 0; }
ul.newsticker a { white-space: nowrap; padding: 0; }
ul.newsticker span { margin: 0 10px 0 0; }
#callouts { float: left; width: 938px; padding: 0 15px; margin-bottom: 10px; }
#callouts .callout { width: 302px; margin: 0 16px 0 0; float: left; background: url(../../images/content_callouts_302.png) no-repeat; }
#callouts .callout .inner { height: 190px; background: #fff url(../../images/content_callouts_302.png) right bottom no-repeat; }
#callouts div.co_right { margin: 0; }
#callouts h2 { font-size: 16px; line-height:18px; margin:3px 0 10px; }
#callouts h2 a { color: #369; }
#callouts p { font-size: 11px; margin: 0 0 10px; line-height: 1.4; float: none; }
#callouts img { margin: 0 0 8px 8px; }
.solution-focus { margin: 10px 0 0; padding: 0; list-style: none; }
.solution-focus li { float: left; margin: 0px 6px 6px 0px; }
.solution-focus li .wrap_out { display: table; height: 62px; overflow: hidden; width: 131px; background: url(../../images/solutions.gif) no-repeat; cursor: pointer; }
.solution-focus li .wrap_out:hover { background-position: 0 -62px; }
.solution-focus li .wrap_out .wrap_in { display: table-cell; vertical-align: middle; width: 131px; margin: 0 auto; text-align: center; }
.solution-focus li .wrap_out .wrap_in .element a { color: #fff; text-decoration: none; display: block; font-weight: bold; }
#callouts .callout p.more { clear: both; padding-top: 10px; font-weight: bold; text-align: center; font-size: 13px; }
.download {margin:0 auto 10px; clear:both;}
.download a.free_trial {margin:0 auto;}

/* Content Area / Cols */
#main { clear: both; }
#cols { padding: 0 15px 15px; float: left; width: 938px; }
#left-navigation { float: left; width: 200px; }
#content { float: right; width: 707px; padding: 0 0 15px 15px; border-left: 1px solid #ddd; }
.content li { list-style: none; background: url(../../images/bullet.gif) 0 8px no-repeat; padding-left: 15px; margin-bottom: 5px; }
.content li li, .content ul ul li { background: url(../../images/bullet_2ndlevel.gif) 0 8px no-repeat; }
.content h2 { margin-bottom: 10px; }
#breadcrumbs { font-size: 11px; color: #999; margin-bottom: 10px; }
#breadcrumbs span { color: #666; }

/* Left Navigation */
.leftnav .AspNet-TreeView ul { margin: 0; padding: 0; clear: both; }
.leftnav .AspNet-TreeView li { margin: 0 0 5px; padding: 0; list-style: none; display: inline; float: left; clear: left; width: 100%; }
.leftnav .AspNet-TreeView a { font-weight: bold; font-size: 13px; display: block; float: left; width: 170px; padding: 5px 17px 5px 0; margin-bottom: 10px; line-height: 1.4; }
.leftnav .AspNet-TreeView a:hover { text-decoration: none; }
/* top level */
.leftnav .AspNet-TreeView li a, .leftnav .AspNet-TreeView li a:hover { background: url(../../images/sectionRuler.gif) left bottom no-repeat; color: #363; }
/* 2nd level */
.leftnav .AspNet-TreeView li li a { background: #eee; color: #666; border: 1px solid #ddd; border-left: 3px solid #ddd; border-top: 0; font-size: 11px; padding-left: 9px; margin: 0; }
.leftnav .AspNet-TreeView li li a:hover { border-left-color: #369; color: #369; background: #f1f1f1; }
.leftnav .AspNet-TreeView li li.AspNet-TreeView-Selected a, .AspNet-TreeView li li.AspNet-TreeView-ChildSelected a, .AspNet-TreeView li li.AspNet-TreeView-ChildSelected a:hover { background: #999; color: #fff; border: 1px solid #aaa; border-left-width: 3px; }
.leftnav .AspNet-TreeView ul ul { border-top: 1px solid #ddd; }
/* 3rd level */
.leftnav .AspNet-TreeView li li li { margin: 0; float: none; width: auto; }
.leftnav .AspNet-TreeView li li li a, .leftnav .AspNet-TreeView li li.AspNet-TreeView-Selected li a, .leftnav .AspNet-TreeView li li.AspNet-TreeView-ChildSelected li a { background: #fff; border: none; padding: 3px 10px; font-weight: normal; color: #666; width: auto; position: relative; line-height: 15px; white-space: normal; float: none; }
.leftnav .AspNet-TreeView li li.AspNet-TreeView-ChildSelected li.AspNet-TreeView-Selected a, .leftnav .AspNet-TreeView li li li a:hover, .leftnav .AspNet-TreeView li li.AspNet-TreeView-Selected li a:hover, .leftnav .AspNet-TreeView li li.AspNet-TreeView-ChildSelected li a:hover { color: #369; border: none; background: #fff; }
.leftnav .AspNet-TreeView li li.AspNet-TreeView-ChildSelected li.AspNet-TreeView-Selected a { font-weight: bold; }
.leftnav .AspNet-TreeView li li li a:hover, .leftnav .AspNet-TreeView li li.AspNet-TreeView-Selected li a:hover, .leftnav .AspNet-TreeView li li.AspNet-TreeView-ChildSelected li a:hover { text-decoration: underline; }
.leftnav .AspNet-TreeView ul ul ul { clear: both; border: 1px solid #ddd; padding: 4px 0; }
/* Beyond 3rd Level */
.leftnav .AspNet-TreeView li li.AspNet-TreeView-ChildSelected li.AspNet-TreeView-Selected .AspNet-TreeView-ParentSelected a { color: #999; }
.leftnav .AspNet-TreeView ul ul ul ul { border: none; padding: 0 0 0 10px; }

/* Sitemap */
.content #sitemap { float: left; width: 100%; margin-bottom: 20px; line-height: 14px; }
.content #sitemap ul { margin: 0; padding: 0; list-style: none; }
.content #sitemap ul li { background: none; display: inline; padding: 0; margin: 0; }
/* Don't display root link (home) */
.content #sitemap ul li a { display: none; }
/* level 1 */
.content #sitemap ul ul li { display: block; margin-top: 15px; background: none; }
.content #sitemap ul ul li a { display: block; font-weight: bold; padding: 4px 6px 4px 20px; background: url(../../images/bullet.gif) 6px center no-repeat !important; color: #333; border-bottom: 1px solid #ddd; }
.content #sitemap ul ul li a:hover { text-decoration: none; color: #0073a8; }
/* level 2 */
.content #sitemap ul ul ul li { float: none; width: auto; padding: 10px 0 0 24px; margin: 0; }
.content #sitemap ul ul ul li a { color: #666; font-size: 11px; background: none !important; height: auto; -moz-border-radius: 0; padding: 0; font-weight: bold; border: none; }
.content #sitemap ul ul ul li a:hover { text-decoration: underline; background: none !important; color: #666; }
/* level 3 */
.content #sitemap ul ul ul ul li { padding-left: 15px; }
.content #sitemap ul ul ul ul li a { color: #999; font-weight: normal; }

/* Accordions */
.accordion h2 { cursor: pointer; border-top: 1px solid #ddd; padding: 10px 0 5px 18px; margin: 0; background: url(../../images/arrows.png) 0 16px no-repeat; outline: none; }
.accordion h2.ui-state-active { color: #363; background-position: 0 -274px; }
.accordion p { margin-top: 0; }

/* Footer */
#footer { clear: both; padding: 12px 15px; border-top: 1px solid #ccc; color: #ccc; }
#footer .footnote { margin: 0; padding: 2px 0 0; font-size: 10px; color: #666; }
#footer .logo {width:150px; padding:11px 20px 0 0; float:right;}
#footer .copyright {width:650px; float:left;}

/* Ektron CSS overrides */
.PBViewing { width: 100% !important; }
.dropzone.PBClear {clear:left;}

/* v4 */
#v4{background-color:#ffffff;margin: auto;padding: 0px;width: 968px; margin-top:0px;}
#v4 .promo-header{padding: 0px 10px 10px 0px; text-align:center; }
#v4 .promo-header a,#v4 .promo-header a span {font-size:16px;}
#v4 .promo-header img{ vertical-align: middle;}
#v4 .promo-header span{padding:0px 0px 0px 20px;}
#v4 .logo {text-align:center; padding:40px 0px 40px 0px;}
#v4 .callouts {width: 968px;  margin-bottom: 15px; background-color:#ffffff; background-image:none; }
#v4 .callouts ul{list-style:none;}
#v4 .callouts li{display:inline-block;margin: 0 0px 0 0; text-align:center; vertical-align:top;}

#v4 .callouts img { text-align:center; }
#v4 .videos {width:100%;}
#v4 .videos ul{ list-style:none; }
#v4 .videos li{display:inline-block; padding: 20px 5px 10px 5px; text-align:center; width:18%; vertical-align:top;}
#v4 .videos li h3 a{ color:rgb(89, 89,89); font-size:14px;  }

.clear {margin:0; padding:0; clear:both;}