/*=====================================================================*/ /* Cascading Style Sheet for AMI Skins */ /* created by t-worx */ /* */ /* http://www.t-worx.com */ /* tracyw@t-worx.com */ /*=====================================================================*/ /* Skin BG Color and Content Alignament */ body, html { padding:0px; margin:0px;background: #FFFFFF;} /* Skin BG Color and Content Alignament */ .BGTable { /* Alignament MUST be defined cross-browser compatibility at Text-align*/ text-align:center;background:url(images/bg.gif) 0 0 repeat-x #000; min-height:950px;} /* Skin BG Color and Content Alignament for inner pages*/ /* Container style */ .Container{ width:960px; padding:22px 0 0 0; margin:0 auto; text-align:left;} /* Width of Skin - Applied to underlying table with minimum width applied */ .MainTable {background:none;margin:auto;text-align: left!important; padding:0;} div { padding:0px; margin:0px;} /*ControlPanel*/ .ControlPanel { margin:10px auto!important; width:962px; border:2px solid #d6e3fa;} /*=====================================================================*/ /* Skin Layout styles */ /*=====================================================================*/ /*STYLES FOR SKIN BACKGROUND IMAGES*/ /* Header panel style */ .Header{ margin:0; padding:0 1px 0 15px; height:200px; background:url(images/header-pic.jpg) 0 0 no-repeat;} /*Style Navigation panel */ .NavPane{ height:35px; background:url(images/nav-bg.gif) 0 0 repeat-x; text-align:center; padding:0 1px 0 2px; margin:0;} /* Style for footerPanel */ .FooterPane{ margin:0; padding:0; overflow:hidden; background-color:#F7F7F7; padding:16px 20px; margin:0;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*Style for Logo Pane*/ .LogoPane {float:left; width:478px; padding:0; margin:26px 0 0 20px; height:156px; overflow:hidden;} .SearchMain { float:right; text-align:right !important; width:316px; padding:5px; margin:1px 0 0 0; text-transform:uppercase; font-size:11px; min-height:20px;line-height:13px; font-weight:normal; color:#fff; white-space:nowrap; background-color:#0A5570;} .SearchPane { float:right; /*background:url(images/1Search.png) left 0px no-repeat; text-align:right !important;*/ padding:0px 5px 0px 5px; margin:0px; text-transform:uppercase;font-size:11px; line-height:13px; font-weight:normal; color:#ffffff; white-space:nowrap;} .LoginPane { float:left; text-align:right !important; padding:px; margin:0px; font-size:11px; font-weight:normal; color:#626262; white-space:nowrap;} .SearchPane input.NormalTextBox{ width:125px; height:20px; font-size:12px; line-height:normal; color:#ffffff; border:1px solid #14b0b7; background-color:#217998; padding:0 5px; margin:0 !important;} .SearchMain a{ color:#fff !important; text-decoration:none;font-size:11px; line-height:13px;} .TopLinkPane {float:left; width:65px; color:#ffffff!important;font-size:11px; line-height:13px; overflow:hidden; text-align:center !important; padding:2px 0px 0px 5px; *padding:4px 0px 0px 5px; margin:0px; text-transform:uppercase; font-size:11px; line-height:13px; font-weight:normal; color:#fff; white-space:nowrap; background-color:#0A5570;} .TopLinkPane div { color:#ffffff;} .TopLinkPane a{ color:#ffffff !important; text-decoration:none;text-transform:uppercase;font-size:11px; line-height:13px;} .TopLinkPane a:hover{ color:#14b0b7 !important; text-decoration:none;text-transform:uppercase;font-size:11px; line-height:13px;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*STYLES FOR CONTENT PANES*/ /*Style for ContentPane */ .ContentPane {padding:0px; margin:0; overflow:hidden; text-align:left !important;} /* Style for bodypanelHP */ .BodypanelHP{margin:0; padding:20px 35px 30px 30px; height:100%; overflow:hidden; background:url(images/body-bg.jpg) 0 0 no-repeat #F7F7F7; clear:both;} /* Style for bodypanelIP */ .BodypanelIP{margin:0; padding:20px 35px 45px 30px; height:100%; overflow:hidden; background:url(images/body-bg-IP.gif) 0 0 repeat-x #F7F7F7; border-bottom:solid 1px #DADADA; clear:both;} /*Style for LeftPaneHP */ .LeftPaneHP {padding:0px; margin:0; float:left; width:665px; overflow:hidden;} /*Style for LeftPaneIP */ .LeftPane {padding:0; margin:0; float:left; width:206px;} /*Style for RightPane */ .RightPaneHP {padding:0; margin:0; width:206px; float:right;} /*Style for RightPane */ .RightPane {padding:0; margin:0; width:665px; float:right;} /* Style for rightBox1*/ .RightBox1{ float:left; width:325px; margin:10px 0 0 0 !important; padding:0 !important; text-align:left;} /* Style for rightBox2*/ .RightBox2{ float:right; width:325px; margin:10px 0 0 0 !important; padding:0 !important; text-align:left;} /* Style for Bottom panel */ .BottomPanel{ background:url(images/bottom-panel-bg.gif) 0 0 repeat-x #157C9D; padding:20px; margin:0; height:100%; overflow:hidden;} .BottomPanel div.Box1{ float:left; width:295px; margin:0 17px 0 0; padding:0;} .BottomPanel div.Box2{ float:left; width:295px; margin:0 0 0 0px; padding:0;} .BottomPanel div.Box3{ float:right; width:295px; margin:0 0 0 0; padding:0;} /*Style for LeftPane1 */ .LeftPane1 {padding:0; margin:1px 0px 0px 0; float:left; width:665px;} /*Style for RightPane1 */ .RightPane1 {padding:0; margin:1px 0px 0px 0; width:206px; float:right;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*Style for CopyrightPane*/ .CopyrightPane {padding:8px 0px 3px 0; margin:0; overflow:hidden; color:#626262; font-size:11px; line-height:12px; text-align:left; white-space:nowrap;} .LinksPane { float:left;color:#626262 !important; font-size: 11px; white-space:nowrap;} /*Style for clearing Div's*/ .ClearFloat {clear:both;height:0px;font-size:0px;line-height:0px;} .sitemapLink{float:left;width:auto; font-size: 11px; white-space:nowrap;} .sitemapLink p, .sitemapLink div{color:#626262 !important; font-size: 11px;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Breadcrumb text syle */ .BreadcrumbPane {padding:0; margin:10px 0; font-size:12px;} .breadcrumb {font-weight: normal;color: #fff;text-align:left;text-decoration:none; font-size:12px; vertical-align:top;font-family:Arial;} A.breadcrumb:link, A.breadcrumb:visited, A.breadcrumb:active {font-weight: normal;font-size:12px;color: #fff;font-family:Arial;text-align:left;text-decoration:underline;} A.breadcrumb:hover {font-weight: normal;font-size:12px;color: #CCCCCC;text-align:left;text-decoration:none;font-family:Arial;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*=====================================================================*/ /* Skin Properties */ /*=====================================================================*/ /* Login hover styles*/ .Login,A.Login:link,A.Login:visited,A.Login:active {color:#626262; font-size:11px;font-weight:normal; text-decoration:none;} A.Login:hover {color:#17799C; font-size:11px; font-weight:normal; text-decoration:none; } /* User hover styles*/ .User,A.User:link,A.User:visited,A.User:active {color:#626262; font-size:11px;font-weight: normal;text-decoration:none;} A.User:hover {color:#17799C; font-size:11px;font-weight: normal;text-decoration:none;} /*Date Styles*/ .Date { color:#FFFFFF; font-size:11px;text-decoration:none;} /* Footer text syle */ .Footer,A.Footer:link,A.Footer:visited,A.Footer:active {font-weight:normal;color:#626262;text-decoration:none;padding:0px 2px;font-size: 11px;} A.Footer:hover {font-weight:normal;color:#17799C!important;text-decoration:none; font-size: 11px;padding:0px 2px;} /* Copyright text syle */ .Copyright,A.Copyright:link,A.Copyright:visited,A.Copyright:active {font-weight:normal;text-transform:none;color:#626262;text-decoration:none; font-size: 11px;} A.Copyright:hover {color: #17799C;!important} /* Link Pane text syle */ .Link { font-size: 11px; color: #626262; text-decoration:none; float:left;} A.Link:link, A.Link:visited, A.Link:active , .sitemapLink a , {font-size: 11px; color: #626262; text-decoration:none;} A.Link:hover { font-size: 11px; color: #17799C; text-decoration:underline;} /* Host Pane text syle */ .Host { font-size: 10px; text-transform:uppercase;color: #2C2C2C; text-decoration:none;} A.Host:link, A.Host:visited, A.Host:active { font-size: 10px; color: #2C2C2C; text-decoration:none;} A.Host:hover { font-size: 10px; color: #ffffff; text-decoration:underline;} /*=====================================================================*/ /* Template Text and Link Styles Based on Colors */ /*=====================================================================*/ /* Default font style Style */ body, html, TH, TD, td, div , p, table { color: #2C2C2C; font-size: 12px; line-height:16px; font-weight: normal; text-decoration: none; font-family:Arial;} p { margin:0px; padding:0px 0px 16px 0px;} td { text-align:left;} /*Default List style */ ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 20px; vertical-align:top;} li { list-style:url(images/ListArrow.gif) disc outside!important; padding:0px 3px 0px 0px; margin:0px 0px 0px 0px; vertical-align:middle;} ol { padding:0px 0px 0px 0px; margin:0px 0px 0px 25px; vertical-align:top;} ol li {padding:0px 3px 0px 0px; margin:0px; list-style-type:decimal!important; list-style-image:none!important;} img { border:none;} br { margin:0px; padding:0px; height:1px;} /**/ /*Default Font Color for White text */ .WhiteText, .WhiteText TH, .WhiteText TD, .WhiteText td, .WhiteText div ,.WhiteText p, .WhiteText table , .WhiteText .Normal, .WhiteText .normal, .WhiteText .Head, .WhiteText .SubHead, .WhiteText .SubSubHead, .WhiteText h1, .WhiteText h2, .WhiteText h3, .WhiteText h4, .WhiteText h5, .WhiteText h6{ color:#FFFFFF;} .WhiteText a { color:#FFFFFF;text-decoration:underline;} .WhiteText a:hover { color:#FFFFFF; text-decoration:none;} /*Default Font Color for Blue Text */ .BlueText, .BlueText TH, .BlueText TD, .BlueText td, .BlueText div ,.BlueText p, .BlueText table , .BlueText .Normal, .BlueText .normal, .BlueText .Head, .BlueText .SubHead, .BlueText .SubSubHead, .BlueText h1, .BlueText h2, .BlueText h3, .BlueText h4, .BlueText h5, .BlueText h6{ color:#567aba; font-size:11px!important;} .BlueText a { color:#567aba;text-decoration:none; font-size:11px;} .BlueText a:hover { color:#FFFFFF!important; text-decoration:none; font-size:11px;} /* Default link syle */ A:Link, A:Visited, A:Active {color: #0f8085;text-decoration: none;font-family:Arial;} A:Hover {color: #478fa8;text-decoration: none;font-family:Arial;} /* Black (Default color) */ .Normal { color: #2C2C2C; font-family:Arial; font-size: 13px; font-weight: normal; line-height:normal;} A.Normal:link, A.Normal:visited, A.Normal:Active { color: #0f8085; font-family:Arial; font-size: 13px; font-weight: normal; text-decoration: none; } A.Normal:Hover { color: #478fa8; font-family:Arial; font-size: 13px; font-weight: normal; text-decoration: none; } .NormalBold { color: #2C2C2C; font-weight: bold; } A.NormalBold:link, A.NormalBold:visited, A.NormalBold:Active { color: #0f8085;font-weight: bold; text-decoration: none; } A.NormalBold:Hover { color: #478fa8; font-weight: bold; text-decoration: none; } /*Extra Font color styles*/ /* Blue */ .BlueText, .BlueText a { color: #1a5e9d;font-weight: normal; text-decoration:none;} .BlueText a:Hover { color: #1a5e9d; font-weight: normal; text-decoration: none; } /* Orange */ .OrangeText, .OrangeText a { color: #ff9c00;font-weight: normal; text-decoration:none;} .OrangeText a:Hover { color: #ff9c00; font-weight: normal; text-decoration: none; } /* Red */ .RedText, .RedText a { color: #c60000;font-weight: normal; text-decoration:none;} .RedText a:Hover { color: #c60000; font-weight: normal; text-decoration: none; } /* Green */ .GreenText, .GreenText a { color: #00ac35;font-weight: normal; text-decoration:none;} .GreenText a:Hover { color: #00ac35; font-weight: normal; text-decoration: none; } /* Gray */ .GrayText, .GrayText a { color: #707070;font-weight: normal; text-decoration:none;} .GrayText a:Hover { color: #707070; font-weight: normal; text-decoration: none; } /*=====================================================================*/ /* Template Text Headings */ /*=====================================================================*/ /* H1 */ H1 { color: #2C2C2C; font-size: 24px; font-weight: bold; padding:0px 0px 8px 0px; margin:0px;font-family:Arial;} A.H1:Link,A.H1:Visited,A.H1:Hover,A.H1:Active { color: #0f8085; font-size: 24px; font-weight: bold; text-decoration: none; } /* H2 */ H2 { color: #2C2C2C; font-size: 22px; font-weight: bold; padding:0px 0px 8px 0px; margin:0px; font-family:Arial;} A.H2:Link,A.H2:Visited,A.H2:Hover,A.H2:Active { color: #0f8085; font-size: 22px; font-weight: bold; text-decoration: none; } /* H3 */ H3 { color: #2C2C2C; font-size: 20px; font-weight: bold; padding:0px 0px 8px 0px; margin:0px; font-family:Arial;} A.H3:Link,A.H3:Visited,A.H3:Hover,A.H3:Active { color: #0f8085; font-size: 20px; font-weight: bold; text-decoration: none; } /* H4 */ H4 { color: #2C2C2C; font-size: 18px; font-weight: bold; padding:0px 0px 8px 0px; margin:0px;font-family:Arial;} A.H4:Link,A.H4:Visited,A.H4:Hover,A.H4:Active { color: #0f8085; font-size: 18px; font-weight: bold; text-decoration: none; } /* H4 */ H5 { color: #2C2C2C; font-size: 16px; font-weight: normal; padding:0px 0px 8px 0px; margin:0px;font-family:Arial;} A.H5:Link,A.H5:Visited,A.H5:Hover,A.H4:Active { color: #0f8085; font-size: 16px; font-weight: normal; text-decoration: none; } /* H6 */ H6 { color: #2C2C2C; font-size: 12px; font-weight: bold; padding:0px 0px 8px 0px; margin:0px; font-family:Arial;} A.H6:Link,A.H6:Visited,A.H6:Hover,A.H6:Active {font-size: 12px; color: #0f8085; font-weight: bold; text-decoration: none; } /*=====================================================================*/ /* Module Classes */ /*=====================================================================*/ /* Default Container Title Style */ .Head { color: #0f8085; font-size: 13px; font-weight: bold; text-decoration: none;font-family:Arial; } A.Head:Link, A.Head:Visited, A.Head:Active { color: #000; font-size: 13px; font-weight: bold; text-decoration: none; } A.Head:Hover { color: #478fa8;} /* SubHead */ .SubHead { color: #0f8085; font-size: 12px; font-weight: bold; text-decoration: none;font-family:Arial; } A.SubHead:Link, A.SubHead:Visited, A.SubHead:Active { color: #000; font-size: 12px; font-weight: bold; text-decoration: none; } A.SubHead:Hover { color: #478fa8;} /* Module title style used instead of Head for compact rendering by QuickLinks and Signin modules */ .SubSubHead { color: #0f8085;font-weight: bold; text-decoration: none; text-transform:uppercase; font-size: 11px; font-family:Arial;} A.SubSubHead:Link, A.SubSubHead:Visited, A.SubSubHead:Active { color: #000; font-size: 11px; font-weight: bold; text-decoration: none; } A.SubSubHead:Hover{color: #478fa8;} /* Text style for skin objects */ .SkinObject { color: #0f8085; font-size: 11px; font-weight: normal; text-decoration: none; font-family:Arial;} A.SkinObject:Link, A.SkinObject:Visited, A.SkinObject:Active { color: #000; font-size: 11px; font-weight: normal; text-decoration: none; } A.SkinObject:Hover {color: #478fa8;} /*=====================================================================*/ /* Input and Other Admin Site Styles */ /*=====================================================================*/ /* Normal Text Box */ .NormalTextBox { color: #000000; background:#FFFFFF; font-family:Arial; font-size: 12px; font-weight: normal; vertical-align: middle; border: 1px solid #bec0bb;} td.NormalTextBox , span.NormalTextBox, table.NormalTextBox {padding: 0px;margin: 0px; background:none;border:none;} /* Admin link styles */ A.CommandButton:Link, A.CommandButton:Visited, A.CommandButton:Active {font-family:Arial; color:#000; font-size: 13px; cursor:pointer; font-weight: bold; text-decoration: none; background: none; border:none; padding:2px 3px 3px 4px; height: 20px; } A.CommandButton:Hover {font-family:Arial; color:#478fa8; font-size: 13px; font-weight: bold; text-decoration: none; cursor:pointer; background:none; border:none; padding:2px 3px 3px 4px; height: 20px; } /* button style for standard HTML buttons */ .StandardButton, A.StandardButton:Link, A.StandardButton:Visited, A.StandardButton:Active {font-family:Arial; color:#000; cursor:pointer; font-size: 13px; font-weight: bold; text-decoration: none; background:none; border:none; padding:2px 3px 3px 4px; height: 20px; } A.StandardButton:Hover {font-family:Arial; color:#478fa8; font-size: 13px; font-weight: bold; text-decoration: none; cursor:pointer; background:none; border:none; padding:2px 3px 3px 4px; height: 20px; } /* New DataGrid DNN Class used in Admin interface */ .DataGrid_Header { color: #333333; font-weight: bold; text-decoration: none; font-family:Arial;} .DataGrid_AlternatingItem { color: #000000; font-weight: normal; text-decoration: none; font-family:Arial;} .DataGrid_Item { color: #333333; font-weight: normal; text-decoration: none;font-family:Arial; } /*=========================================================================================================================================================================================================================================================================================================================================================*/ /* Module Action Menus */ .ModuleTitle_SubMenu{border:1px solid #FFFFFF;} .ModuleTitle_SubMenu table {padding:0px; border:0px;} .ModuleTitle_SubMenu td{background:#9aabc7; white-space: nowrap;border:none;border-bottom:1px solid #FFFFFF;color:#FFF!important;} .ModuleTitle_MenuIcon {background-color:#9aabc7; border:none;padding: 0px 2px;} td.ModuleTitle_MenuItemSel , .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{background-color: #CE0D0D;color: #fff!important;} .ModuleTitle_MenuBreak td { display:none;} .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon{height:10px;background: #f8f4e6;} /**/ .GrayBg { background:#ebeaea; padding:5px;} .GrayBg img, .GrayBg a img { border:5px solid #ebeaea!important;} .GrayBg a:hover img { border:5px solid #a01417!important;} /* 28 July 2009 */ .CallUsContHome1{ verflow:hidden; top:0; right:0; width:245px; float:right; padding:30px 0px 0px 0px !important; background:url(images/call-pic.png) 100% 0 no-repeat !important; margin-bottom:-90px!important; z-index:99; position:relative; } .CallUsCont, .CallUsContHome{ verflow:hidden; top:0; right:0; width:245px; float:right; padding:30px 0px 0px 0px !important; background:url(images/call-pic.png) 100% 0 no-repeat !important; margin-right:0px!important; z-index:99; } .CallUsContHome { padding-bottom:0px!important;} H3.Callus{ font:bold 17px/17px Arial, Helvetica, sans-serif !important; color:#3E7183 !important; padding-bottom:6px; } H4.Callus{ font:normal 22px/22px Arial, Helvetica, sans-serif !important; color:#4C4A4A !important; padding-bottom:2px; } h2.Callus {color:#4C4A4A !important;font-size:22px; font-weight:bold; line-height:22px; text-align:left; padding-bottom:0px; margin-bottom:0px;} h2.BigTitle{ font:normal 29px/29px Georgia, "Times New Roman", Times, serif !important; color:#95908C !important; padding:0 0 15px 0; float:left; width:auto; } h2.BigTitle span.dark{ color:#606060 !important; } h2.BigTitle span.small{ font-size:23px !important; } .LeftPic{ float:left; margin:0 20px 20px 0; } p a{ color:#488398 !important; text-decoration:underline !important; } p a:hover{ text-decoration:none !important; } p.Line{ font-size:0; line-height:0; height:1px; border-bottom:solid 1px #DEDEDE; } ul.aboutList{ font-size:14px; line-height:16px; list-style-type:none !important; padding:0 0 15px 0;!important; margin:0 !important; } ul.aboutList li{ padding:0 0 8px 16px !important; margin:0 !important; background:url(images/list-icon.gif) 0 5px no-repeat; list-style-type:none !important; color:#343434; } ul.aboutList li a{ color:#343434; text-decoration:none; } ul.aboutList li a:hover{ text-decoration:underline; } ul.bottomList{ font-weight:bold; font-size:12px; line-height:18px; color:#0B2D28; list-style-type:none !important; width:175px; margin:0; padding:1px 0 0 0; } ul.bottomList li{ background:url(images/arrow1.gif) 0 4px no-repeat !important; padding:0 0 0 12px; list-style-type:none !important; border-bottom:dashed 1px #095C75; } ul.bottomList li.noborder{ border-bottom:none !important; } img.bottomImg{ position:absolute; right:0; top:16px; } p.question{ font-weight:normal !important; font-size:18px; line-height:20px; padding:0 0 10px 0; margin:0; color:#135E75 !important; } p.question span{ font-weight:bold; font-size:18px; line-height:22px; color:#0B2D28 !important; } a.readmore{ display:block; width:66px; height:18px; font-size:10px; line-height:18px; font-weight:bold; color:#ffffff!important; text-align:center; background:url(images/readmore-bg.gif) 0 0 no-repeat; padding:0; margin:0; text-decoration:none !important; } a.readmore:hover{ color:#000000!important; } p.change{ padding:0 0 10px 0 !important; } a.clickCall{ display:block; width:200px; height:37px; font-size:19px; line-height:37px; text-align:center; color:#fff !important; text-decoration:none !important; background:url(images/click-call-bg.gif) 0 0 no-repeat; margin:10px 0 0 0; } a.clickCall:hover{ color:#000 !important; } /* Style on 06.08.09 */ .LeftContactBox { width:325px; float:left; } .RightContactBox { width:325px; float:right;} /*Link Module Styles*/ .LinksDesignTable { width:310px;border:solid 1px #E9E5E5;} .LinksDesignTable td { padding:0px 0px 0px 0px;border-bottom:solid 0px #E9E5E5;} .LinksDesignTable a{ padding:10px 5px 10px 15px;display:block; font-weight:normal!important; margin:0px 0px 0px 0px!important;background:url(images/rightList2-bg.gif) left bottom repeat-x; text-decoration:none; font-size:15px!important; color:#043d40!important; overflow:hidden; white-space:normal!important;font-family:Arial, Verdana, Helvetica, Impact,sans-serif!important;} .LinksDesignTable a:hover, .LinksDesignTable a:active{ background:url(images/rightList2-bg.gif) left top repeat-x; text-decoration:none; color:#12a0a7!important;} p.blueTitle{ font-weight:bold; font-size:13px; line-height:15px; color:#0A5570 !important; text-decoration:underline; padding:0 0 5px 0;!important; margin:0; } ul.toplink{ list-style-type:none !important; color:#fff !important; padding:0; margin:0; } ul.toplink li{ float:left; padding:0 6px; list-style-type:none !important; background:url(images/top-nav-divider.jpg) 100% 50% no-repeat !important; } ul.toplink li.nobg{ background:none !important; } ul.toplink li a{ color:#fff; text-decoration:none; } ul.toplink li a:hover{ color:#0066CC; text-decoration:none; } .bottomList a, .change a {color:#000!important;}.bottomList a:hover, .change a:hover {color:#FFF!important;} /* Glossary page style */ /*----------------------------------------------------------------- */ .listNav { margin:0 0 10px; } .ln-letters { overflow:hidden; } .ln-letters a { display:block; color:#084e52; float:left; padding:2px 4px; font-weight:bold; margin:0px 3px 0px 0px;text-decoration:none;background:#f5f2eb url(images/TabOff.gif) left top repeat-x; border:1px solid #1b5a70; text-decoration:none ; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .ln-letters a.ln-last { } .ln-letters a:hover, .ln-letters a.ln-selected { background:#488398; border:1px solid #1b5a70; color:#fff; } .ln-letters a.ln-disabled { color:#ccc; } .ln-letter-count { text-align:center;line-height:1; margin-bottom:3px;color:#084a4d; font-family:Arial, Helvetica, sans-serif; font-size:12px;} /* for base --------------------------------------------------------------- */ .clr { clear:both;height:0px;font-size:0px;line-height:0px;} .right { text-align:right } .left { text-align:left } .center { text-align:center } .top { vertical-align:top } .nowrap { white-space:nowrap } .hidden { display:none } /* basics --------------------------------------------------------------- */ /* main tab */ .demoWrapper { width:auto; color: #000000; font-size: 13px; font-weight: normal; text-decoration: none; font-family:Arial;} .demoWrapper li { list-style-type:none!important;} .demoWrapper ul { margin:0px; padding:0px; background:none;} .demoWrapper #tabNav li { float:left; list-style-image:none; list-style-position:outside; list-style-type:none!important; background:none; padding:0px;} .demoWrapper #tabNav ul a { background:#8dbbcc; border:1px solid #3e7284; border-bottom:none; display:block; margin:0px 3px 0px 0px; color:#936738; padding:3px 5px; text-decoration:none ; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:15px;} .demoWrapper #tabNav ul a:hover { background:#488398; border:1px solid #1b5a70; color:#fff } .demoWrapper #tabNav ul a.selected {background:#488398; border:1px solid #1b5a70; color:#fff; cursor:default; } .demoWrapper #tabs { border:1px solid #084a4d; padding:15px; background:#ffffff;} .demoWrapper .tab { padding:0px 0px; display:none } .demoWrapper .tab li{ list-style:none; list-style-image:none; font-family:Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px; margin:0px 0px 3px 0px; line-height:14px; overflow:hidden;} /* Default link syle */ .demoWrapper .demo a {color: #116165;text-decoration: none; display:list-item; list-style:none!important;padding:5px 10px 5px 10px;background:#dbeaef; font-size:13px; } .demoWrapper .demo a:Hover {color: #ffffff;text-decoration: none;padding:5px 10px 5px 10px;background:#488398;} /*..................*/ .black_overlay {display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index:1001;-moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);} .white_content {display: none;position: absolute;top: 20%;left: 25%;width: 50%;height: 50%;padding: 16px;border: 10px solid #084a4d;background-color: white; z-index:1002; overflow: auto;} .white_content p, white_content div { clear:both;} .CloseLB {overflow:hidden;float:right; z-index:999999; margin-bottom:10px;} * .CloseLB {margin-bottom:0px;} a.CloseLB{ border:none; text-decoration:none; font-weight:bold; padding:4px 10px; background:#488398; color:#FFF!important; font-size:12px;} a:hover.CloseLB{ border:none; text-decoration:none; font-weight:bold; padding:4px 10px; background:#2e6275;color:#FFF; font-size:12px;}