@import url("css/menu_style.css"); /*System grid*/ .sysgrid976 {width:976px; vertical-align:top;} .sysgrid966 {width:966px; vertical-align:top;} .sysgrid51{width: 51px; vertical-align:top;} .sysgrid905{width: 905px; vertical-align:top;} .sysgrid112{width: 112px; vertical-align:top;} .sysgrid844{width: 844px; vertical-align:top;} .sysgrid173{width: 173px; vertical-align:top;} .sysgrid783{width: 783px; vertical-align:top;} .sysgrid234{width: 234px; vertical-align:top;} .sysgrid722{width: 722px; vertical-align:top;} .sysgrid295{width: 295px; vertical-align:top;} .sysgrid661{width: 661px; vertical-align:top;} .sysgrid356{width: 356px; vertical-align:top;} .sysgrid600{width: 600px; vertical-align:top;} .sysgrid417{width: 417px; vertical-align:top;} .sysgrid539{width: 539px; vertical-align:top;} .sysgrid478{width: 478px; vertical-align:top;} .break {border:0; clear:both;} .displaynone{ display:none;} #menu .language-object {float: right; margin: -56px 23px 0px 0px;} #dnn_ctr625_Feedback_divFeedbackFormContent {padding:10px;} #dnn_ctr615_BTBYahooWeather_ddlLocations{width:110px; float:right;} /*Html*/ /*-- HTML (Left blank on purpose) --*/ html {} .txtfoter {margin:15px;} #che {z-index: 10000; visibility: visible; display: block; padding: 3px; font: bold 11px Arial; background-color: #95D13D; position: absolute; top: 10px; left: 10px; width: 100px; height: 80px;} /*-- Body --*/ #Body , #che{margin:0; font-family: Arial, Helvetica, sans-serif; font-size:0.8em; color:#333; line-height:1.4em;background: url(images/blue_repeat_bg.jpg) repeat-y scroll center top #E3E3E3; } /*-- Skin Background --*/ .skinBG { clear: both;} /*-- Default Font --*/ p {} /*-- Additional space for lists --*/ li { margin-bottom: 2px;} /*-- Lists Styles. 3 levels deep. --*/ ul li, ul li li, ul li li li {list-style-type:square;} ul {padding-left:25px;} /*-- Make sure forms look good --*/ form {margin:0;padding:0;} /*-- Make background white for control tables --*/ .FCKImageGalleryContainer, .FCKLinkGalleryContainer {background-color:#FFF;} /*-- Make sure links are always blue even in Midnight Theme --*/ ul.dnnActionMenuBody li ul li a, ul.dnnActionMenuBody li ul li a img {color:#328DDE !important;} /*========================================================+ | Links | +========================================================*/ /*-- default links visited and active --*/ #slideshow a:link, #slideshow a:visited, #slideshow a:active {text-decoration:none; color:#0134FF; font-style:normal; text-decoration:none;} .newsmenu a:link, .newsmenu a:visited, .newsmenu a:active { text-decoration:none; color:#444; font-style:normal; text-decoration:none;} .newsmenu a:hover {text-decoration:none;color:red;} .newsmenu a:hover .iconmaybay { background: url("./images/iconmaybay.png"); height: 19px; margin-right:5px; width: 18px; float: right !important;} .newsmenu .breadcrumb-active .iconmaybay{ background: url("./images/iconmaybayxanh.png"); height: 19px; margin-right:5px; width: 18px; float: right !important; } .newsmenu .breadcrumb-active span {color:#0134FF;} /*-- default links hover --*/ a:hover {text-decoration:none;color:#000;} /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited {text-decoration: underline; } /*-- normal links hover --*/ a.Normal:hover {text-decoration: none; } /*========================================================+ | Design Elements | +========================================================*/ /*-- Set the margin and padding for the content Border Background Div. --*/ .BorderBgDiv {width:988px; margin:20px auto 0 auto; padding:0px; clear: both;} /*-- Set the top border --*/ .TopDiv {background:url(images/banner.png) top no-repeat; height:188px;} /*-- Set width for Full page --*/ .fullWidth ,.textfoter{width:976px;padding:0;margin:0 auto; position:relative; } .textfoter {padding-top:10px;} /*-- Set the width of the header content --*/ .HeaderDiv{} /*-- Set the background for page content. --*/ .contentWrapper {background:url(images/bg_center.png) top center repeat-y;} /*-- Set the padding of the content column. --*/ .left{float:left;} .right{float:right;} /*-- Banner Division Styles --*/ .BannerPane1, .BannerPane2, .BannerPane3 {clear:both;} .BannerPane3{ border-bottom:#264832 1px solid;} .Banner p {margin:0px; padding:0px;} .dnnLogo {} .dnnLogo a {} /*-- Set background image i.e. dotted line between dnnUSER and dnnLOGIN. If you don't want the divider, just empty the contents of this style. --*/ .header-divide {background: url(graphics/hdr_divide.gif) center no-repeat; padding:2px 4px;} /*-- Set background image i.e. dotted line between dnnTerms and dnnCOPYRIGHT. If you don't want the divider, just empty the contents of this style. --*/ .footer-divide {background: url(graphics/hdr_divide.gif) center no-repeat; padding:2px 4px;} /*-- Set the margin of the master table (the table that contains the vertical navigation and content cells). --*/ #MasterTable {margin:0px;} /*-- Set the top padding of the TopPane. This keeps the pane from sitting flush against the breadcrumb/search section. --*/ .TopPane {} /*-- Set the padding and width of all the major panes. Set vertical align to top. --*/ .HeaderPane {position:absolute; left:0px;top:0px;} .LeftNavTop {clear:both;padding:5px;} .LeftNavTop .StdContainer {margin-bottom:0px;} .LeftNavBottom {clear:both;padding:5px;} .LeftGutterPane {clear:both;padding:10px;} .TopPaneDiv {clear:both;} .TopLeftPane { width:450px; vertical-align:top;} .TopRightPane {width:450px; vertical-align:top;} .ContentPaneDiv {clear:both;} .ContentPane {vertical-align:top;} .ContentPane2Div {clear:both;} .LeftPane {width:200px; vertical-align:top;} .ContentPane2 {vertical-align:top; width:700px;} .ContentPane3Div {clear:both;} .ContentPane3 {vertical-align:top; width:700px;} .RightPane {width:200px; vertical-align:top;} .MiddlePaneDiv{clear:both;} .MiddleLeftPane {/*width:200px;margin-right:20px;*/ vertical-align:top;} .MiddlePane {/*width:484px;*/vertical-align:top;} .MiddleRightPane {/*width:200px;*/vertical-align:top;} #dnn_MiddlePane {/*margin-left:10px;*/} .BottomPaneDiv{clear:both;} .BottomColumn1 {width:216px;margin-right:20px; vertical-align:top;} .BottomColumn2 {width:216px;margin-right:20px; vertical-align:top;} .BottomColumn3 {width:216px;vertical-align:top;} .BottomColumn4 {width:216px;vertical-align:top;} #dnn_BottomColumn2 {margin:0 10px 0 10px;} .BottomPane {clear:both;} /*-- These styles are only used for the LinearX Demo site. Feel free to delete. --*/ .DNNPane {border: #000 3px solid; padding: 60px 5px; text-align: center; font-weight: bold; vertical-align: middle; background-color: #FAFAFA;white-space:nowrap; color: #000; font-size:14px;} .DNNHeaderPane{padding: 25px 5px; width:300px;} /*-- Set font size, color, etc. for login links and text. --*/ .login{text-decoration:none; color: #999;} #dnn_dnnUSER_cmdRegister {text-decoration:none; font-family: Arial, Helvetica, sans-serif; background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:8px;color:#333;} #dnn_dnnUSER_registerLink {text-decoration:none; font-family: Arial, Helvetica, sans-serif; background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:8px;color:#333;} #dnn_dnnUSER_registerLink:hover {text-decoration:underline; } #dnn_dnnUSER_cmdRegister:hover {text-decoration:underline; } #dnn_dnnLOGIN_cmdLogin {text-decoration:none; font-family: Arial, Helvetica, sans-serif;color:#333;} #dnn_dnnLOGIN_cmdLogin:hover {text-decoration:underline;} /*========================================================+ | Menu, Breadcrumb, and Search | +========================================================*/ /*-- Set the background image, width, and margins for the menu. --*/ .menu-bg{background:url("images/bg_menu.png") top no-repeat;} .menu {margin-left: 25px;} /*-- Set the background image, width, and margins for the Breadcrumb. --*/ .breadcrumb-div{background-color:#F1F1F1; height:18px;border-top:#E6E6E6 1px solid; border-bottom:#CCC 1px solid;line-height:10px;} .breadcrumb-row{padding:0; } /*-- Set font size, color, etc. for the breadcrumb div. --*/ .breadcrumbdiv {font-size:10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color: #000; text-align:left;padding:3px 0px 0px 10px; float:left; line-height:normal} .breadcrumb {font-size:10px; font-family: Arial, Helvetica, sans-serif; text-decoration:none !important; color: #000 !important; font-style:normal !important;} .breadcrumbdiv a:hover {text-decoration:underline !important;} .breadcrumb-pretext {font-weight:normal;color:#FAFAFA;line-height:12px;} /*-- Set font size, color, etc. for the Current Date div. --*/ .currentDateDiv {display:block; float:right;padding-right:10px;} .currentDate {font-size:10px;font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #999;} .current-date a {font-size:10px; text-decoration:none; color:#666;} .current-date a:hover {text-decoration:underline;} /*-- If panes are empty, we make sure there are no lingering styles. --*/ .DNNEmptyPane {border:0px none !important; line-height:0px !important; padding:0px !important; font-size:0px !important; height:0px !important; width:0px !important;margin:0px !important; display:none;} /*-- Set the background image, width, margin, and border for the content div. --*/ #greytness .content, #GreytnessMidnight .content {width:966px; margin:0px auto 0 auto; padding:0px 0 20px 0} .contentBg {} /*-- Set the background image, width, margin, and font for the footer div. --*/ .BottomDiv{ background:url(images/bg_footer.png) bottom no-repeat; height:231px;clear:both;position:relative;margin-bottom: 22px;} #greytness .footer, #GreytnessMidnight .footer { width: 969px; padding-top: 5px; margin: 0 auto 0 auto; height:25px; font-size: 12px; line-height: 1.8em; text-decoration: none; color: #0134ff; background:-moz-linear-gradient(top, #fff 0%, #eaeaea 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eaeaea));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); text-align: left; font-family: Arial, Helvetica, sans-serif; border:#b5b5b5 1px solid; } #greytness .footer a, #GreytnessMidnight .footer a, .charcoolFooter a {text-decoration:none; color:#0134ff} #greytness .footer a:hover,#GreytnessMidnight .footer a:hover, .charcoolFooter a:hover {text-decoration:underline} .copyrightdiv {margin-left:10px;} .dnnLogo{height: 120px;width: 120px;padding-top: 40px;padding-left: 35px;} .flashBanner{padding-top: 10px;padding-left: 10px;} /*-- Padding-right is used to set the terms and privacy text 3 pixels from the right edge. --*/ .termsdiv{float:right; bottom:0px;} .terms{background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:8px;} .privacy{background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:8px;} /*-- Margin-left is used to set the copyright text 3 pixels from the left edge. --*/ .copyright{padding:0;} /*-- Horizontal Rule --*/ hr {height: 1px; color: #bbb;} .action-buttons { padding:0; margin-bottom:10px; text-align:right; /*text-align:right; float:right; display:block;*/} /*-- Footer Links --*/ #greytness .footer ul, #GreytnessMidnight .footer ul {list-style: none;margin: 0;padding: 0;} #greytness .footer li, #GreytnessMidnight .footer li {list-style: none; display: block; float: left; margin-left: 8px;} /*========================================================+ | Search Items | +========================================================*/ /*-- Set the padding of the search div. --*/ .Search {float:right; padding:2px 5px 0 0;} .search img {border:none; padding:0px 0px 0px 0px;} /*-- Set background color for Google custom search input --*/ .GCSearchBox {background-color:#FFFCF2;} /*-- If you need to change the button for the Google custom search --*/ .GCSearchButton {} /*-- Font for Radio Button labels. Not displayed by default but just in case. --*/ a.SearchField:hover {text-decoration:underline !important;} .btnSearch {margin-left:-7px;} /*-- Search Textbox Font and background image. --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox {padding: 3px 2px 0px 4px; font-size:.8em; height:16px; background:#F8F8F8 url(graphics/search_bg.gif) top repeat-x;border: #999 1px solid; width:120px;} #dnn_dnnSEARCH_cmdSearch img {border:none; vertical-align:top; margin-top:1px; padding:0px} /*========================================================+ | DNN Control Panel | +========================================================*/ /*-- We are using the DNN defaults Except the align center which breaks when you use DIV not tables for content. --*/ .DNNAligncenter {text-align:left;} .greytnessCP { } #dnn_ControlPanel {width:962px; margin:0 auto} .greytnessCP .dnnRibbon .barContent {border-right:none; border-top:none} .greytnessCP .RadTabStrip_Default {background:none} .greytnessCP .RadTabStrip_Default .rtsLink {background-color:#F1F1F1; color:#111} .greytnessCP .RadTabStrip_Default .rtsLink:hover {background-color:#FFF; color:#111} .greytnessCP .RadTabStrip_Default .rtsSelected { background-color:#FFF} .greytnessCP .dnnRibbonGroup .content {height:100px} .greytnessCP .dnnRibbonGroup .content:hover {background:#FCFCFC} .greytnessCP .RadTabStrip_Default .rtsLI, .RadTabStrip_Default .rtsLink {height:auto} .greytnessCP .RadTabStripTop_Default .rtsLink {margin-top:4px } .greytnessCP .RadTabStrip_Default .rtsSelected { border-bottom:#FFF 1px solid; height:24px; margin-top:0px; font-size:13px; color:#333} .greytnessCP .RadTabStrip_Default .rtsSelected:hover {font-size:13px} .greytnessCP .RadTabStrip_Default .rtsSelected .rtsTxt {font-weight:bold} .greytnessCP .dnnRibbon .barContent table {width:100%} .ControlPanel, .PagingTable {background-color:#FFF; border:none; text-align:center} #GreytnessMidnight .ControlPanel, .PagingTable {background:#999 none} /*.dnnActionMenu {right:10px;} */ /*========================================================+ | Text Styles | +========================================================*/ /*-- Default Font --*/ p {font-family: Arial, Helvetica, sans-serif; color: #000; margin:0 0 10px 0;} /*-- Most of the site text. --*/ .normal, .Normal {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #000;} /*-- Most of the bold site text. --*/ .NormalBold {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: bold; color: #555;} /*-- Red Error site text. --*/ .NormalRed {color: #900; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} /*-- subheadings - mostly in admin. --*/ .SubHead {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000;} /*-- headings - mostly in admin. --*/ .Head {font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: normal; background-color:transparent; color: #000;} /*-- Header styles. --*/ h1 {font-family: Arial, Helvetica, sans-serif; color:#444; font-size: 2.0em; text-decoration: none; font-weight: bold;margin-top:0px;margin-bottom:6px; line-height:1em;} h2 {font-family: Arial, Helvetica, sans-serif; color:#444; font-size: 12px; font-weight:bold; margin-top:0px;margin-bottom:5px;line-height:1em;} h3 {font-family: Arial, Helvetica, sans-serif;color:#444; font-weight:bold; margin-top:0px;margin-bottom:4px;text-transform: uppercase;font-size: 12px;} h4 {font-family: Arial, Helvetica, sans-serif; color:#444; font-size: 1.4em; font-weight:bold; margin-top:0px;margin-bottom:3px;line-height:1em;} h5 {font-family: Arial, Helvetica, sans-serif; color:#444; font-size: 1.2em; font-weight:bold; line-height:1.1em;margin-top:0px;margin-bottom:2px;line-height:1em;} h6 {font-family: Arial, Helvetica, sans-serif; color:#444; font-size: 1.0em; font-weight:bold; font-style:italic;margin-top:0px;margin-bottom:1px;line-height:1em;} /*========================================================+ | User Defined Tables | +========================================================*/ .UDT_Table_Head th {font-size:10px;} .UDT_Table_AlternateItem, .UDT_Table_AlternateItem p {font-size:10px;background-color:#F3F3F3;vertical-align:top;} .UDT_Table_Item, .UDT_Table_Item p {font-size:10px;vertical-align:top;} /*========================================================+ | Module Menus | +========================================================*/ /*-- Usually no need to change these styles. --*/ .ModuleTitle_MenuItem {background-color:#F7F7F7;border:1px solid #F7F7F7;color:#333;font-family: Arial, Helvetica, sans-serif; font-size:11px;font-weight:normal;padding:0px 10px 0px 0px;} .ModuleTitle_SubMenu {background-color:#F7F7F7; border:1px solid #666; margin:1px 0px 0px; padding:0px; z-index:2000 !important;} .ModuleTitle_MenuItemSel {background:#DDD none repeat scroll 0%; border-left:1px solid #DDD; border-right:1px solid #DDD; color:#000; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; padding:0px 10px 0px 0px} .ModuleTitle_MenuIcon {border:1px solid #EEE;padding:2px 3px;} .ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {display:none;} /*========================================================*/ /* Forms */ /*========================================================*/ /*-- Default for Element --*/ select, input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #555; } /*-- Default Textbox --*/ .NormalTextBox {color:#333; line-height:12px; font-family: Arial, Helvetica, sans-serif;font-weight:normal} /*========================================================+ | Navigation Menu Styles | +========================================================*/ /*-- Set line height. --*/ #nav li {position:relative; float:left; line-height:12px; list-style:none; padding:0px; margin-bottom:0px; background-color:transparent} /*-- Set bottom margin and color of menu that does not contain menu items. --*/ #nav ul {padding:0px; margin:0px; list-style:none; float:left; width:100%; background:transparent; z-index:700} /*-- Font for top menu items. --*/ #nav a {font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; display:block; margin:0; text-decoration:none; text-align:center; padding:0 20px 0 18px; margin:0px; color:#000; background:#CCC url(graphics/menu_divide.gif) right center no-repeat; line-height:26px; z-index:800} /*-- Second-level list container. --*/ #nav li ul {position:absolute; left:-999em; width:167px; border-top:#999 1px solid; border-left:1px solid #999; z-index:900} #nav li li { z-index:1000 } /*-- Second-level menu items. --*/ #nav li li a { width:150px; font-size:11px; text-align:left; background:#E6E6E6 none; color:#222; border-right:1px solid #999; border-bottom:#999 1px solid; line-height:16px; padding:6px 6px 6px 10px; text-transform:none; font-family:Verdana, Geneva, sans-serif; font-weight:normal; z-index:1000} /*-- Hover style for unselected menu items. --*/ #nav li a:hover {background: #FAFAFA none; color:#000;} /*-- Top-level selected menu items. --*/ #nav li.SelectedTab a {} /*-- Second-level selected menu items. --*/ #nav li li.SelectedTab a {background:#CCC none; color:#222;} /*-- Third-level selected menu items. --*/ #nav li li li.SelectedTab a {background: #CCC none; color:#222;} /*-- Hover style for selected menu items. --*/ #nav li.SelectedTab a:hover {background: #FAFAFA none; color:#000;} /*-- Font color for disabled tabs. --*/ #nav .DisabledTab {color:#CCC;} /*-- No need to change these hover classes unless you need more than 4 levels --*/ #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.iehover ul ul, #nav li.iehover ul ul ul, #nav li.iehover ul ul ul ul{left: -999em;} /*-- Set where the first drop-down hover menu starts along the y axis --*/ #nav li:hover ul, #nav li.iehover ul {top: 26px;left:-1px;} /*-- Set where the first drop-down hover menu starts along the x axis --*/ #nav li li:hover ul, #nav li li li:hover ul, #nav li li.iehover ul, #nav li li li.iehover ul {top: 2px;left:166px;} /*-- not needed - main menu --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon {display: none;} /*-- Adammer Free skin style --*/ .designBy { font-size:10px; color:#B2B2B2; text-align:center; margin-bottom:20px } .designBy a {font-size:10px; color:#B2B2B2; text-decoration:none} .designBy a:hover { font-size:10px; color:#999; text-decoration:underline } /*========================================================+ | Additional Styles | +========================================================*/ .TitleCell {padding:0 20px 20px 0; vertical-align:top} .SizeCell {padding:0 20px 20px 0; vertical-align:top} #GreytnessMidnight .FileManager_StatusBar,#GreytnessMidnight .FileManager_Pager {background-color:#666} #GreytnessMidnight select.Normal {color:#000} #GreytnessMidnight .ExtensionsContent tr.NormalBold {color:#000} div.language-object {margin:-52px 15px 0 0; float:right; padding-left: 28px;} div.language-object span.Language {float: right;} div.language-object span.Language img {width: 41px; margin: 0px 0px 0 0; } div.language-object span.Language.selected img {} #GreytnessMidnight div.language-object span.Language.selected img {border: 2px solid #000; } /*========================================================+ | Clear Fix for floating DIVs | +========================================================*/ * html .clearfix {height:1%; overflow:visible} *+html .clearfix {min-height:1%} .clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden} /*========================================================+ | End DNN Skin Styles | +========================================================*/ .newsmenu a span {margin-left: 10px;/*background: url(images/iconmaybay.png) left 0px no-repeat;*/} .newsmenu ul { margin: 0px 0px 4px 10px; padding: 0px; list-style: none;} .newsmenu ul li { margin: 0px; padding: 5px 0px 0px 8px; background: url(images/transparentarrow.gif) left 10px no-repeat; /*background: #e6f1fe url(images/transparentarrow.gif) left 14px no-repeat;*/ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; line-height: 22px; list-style: none; margin: 1px;} .ddnn {text-align: center;} #dnn_LINKS_lblLinks span.links{ padding:0 5px; }