/* ========================================================================= */
/*                                WIDGETS CSS                                */
/* ========================================================================= */

/* ================== SIDE NAVIGATION ================== */
/* Side Navigation / Side SubNavigation */
div#Sidebar {width:232px;height:100%;position:relative;}
ul.SideNav {width:232px;float:left;margin-top:5px;padding:0;color:#ffffff;}
ul.SideNav li {width:232px;margin-bottom:2px;}
ul.SideNav li a.TopLink {width:222px;line-height:32px;padding:0 5px;display:block;color:#ffffff;background:#9BB9DB url(../structural_images/SideNavStandard.gif);font-weight:bold;}
ul.SideNav li a.CurrentTopLink, ul.SideNav li a:hover {background-position:bottom left;text-decoration:none;background-color:#284885;}
ul.SideNav li ul.SideSubUl {background-color:#ebf1f8;padding:0;}
ul.SideNav li ul.SideSubUl li {padding:10px 0 0 15px;width:217px;}
ul.SideNav li ul.SideSubUl li a {width:auto;line-height:1em;padding:0 0 0 20px;color:#254d7c;background:none;font-size:0.94em;}
ul.SideNav li ul.SideSubUl li a.CurrentSubLink {background:url(../structural_images/SideSubNavBg.gif) no-repeat center left;}
ul.SideNav li ul.SideSubUl li a:hover {text-decoration:underline;background-color:transparent;}
ul.SideSubNav {height:367px;width:7px;position:absolute;left:225px;top:37px;background:url(../structural_images/SideSubNav.png) no-repeat;font-size:0.94em;}
ul.SideSubNav li {position:relative;height:1.6em;}
ul.SideSubNav li a {padding-left:14px; width:130px;display:block;position:relative;font-weight:normal;}

/* Side Gray Box */
div.SideGrayBox {background:url(../structural_images/SideGrayBox.gif) no-repeat bottom;height:auto !important;height:246px;min-height:246px;clear:both;}
div.SideGrayBox h4 {color:#ffffff;font-weight:normal;background:#5F6973 url(../structural_images/GrayBar.gif) no-repeat top left;height:23px;line-height:23px;padding: 0 0 0 5px;}
/*
div.SideGrayBox ul.SideBottomNav {padding:5px 0 15px 0;font-size:0.94em;}
div.SideGrayBox ul.SideBottomNav li {padding-left:15px;padding-bottom:5px;}
div.SideGrayBox ul.SideBottomNav li a {color:#000000;text-decoration:none;line-height:20px;}
div.SideGrayBox ul.SideBottomNav li a.Current {background:url(../structural_images/SideSubNavBg.gif) no-repeat;}
div.SideGrayBox ul.SideBottomNav li a:hover {color:#d6001e;}
div.SideGrayBox ul.SideBottomNav li ul {padding-top:5px;}
div.SideGrayBox ul.SideBottomNav li ul li {padding-left:10px;}
div.SideGrayBox ul.SideBottomNav li ul li a {line-height:10px;}
div.SideGrayBox ul.SideBottomNav li ul li a.Current {background:none;color:#d6001e;}
div.SideGrayBox ul.SideBottomNav li ul li a:hover {color:#d6001e;}
*/
/* =============== LANDING BOXES =============== */
.LandingBox {margin:0 13px 10px 0;padding: 0;line-height:1em;}
.LandingBox h3 {font-size:1.3em;padding:14px 0 7px 25px;height:10px;background:url(../structural_images/double_arrow.gif) no-repeat left top;}
.LandingBox p {font-family:Arial,sans-serif;color:#5f6973;font-size:0.92em;padding:0 0 5px 25px;margin:0 0 5px 0 !important;}
.LandingBox p a {color:#3866a8;font-weight:bold;font-style:italic;}
.dim215230HalfText {width:215px;height:230px;}
.dim215230HalfText p {width:100px;}
.dim215110HalfText {width:215px;height:110px;}
.dim215110HalfText p {width:100px;}
.dim215110FullText {width:215px;height:110px;}
.dim215110FullText p {width:185px;}
.dim443110HalfText {width:443px;height:110px;}
.dim443110HalfText p {width:250px;}


.LandingBoxes .Fleft {}

/* ================== QUOTE BLOCKS ================== */
/* Central Quote Block */
div.CentralQuote {width:400px;padding-left:25px;background:url(../structural_images/small_opening_quotes.gif) no-repeat top left;}
div.CentralQuote p {line-height:1.5em;font-size:1.02em;color:#4f7cb5;font-style:italic;}
div.CentralQuote span.ClosingQuote {background:url(../structural_images/small_closing_quotes.gif) no-repeat;width:13px;height:11px;margin:5px 0 0 15px;padding:0px 0 0 13px;}
div.CentralQuote p.Quote_Author {font-size:0.96em;}
div.CentralQuote p.Quote_Author span {font-weight:bold;}

/* Right Column Quote Block */
div.RightColumnQuote {width:140px;padding-top:22px;background:url(../structural_images/big_opening_quotes.gif) no-repeat top left;margin-left:25px;}
div.RightColumnQuote p {line-height:1.12em;font-size:1.5em;letter-spacing:-1.2px;color:#74a1ce;font-family:"Times New Roman",serif;}
div.RightColumnQuote p.QuoteText {padding-bottom:22px;background:url(../structural_images/big_closing_quotes.gif) no-repeat bottom right;}
div.RightColumnQuote p.Quote_Author {font-size:1.2em;color:#5f6973;}

/* ===================== LISTS ===================== */
/* Red Square List */
ul.RedSquareList {float:left;display:inline;font-size:1em;margin:10px 0 10px 15px;}
ul.RedSquareList li {padding-left:15px;background:url(../structural_images/square_red.gif) no-repeat left 8px;clear:both;}
ul.RedSquareList li ul li {background:none;}
ul.RedSquareList li a {color:#323232;display:inline;}
ul.RedSquareList li a:hover {text-decoration:underline;}

/* Red Arrow List */
ul.RedArrowList {font-size:1em;margin:10px 0 10px 15px;}
ul.RedArrowList li {padding-left:15px;background:url(../structural_images/arrow_red_right.gif) no-repeat left 6.5px;clear:both;}
ul.RedArrowList li div.Slider ul li {background:none;}
ul.RedArrowList li a {color:#323232;display:inline;}
ul.RedArrowList li a:hover {text-decoration:underline;}
ul.RedArrowList li.Current {background:url(../structural_images/arrow_red_down.gif) no-repeat left 9px;}

/* Double List Feature */
div.DoubleListContainer {width:460px;  }
div.DoubleListContainer ul {width:230px;float:left;display:inline;}
div.DoubleListContainer ul li {width:200px;}
div.DoubleListContainer ul.RedArrowList {margin:10px 0 10px 0;}
* html div.DoubleListContainer ul.RedArrowList,
* html div.DoubleListContainer ul.RedSquareList {margin-left:-15px;}

/* Gray List */
div.GrayList {background:url(../structural_images/right_bottom_box.gif) no-repeat top left;height:269px;padding:15px 0 0 15px;}
div.GrayList ul {padding-top:10px;}
div.GrayList ul li {margin:4px 0;}
div.GrayList ul li {padding-left:15px;background:url(../structural_images/arrow_gray_right.gif) no-repeat center left;color:#000000;}
div.GrayList ul li a {color:#000000;}
div.GrayList ul li a:hover {text-decoration:underline;}

/* Top Gray List */
div.TopShort div.GrayList {background:none;padding-top:135px;}

/* Alphabet List */
ul#CharList {width:380px;margin:15px 0;padding-top:1px;background:url(../structural_images/charlistbg.gif) no-repeat top right;}
ul#CharList li {background:url(../structural_images/world.gif) no-repeat left 3px;}
ul#CharList li a {margin-left:30px;width:350px;display:block;border-bottom:1px solid #cfd2d5;font-weight:bold;color:#323232;font-size:0.95em;padding-bottom:2px;}
ul#CharList li a:hover {text-decoration:none;color:#749fc9;}
ul#Alphabet {border-top:1px solid #cfd2d5;width:380px;height:20px;margin:0 0 5px 0;font-size:1.11em;}
ul#Alphabet li {width:15px;float:left;display:inline;text-align:center;margin-top:2px;color:#b3cae1;font-weight:bold;}
ul#Alphabet li a {color:#749fc9;}
ul#Alphabet li a:hover, ul.Alphabet li a.Current {text-decoration:none;color:#db203a;}

/* ================== 3 - TABLES ================== */
/* Full Width Table - Include the Width classes to use this widget properly */
table.FullWidthTable {border:none;border-collapse:collapse;color:#323232;font-size:0.96em;}
table.FullWidthTable caption {font-family:Georgia;font-size:1.2em;text-align:left;margin:10px 0;padding-left:5px;}
table.FullWidthTable a {color:#323232;text-decoration:underline;}
a.InfoImg {width:16px;height:16px;line-height:16px;}
a.InfoImg span {background:url(../structural_images/info_icon.gif) no-repeat;}
table.FullWidthTable th {border-bottom:1px solid #cfd2d5;padding:4px 5px;}
table.FullWidthTable th.RedTh {color:#d6001e;}
table.FullWidthTable tr{background:#ffffff;}
table.FullWidthTable tr.OddTr {background:#eff0f1;}
table.FullWidthTable tr td {padding:7px 5px;vertical-align:top;}

/* Small Table - Include the Width classes to use this widget properly  */
table.SmallTable {border:none;border-collapse:collapse;font-size:0.94em;margin:10px 0 10px 0;}
table.SmallTable caption {font-family:Georgia;font-size:1.2em;text-align:left;padding-left:12px;background:url(../structural_images/arrow_azure_right.gif) no-repeat left 3px;}
table.SmallTable th {color:#323232;}
table.SmallTable tr td {border-top:1px solid #cfd2d5;padding-top:8px;padding-bottom:5px;}
table.SmallTable a {font-weight:bold;}

/* Width classes */
th.th40 {width:40px;}
th.th55 {width:55px;}
th.th100 {width:100px;}
th.th120 {width:120px;}
th.th155 {width:155px;}
th.th190 {width:190px;}
th.th200 {width:200px;}
th.th280 {width:280px;}
th.th300 {width:300px;}

/* ================== TYPOGRAPHY, BUTTONS, FORMS EC. ================== */
/* Personal Profile */
div.PersonalProfile div.Photo {float:left;display:inline;width:74px;height:74px;padding:5px 9px 9px 5px;background:url(../structural_images/SmallPhotoFrame.png) no-repeat bottom right;}
div.PersonalProfile div.Details {float:left;display:inline;margin:5px 0 0 15px;width:250px;}
div.PersonalProfile div.Details h4, div.PersonalProfile div.PersonDetails {border-bottom:1px solid #cfd2d5;}
div.PersonalProfile div.PersonDetails, div.PersonalProfile div.PersonEmail {font-size:0.94em;}
div.PersonalProfile div.PersonDetails .role {font-weight:bold;}
/* Image Box */
div.ImageBox {background:url(../structural_images/imageboxbg.gif) no-repeat center;width:391px;height:391px;margin:15px 0;padding:15px 30px;}
div.ImageBox p {font-size:0.9em;}
div.ImageBox div {margin:15px 0;}
/* Tooltip Link */
#tooltip {position:absolute;z-index:3000;padding:10px 5px 5px 5px;margin-top:23px;margin-left:6px;background:url(../structural_images/red_tooltip.gif) no-repeat top left;color:#ffffff;font-size:0.95em;opacity:0.999;}
#tooltip * {font-family:Arial;font-size:0.9em;}
a.ArrowLink {background:url(../structural_images/arrow_red_right.gif) no-repeat left 3px;padding-left:10px;font-weight:bold;font-size:0.94em;}
/* Toggle Div */
div.ToggleDiv {margin:10px 0;}
div.ToggleDiv a.ToggleLink {font-weight:bold;padding-left:10px;font-size:0.94em;}
div.ToggleDiv a.ReadMore {background:url(../structural_images/arrow_red_right.gif) no-repeat left 3px;line-height:19px;}
div.ToggleDiv a.HideDiv {background:url(../structural_images/arrow_red_down.gif) no-repeat left 5px;line-height:19px;}
/* Central Form */
div.CentralForm {margin:30px 0;width:371px;background:url(../structural_images/CentralFormBg.gif) no-repeat bottom left;padding:10px 40px 20px 40px;}
div.CentralForm input.TextInput {border:1px solid #cddced;padding:2px;margin-bottom:2px;width:215px;}
div.CentralForm select {width:220px;border:1px solid #cddced;padding:2px;margin-bottom:2px;}
div.CentralForm input.CheckInput {margin-right:10px;}
div.CentralForm ul input {float:left;display:inline;}
div.CentralForm .FormTitle {float:left;display:inline;width:80px;font-size:0.94em;margin-bottom:2px;}
div.CentralForm ul {clear:both;}
div.CentralForm ul li {clear:both;}

/* NEW - RESULTS LIST */
h3.ListTitle {color:#6e9bc4;background:url(../structural_images/arrow_azure_right.gif) no-repeat left 5px;padding:0 0 2px 15px;font-size:1.08em;border-bottom:1px solid #d0d1d5;line-height:18px;}
h3.ListTitle span {display:none;font-family:arial;float:right;text-transform:uppercase;font-size:0.58em;background:url(../structural_images/pageicon.gif) no-repeat right top;height:20px;}
h3.ListTitle span a {color:#323232;padding:2px 20px 4px 0;line-height:16px;height:16px;}
a.ToggleLink {display:none;}

div.ResultsContainerLeft {width:405px;float:left;}
div.ResultsContainerRight {width:270px;float:right;}
div.MainContent ul.ResultsList {margin:0;}
ul.ResultsList li {height:25px;line-height:25px;background:#FFFFFF;padding-left:10px;font-size:0.88em;}
ul.ResultsList li.Odd {background:#EEEFF1;}
ul.ResultsList li p {margin:0;padding:0;}
ul.ResultsList li p.ResultLink {display:block;float:left;width:60%;}
ul.ResultsList li a {color:#323232;font-weight:bold;}
ul.ResultsList li a:hover {color:#729cc4;text-decoration:none;}
ul.ResultsList li p.ProductType {color:#729cc4;display:block;float:left;}

div.MainContent a.ShowAll, div.MainContent a.ShowLess {color:#323232;font-weight:bold;padding-left:12px;font-size:0.88em;}
div.MainContent a.ShowAll {background:url(../structural_images/arrow_red_down.gif) no-repeat left center;}
div.MainContent a.ShowLess {background:url(../structural_images/arrow_red_top.gif) no-repeat left center;}

div.MainContent ul.LongResultsList {margin:0;}
ul.LongResultsList li {margin:5px 0 10px 0;}
ul.LongResultsList li h4 a {font-family:arial;color:#323232;text-decoration:underline;font-size:0.86em;}
ul.LongResultsList li p {font-size:0.88em;}

/* The Azure List is only shown in the page corporate_narrow_2_old.html and it probably won't be used */
div.AzureList {padding:135px 0 0 15px;width:190px;}
div.AzureList p {font-size:1.1em;margin-bottom:15px;}
div.AzureList ul li {padding-left:12px;background:url(../structural_images/arrow_azure_right.gif) no-repeat center left;color:#000000;line-height:1.8em;}
div.AzureList ul li a {color:#000000;}
div.AzureList ul li a:hover {text-decoration:underline;}
/* make sure to remove this code if the list won't be used */
