﻿/****** GLOBAL STYLES ******/
html {font-size: 100.01%;height: 100%;}
body {background-color:#fff;color:#666;font: 75%/1.25 Arial, Helvetica, sans-serif;}
a {color:#ff6309;}
a:hover {color:#000;}
a.goto {background:url('/Media/Images/link_goto.gif') 0% 0% no-repeat;padding-left:20px;}
a.linkbutton {background:url('/Media/Images/btn_g_right.png') 100% 0% no-repeat;color:#fff;float:left;font-size:11px;padding-right:8px;}
a.linkbutton span {background:url('/Media/Images/btn_g_left.png') 0% 0% no-repeat;cursor:pointer;float:left;line-height:18px;padding:0 8px 0 18px;}
h1 {color:#ff6309;font-size:2.67em;line-height:1em;margin-bottom:.5em;}
h2 {font-size:1.33em;font-weight:bold;margin:1em 0 .5em;}
h2.neo {font-size:1.5em;font-weight:bold;}
h3 {font-weight:bold;margin:1em 0 .5em;}
p{line-height:160%;margin:1em 0;}
strong {font-weight:bold;}
em {font-style:italic;}
.clear {clear:both;display:block;}
table h3 {margin-top:0;}
.error {background-color:#ffeeee;border:1px solid #ff0000;color:#ff0000;display:block;margin:5px 0;padding:5px;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
li {margin:0 0 .5em 2em;}
/****** END GLOBAL STYLES ******/

/****** FRAMEWORK ******/

#Page {margin:0 auto;width:960px;}
#PageHeader {background:url('/Media/Images/top_bg.gif') 0% 100% no-repeat;height:92px;width:100%;}
#PageContainer {float: left;width: 198px;padding: 0 762px 0 0;}
#PageContainer #FirstColumn {float: left;width: 100%;}
#PageContainer #SecondColumn {display: inline;float: right;margin: 0 -762px 0 0;width: 564px;padding: 0 198px 0 0;}
#PageContainer #FirstSubColumn {float: left;width: 100%;}
#PageContainer #SecondSubColumn {display: inline;float: left;margin-right: -198px;overflow: hidden;width: 198px;}
#PageContainer #SecondWideColumn {display: inline;float: right;margin-right: -762px; width:762px;}

#StartPageContainer {float: left;width: 762px;padding: 0 198px 30px 0;}
#StartPageContainer #FirstColumn {float: left;width: 100%;}
#StartPageContainer #SecondColumn {display: inline;float: right;margin: 0 -198px 0 0;width: 198px;}

/****** END FRAMEWORK ******/

/****** PAGEHEADER ******/

#LogoArea {float:left;padding:24px 0 0;width:230px;}
#NavigationArea {float:left;width:730px;}
#NavigationArea #ToolsArea {background:url('/Media/Images/tools_right.gif') 100% 0% no-repeat;clear:both;float:right;padding-right:9px;width:300px;}
#NavigationArea #ToolsArea a, #NavigationArea #ToolsArea a:visited {color:#666;display:block;float:right;}
#NavigationArea #ToolsArea .changelang, #NavigationArea #ToolsArea .login {background:url('/Media/Images/arrow_darkgrey.gif') 10px 10px no-repeat;border-right:1px solid #fff;padding:6px 10px 10px 20px;}
#NavigationArea #ToolsArea input.quickSearchField {background:#fff;border:1px solid #fff;color:#333;float:right;font-size:11px;line-height:13px;padding:1px 0 1px 5px;margin:5px 0 5px 8px;}
#NavigationArea #ToolsArea .quickSearchButton {background:#eee;border:0 none;color:#666;float:right;font-family:arial;font-size:12px;line-height:normal;padding:5px 0 5px 8px;}
#NavigationArea #ToolsArea #ToolsContainer {background:url('/Media/Images/tools_left.gif') 0% 0% no-repeat #eee;float:right;height:31px;padding-left:9px;}

#MainMenuArea {clear:both;float:right;padding:18px 0;width:100%;}
#MainMenu {float:right;line-height:1.08em;list-style:none;}
#MainMenu li {display:inline;float:left;font-size:1.08em;margin:0;}
#MainMenu a {color:#333;display:block;padding: 5px 8px;}
#MainMenu a:hover {color:#ff6309;}
#MainMenu .selected a {color:#ff6309;}

/****** END PAGEHEADER ******/

/****** START PAGE ******/

#StartContent {background:url('/Media/Images/column_shadow.png') 100% 20px no-repeat;float:left;min-height:600px;width:100%;}
#StartContent #MainContentArea {padding:24px 24px 24px 0;}
#StartContent #DblColumnArea {float:left;width:369px;padding:0 369px 0 0; }
#StartContent #DblColumnArea h2.sth {color:#095ba6;font-size:1.5em;font-weight:normal;}
#StartContent #FirstDblColumn {float:left;padding-right:24px;width:345px;}
#StartContent #SecondDblColumn {display:inline;float:right;margin-right:-369px;padding-right:24px;width:345px;}

/****** END START PAGE ******/

/****** FIRST COLUMN ******/

#SubMenu {padding:20px 0;}
#SubMenu a:hover {text-decoration:none;}
#SubMenu h3 {font-size:12px;font-weight:bold;line-height:15px;margin:0;}
#SubMenu h3 a {border-bottom:1px solid #dedede;border-top:1px solid #dedede;color:#666;display:block;padding:7px 0;}
#SubMenu h3 a:hover {}
#SubMenu ul {list-style:none;padding:5px 0;}
#SubMenu ul ul {padding:0;}
#SubMenu li {display:inline;float:left;margin:0;width:198px;}
#SubMenu li a {background:url('/Media/Images/arrow_grey.gif') 0% 10px no-repeat;color:#666;font-size:12px;display:block;line-height:15px;padding:6px 10px;}
#SubMenu li li {display:inline;float:left;padding-left:8px;width:190px;}
#SubMenu li li a {background:none;font-size:11px;padding:4px 10px;}
#SubMenu li a.selected {background:url('/Media/Images/arrow_orange.gif') 0% 10px no-repeat;color:#ff6309;font-weight:bold;}
#SubMenu hr {border:0;border-bottom:1px solid #dedede;clear:both;color:#fff;height:1px;width:100%;}

/****** END FIRST COLUMN ******/

/****** SECOND COLUMN ******/

#CenterContent {background:url('/Media/Images/column_shadow.png') 100% 20px no-repeat;min-height:600px;}
#CenterContent #MainContentArea {padding:20px 24px;}
p.intro {font-size:1.16em;}

/** SECOND SUB COLUMN **/

#RelatedContainer {color:#333;padding:20px 0;}
#RelatedContainer .BoxContainer {padding:10px 10px;border-bottom:solid 1px #eee;float:left;overflow:hidden;width:178px;}
#RelatedContainer h3 {font-size:1.5em;margin:0;}
#RelatedContainer p {margin:0 0 1em;}
#RelatedContainer ul {list-style:none;margin:1em 0;}
#RelatedContainer ul.collist {margin:0 0 1em;}
#RelatedContainer ul.collist span.date {color:#999;display:block;font-size:.83em;font-weight:bold;margin:0 0 .3em;}
#RelatedContainer ul.collist li {margin:0 0 .8em;}
#RelatedContainer ul.collist li a {color:#666;}

#RelatedContainer .BoxGreyContainer {border-bottom:solid 1px #eee;border-top:solid 1px #eee;float:left;width:198px;}
#RelatedContainer .BoxGreyContainer .inner {background-color:#eee;border-bottom:solid 1px #fff;border-top:solid 1px #fff;float:left;padding:10px 10px;width:178px;}

/****** END SECOND COLUMN ******/

/****** SIFR ******/

/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;overflow:hidden;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {visibility: hidden;}
.sIFR-active h1,
.sIFR-active #MainMenu li,
.sIFR-active #RelatedColumn h3{line-height:1px;/* visibility:hidden;*/ }

/****** END SIFR ******/

/****** SCROLLER ******/
/*.scrollarea * {border:1px solid red;}*/
.scrollarea {background:url('/Media/Images/scroller_top.png') top left no-repeat;clear:both;float:left;padding-top:17px;text-align:center;width:100%;}
.scrollable {background-color:#fff;float:left;height:250px;overflow:hidden;position:relative;width:516px;}
.scrollable .items {clear:both;left:0;position:absolute;text-align:left;width:20000em;}
.scrollable .items div.item {float:left;width:250px;padding-right:266px;}
.scrollable .items div.item .imgc {float:left;width:100%;}
.scrollable .items div.item .txtc {display:inline;float:right;margin-right:-266px;width:266px;}
.scrollable .items div.item .txtc h3 {font-size:1.25em;margin-bottom:.5em;}
.navi {position:relative;left:130px;}
.navi a {background: url('/Media/Images/scroll_navi_dot.gif') top left no-repeat;float:left;height:12px;margin:0 1px;width:12px;}
.navi a.active {background: url('/Media/Images/scroll_navi_dot_sel.gif') top left no-repeat;}
a.prev {cursor:pointer;display:block;float:left;}
a.next {cursor:pointer;display:block;float:right;}
.scrollarea a.disabled {visibility:hidden!important;}
.clearscroll {background:url('/Media/Images/scroller_btm.png') top left no-repeat;clear:both;display:block;padding-bottom:17px;width:100%;}

/****** END SCROLLER ******/

/****** FLOWPLAYER ******/

.video-std {display:block;height:343px;width:516px;}

/****** PRODUCTS ******/

#ProductListArea {clear:both;margin:20px 0;}
.ProductList {list-style:none;margin:1em 0;}
.ProductList li {display:block;float:left;height:280px;overflow:hidden;margin:0;padding-right:18px;width:240px;}

/****** END PRODUCTS ******/

/****** PRESS ARCHIVE ******/

#FilterArea {margin:0 0 2em;}
#FilterArea select {margin-right:5px;}
.PressList li {margin:1em 0;}
.PressList li span {color:#999;display:block;font-size:.83em;font-weight:bold;}

.PagingContainer {padding: 5px 10px 5px 0; clear:both;}
.PagingContainer a {padding: 2px;background-color: #eee; color: #333;}
.PagingContainer a:hover {background-color: #999; color: #fff;}
.PagingContainer a.SelectedPagingItem { background-color: #ff6309; color: #fff;}

/****** END PRESS ARCHIVE ******/

/****** REPORTS ******/

.StdList {list-style:none;margin-bottom:2em;}
.StdList li {clear:both;margin:.5em 0;}
.StdList li span {color:#999;display:block;font-size:.83em;font-weight:bold;}
.StdList li h2 {margin:1em 0 .5em;}

/****** END REPORTS ******/

/****** CHALLENGES AND SOLUTIONS ******/

#ChallengeArea {border:1px solid #eee;height:125px;margin-bottom:1em;overflow:hidden;overflow-y:scroll;width:514px;}
#ChallengeArea ol {list-style:none;width:514px;}
#ChallengeArea ol li {display:block;font-weight:bold;margin:0;padding:0 15px;}
#ChallengeArea ol li.alter {background-color:#eee;}
#ChallengeArea ol li.selected {background-image:url('/Media/Images/item_selected.gif');background-repeat:no-repeat;background-position:0% 8px;color:#095ba6;}
#ChallengeArea ol li.selected a {color:#095ba6;font-weight:bold;}
#ChallengeArea ol li .idx {}
#ChallengeArea ol li a {color:#666;display:block;padding:10px 0;}
#ChallengeArea ol li a:hover {color:#000;}
#SolutionArea h2 {color:#095ba6;font-size:1.3em;font-weight:bold;}
#SolutionArea .intro {margin:0 0 1em;}

/*** PAGE EXPLORER ***/

#Explorer {background:url('/Media/Images/expl-bg.gif') top left repeat-y;width:516px;}
.expl-top {background:url('/Media/Images/expl-top-l.png') top left no-repeat;height:36px;overflow:hidden;width:100%;}
.expl-search {float:left;padding:12px 0 0 16px;width:480px;}
.expl-top-l {background:url('/Media/Images/expl-top-r.png') top right no-repeat;float:right;height:36px;line-height:1px;width:20px;}
.expl-textbox {border:0 none;height:16px;margin-right:10px;padding:1px 0 3px;width:450px;}
.expl-button {background:url('/Media/Images/expl-btn-search.png') top left no-repeat;border:0 none;height:19px;margin:0;padding:0;text-indent:-9999em;width:19px;}
.expl-search .loading {background:url('/Media/Images/ajax.gif') top left no-repeat!important;}
.expl-topinfo {clear:both;height:23px;padding:5px 10px 2px;width:491px;}
.expl-result {float:left;font-size:1em;font-weight:bold;margin:0;}
.expl-paging-options {float:right;width:100px;}
.expl-list {list-style:none;padding:0 15px 0 10px;width:491px;}
.expl-list li {background:url('/Media/Images/expl-item-bg.gif') top left repeat-y #fff;border-bottom:1px solid #eee;border-right:1px solid #fff;margin:0;overflow:hidden;width:100%;}
.expl-list li.expanded {background-color:#e5f0f7;}
.expl-list li .preview {background:url('/Media/Images/expl-btn-plus.png') top left no-repeat;cursor:pointer;display: inline;float:left;clear:left;height:20px;margin:15px 0 0 8px;padding-bottom:15px;width:20px;}
.expl-list li.expanded .preview {background-image:url('/Media/Images/expl-btn-min.png')!important;}
.expl-item {clear:right;border-bottom:1px solid #fff;border-top:1px solid #fff;margin-left:34px;padding:0 6px 10px 6px;}
.expl-list li.expanded .expl-item {}
.expl-item a {display:block;margin-bottom:3px;padding-top:9px;}
.expl-item .date {font-size:.83em;margin-right:15px;}
.expl-item .tags {font-size:.83em;}
.expl-item .tags a {display:inline;margin:0;padding:0;}
.expl-item .expl-desc {display:none;}
li.expanded .expl-item .expl-desc {display:block;}
.expl-item .expl-desc a {display:block;margin:0;padding-top:0;}
.expl-item .expl-desc p {line-height:135%;margin:10px 0 0;}
.expl-item .expl-desc a.goto {background:url('/Media/Images/expl-btn-goto.png') top left no-repeat;margin-top:1em;}
.expl-btminfo {clear:both;height:23px;padding:5px 0 2px;width:496px;}
.expl-pager {margin:0 auto;width:150px;}
.expl-bottom {background:url('/Media/Images/expl-btm-bg.png') top left no-repeat;height:11px;overflow:hidden;width:100%;}


/****** END CHALLENGES AND SOLUTIONS ******/

/****** CALENDAR ******/

#CalendarArea .Event {margin:1em 0;}
#CalendarArea .Event span {display:block;}
#CalendarArea .Event .EventName {font-weight:bold;}

/****** END CALENDAR ******/

/****** KNOWLEDGE CENTER ******/

.kcList {list-style:none;margin-bottom:2em;}
.kcList li {clear:both;margin:.5em 0;}
.kcList li span {color:#999;display:block;font-size:.83em;font-weight:bold;margin-bottom:.5em;}
.kcList li h2 {margin:1em 0 .5em;}
.kcList li p {margin:.5em 0 .5em;}

#SubMenu .AspNet-CheckBoxList-Item {border-bottom:1px solid #fff;margin:5px 0;overflow:hidden;}
#SubMenu .AspNet-CheckBoxList-Item input {display:inline;float:left;margin:0 5px 0 0;padding:0;height:16px;width:16px;}
#SubMenu .AspNet-CheckBoxList-Item label {display:block;float:left;overflow:hidden;width:177px;}

#TagCloud {clear:both;float:left;margin-top:2em;}
#TagCloud h3 {font-size:1em;font-weight:bold;margin:0 0 1em;}
#TagCloud a {color:#0066b2;font-size:.92em;}

/****** ******/

/****** NEWSLETTER SUBSCRIBE ******/

#NewsSubscribe {}
#NewsSubscribe .cbxlist {padding:0 10px;}
#NewsSubscribe .cbxlist label {padding-left:5px;}
#NewsSubscribe .tbxlist label {display:block;float:left;width:100px;}
#NewsSubscribe .tbxlist input {margin-bottom:3px;}
#NewsSubscribe .tbxlist {margin:1em 0;}

/****** SEARCH ******/

#SearchArea {margin:1em 0;}
#SearchArea .textbox {width:250px;}
#AdvancedArea {margin:.5em 0 0;}
#ResultArea ol li {margin:1em 0;}
#ResultArea ol li .breadcrumb {display:block;font-size:.92em;margin:.3em 0;}
#ResultArea ol li .breadcrumb a {color:#666;}
#ResultArea ol li p {margin:.5em 0;}

/****** END SEARCH ******/

/****** SITEMAP ******/

#SiteMap {margin:1em 0;}
#SiteMap ul {list-style:none;}
#SiteMap li {margin:.6em 0;font-weight:bold;}
#SiteMap li li {margin:.2em 0;font-weight:normal;}
#SiteMap li ul {padding-left:15px;}

/****** END SITEMAP ******/

/****** PAGE FOOTER ******/

#PageFooter {border-top:2px solid #ccc;color:#999;float:left;font-size:.92em;padding:10px 0;width:100%;}

/****** END PAGE FOOTER ******/

a.tooltip
{background:none;border-bottom:1px dashed #999;color:#666;cursor:default;padding:0;}
a.tooltip:hover {background-color:#eee;color:#000;}

#tooltip {background: url('/Media/Images/tooltip_bottom.gif') bottom left no-repeat;color:#666;display:none;position:absolute;	width: 172px;font-size: 10px;padding-bottom:8px;}
#tooltip #tbody {background: url('/Media/Images/tooltip_bg.gif') top left no-repeat;padding:4px 8px 0 8px;}

/*

#SubMenu li {float:left;width:192px;}
#SubMenu li a {background:url('/Templates/Public/Images/SubMenu/submenu_bg.png') bottom left no-repeat;color:#fff;font-size:12px;display:block;line-height:12px;padding:9px 12px;}
#SubMenu li {background:url('/Templates/Public/Images/SubMenu/submenu_bg.png') bottom left no-repeat;}
#SubMenu li a:hover {background-position:bottom right;}
#SubMenu li a.selected, #SubMenu li a.expanded {background:url('/Templates/Public/Images/SubMenu/submenu_selected_bg.gif') bottom left repeat-x;}
#SubMenu li li {background:none;font-size:11px;}
#SubMenu li li a {background:none;color:#fff;display:block;padding:9px 24px;}
#SubMenu li li a.selected {background:none;font-weight:bold;}*/
