/*
div {border: solid 1px black;}
div div {border: solid 1px red;}
div div div {border: solid 1px blue;}
div div div div {border: solid 1px green;}
span {border: solid 1px red;}
*/

/* Overall Site Tags */
body {background-image: url(../images/global/bg_gradient.gif); background-repeat: repeat-x;background-color:#eeeeee; font-family:Arial; font-size:10pt; }
.hide {position:absolute; visibility:hidden;cursor:pointer; } /*   */
	
/* Buttons */
.GlobalButtonLeft {width:4px; height: 22px; float: left; background-image:url(../images/global/bg_button_left.gif);}
.GlobalButtonMiddle {height: 22px; float:left; font-family:Arial; font-size:8pt; font-weight:bold; text-align:center; padding:4px 8px 0px 8px; background:url(../images/global/bg_button_middle.gif) repeat-x;}
.GlobalButtonRight {width:4px; height: 22px;float:left;background-image:url(../images/global/bg_button_right.gif);}
a.GlobalButton {color:#336699; text-decoration:none; font-weight:bold;}
a.GlobalButton:hover { text-decoration:none;}

/* Standard Hyperlinks */

a {color: #0066ff; font-size:8pt; text-decoration:none;}
a:hover { text-decoration:underline;}
a.DarkLink {color: #25427c;} /* used on navigation */
a.RedLink {color: #920e00;} /* used on navigation Rollover */

/* Panel Header (See Sony.SPHEConnect.CustomServerControls.PanelHeader) */
.PanelHeaderOuterCell {border: solid 1px #cccccc;}
.PanelHeaderInnerCell {border: solid 1px #ffffff; background-image:url(../images/global/bg_table_header.gif);}
.PanelHeaderText {font-size:11pt; color:#25427c; font-weight:600; padding: 5px 10px 0px 10px;  height: 23px;}


/* Global Text */


/* Header Control */
#HeaderLayer {width:931px;clear:both;}
#HeaderLeft {float: left; width:390px; height:56px; padding: 0px 0px 0px 10px;}
#HeaderRight {width:530px; height:56px; float:left;}
#HeaderRightTop {float:right; font-size:8pt; width:520px;} /* align top right of header to right-side */
#HeaderRightBottom {float:right; clear: right;}
#TerritorySelect {float: right;margin-top:2px;}
#WelcomeMessage {float: left; margin:5px 0px 0px 10px; text-transform:capitalize;}
#HeaderPipeDivider {float: left; color: #cccccc; margin:5px 2px 0px 0px; }
#UpdateProfileLink { float:left;margin:5px 10px 0px 0px; }


/* Footer Control */
#FooterLayer {width:931px;clear:both;}
#FooterLeft {float:left; width:390px; padding: 25px 0 30px 0;}
#FooterRight {float:right; padding: 25px 0 30px 0;}


/* Footer Hyperlinks*/
.FooterLink {color:#38425a; font-size:8.5pt;}
a.FooterLink {text-decoration:none;}
a.FooterLink:hover {text-decoration:none;}

/* Navigation Bar */
.NavLayerLeft { float: left; background-image: url(../images/navigation/bg_nav_left.gif); background-repeat:no-repeat; width:6px; height: 30px;}
.NavLayerMiddle { float: left; background-image: url(../images/navigation/bg_nav_middle.gif); background-repeat:repeat-x; height: 27px}
.NavLayerRight { float: left; background-image: url(../images/navigation/bg_nav_right.gif); background-repeat:no-repeat; width:6px; height: 30px}
#LeftNavigation {float:left;}
#RightNavigation {float:left;}
#NavLayerDivider {width: 1px;}
#LeftNavContent {width: 393px; padding:3px 0px 0px 0px;}
#RightNavContent {width: 514px; padding:3px 0px 0px 0px;}

/* Naivigation Elements */
#NavElement1 {position:relative;float:left; z-index:5; height:22px; width:170px;}
#NavElement1 .NavButtonMiddle_off,
#NavElement1 .NavButtonMiddle_on  {width:110px;}
#NavElement2 {position:relative;float:left; z-index:5; height:22px; width:222px;}
#NavElement2 .NavButtonMiddle_off,
#NavElement2 .NavButtonMiddle_on  {width:162px;}
.NavSeperator {float:left; width:1px; height:22px;}
#NavBrowseCatalogDiv {float:left; z-index:5; height:22px; width:160px;}
#NavBrowseCatalog {float:left; z-index:5; height:22px; width:160px;}

#NavCatalogDropDown {position:relative; z-index:5; background-color:#226090;padding: 5px 3px 5px 0px; left:0px; top:-22px; width:136px; height:131px; text-align:center;} /* used in NavBrowseCatalog User Control */
#NavCatalogDropDown .CatalogHeader {float:left; color:#79b6e5; font-size:8pt; margin:0 3px 0 3px; padding: 3px 4px 3px 4px;}
#NavCatalogDropDown .CatalogHeader a {color:#79b6e5; text-decoration:none;}
#NavCatalogDropDown .CatalogHeader a:hover {text-decoration:underline;}
#NavCatalogDropDown .CatalogHeaderHover {float:left; color:#fff; font-size:8pt; margin:0 5px 0 3px; padding: 3px 4px 3px 4px; background-color:#3674a5; border: solid 1px #4e8dbe; border-bottom:none;}
#NavCatalogDropDown .CatalogHeaderHover a {color:#fff; text-decoration:none;}
#NavCatalogDropDown .CatalogHeaderHover a:hover {color:#fff; text-decoration:none;}
#NavCatalogDropDown .letters {border-top: solid 1px #4e8dbe; width:124px; height:20px;}
#NavCatalogDropDown .NavLetter {float:left;color:#ffffff; width:20px; height:16px; font-weight:bold;}
#NavCatalogDropDown a.NavLetter {color:#ffffff; padding: 2px 0px 2px 0px;}
#NavCatalogDropDown a.NavLetter:hover {background-color:#3574a5;}
#NavCatalogDropDown .NavViewAllLetter {float:right;color:#ffffff; width:50px; height:16px; font-weight:bold;}
#NavCatalogDropDown a.NavViewAllLetter {color:#ffffff; padding: 2px 0px 2px 0px;}
#NavCatalogDropDown a.NavViewAllLetter:hover {background-color:#3574a5;}
.hidden {display:none; visibility: hidden}
.displayed {display:block; visibility: visible}

#NavSearch {position:relative;float:left;z-index:5;}
.TerritoryDropDown {font-size:8pt;}

/* Asset Cart */
#AssetCartLayer {width:240px; height:20px; margin: 6px 0px 0px 0px;}
#AssetCartIcon {float:left; width:17px; height:15px; margin: 2px 3px 0px 0px;}
#AssetCartRollup {float:left; width:216px; height:20px; background-image:url(../images/navigation/bg_asset_rollup.gif)}
#AssetCartText {float:left; margin:3px 0px 0px 3px; width: 115px; height: 15px; text-align:center; overflow:hidden;}
#AssetCartButton {float:right; width:89px; height:18px; margin: 1px 1px 0px 0px;}

/* Navigation Search */
.SearchLabel {float:left;padding:3px 0px 0px 10px; color:#ffffff; font-size:8pt;}
#SearchNavButton {float:left; position:relative; z-index:5; height:22px; width:80px;}
.SearchBox {float:left; font-size:8pt;color:#25427c; width:80px; border-color: #666666; padding: 1px 4px 0px 4px;}
.SearchButton {position:relative; float:left; width:97px; padding-left:10px;}
a.AdvancedSearchLink {color:#99ccff;}


/* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */ 
/* See WhitePaper.aspx for details. */

ul.AspNet-Menu {position: relative;}
ul.AspNet-Menu, 
ul.AspNet-Menu ul {margin: 0; padding: 0; display: block;}
ul.AspNet-Menu li {position: relative; list-style: none; float: left; }
ul.AspNet-Menu li a,
ul.AspNet-Menu li span {display: block; text-decoration: none;}
ul.AspNet-Menu ul{position: absolute;visibility: hidden; }

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul {visibility: hidden;}


/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul{visibility: visible;}
.AspNet-Menu-Vertical ul.AspNet-Menu li {width: 100%;}

/* Navigation Menu */
.NavOuter {float:left;width:100%;cursor:pointer;}
.NavButtonLeft_off {float:left; width:3px; height:22px; background-image:url(../images/global/bg_nav_button_left.gif);}
.NavButtonIcon_off {float:left; width:28px; height:22px; background-image:url(../images/global/bg_nav_button_more_icon.gif); }
.NavButtonRight_off {float:left; width:3px; height:22px; background-image:url(../images/global/bg_nav_button_right.gif);}

.NavOnState { position:relative;width:105%; top:-22px; cursor:pointer;} /* The Drop down menu contains the onstate */
.NavButtonLeft_on {float:left; width:3px; height:22px; background-image:url(../images/global/bg_nav_button_left_on.gif);}
.NavButtonIcon_on {float:left; width:28px; height:22px; background-image:url(../images/global/bg_nav_button_more_icon_on.gif);}
.NavButtonRight_on {float:left; width:3px; height:22px; background-image:url(../images/global/bg_nav_button_right_on.gif);}

.NavButtonMiddle_off {float:left; height:22px; background-image:url(../images/global/bg_nav_button_middle.gif); font-size:8pt; font-weight:bold; padding: 4px 15px 0px 10px; color:#25427c;height:18px;}
.NavButtonMiddle_on {float:left; height:22px; background-image:url(../images/global/bg_nav_button_middle_on.gif);font-size:8pt; font-weight:bold; padding: 4px 15px 0px 10px; color:#25427c;height:18px;}

/* NavButton is now depricated */
.NavButton ul {width:100%;} /* Tier 1 */
.NavButton ul ul {width: 195px; top: 100%; left: 0px;} /* Tier 2 */
.NavButton ul ul ul {top:0px;left:100%;} /* Tier 3 */

.NavButton li {width:100px; height:22px;} /* All List Items */
.NavButton li a:hover { text-decoration:none; background:#3574a5; background-image:url(../images/global/bg_nav_button_highlight.gif)} /* List Items with Hover */

.NavButton a, 
.NavButton span {font-size:8pt; font-weight:bold; padding: 4px 0px 0px 5px; color:#25427c;height:18px; background-image:url(../images/global/bg_nav_button_middle.gif); float:left; width:75%;} /* 1st Tier List  */

.NavButton ul li ul li a, 
.NavButton ul li ul li span {font-weight:normal;}  /* 2nd+ Tier List  */


.NavButton li.AspNet-Menu-Hover a, 
.NavButton li.AspNet-Menu-Hover span {background:#fec994;height:18px; background-image:url(../images/global/bg_nav_button_middle_on.gif);} /* Set Parent Rollover State */

.NavButton li.AspNet-Menu-Hover li a,
.NavButton li.AspNet-Menu-Hover li span {color:#ffffff; background:#226090;} /* Set Child Rollover State */

/* /NavButton is now depricated */




.NavDropDown ul.AspNet-Menu /* Tier 1 */
{width: 98%; left:1px; top:-22px;} /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */


.NavDropDown ul.AspNet-Menu ul  /* Tier 2 */
{width: 6em; top: 100%; left: 0;}

.NavDropDown ul.AspNet-Menu ul ul  /* Tier 3+ */
{top: -0.5em; left: 6em;}

.NavDropDown li /* all list items */
{width: 6em; background: #226090;}

.NavDropDown li:hover, /* list items being hovered over */
.NavDropDown li.AspNet-Menu-Hover
{background: #3574a5;}

.NavDropDown a, /* all anchors and spans (nodes with no link) */
.NavDropDown span
{color: #ffffff; padding: 4px 2px 4px 8px; border:1px solid #226090; background: transparent url(arrowRight.gif) right center no-repeat;}

.NavDropDown li.AspNet-Menu-Leaf a, /* leaves */
.NavDropDown li.AspNet-Menu-Leaf span
{ background-image: none !important; }

.NavDropDown li:hover a, /* hovered text */
.NavDropDown li:hover span,
.NavDropDown li.AspNet-Menu-Hover a,
.NavDropDown li.AspNet-Menu-Hover span,
.NavDropDown li:hover li:hover a,
.NavDropDown li:hover li:hover span,
.NavDropDown li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.NavDropDown li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.NavDropDown li:hover li:hover li:hover a,
.NavDropDown li:hover li:hover li:hover span,
.NavDropDown li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.NavDropDown li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{color: White;  border-top:solid 1px #4e8dbe; border-bottom: solid 1px #4e8dbe; background: transparent url(activeArrowRight.gif) right center no-repeat;}

.NavDropDown li:hover li a, /* the tier above this one is hovered */
.NavDropDown li:hover li span,
.NavDropDown li.AspNet-Menu-Hover li a,
.NavDropDown li.AspNet-Menu-Hover li span,
.NavDropDown li:hover li:hover li a,
.NavDropDown li:hover li:hover li span,
.NavDropDown li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.NavDropDown li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{color: Black; background: transparent url(arrowRight.gif) right center no-repeat;}

.NavDropDown .AspNet-Menu-Selected /* this tier is selected */
{border: solid 1px #00ff00 !important;}

.NavDropDown .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{border: solid 1px #ff0000 !important;}

.NavDropDown .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{border: solid 1px #0000ff !important;}




/* Tables */
.DataResultsTable {font-size:8pt;border-style:none;border-left-style:none; border-right-style:none;border:none; margin: 0px 0px 0px 0px; }
.DataResultsTable tr { border:none 0px white; }
.DataResultsTable td { border:none 0px white;  vertical-align:top;}
.DataResultsTable th { border:none 0px white; }
.DataResultsTable .InnerCell { width:auto; border-top:solid 1px #cccccc; padding: 5px 5px 5px 5px;  margin: 0px 3px 0px 3px;}


/* Pagination for DataResults.dll */

td.DataResults_PaginationCell {border:none;}
.DataResults_PagerTable {width:100%}
.DataResults_Pagination {width:300px; float:left; height:27px; vertical-align:top;}
.DataResults_PagerButtonCell    {height:27px; vertical-align:top; text-align:left}
.DataResults_ViewTypeCell {vertical-align:top; text-align: right}
.DataResults_ViewTypeCell img {vertical-align:middle;}
.DataResults_ViewTypeCell a {vertical-align:middle; top:-6px; padding: 0px 4px 0px 2px;}
.DataResults_ResultsPerPageCell,.DataResults_JumpToPagerCell  
    {height:27px; vertical-align:top; text-align: right }
.DataResults_ResultsPerPageCell span,.DataResults_JumpToPagerCell span
    {font-weight:bold; }
.DataResults_PageButton {float:left; width:22px; height:18px; text-align:center; padding-top:4px; margin-right:1px; background-image:url(../images/global/bg_pagebutton.gif); background-repeat:no-repeat; background-position: left top;}
.DataResults_PageButtonSelected {color:black; border:solid 1px black; float:left; width:22px; height:16px; text-align:center; padding-top:4px; margin-right:1px; background-image:url(../images/global/bg_pagebutton.gif); background-repeat:no-repeat; background-position: left top;}
.DataResults_PageButtonSelected a {color:black;}

/*ajax dropdown */
.DataResults_ContextMenuPanel {border: 1px solid #868686;z-index: 1000;	background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;cursor: default;padding: 1px 1px 0px 1px;font-size: 11px;}
.DataResults_ContextMenuBreak   {margin:1px 1px 1px 32px;padding:0;height:1px;overflow:hidden;display:block;border-top: 1px solid #C5C5C5;	}
a.DataResults_ContextMenuItem   {margin: 1px 0 1px 0;display: block;color: #003399;text-decoration: none;cursor: pointer;	padding: 4px;white-space: nowrap;}
a.DataResults_ContextMenuItem-Selected  {font-weight: bold;}
a.DataResults_ContextMenuItem:hover {background-color: #FFE6A0;color: #003399;border: 1px solid #D2B47A;padding: 3px;}
.DataResults_AjaxDropDownField  {display:inline-block;background-color:White;border-width:2px;border-style:Inset;padding-right:10px;text-align:center;}


/* Asset Cart Popup  */
.CartPopup {float:left; z-index:100; display: none; position:relative; top:38px; left:610px; width:330px; height: 122px; }
//.CartPopup div {border: solid 1px red;}

#CartBlockAnimation {position:relative; display:block;z-index: 2; float:left; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }

.CartPointer {visibility:hidden; z-index:100; font-size:0px; position:relative; float:left; position:relative; top:2px; width:325px; height:9px; padding:0px; margin:0px; background-image:url(../images/cart/ico_angle_up.gif); background-position:center top; background-repeat:no-repeat;}
.CartOuterBorder {z-index:99; position:relative; float:left; width:320px; height:120px; border:solid 1px #858585; background-color:#ffffff;}
.CartHeader {float:left; height:22px; border:solid 1px #ffffff; background-image:url(../images/cart/bg_header.gif); background-repeat:repeat-x; width:318px;}
.CartHeaderText {float:left; padding:4px 4px 4px 4px; color: #990000; font-size:8pt; font-weight:bold; }
.CartClose {float:right; padding:4px 4px 4px 4px;}
.CartBody {float:left; padding: 5px 5px 5px 5px;}

.CartThumbnail {float:left; border:solid 1px #dcdcdc; width:80px; height:80px; text-align:center;}
.CartText {float:left;width:205px; height:80px; padding:0px 10px 0px 10px;}
.CartTextTitle {font-size:8pt; font-weight:bold; clear:both; padding:5px 0px 10px 0px;}
.CartTextDescription {font-size:8pt; clear:both;}

.CartPopupShadowRight {z-index:98; float:left; position:relative; top:5px; width:4px; height: 122px; font-size:0px; background-color:#bebebe;}
.CartPopupShadowBottom {z-index:98; float:left; clear:both; position:relative; top:0px; left:5px; width:320px; height: 5px; font-size:0px; background-color:#bebebe;}

/*Thumbnail border and centering */
.ImageBorder {float:left; display:table; position: relative; width:80px; height:80px; }
.ImageBorder[class] {display:table; position:static;} /*mozilla*/
.ImageOuter {position: absolute; display: table-cell; vertical-align: middle; }
.ImageOuter[class] {display: table-cell; vertical-align: middle; position: static;} /*mozilla*/
.ImageInner {position: relative; width:80px; margin-left:auto;margin-right:auto; text-align:center; }


/* AJAX Calendar */
.ajax__calendar_years
{
    z-index: 1;
    background-color: White;
}

.ajax__calendar_months
{
    z-index: 2;
    background-color: White;
}

.ajax__calendar_days
{
    z-index: 3;
    background-color: White;
}