/****************** Defualt Classic Skin ********************/ /*BACKGROUND COLOR CHANGE:UPDATE THE HEXADECIMAL VALUE OF THE FOLLOWING ATTRIBUTE background-color:#081c82;*/ body { margin:0px; background-image:url(http://app.slynth.com/SkinTemplates/6/NewBg.png); background-position:top; background-repeat:repeat-x; background-color:#081c82; font-family:Trebuchet MS;font-size:11px;font-weight:normal;color:#404040; } td { font-size:11px;color:#404040; font-family:Trebuchet MS; } p { font-size:11px;margin:0px 0px 12px; color:#404040;line-height:14px;font-family:Trebuchet MS;text-align:left } a:link { color:#081c82;font:normal 11px Trebuchet MS;text-decoration:underline; } a:visited { color:#081c82;font:normal 11px Trebuchet MS;text-decoration:underline; } a:active { color:#081c82;font:normal 11px Trebuchet MS;text-decoration:underline; } a:hover { color:#999999;font:normal 11px Trebuchet MS;text-decoration:underline; } input { font:normal 11px Trebuchet MS; } select { font:normal 11px Trebuchet MS; } /*SUB HEADER TITLES - LEFT COLUMN - BROWSE PAGE - HEXADECIMAL VALUE TO UPDATE: background:#081c82*/ .SubHdr1{background:#081c82 url(http://app.slynth.com/SkinTemplates/6/BgSubHeader.png); color: #FFFFFF; font: bold 12px/20px Trebuchet MS; padding: 2px 3px 0 5px; text-decoration: none; text-transform: capitalize;} /*SUB HEADER TITLES - BROWSE PAGE HEXADECIMAL VALUE TO UPDATE: background:#081c82*/ .SubHdr2{ background:#081c82 url(http://app.slynth.com/SkinTemplates/6/BgSubHeader.png); padding:4px 4px 4px 4px; font:bold 12px Trebuchet MS; color:#FFFFFF;} .SubHdr2 a:link{font:bold 12px Trebuchet MS; color:#FFFFFF; text-decoration:none; text-transform:capitalize;} .SubHdr2 a:active{font:bold 12px Trebuchet MS; color:#FFFFFF; text-decoration:none; text-transform:capitalize;} .SubHdr2 a:visited{font:bold 12px Trebuchet MS; color:#FFFFFF; text-decoration:none; text-transform:capitalize;} .SubHdr2 a:hover{font:bold 12px Trebuchet MS; color:#FFFFFF; text-decoration:none; text-transform:capitalize;} /*TOP HEADERS CONTAINERS - HEXADECIMAL VALUE TO UPDATE: background:#081c82*/ .Hdr1 { background:#081c82 url(http://app.slynth.com/SkinTemplates/6/HeaderBgWhite.png);height:25px; padding:0px 5px 0px 5px; font:bold 12px Trebuchet MS; color:#FFFFFF; text-transform:uppercase; line-height:25px;} .Hdr1 table tr{background:#081c82 url(http://app.slynth.com/SkinTemplates/6/HeaderBgWhite.png);height:25px;} .Hdr1 table tr td{ padding:0px 5px 0px 5px;font:bold 12px Trebuchet MS; color:#FFFFFF; text-transform:uppercase; line-height:25px;border:none;} /*TOP HEADERS CONTAINERS - RIGHT SECTION HEXADECIMAL VALUE TO UPDATE: background:#081c82*/ .Hdr1Btn {background:#081c82 url(http://app.slynth.com/SkinTemplates/6/HeaderBgWhite.png);height:25px;padding:0px 5px 0px 5px;} .Hdr1Btn td { padding:0 2px 0 2px; } /*BROWSER PAGE - RIGHT COLUMN - Download Cart and Recent Updates Container HEXADECIMAL VALUE TO UPDATE: background:#000000*/ .PanelSubTitle {background-color:#000000;} .PanelSubTitle td {color:#cccccc;font-weight:bold;padding:2px 5px 2px 5px; } /*PAGINATION CONTROL BACKGROUND - HEXADECIMAL VALUE TO UPDATE: background:#081c82*/ .PageEndRow { background:#081c82 url(http://app.slynth.com/SkinTemplates/6/BgPagination.png); padding:0px 4px;} /*PAGINATION CONTROL - Text Links - HEXADECIMAL VALUE TO UPDATE: color:#FFF;*/ .PageEndRow #PagingLayer {font:bold 12px Trebuchet MS; color:#FFF;} .PageEndRow #PagingLayer a:link{font:normal 12px Trebuchet MS; color:#FFF; text-decoration:underline} .PageEndRow #PagingLayer a:active{font:normal 12px Trebuchet MS; color:#FFF;text-decoration:underline} .PageEndRow #PagingLayer a:visited{font:normal 12px Trebuchet MS; color:#FFF;text-decoration:underline} .PageEndRow #PagingLayer a:hover{font:normal 12px Trebuchet MS; color:#DBDBDB;text-decoration:underline} .PlayerContainer{} .TabContainer{padding: 0px 0 0px 0; } .HeaderBottomBg{padding:5px 5px 5px 0;} .HeaderBottomBg table tr td{font:normal 14px Trebuchet MS; color:#FFF; text-transform:uppercase} /*SEARCH BUTTON - HEXADECIMAL VALUE TO UPDATE: background-color:#DFE4E8; color:#31353B !important;*/ .BtnSearch{background-image:url(http://app.slynth.com/SkinTemplates/6/BtnGoNew.png);width:25px; height:19px; display:block; background-color:#222222;font:bold 11px Trebuchet MS !important;color:#31353B !important; line-height:18px !important; padding:0px 0px; background-repeat:no-repeat; text-align:center; text-decoration:none !important} .BtnSearch:hover{color:#fff;text-decoration:underline;font:bold 12px Trebuchet MS;color:#31353B; line-height:18px;} #TrackListLayer{background-color:#fff;} /*TOP HEADER NAV - BROWSE PAGE - HEXADECIMAL VALUE TO UPDATE: color:#fff;(Letters'Color)*/ .BackgroundBanner{background-image:url(http://app.slynth.com/SkinTemplates/6/TopBgBanner.png); width:870px; height:80px; background-repeat:no-repeat;} .TopLinks tr td{color:#fff;font:bold 11px Trebuchet MS; text-transform:capitalize} .TopLinks tr td a:link{color:#fff;text-decoration:none;font:bold 11px Trebuchet MS;text-transform:capitalize} .TopLinks tr td a:active{color:#fff;text-decoration:none;font:bold 11px Trebuchet MS;text-transform:capitalize} .TopLinks tr td a:visited{color:#fff;text-decoration:none;font:bold 11px Trebuchet MS;text-transform:capitalize} .TopLinks tr td a:hover{color:#fff;text-decoration:underline;font:bold 11px Trebuchet MS;text-transform:capitalize} /*BUTTON PLAYLIST - HEXADECIMAL VALUE TO UPDATE:background-color:#081c82; */ .LeftColumnbtn{background-image:url(http://app.slynth.com/SkinTemplates/6/BtnLeftColumn.png); background-color:#081c82; width:90px; height:15px; display:block; text-align:center; font:bold 10px Trebuchet MS !important;line-height:15px !important; color:#ffffff !important; text-decoration:none !important} /*SELECTED CELL - HEXADECIMAL VALUE TO UPDATE: background-color:#081c82*/ .SelectedCell{ border:solid 1px #000000; background-color:#081c82} .SelectedLabel{ background-color:#31353B;padding-left:2px;font-weight:bold;color:#ffffff;} .TitleLabel{font-size:13px;} .RowActions td{border-top:dotted 1px #C0C0C0;} .ButtonSm{ padding:2px 5px 2px 10px; } .ButtonSm a:link{color:#ffffff;text-decoration:underline;font:bold 10px Trebuchet MS;text-transform:capitalize} .ButtonSm a:active{color:#ffffff;text-decoration:underline;font:bold 10px Trebuchet MS;text-transform:capitalize} .ButtonSm a:visited{color:#ffffff;text-decoration:underline;font:bold 10px Trebuchet MS;text-transform:capitalize} .ButtonSm a:hover{color:#ffffff;text-decoration:none;font:bold 10px Trebuchet MS;text-transform:capitalize} /*TRACK FOUND CONTAINER - HEXADECIMAL VALUE TO UPDATE:background-color:#081c82;*/ .RightColumnbtn{background-image:url(http://app.slynth.com/SkinTemplates/6/BtnLeftColumn.png); background-color:#081c82; width:90px; height:15px; display:block; text-align:center; font:bold 10px Trebuchet MS !important;line-height:15px !important; color:#fff !important; text-decoration:none !important} /*LOGIN LINK TEXT - LOCATED ON THE TOP HEADER SECTION - HEXADECIMAL VALUE TO UPDATE: color:#fff !important;*/ .LoginLink{font:bold 11px Trebuchet MS !important;text-transform:capitalize; color:#fff !important; text-decoration:none !important} /*CRUMBING LINK SECTION - LOCATED IN "MY ACCOUNT" PAGE BELOW TOP HEADER SECTION - HEXADECIMAL VALUE TO UPDATE:color:#F7F9FA;*/ .Crumb{ font-weight:bold;color:#F7F9FA;padding:0px 0px 0px 12px;font-size:12px;background-image: url(http://app.slynth.com/SkinTemplates/6/Arrow1.png);background-repeat:no-repeat; valign:middle;line-height:12px;} /*BUTTON SMALL USED FOR "EDIT", "SAVE", "CANCEL" - HEXADECIMAL VALUE TO UPDATE:color:#F7F9FA;*/ .BtnSmall{background: #081c82 url(http://app.slynth.com/SkinTemplates/6/BtnSmall.png); width:56px; height:15px;display:block;text-align:center; font:bold 10px Trebuchet MS !important;line-height:15px !important; color:#fff !important; text-decoration:none !important} /*PANEL TITLE - HEXADECIMAL VALUE TO UPDATE:color:#081c82;*/ .PanelTitle {background: url(http://app.slynth.com/SkinTemplates/6/HeaderBgWhite.png) repeat scroll 0 0 #081c82; color: #FFFFFF; font: bold 12px/25px Trebuchet MS; height: 25px; padding: 0 5px; text-transform: uppercase;} /*PAGINATION REPORT TABLES - HEXADECIMAL VALUE TO UPDATE IN .PagingRow td:color:#081c82; HEXADECIMAL VALUE TO UPDATE IN ..PagingRow td a:color:#fff;*/ .PagingRow {} .PagingRow td {background: url(http://app.slynth.com/SkinTemplates/6/BgPagination.png) repeat scroll 0 0 #081c82;padding: 0 4px; } .PagingRow td span{ color: #FFFFFF;font: bold 12px Trebuchet MS;} .PagingRow td a{color: #FFFFFF ;font: bold 12px Trebuchet MS; text-decoration:none} .PagingRow td a:link{color: #FFFFFF ;font: bold 12px Trebuchet MS; text-decoration:none} .PagingRow td a:active{color: #FFFFFF;font: bold 12px Trebuchet MS; text-decoration:none} .PagingRow td a:visited{color: #FFFFFF;font: bold 12px Trebuchet MS; text-decoration:none} .PagingRow td a:hover{color: #FFFFFF;font: bold 12px Trebuchet MS; text-decoration:underline} /*TABS MY ACCOUNT - HEXADECIMAL VALUE TO UPDATE .TabActive:background:#081c82; .N:background:#2E3035 .A:background:#081c82 */ .TabActive{background:#081c82 url(http://app.slynth.com/SkinTemplates/6/BgTab.png); background-repeat:no-repeat;width:80px; height:22px; display:block;color: #FFFFFF !important;font: bold 11px Trebuchet MS !important; text-align:center; text-decoration:none !important;margin:0px 1px;} .N{background:#2E3035 url(http://app.slynth.com/SkinTemplates/6/BgTab.png); background-repeat:no-repeat;width:80px; height:22px;display:block;color: #FFF!important;font: bold 11px Trebuchet MS !important; text-align:center;text-decoration:none !important;margin:0px 1px;} .A{background:#081c82 url(http://app.slynth.com/SkinTemplates/6/BgTab.png); background-repeat:no-repeat;width:80px; height:22px; display:block;color: #FFFFFF !important;font: bold 11px Trebuchet MS !important; text-align:center; text-decoration:none !important;margin:0px 1px;} .VBorder { background:#0B0E15 url(http://app.slynth.com/SkinTemplates/6/DividerVertical.png); width:1px; } .HBorder { background:#0B0E15 url(http://app.slynth.com/SkinTemplates/6/BottomBorder.png);width:1px; } /*MY ACCOUNT - BODY CONTENT BACKGROUND*/ .ContentBg{background-color:#fff;} /*REZPRO LOGIN PAGE - HEXADECIMAL VALUE TO UPDATE:background-color:#081c82; */ .Loginbtn{background-image:url(http://app.slynth.com/SkinTemplates/6/BtnLeftColumn.png); background-color:#081c82; width:90px; height:15px; display:block; text-align:center; font:bold 11px Trebuchet MS !important;line-height:15px !important; color:#ffffff !important; text-decoration:none !important} .LogoWrapper{width:290px;padding:3px 3px; text-align:center} /************************ SEARCH APPLICATION INTERFACE **************************/ .LogoContainer { background:#000000 url(http://app.slynth.com/SkinTemplates/6/PlayerLeft3.jpg) top right no-repeat; } .PopupContainer { background-image:url(http://app.slynth.com/SkinTemplates/6/PopupBg.gif);padding:0 5px 0 5px;height:120px; } .TabContainer { /*background:url(http://app.slynth.com/SkinTemplates/6/PlayerRightBg.jpg) top left repeat-x;*/padding: 0px 0 0px 0; } .LogOut { text-align:right;padding: 0 5px 6px 0; } .PageTitle { padding-bottom:5px; } .SearchText { padding:0 4px 0 4px; } .SearchText input { margin:0px;border:none;border-top: solid 1px #000000;border-left: solid 1px #000000;width:135; } .VBorder { background:#000000 url(http://app.slynth.com/SkinTemplates/6/DividerVertical.png); width:1px; } .HBorder { background:#000000 url(http://app.slynth.com/SkinTemplates/6/BottomBorder.png);width:1px; } .Hdr1Text { background:#081c82 url(http://app.slynth.com/SkinTemplates/6/HeaderBgWhite.png);padding: 3px 0px 2px 5px;border-bottom:solid 1px #667385; color:#ffffff; font-weight:bold; font-family: arial, verdanan, sans-serif;font-size:13px;} .SubHdr2Search { background:#000000 url(http://app.slynth.com/SkinTemplates/6/Subhead2Bg.gif);padding:1px 2px 1px 2px;border-bottom:solid 1px #667385;border-top:solid 1px #99A2AD; } .ResultNum { color:#FFFFFF;font-weight:bold;font-size:13px;line-height:13px;padding-left:3px; } .CriteriaDown { margin:0px;border:none;width:137; } .CriteriaSelect { margin:0px;border:none;width:140; } .TreeContainerSelected { background-color:#F8F8F9;padding:0 4px 0 4px; } .TreeContainerUnselected { background-color:#FFFFFF;padding:0 4px 0 4px; } .SelectedStretch { background-image:url(http://app.slynth.com/SkinTemplates/6/treeimages/i.gif); } .SelectedCell { border:solid 1px #99A2AD; } .SelectedLabel { background-color:#081c82;padding-left:4px;font-weight:bold;color:#FFFFFF; } .SelectedNameText { font-size:10px;width:90px;margin:2px;padding:2px; } .LogoTop { background:url(http://app.slynth.com/SkinTemplates/6/LgTop.jpg) top left repeat-x;height:10px; } .LogoCtr { background-color:#FFFFFF;height:74px;padding-left:2px;paddng-right:2px; } .LogoBtm { background:url(http://app.slynth.com/SkinTemplates/6/LogoBtm.jpg) top left repeat-x;height:15px; } #FtrBg { background:url(http://app.slynth.com/SkinTemplates/6/AltFtrBg.jpg) top left repeat-x;height:49px; } #IndexLogo { background-color:#FFFFFF;height:62px; } #LTBorder { background:#FFFFFF url(http://app.slynth.com/SkinTemplates/6/LT.gif) top left repeat-x; } #LBBorder { background:#FFFFFF url(http://app.slynth.com/SkinTemplates/6/LB.gif) top left repeat-x; } #LLBorder { background:#FFFFFF url(http://app.slynth.com/SkinTemplates/6/LL.gif) top left repeat-y; } #LRBorder { background:#FFFFFF url(http://app.slynth.com/SkinTemplates/6/LR.gif) top left repeat-y; } /* DIV POP UP LAYER */ .LayerBG {background-color:#E1ECF4;border:solid 1px #273D98;width:400px;} .LayerBold {font-family:Trebuchet MS; font-size:11px; font-weight:bold; color:#273D98;padding:1px 1px 1px 5px;} .LayerNormal {font-family:Trebuchet MS; font-size:11px; font-weight:normal; color:#273D98;padding:1px 1px 1px 1px;;} .wrap1, .wrap2, .wrap3 { display:inline-table; } .wrap1 { float:left; background:url(http://app.slynth.com/SkinTemplates/6/shadow.gif) right bottom no-repeat;} .wrap2 {background:url(http://app.slynth.com/SkinTemplates/6/corner_bl.gif) left bottom no-repeat;} .wrap3 {padding:0 6px 6px 0; background:url(http://app.slynth.com/SkinTemplates/6/corner_tr.gif) right top no-repeat;} /* Panel Formatting */ .PanelContainer { background-color:#FFFFFF; } .PanelContainerEdit { background-color:#F7F7F8; } .PanelTitleButton { background:#081c82 url(http://app.slynth.com/SkinTemplates/6/Subhead2Bg.gif);padding:4px 0 4px 1px;border-bottom:solid 1px #667385;border-top:solid 1px #99A2AD;font-weight:bold; color: #ffffff;} .PanelTitleCap { background:#081c82 url(http://app.slynth.com/SkinTemplates/6/TopCorner.gif) top left no-repeat;border-bottom:solid 1px #667385; } .PanelSubTitle2 { background-color:#EEE; } .PanelSubTitle2 td { border-top:solid 1px #4F6978;color:#333;font-weight:bold;padding:2px 5px 2px 5px; } .PanelSubTitle3 { background-color:#F3F4F6; } .PanelSubTitle3 td { border-top:solid 1px #99A2AD;color:#000000;font-weight:normal;padding:5px; } .PanelWhiteSubTitle { background-color:#FFFFFF; } .PanelWhiteSubTitle td { border-bottom:solid 1px #99A2AD;border-top:solid 1px #99A2AD;color:#011972;font-weight:bold;padding:2px 5px 2px 5px; } .PanelWhiteSubTitle2 { background-color:#FFFFFF; } .PanelWhiteSubTitle2 td { border-top:solid 1px #4F6978;color:#011972;font-weight:bold;padding:2px 5px 2px 5px; } .PanelWhiteSubTitle3 { background-color:#FFFFFF; } .PanelWhiteSubTitle3 td { border-top:solid 1px #4F6978;color:#000000;font-weight:normal;padding:5px; } .MusicSelectionType { background-color:#F3F4F6;border-top:solid 1px #4F6978;border-bottom:solid 1px #4F6978;color:#000000;font-weight:normal;padding:5px; } .SortRow { background-color:#EEE; } .SortRow td { border-bottom:solid 1px #99A2AD;border-top:solid 1px #99A2AD;color:#333;font-weight:bold;padding:2px 5px 2px 5px; } .SortRow td a:link { font-weight:bold; } .SortRow td a:visited { font-weight:bold; } .SortRow td a:active { font-weight:bold; } .SortRow td a:hover { font-weight:bold; } .OddRow { background-color:#FFFFFF; } .EvenRow { background-color:#F3F4F6; } .ButtonRow { background-color:#EDEDEF; } .ButtonRow td { padding:2px 5px 2px 5px;border-top:solid 1px #99A2AD; } .PanelCellBold { color: #000000;font-size: 11px;font-weight: bold;padding:2px 4px 1px 4px; } .PanelCellLeft { border-right: solid 1px #99A2AD;color: #333333;font-size: 11px;font-weight: normal;padding:2px 4px 1px 4px; } .PanelCellLeftBold { border-right: solid 1px #99A2AD;color: #333333;font-size: 11px;font-weight: bold;padding:2px 4px 1px 4px; } .PanelCellRight { color: #333333;font-size: 11px;font-weight: normal;padding:2px 4px 1px 4px; } .PanelCellRightBold { color: #333333;font-size: 11px;font-weight: bold;padding:2px 4px 1px 4px; } .PanelCellNeutral { color: #333333;font-size: 11px;font-weight: normal;padding:2px; } .PanelCellNeutralBold { color: #333333;font-size: 11px;font-weight: bold;padding:2px; } .ButtonDiv td { padding-bottom:1px; } .NoResults { border-top:solid 1px #99A2AD;background-color:#EDEDEF;padding:2px 5px 2px 5px; } /* Forms */ .FormLabel { font-weight:bold;padding:2px 5px 2px 5px;text-align:right; } .FormLabelL { font-weight:bold;padding:2px 5px 2px 5px; } .FormElement { padding:1px 0 1px 0; } /* Addresses */ .Zip { WIDTH: 90px } .State { WIDTH: 50px } .LogIn { WIDTH: 170px } .Comments { WIDTH: 445px } /********************************** REGISTER ***********************************/ .RegistrationPages { BACKGROUND: url(http://app.slynth.com/SkinTemplates/6/LogInBg.jpg) #32158c repeat-x right top } .RegisterHeader { background:#F9FBFA url(http://app.slynth.com/SkinTemplates/6/RegisterBg.jpg); } .RegisterContent { padding:0 10px 10px 10px;background-color:#FFFFFF; } .RegsisterTitle { color:#032884;font-weight:bold;font-size:17px;margin:16px 0 4px 0; } .SignUpSquare { background:#f2f2f2;border:solid 1px #032884;padding:3px 10px 3px 10px;} /************************************ USERS ************************************/ .LoginName { font-weight:bold;color:#AD362DPanelSubTitle2; } /********************************* CONTACT FORM *********************************/ .ContactArea { padding-left:5px; background-color:#ffffff; } .ContactFormArea { padding-left:5px;background:#F9F9F9; } .ContactArea p { font-weight:bold;margin:4px 0 4px 0;line-height:13px;color:#404040; } .ContactTitle { color:#011972 } .SupportPageContent { padding:25px; background-color:#ffffff; } /******************************** REPORTS **************************************/ a.ReportTitle:link { font-weight:bold;font-size:12px; } a.ReportTitle:visited { font-weight:bold;font-size:12px; } a.ReportTitle:active { font-weight:bold;font-size:12px; } a.ReportTitle:hover { font-weight:bold;font-size:12px; } /* Popout Menu */ #dhtmlPopUpMenu{ position: absolute; background-color: white; border-color: black; border-width: 2px; visibility: hidden; z-index: 100; width:150px; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);} /*ADD TO CART BACKGROUND - HEXADECIMAL VALUE TO UPDATE:background:#081c82;*/ #dhtmlPopUpMenu p { font:bold 11px/16px Trebuchet MS; display:block; border-width:1px; border-style:solid; border-color:#2E3035; white-space:nowrap; margin:0; padding:1px 3px; color:#FFF; background:#081c82 url(http://app.slynth.com/SkinTemplates/6/Subhead2Bg.gif); text-decoration:none;} #dhtmlPopUpMenu a { font:bold 11px/16px Trebuchet MS; display:block; border-width:1px; border-style:solid; border-color:#060 #888 #555 #bbb; white-space:nowrap; margin:0; padding:1px 3px; color:#000; background:#F4F3F3; text-decoration:none;} #dhtmlPopUpMenu a:hover{ color:#ffffff; background:#2E3035;} #dhtmlPopUpMenu a:active{ color:#ffffff; background:#051D74;} #dhtmlPopUpMenu ul{ list-style:none; margin:0; padding:0; width:100%;} /* Requirement: Put the element selector name (div) onto non anchor hover selectors to force IE5 and 5.5 to correctly apply the csshover file. */ div#dhtmlPopUpMenu li, div#dhtmlPopUpMenu li:hover{ position:relative;} div#dhtmlPopUpMenu li ul{ position:absolute; left:100.1%; display:none;} div#dhtmlPopUpMenu ul ul, div#dhtmlPopUpMenu ul ul ul, div#dhtmlPopUpMenu ul li:hover ul ul, div#dhtmlPopUpMenu ul li:hover ul ul ul {display:none;} div#dhtmlPopUpMenu ul li:hover ul, div#dhtmlPopUpMenu ul ul li:hover ul, div#dhtmlPopUpMenu ul ul ul li:hover ul {display:block;} .PlayListShare { width: 100%; border:solid 1px #273D98; background-color:#FFFFFF;} .PlayListShare p { font:bold 11px/16px Trebuchet MS; display:block; border-width:1px; border-style:solid; border-color:#CCD0D6 #667385 #33455C #99A2AD; white-space:nowrap; margin:0; padding:1px 3px; color:#21378C; background:#FFFFFF url(http://app.slynth.com/SkinTemplates/6/Subhead2Bg.gif); text-decoration:none;} .PlayListShare td { font:bold 11px/16px Trebuchet MS; padding:1px 3px; background:#FFFFFF white-space:nowrap; text-decoration:none; color:#21378C;} .CompositionDetailBG { visibility:hidden; z-index: 100; position:absolute; background-color:#ffffff; color:#999999; border:solid 1px #273D98; width:400px; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);} .CompositionDetaiBold { font-family:Trebuchet MS; font-size:11px; font-weight:bold; color:#273D98;padding:1px 1px 1px 5px;} .CompositionDetaiNormal { font-family:Trebuchet MS; font-size:11px; font-weight:normal; color:#273D98;padding:1px 1px 1px 1px;;} /************************************ USERS ************************************/ .LoginName { font:normal 14px Trebuchet MS;color:#050570; } /******************************** REPORTS **************************************/ a.ReportTitle:link { font:bold 13px Trebuchet MS; text-decoration:none } a.ReportTitle:visited { font:bold 13px Trebuchet MS; text-decoration:none} a.ReportTitle:active { font:bold 13px Trebuchet MS;text-decoration:none } a.ReportTitle:hover { font:bold 13px Trebuchet MS; text-decoration:underline} /* End non-anchor hover selectors */ /* Account List Menu */ #divTabAllAccounts{ position: absolute; top: 59px; background-color: white; border:solid 2px #2E3035; visibility: hidden; z-index: 101; width:190px; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);} #divTabAllAccounts p { font:bold 11px Trebuchet MS; display:block; white-space:nowrap; margin:0; padding:1px 3px; color:#666; background:#FFFFFF; text-decoration:none; padding-top:5px; height:15px; border-bottom: solid #333 1px;} #divTabAllAccounts .select{ font:bold 11px Trebuchet MS; color:#FFF; padding:4px 3px;} #divTabAllAccounts a { font:bold 11px Trebuchet MS; display:block; border-width: 0px, 1px, 1px, 1px; white-space:nowrap; margin:0; padding:4px 3px; color:#FFF; background:#2E3035; text-decoration:none;} #divTabAllAccounts a:hover{ color:#FFF; background:#081c82;} #divTabAllAccounts a:active{ color:#000; background:#051D74;} #divTabAllAccounts ul{ list-style:none; margin:0; padding:0; width:100%;} /* Requirement: Put the element selector name (div) onto non anchor hover selectors to force IE5 and 5.5 to correctly apply the csshover file. */ div#divTabAllAccounts li, div#divTabAllAccounts li:hover{ position:relative;} div#divTabAllAccounts li ul{ position:absolute; left:100.1%; display:none;} div#divTabAllAccounts ul ul, div#divTabAllAccounts ul ul ul, div#divTabAllAccounts ul li:hover ul ul, div#divTabAllAccounts ul li:hover ul ul ul {display:none;} div#divTabAllAccounts ul li:hover ul, div#divTabAllAccounts ul ul li:hover ul, div#divTabAllAccounts ul ul ul li:hover ul {display:block;}