/* jqxWidget ----------------------------------------------------------*/ .jqx-widget, .jqx-widget-content, .jqx-grid-header, .jqx-grid-cell, .jqx-tree-item-li, .jqx-menu ul, .jqx-listbox, .jqx-button { font-size:12px; font-family: 'Open Sans', sans-serif; } .jqx-grid-column-header { font-weight:bold; } .jqx-dropdownlist-content { font-size:12px; font-family: 'Open Sans', sans-serif;} .jqx-checkbox { font-size:12px; font-family: 'Open Sans', sans-serif; } .jqx-tabs-title { font-size:11px; font-family: 'Open Sans', sans-serif; } .jqx-grid-cell-publication { cursor:pointer; } /* Style */ html { font-family: 'Open Sans Condensed', sans-serif; font-size:13px; } body { -webkit-print-color-adjust: exact; margin:0; padding:0; background-image:url('Images/background.jpg'); } .background1,.background2,.background3 { background-repeat:repeat-x; background-position:center top; } h1,h2,h4,h6{ font-weight:bold; margin:0; padding:0; font-family: 'Open Sans', sans-serif; } h1 { font-size:200%; } h3 { font-weight:normal; margin:0; padding:0; font-family: 'Open Sans', sans-serif; } a { text-decoration: none; color:#000; } a:hover { text-decoration: #2d81a2; } img { border:none; } table { border-collapse:collapse; } .FullWidthStyle {width:100%} .HiddenControl {display:none} .CustomScrollbar { height:100%; } [class*="w-"] { float:left; } .w-12 { width:12.5%; } .w-14 { width:14.285%; } .w-16 { width: 16.66%; } .w-20 { width: 20%; } .w-25 { width: 25%; } .w-30 { width: 30%; } .w-33 { width: 33.33%; } .w-40 { width: 40%; } .w-50 { width: 50%; } .w-60 { width: 60%; } .w-70 { width: 70%; } .w-80 { width: 80%; } .w-100 { width: 100%; } .clearfix { clear:both; height:1px; } h1.pagetitle { margin:15px 0; border-bottom:solid 1px #c3c2c2; padding-bottom:5px; color:#227601; } .MainPanel { max-width:1920px; width:100%; margin:auto; } .TopPanel { background:#fffded; position:relative; z-index:1000; border-bottom:solid 3px #ed6a00; padding-top:15px;padding-bottom:15px;} .TopPanel > .container { width:95%; max-width:1920px; margin:auto; } #HeaderPanel { position:relative; float:left; width:auto; } #HeaderPanel > .container { text-align:left; } #HeaderPanel > .container img { width:100%; max-width:500px; height:auto; } .BannerPanel { margin-bottom:10px; background:url('Images/background.jpg'); width:85%; float:right; } .BannerPanel > .container { margin:auto; -moz-box-shadow: 0 0 20px 1px #000; -webkit-box-shadow: 0 0 20px 1px #000; box-shadow: 0 0 20px 1px #000; } .ImageSlide { position: relative; top: 0px; left: 0px; width: 1000px; height: 200px; } .ImageSlide .slides { visibility:hidden; cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; } .ImageSlide .navigator, .ImageSlide .arrowleft, .ImageSlide .arrowright { visibility:hidden; } .ImageSlide .loading { position: absolute; top: 0px; left: 0px; } .ImageSlide .loading .background { filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; } .ImageSlide .loading .image { position: absolute; display: block; background: url(images/jssor/loading.gif) no-repeat center center; top: 0px; left: 0px; width: 100%; height: 100%; } /* Bullet Navigator */ .ImageSlide .jssorb21 { position: absolute; } .ImageSlide .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av { position: absolute; /* size of bullet elment */ width: 19px; height: 19px; text-align: center; line-height: 19px; color: white; font-size: 12px; background: url(images/jssor/b21.png) no-repeat; overflow: hidden; cursor: pointer; } .ImageSlide .jssorb21 div { background-position: -5px -5px; } .ImageSlide .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; } .ImageSlide .jssorb21 .av { background-position: -65px -5px; } .ImageSlide .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; } .ImageSlide .jssorb06 { position: absolute; } .ImageSlide .jssorb06 div, .ImageSlide .jssorb06 div:hover, .ImageSlide .jssorb06 .av { position: absolute; /* size of bullet elment */ width: 18px; height: 18px; background: url(images/jssor/b06.png) no-repeat; overflow: hidden; cursor: pointer; } .ImageSlide .jssorb06 div { background-position: -6px -6px; } .ImageSlide .jssorb06 div:hover, .ImageSlide .jssorb06 .av:hover { background-position: -36px -6px; } .ImageSlide .jssorb06 .av { background-position: -66px -6px; } .ImageSlide .jssorb06 .dn, .ImageSlide .jssorb06 .dn:hover { background-position: -96px -6px; } /* Arrow Navigator */ .ImageSlide .jssora02l, .ImageSlide .jssora02r { display: block; position: absolute; /* size of arrow element */ width: 55px; height: 55px; cursor: pointer; background: url(images/jssor/a02.png) no-repeat; overflow: hidden; } .ImageSlide .jssora02l { background-position: -3px -33px; } .ImageSlide .jssora02r { background-position: -63px -33px; } .ImageSlide .jssora02l:hover { background-position: -123px -33px; } .ImageSlide .jssora02r:hover { background-position: -183px -33px; } .ImageSlide .jssora02l.jssora02ldn { background-position: -3px -33px; } .ImageSlide .jssora02r.jssora02rdn { background-position: -63px -33px; } /* Arrow Navigator */ .ImageSlide .jssora21l, .jssora21r { display: block; position: absolute; /* size of arrow element */ width: 55px; height: 55px; cursor: pointer; background: url(images/jssor/a21.png) center center no-repeat; overflow: hidden; } .ImageSlide .jssora21l { background-position: -3px -33px; } .ImageSlide .jssora21r { background-position: -63px -33px; } .ImageSlide .jssora21l:hover { background-position: -123px -33px; } .ImageSlide .jssora21r:hover { background-position: -183px -33px; } .ImageSlide .jssora21l.jssora21ldn { background-position: -243px -33px; } .ImageSlide .jssora21r.jssora21rdn { background-position: -303px -33px; } .CenterPanel { margin:auto; background:#fff;padding-left:15% } .CenterPanel.Home { background:none; } #ContentPanel { float:left; width:100%; } #ContentPanel.right, #ContentPanel.left { width:79.5%; } #ContentPanel.left.right { width:59%; } #ContentPanel > div { padding:5px 7px 5px 7px; } #ContentPanel .ContentPanel-Center { /*background:#FFFFFF; border:solid 1px #9e9e9e; -moz-box-shadow: 0 0 5px 1px #9e9e9e; -webkit-box-shadow: 0 0 5px 1px #9e9e9e; box-shadow: 0 0 5px 1px #9e9e9e;*/ padding:0; } /* ---------------------------- Image Board ------------------------------*/ .CenterPanel > .ImageBoard {} .CenterPanel > .ImageBoard img { width:100%; height:auto; } .BottomPanel { position:fixed; max-width:1920px; background:#9e4802; margin:auto;bottom:0px;width:100%;z-index:1000;} .BottomPanel > .container { padding:0; margin:auto; } .BottomPanel a { text-decoration:none; font-weight:bold; color:#fff; } .BottomPanel .BottomMenuContainer { padding:10px; } .BottomPanel .BottomMenuContainer > .container { width:1000px; margin:auto; } .background1 .BottomPanel .BottomMenuContainer { } .background2 .BottomPanel .BottomMenuContainer { } .background3 .BottomPanel .BottomMenuContainer {} #FooterPanel { font-size:100%; color:#fff; text-align:center; padding:5px; } #FooterPanel a { text-decoration:none; color:#fff; } #FooterPanel a:hover { color: #fe6c17; } #FooterPanel .EditorLink a { color:#f9f68f; text-decoration:none; } #FooterPanel .EditorLink a:hover { color: #D2CD0B; } /* ---------------------------- Menu ------------------------------*/ #MainMenu { width: 15%; position: fixed; left: 0; background: #c2c2c2; color: #fff; z-index:999; height:100vh; transition: all 0.3s; } .background1 #MainMenu { } .background2 #MainMenu {} .background3 #MainMenu {} #MainMenu > .bottomline { display:none; position:absolute; background:rgba(177,177,177,0.7); width:100%; height:5px; bottom:-5px; left:0; } #MainMenu > .container { margin:auto; float:right; } #MainMenu .downarrowclass { font-size:15px; } #MainMenu .rightarrowclass { font-size:15px; } #MainMenu .ddsmoothmenu { } #MainMenu .ddsmoothmenu ul li a { display: block; padding: 22px 15px; text-decoration: none; cursor:pointer; background-position:2px 15px; background-repeat:no-repeat;} #MainMenu .ddsmoothmenu ul li a.ImageIcon{ padding-left:25px; } #MainMenu .ddsmoothmenu ul li a, .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited { color:#292216; font-size:110%; } #MainMenu .ddsmoothmenu ul li a.selected { background-color:#717171; color:#fff; } /*#MainMenu .ddsmoothmenu ul li a:hover { background-color:#ed6a00; color:#fff; }*/ #MainMenu .ddsmoothmenu ul li ul li a { padding: 10px 15px; background-color:#999; color:#fff; font-size:100%; } /*#MainMenu .ddsmoothmenu ul li ul li a:hover { background-color:#f78325; border-radius:0; }*/ #MainMenu .ddsmoothmenu ul li ul li a.selected { background-image: none; background-color:#999; border-radius:0; } .ddsmoothmenu-v .downarrowclass { font-size:15px; } .ddsmoothmenu-v .rightarrowclass { font-size:15px; } .ddsmoothmenu-v ul li a, .ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active { color: #000000; } .ddsmoothmenu-v ul li a.selected { color:#ffffff; background-color: #fd4642; filter: Alpha(Opacity=95); -moz-opacity: 0.95; opacity: 0.95; } .ddsmoothmenu-v ul li a:hover { color:#ffffff; background-color: #fd4642; filter: Alpha(Opacity=95); -moz-opacity: 0.95; opacity: 0.95; } .ddsmoothmenu-v ul li ul li a, .ddsmoothmenu-v ul li ul li a:link, .ddsmoothmenu-v ul li ul li a:visited, .ddsmoothmenu-v ul li ul li a:active { color: #FFFFFF; } .ddsmoothmenu-v ul li ul li a { background-color: #fe6c17; filter: Alpha(Opacity=97); -moz-opacity: 0.97; opacity: 0.97; border-right:solid 1px #dc5100; } .ddsmoothmenu-v ul li ul li a:hover { color:#ffffff; background-color: #b2b2b2; filter: Alpha(Opacity=95); -moz-opacity: 0.95; opacity: 0.95; } .ddsmoothmenu-v ul li ul li a.selected { color:#ffffff; background-color: #c24700; filter: Alpha(Opacity=95); -moz-opacity: 0.95; opacity: 0.95; } #SlickMenu .slicknav_menu { background-color: #fffded; } #SlickMenu .slicknav_btn { background-color: #fffded; } #SlickMenu .slicknav_menu .slicknav_icon-bar { background-color: #272727; } #SlickMenu .slicknav_nav .slicknav_row:hover { background-color:#e3dedc; color:#a54d60; } #SlickMenu .slicknav_nav a:hover { background-color:#e3dedc; color:#a54d60; } #SlickMenu ul li a { color:#292216; background-position:0; background-repeat:no-repeat; } #SlickMenu ul li a.ImageIcon{ padding-left:25px; } #LeftMenu { float:left; width:20%; padding-top:7px; background-color:lightgray; height:95%} #RightMenu { float:right; width:20.5%; padding-top:7px} #BottomMenu { color:#fff; text-align:left; } #BottomMenu a { font-size:100%; text-decoration:none; color:#fff; } #BottomMenu a:hover { color:#fe6c17; } #BottomMenu > .container > ul { list-style:none; margin:0; padding:0; display: inline-table; } #BottomMenu > .container > ul li { display: inline; background:url('Images/dot.png') right center no-repeat; -webkit-background-size: 10px 10px; -moz-background-size: 8px; -o-background-size: 8px; background-size: 8px; padding:0 15px 0 1px; } #BottomMenu > .container > ul li:last-child { background:none; } #BottomMenu > .container > ul li a { padding-left:3px; } #BottomMenu > .container { width:1000px; margin:auto; } #BottomMenu > .container .item { width:25%; float:left; } #BottomMenu > .container .item > .container { padding:5px; } #BottomMenu > .container .item > .container > .title { font-weight:bold; text-transform:uppercase; color:#fff; margin-bottom:10px; font-size:120%; } #BottomMenu > .container .item > .container > .title > span { border-bottom:solid 5px #5fabe4; } #BottomMenu > .container .item > .container > .content > ul { margin: 0; padding: 0; list-style-type: none;} #BottomMenu > .container .item > .container > .content > ul li a { font-weight:normal; text-decoration:none; color:#fff; } #BottomMenu > .container .item > .container > .content > ul li a:hover { color:#fdad37; } .TabMenu { width:99%; margin:auto; display:none; } .TabMenu .jqx-tabs { border:none; } .TabMenu .jqx-tabs-title { font-weight:bold; } .TabMenu .jqx-tabs-content { background:#fff; } .CenterMenu { width:100%; padding-top:5px; } .CenterMenu .TabMenu { width:100%; margin:auto; } .CenterMenu .TabMenu .tabTitle { cursor:pointer; } .CenterMenu .TabMenu .tabTitle { margin-left:5px; } .CenterMenu .TabMenu .jqx-tabs { border:solid 1px #e5e5e5; border-radius:0; } .CenterMenu .TabMenu .jqx-tabs-header { background:#fd4642; border-radius:0; } .CenterMenu .TabMenu .jqx-tabs-title { font-weight:bold; padding-left:10px; color:#ffffff; } .CenterMenu .TabMenu .jqx-tabs-title-selected-top { color:#000000; font-weight:bold; } .CenterMenu .TabMenu .jqx-tabs-title-hover-top { background-color:#fe6c17; border-color:#cf4f04; } .background1 .CenterMenu .jqx-tabs-header { background-color: #fd4642; } .background2 .CenterMenu .jqx-tabs-header { background-color: #40c0cb; } .background3 .CenterMenu .jqx-tabs-header { background-color: #f69e60; } .CenterMenu .title a { color:#FFFFFF; font-weight:bold; text-transform: uppercase; text-decoration: none; display: block; padding:0; } .treeMenu ul { margin:0; padding:5px; list-style: none outside none; } .treeMenu li a { padding: 0 0 0 22px; line-height: 25px; } .treeMenu > ul > li > a { color: #3B4C56; display: block; font-weight: normal; position: relative; text-decoration: none; } .treeMenu li.parent a { cursor:pointer; } .treeMenu li a:before { cursor:pointer; background-repeat:no-repeat; background-image: url("Images/Theme.png"); background-position:-194px -36px; content: ""; display: block; height: 18px; left: 0; position: absolute; top: 2px; vertical-align: middle; width: 18px; } .treeMenu li.parent > a:before { background-position:-194px 0px; } .treeMenu ul li.active > a:before { background-position:-194px -18px;} .treeMenu ul li ul { border-left: 1px solid #D9DADB; display: none; margin: 0 0 0 12px; overflow: hidden; padding: 0 0 0 12px; } .treeMenu ul li ul li { position: relative; } .treeMenu ul li ul li:before { border-bottom: 1px dashed #E2E2E3; content: ""; left: -20px; position: absolute; top: 12px; width: 15px; } /* ---------------------------- Dock ------------------------------*/ .DockMenu { visibility:hidden; z-index:3000; } .DockMenu.left { position: fixed; top: 150px; left: 5px; } .DockMenu.right { position: fixed; top: 100px; right: 5px; } .DockMenu ul { list-style: none; padding:0; margin:0; } .DockMenu .jqDock { position: relative; bottom: 48px; } .DockMenu .jqDock li { list-style: none; } .DockMenu .jqDockLabel { background: #333; color: #fff; padding: 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } /* ---------------------------- Content ------------------------------*/ .ContentContainer { } .ContentContainer .Content { min-height:500px; } /* ---------------------------- Box ------------------------------*/ .BoxPanel { width: 100%; min-height:14px; margin:auto; margin-bottom:10px; position:relative; } .BoxPanel .BoxPanel-Title { text-align:left; padding: 5px; display:block; } .BoxPanel .BoxPanel-Title a { color:#fff; font-weight:bold; text-align:center; text-transform: uppercase; text-decoration: none; display: block; padding:0; } .BoxPanel .BoxPanel-Title a:hover { } .BoxPanel .active { } .BoxPanel .BoxPanel-Container { padding:3px; } .BoxPanel.NoTitle { } .BoxPanel .BoxPanel-Content.NoTitle { padding-top:0; } .BoxPanel .BoxPanel-Content{ padding-top:0; } .BoxPanel .BoxPanel-Component{ padding:3px; } .BoxPanel .BoxPanel-WidgetBoard { padding:3px; } .BoxPanel .BoxPanel-Disabled { display:none; } .background1 .BoxPanel-Title { } .background2 .BoxPanel-Title { } .background3 .BoxPanel-Title { } #CenterMenu .BoxPanel { } #CenterMenu .BoxPanel .BoxPanel-Content { margin:0; padding:0; } #CenterMenu .BoxPanel .BoxPanel-Container { } #LeftMenu .BoxPanel { width:98%; } #LeftMenu .BoxPanel .BoxPanel-Title { } #LeftMenu .BoxPanel .BoxPanel-Design-Left { } #LeftMenu .BoxPanel .BoxPanel-Design-Right { display:none; } #RightMenu .BoxPanel { width:98%; } #RightMenu .BoxPanel .BoxPanel-Title { } #RightMenu .BoxPanel .BoxPanel-Design-Left { } #RightMenu .BoxPanel .BoxPanel-Design-Right { display:none; } /* ---------------------------- Box Container ------------------------------*/ .BoxContainer { } .BoxContainer .item { } .BoxContainer .group { float:left; } .BoxContainer .row { float:left; } .BoxContainer .row > .container { padding:5px; } .BoxContainer .row > .container > div { display:block; background:#fff; border:solid 1px #cccccc; } .BoxContainer .row > .container > div p {} .BoxContainer.BottomWidget { padding:10px 0; background:url('Images/background.jpg'); -moz-box-shadow: inset 0 8px 8px -8px #000, inset 0 -8px 8px -8px #000; -webkit-box-shadow: inset 0 8px 8px -8px #000, inset 0 -8px 8px -8px #000; box-shadow: inset 0 8px 8px -8px #000, inset 0 -8px 8px -8px #000; } .BoxContainer.BottomWidget > .container { width:1000px; margin:auto; } .background1 .BoxContainer .row .BoxPanel { margin:0; } .background1 .BoxContainer .row .BoxPanel .BoxPanel-Title { } .background1 .BoxContainer .row .BoxPanel .BoxPanel-Title { background-color:#ed6a00; } .background2 .BoxContainer .row .BoxPanel .BoxPanel-Title { } .background3 .BoxContainer .row .BoxPanel .BoxPanel-Title { } /* ---------------------------- Sitemap ------------------------------*/ #SitemapPanel { font-weight:bold; color:#000000; } #SitemapPanel .SitemapPanel-Link a { font-weight:bold; color:#000000; } #SitemapPanel .SitemapPanel-Link a:hover { color:#CC3333; } #SitemapPanel .SitemapPanel-Container { } #SitemapPanel .SitemapPanel-Link { float:left;} #SitemapPanel .SitemapPanel-Next { float:left; padding:0 4px; } #SitemapPanel .home { font-size:16px; float:left; color:#000000; } #SitemapPanel .navigator { font-size:15px; color:#363636; } /* ---------------------------- Toolbar ------------------------------*/ #ToolbarPanel { padding:0; } #ToolbarPanel > .container { color:#fef9f3; margin:auto; width:1000px; } .background1 #ToolbarPanel { background-color: #2d81a2; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#105874), to(#2d81a2)); background: -webkit-linear-gradient(top, #105874, #2d81a2); background: -moz-linear-gradient(top, #105874, #2d81a2); background: -ms-linear-gradient(top, #105874, #2d81a2); background: -o-linear-gradient(top, #105874, #2d81a2); } .background2 #ToolbarPanel { background:#a12b2b; } .background3 #ToolbarPanel { background:#4f932a; } #ToolbarPanel .StyleSetting { text-decoration: none; padding-left:10px; } #ToolbarPanel .StyleSetting table { width:auto; text-align:center; margin-right:10px; } #ToolbarPanel .StyleSetting table a { font-weight:bold; color:#fef9f3; } #ToolbarPanel .StyleSetting .icon-theme > span { display:none; } #ToolbarPanel .StyleSetting .w3c i { font-size:20px; font-weight:bold; } #ToolbarPanel .StyleBM { width:auto; padding-left:50px; } #ToolbarPanel .StyleEN { width:auto; } #ToolbarPanel .StyleOtherLanguage { width:auto; text-transform:uppercase; } #ToolbarPanel .StyleBM > div, #ToolbarPanel .StyleEN > div{ border-right:solid 1px #ffffff; padding-right:2px; } #ToolbarPanel .StyleLanguageSeparator { width:1px; display:none; } #ToolbarPanel .StyleEditorLink { text-transform:uppercase; font-weight: bold; width:120px; text-align:right;} #ToolbarPanel .StyleBM a:link,#ToolbarPanel .StyleBM a:visited, #ToolbarPanel .StyleEN a:link,#ToolbarPanel .StyleEN a:visited, #ToolbarPanel .StyleCH a:link,.#oolbarPanel .StyleCH a:visited, #ToolbarPanel .StyleEditorLink a:link,.ToolbarPanel .StyleEditorLink a:visited { color:#fef9f3; } #ToolbarPanel a.w3c-font1 { font-size:13px; font-weight:bold; display:block; padding:0 2px;} #ToolbarPanel a.w3c-font2 { font-size:17px; font-weight:bold; display:block; padding:0 2px 2px 2px;} #ToolbarPanel a.w3c-font3 { font-size:22px; font-weight:bold; display:block; padding:0 2px 5px 2px; } #ToolbarPanel a.w3c-background1 { background:#393251; width:20px; height:18px; display:block; border:solid 1px #ffffff; } #ToolbarPanel a.w3c-background2 { background:#780707; width:20px; height:18px; display:block; border:solid 1px #ffffff; } #ToolbarPanel a.w3c-background3 { background:#3a6423; width:20px; height:18px; display:block; border:solid 1px #ffffff; } #ToolbarPanel a.w3c-background { margin:0 1px; } #ToolbarPanel a.w3c-background > span { display:none; } #ToolbarPanel a.w3c-color { position:relative; width:20px; height:20px; display:block; } #ToolbarPanel a.w3c-color > span { display:none; } #ToolbarPanel a.w3c-color i { font-size:20px; position:absolute; display:block; } #ToolbarPanel a.w3c-color i.line { color:#ffffff; } #ToolbarPanel a.w3c-color i.shape { font-size:18px; top:1px; left:1px; } #ToolbarPanel a.w3c-color1 i.shape { color:#000000; } #ToolbarPanel a.w3c-color2 i.shape { color:#ff0000; } #ToolbarPanel a.w3c-color3 i.shape { color:#0000ff; } #ToolbarPanel a.w3c-color4 i.shape { color:#00ff00; } /* ---------------------------- Message Board ------------------------------*/ .MessagePanel { margin:auto; overflow:hidden; position:relative; padding:5px; } .MessagePanel ul.marquee { /* required styles */ display: block; padding: 0; margin: 0; list-style: none; line-height: 1; position: relative; overflow: hidden; /* optional styles for appearance */ height: 22px; /* height should be included to reserve visual space for the marquee */ margin:auto; } .MessagePanel ul.marquee li { /* required styles */ position: absolute; top: -999em; left: 0; display: block; white-space: nowrap; /* keep all text on a single line */ /* optional styles for appearance */ padding: 3px 5px; font-weight:bold; } /* ---------------------------- Notice Board ------------------------------*/ #marqueecontainer1 { visibility:hidden; position: relative; overflow: hidden; text-align:left; } .marqueeBox {} .marqueeBox #vmarquee1 { position: absolute; left: 0px; width:100%; } .marqueeBox ul { list-style:none; margin:0; padding:0; } .marqueeBox ul li div.content { border-bottom:solid 1px #b7b7b7; padding-bottom:10px; margin-bottom:10px; } .marqueeBox ul li:last-child div.content { border:none; } /* ---------------------------- Announcement ------------------------------*/ .AnnouncementPanel .royalSlider { width:100%; visibility:hidden; } .AnnouncementPanel .rsVideoFrameHolder { background:#ffffff; } .AnnouncementPanel .rsTextSlide .CustomScrollbar .content { padding:5px; } /* ---------------------------- Weather ------------------------------*/ #WeatherPanel { display:block; overflow:hidden; width:195px; margin:auto; } .weatherFeed { width: 195px; } .weatherItem { padding: 0.8em; text-align: right; } .weatherCity { text-transform: uppercase; } .weatherTemp { font-size: 2.8em; font-weight: bold; } .weatherDesc, .weatherCity, .weatherForecastDay { font-weight: bold; } .weatherDesc { margin-bottom: 0.4em; } .weatherRange, .weatherWind, .weatherLink, .weatherForecastItem { font-size: 0.8em; } .weatherLink, .weatherForecastItem { margin-top: 0.5em; text-align: left; } .weatherForecastItem { padding: 0.5em 0.5em 0.5em 80px; background-color: #fff; background-position: left center; color:#000000; } .weatherForecastDay { font-size: 1.1em; } .odd { background-color: #e8e8fc; } .even { background-color: #d4d4e8; } .day { background-color: #e8e8f2; } .day a { color: #555; } .night { background-color: #2a2a33; color: #eaeaf0; } .night a:hover { color: #fff; } /* ---------------------------- Poll ------------------------------*/ .PollPanel {} .PollPanel .title { padding-top:5px; padding-bottom:5px; text-align:center; font-weight:bold; } .PollPanel .content { width:120px; margin:5px auto 0 auto; } .PollPanel .button { width:175px; padding:5px 0; margin:auto; padding-left:1px; } .PollPanel .button .ButtonSubmit { width:83px; } .PollPanel .button .ButtonResult { width:83px; } .PollPanel .notification { text-align:center; color:#ff0000; font-weight:bold; padding:5px 0; } .PollPanel .PanelPollType { font-weight:bold; padding:2px 0; margin:auto; width:185px; } .PollPanel > .PanelPollType .jqx-button { font-weight:bold; font-size:9px; padding:5px; cursor:pointer; } .PollPanel.expired .content, .PollPanel.comingsoon .content, .PollPanel.expired .button, .PollPanel.comingsoon .button { display:none; } .PollPanel .chart { min-height:300px; display:none; } .PanelPoll {} .PanelPoll > .question { text-align:center; font-size:130%; font-weight:bold; margin-bottom:10px; } /* ---------------------------- Public Login ------------------------------*/ #LoginPanel { font-weight:bold; width:180px; margin:auto; padding:5px; } #LoginPanel .LoginPanel-Username { margin-bottom:5px; } #LoginPanel > .LoginPanel-Username > .title { display:none; } #LoginPanel .LoginPanel-Username > input { width:175px; } #LoginPanel .LoginPanel-Password { margin-bottom:5px; } #LoginPanel > .LoginPanel-Password > .title { display:none; } #LoginPanel .LoginPanel-Password > input { width:175px; } #LoginPanel .LoginPanel-Button { text-align:right; padding-bottom:3px; } #LoginPanel input.marked, textarea.marked { color: #999; } #LoginPanel > .LoginPanel-Username input[type=text], #LoginPanel > .LoginPanel-Password input[type=password] { width:170px; } #LoginPanel .watermark { color: #999 !important; width:170px; } #LoginPanel .jqx-checkbox { font-size:10px; font-weight:bold; } #LoginPanel .button { display:block; float:left; cursor:pointer; } #AccountPanel > .ButtonContainer { background:#dedede; border:solid 1px #b1b1b1; padding:0 0 5px 7px; border-radius:10px; width:115px; margin:auto; } #AccountPanel > .ButtonContainer > .Container a { float:left; cursor:pointer; } /* ---------------------------- Counter ------------------------------*/ #CounterPanel { padding:5px 5px 7px 5px; } #CounterPanel .tbCounterPanel { margin:auto; } #CounterPanel .CounterPanel-DigitPanel { height:30px; } #CounterPanel .CounterPanel-Title { text-align:left; font-weight:bold; padding-right:20px; } #CounterPanel .CounterPanel-Number { text-align:right; } /* ---------------------------- Archive ------------------------------*/ #ArchivePanel { padding:5px; width:165px; margin:auto; } #ArchivePanel .ArchivePanel-Button { cursor:pointer; } #ArchivePanel .ArchivePanel-Year select { width:60px; } #ArchivePanel .ArchivePanel-Month select { width:80px; } #ArchivePanel #btnArchivePanel-Submit { font-size:25px; color:#626262; cursor:pointer; margin-left:5px; } #ArchivePanel #btnArchivePanel-Submit:hover { color:#288db1; } /* ---------------------------- Newsletter ------------------------------*/ #NewsletterPanel { width:185px; margin:auto; padding:5px 0; } #NewsletterPanel > .Title { font-size:98%; padding-bottom:3px; } #NewsletterPanel > .Component > #lblMessageNewsletter { color:#ff0000; font-size:95%; padding-bottom:5px; font-weight:bold; } #NewsletterPanel > .Button { text-align:right; } /* ---------------------------- Solat ------------------------------*/ #SolatPanel_V { width:190px; margin:5px auto 0 auto; padding-bottom:5px; } #SolatPanel_V > table { width:90%; margin:auto; } #SolatPanel_V > table tr > .HeaderTitle { font-weight:bold; text-align:center; padding:10px 0; font-size:110%; } #SolatPanel_V > table tr > .Title { width:50%; font-weight:bold; text-align:right; padding:2px 10px; } #SolatPanel_V > table tr > .Time { text-align:left; } /* ---------------------------- Image Scroller ------------------------------*/ #ImageScroller { background:#fff; position:relative; width:1000px; margin:auto; } #ImageScroller a.left, #ImageScroller a.right { color:#fd4642; } #ImageScroller a.right:hover, #ImageScroller a.left:hover { color:#fe6c17; } #ImageScroller .scrollable img { margin:10px 20px; } /* ---------------------------- Search ------------------------------*/ .SearchPanel { width:200px; padding-right:5px; } .styleSearchPanel { padding-left:13px; background:#ffffff; padding:2px 5px; border-radius:5px; } .styleSearchPanel .searchLabel { display:none; } .styleSearchPanel .searchTextBox > input { width:180px; margin-right:2px; border:none; } .styleSearchPanel #SearchPanel-SearchButton { font-size:18px; color:#212121; margin-left:3px; cursor:pointer; } /* ---------------------------- Calendar ------------------------------*/ .CalendarPanel { width:190px; margin:auto; font-size:10px; position:relative; left:-1px; padding-bottom:2px; line-height:10px; letter-spacing:0; } .CalendarEvent a { background-color: #42B373 !important; background-image :none !important; color: #ffffff !important; } .responsive-calendar .controls .btn { background-color:#1d86c8; border-radius:3px; padding:2px 5px; color:#fff; font-size:85%; } .responsive-calendar .day-headers .header { background-color:#fff0cb; font-weight:bold; } .responsive-calendar .day a { background-color:#fff0cb; } .responsive-calendar .day a:hover { background-color: #fecf5e; text-decoration: none; } .responsive-calendar .day.active a { background-color: #1d86c8; color: #ffffff; } .responsive-calendar .day.active a:hover { background-color: #36a0e2; } .responsive-calendar .day.active .not-current { background-color: #8fcaef; color: #ffffff; } .responsive-calendar .day.active .not-current:hover { background-color: #bcdff5; } .responsive-calendar .day .badge { font-size:80%; font-weight:bold; background-color:#f89406; padding:0 3px; color:#fff; border-top-right-radius:5px; border-bottom-left-radius:5px; } /* ---------------------------- Icon ------------------------------*/ .icon-document { display:block; background-image:url('Images/ico_document.png'); background-repeat:no-repeat; } .icon-download { width:45px; height:45px; } /* Download */ .icon-download-audio { background-position:-200px -115px; } .icon-download-zip { background-position:-245px -115px; } .icon-download-ppt { background-position:-290px -115px; } .icon-download-swf { background-position:-335px -115px; } .icon-download-video { background-position:-384px 0; } .icon-download-image { background-position:-384px -45px; } .icon-download-pdf { background-position:-384px -90px; } .icon-download-txt { background-position:-384px -135px; } .icon-download-file { background-position:-429px 0; } .icon-download-folder { background-position:-429px -45px; } .icon-download-doc { background-position:-429px -90px; } .icon-download-xls { background-position:-429px -135px; } .icon-gallery { width:128px; height:115px; } /* Gallery */ .icon-gallery-folder { background-position:0 0; } .icon-gallery-video { background-position:-256px 0; } .icon-gallery-audio { background-position:-128px 0; } .icon-theme { display:block; background-image:url('Images/Theme.png'); background-repeat:no-repeat;} .icon-counter { float:left; width:19px; height:25px} /* counter */ .icon-counter-0 { background-position:-0 0} .icon-counter-1 { background-position:-19px 0 } .icon-counter-2 { background-position:-38px 0 } .icon-counter-3 { background-position:-57px 0 } .icon-counter-4 { background-position:-76px 0 } .icon-counter-5 { background-position:-95px 0 } .icon-counter-6 { background-position:-114px 0 } .icon-counter-7 { background-position:-133px 0 } .icon-counter-8 { background-position:-152px 0 } .icon-counter-9 { background-position:-171px 0 } .icon-login {} .icon-login-detail { background-position:0 -26px; width:35px; height:35px; } .icon-login-logout { background-position:-35px -26px; width:35px; height:35px; } .icon-login-complaint { background-position:-70px -26px; width:35px; height:35px; } .icon-login-forgot-password { background-position:-105px -26px; width:30px; height:35px; } .icon-login-account-new { background-position:-135px -26px; width:30px; height:35px; } .icon-login-forgot-username { background-position:-165px -26px; width:30px; height:35px; } /* Form */ #PanelForm {} #PanelForm tr td { padding:2px 0; } #PanelForm > .container .PanelForm-Title { width:140px; padding-right:5px; } #PanelForm > .container .PanelForm-Content {} #PanelForm > .container .PanelForm-Content > .FullWidth { width:100%; } #PanelForm > .container .PanelForm-Content > .TextBox { width:200px; } #PanelForm > .container .PanelForm-Content > .SampleText { font-size:80%; font-style: italic } #PanelForm > .container .ButtonContainer { margin:20px auto; width:50%; } #PanelForm > .container .ButtonContainer input[type="button"] { width:48%; margin:0 2px; } #PanelForm > .loading { display:none; } #PanelForm > .loading .icon { background:url('Images/6.gif') no-repeat center; height:19px; } #PanelForm > .loading .label { text-align:center; font-weight:bold; padding:5px; } #PanelForm .watermark { color:#ffffff; } #PanelChart { display:none; position:relative; z-index:10; } /* Event */ #PanelEvent { } #PanelEvent li.item { padding:10px 5px; } #PanelEvent li.item a { color:#000000; } #PanelEvent li.item a:hover { text-decoration:none; } #PanelEvent li.item .title { font-size:140%; font-weight:bold; padding-bottom:3px; } #PanelEvent li.item .date { color:#3b3b3b; } #PanelEvent .label { font-weight:bold; font-size:110%; padding:10px 0 2px 0; } #PanelEvent .map { width:100%; height:200px; margin:5px 0; border-radius:10px; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; } #PanelEvent > .filter { margin-bottom:10px; border:solid 1px #cccccc; padding:10px; border-radius:5px; } #PanelEvent > .filter #txtArchiveFilterBox { padding:0 5px; width:170px; height:20px; } #PanelEvent > .filter #btnArchiveReset { display:none; } #PanelEvent > .filter span.label { font-weight:bold; } #PanelEvent > .filter ul { list-style: none; margin: 0; padding: 0; } #PanelEvent > .filter ul li { float:left; padding:0 2px; } .PanelLoginApps { padding-top:50px; } .PanelLoginApps .ButtonPanel { padding-top:10px; } .PanelLoginApps .ButtonPanel > .Button { width:100%; padding:10px; font-weight:bold; cursor:pointer; background:#4d90fe; border:none; color:#ffffff; } .SlidePanel { margin:5px 0; } .SlidePanel .container { width:573px; height:290px; } .SlidePanel .container img { width:573px; height:290px; } .SlidePanel .title { background:#ff0000; margin-bottom:8px; padding: 6px 0px; text-align:center; display:block; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:105%; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; background-color: #d42224; /*background: url(images/linear_bg_2.png); background-repeat: repeat-x;*/ background-color: #d42224; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff0000), to(#d42224)); background: -webkit-linear-gradient(top, #720000, #d42224); background: -moz-linear-gradient(top, #720000, #d42224); background: -ms-linear-gradient(top, #720000, #d42224); background: -o-linear-gradient(top, #2F2727, #d42224); } .SlidePanel .title a { color:#FFFFFF; font-weight:bold; text-transform: uppercase; text-decoration: none; display: block; padding:0; } /* Bulletin ----------------------------------------------------------*/ .PanelBulletin { padding:5px 0; } .PanelBulletin ul { list-style: none; margin: 0; padding: 0; } .PanelBulletin .bulletin { margin-bottom:10px; position:relative; } .PanelBulletin .bulletin > .top { padding:5px; margin:0; border-radius:5px;} .PanelBulletin .bulletin > .top > .title { width:100%; cursor:pointer; } .PanelBulletin .bulletin > .top > .title > a { display:block; font-size:90%; color: #FFFFFF; font-weight: bold; } .PanelBulletin .bulletin > .top > .title > a:hover { text-decoration:none; } .PanelBulletin .bulletin > .container { padding:0px 3px 3px 3px; } .PanelBulletin .bulletin > .container > .date { color:#A8A8A8; text-align:right; } .PanelBulletin .bulletin > .container > .content {} .PanelBulletin .bulletin > .container > .link { display:none; text-align:right; } .PanelBulletin .bulletin.more > .container > .link { display:block; } .PanelBulletin .bulletin > .container > .link a { padding:5px; font-weight:bold; color:#ffffff; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .PanelBulletin .bulletin > .container > .link a:hover { text-decoration:none; } .PanelBulletin .bulletin > .right { display:none; } .PanelBulletin .morelink a { font-size:80%; } .background1 .PanelBulletin .bulletin > .top { background-color: #393251; } .background2 .PanelBulletin .bulletin > .top { background-color: #780707; } .background3 .PanelBulletin .bulletin > .top { background-color: #3a6423; } .background1 .PanelBulletin .bulletin > .container > .link a { background-color: #393251; } .background2 .PanelBulletin .bulletin > .container > .link a { background-color: #780707; } .background3 .PanelBulletin .bulletin > .container > .link a { background-color: #3a6423; } #PanelDownload li.item { padding:8px 0; } #PanelDownload .image { width:50px; float:left; padding-left:5px; } #PanelDownload .container { width:auto; float:left; } #PanelDownload .container .title { font-weight:bold; } #PanelDownload .container .detail { color:#807e7e; padding-top:3px; font-size:90%; letter-spacing:0; line-height:15px } #PanelDownload .container .detail .date { display:block; padding:0; margin:0; } #PanelDownload .container .detail .size { display:block; padding:0; margin:0; } #PanelDownload .icon { width:40px; float:right; padding-top:10px; } #PanelDownload .icon .download { font-size:30px; color:#266f00; } #PanelDownload a:link, #PanelDownload a:visited { color:#000000; } #PanelArchive { } #PanelArchive li.item { padding:8px 10px; } #PanelArchive li.item a > .title { font-weight:bold; font-size:120%; color:#000000; } #PanelArchive li.item a > .date { color:#303030; } #PanelArchive > .filter { margin-bottom:10px; visibility:hidden; border:solid 1px #cccccc; padding:10px; border-radius:5px; } #PanelArchive > .filter #txtArchiveFilterBox { padding:0 5px; width:170px; height:20px; } #PanelArchive > .filter #btnArchiveReset { display:none; } #PanelArchive > .filter span.label { font-weight:bold; } #PanelArchive > .filter ul { list-style: none; margin: 0; padding: 0; } #PanelArchive > .filter ul li { float:left; padding:0 2px; } #PanelSearch { } #PanelSearch li.item { padding:8px 10px; } #PanelSearch li.item a > .title { font-weight:bold; font-size:120%; color:#000000; } #PanelSearch li.item a > .description { color:#000000; } #PanelSearch li.item a > .link { color:#0000ff; font-size:95%; } #PanelSearch li.item a:hover { text-decoration:none; } #PanelSearch > .filter { margin-bottom:10px; visibility:hidden; border:solid 1px #cccccc; padding:10px; border-radius:5px; } #PanelSearch > .filter #txtArchiveFilterBox { padding:0 5px; width:170px; height:20px; } #PanelSearch > .filter #btnArchiveReset { display:none; } #PanelSearch > .filter span.label { font-weight:bold; } #PanelSearch > .filter ul { list-style: none; margin: 0; padding: 0; } #PanelSearch > .filter ul li { float:left; padding:0 2px; } #PanelNewsletter img { max-width:100%; height:auto; } #PanelSitemap a:link, #PanelSitemap a:visited { color:#000000; cursor:pointer; } #PanelSitemap a:hover { color:#CC3333; } #PanelSitemap ul { list-style-type:disc; } #PanelSitemap ul li { padding:2px 0; } .listControl { visibility:hidden; } .listControl > ul { list-style: none; margin: 0; padding: 0; } .listControl > ul li:nth-child(even) { background: #F3F3D1; } .listControl > ul li:nth-child(odd) { background: #FFFFFF; } .listControl > ul li:nth-child(even):hover, .listControl > ul li:nth-child(odd):hover { background-color: #B9B9B9; } .listControl > .holder { margin: 50px 0 15px 0; float:right; } .listControl > .holder a { font-size: 12px; cursor: pointer; margin: 0 5px; color: #333; } .listControl > .holder a:hover { background:none; color: #1900d6; } .listControl > .holder a.jp-previous { margin-right: 15px; } .listControl > .holder a.jp-next { margin-left: 15px; } .listControl > .holder a.jp-current, .listControl a.jp-current:hover { color: #FF4242; font-weight: bold; } .listControl > .holder a.jp-disabled, .listControl a.jp-disabled:hover { color: #bbb; } .listControl > .holder a.jp-current, .listControl a.jp-current:hover, .listControl > .holder a.jp-disabled, .listControl a.jp-disabled:hover { cursor: default; background: none; } .listControl > .holder span { margin: 0 5px; } /* ---------------------------- W3C ------------------------------*/ .font1 { font-size:80%; } .font2 { font-size:100%; } .font3 { font-size:120%; } .font1 h1, .font2 h1, .font3 h1 { font-size:200%; } .font1 .font-xsmall, .font2 .font-xsmall, .font3 .font-xsmall { font-size:72%; } .font1 .font-small, .font2 .font-small, .font3 .font-small { font-size:85%; } .font1 .font-medium, .font2 .font-medium, .font3 .font-medium { font-size:90%; } .font1 .font-large, .font2 .font-large, .font3 .font-large { font-size:120%; } .font1 .font-xlarge, .font2 .font-xlarge, .font3 .font-xlarge { font-size:130%; } .color2, .color2 .FontColor, .color2 .FontColor a, .color2 .FontColor a:link, .color2 .FontColor a:visited { color:Red !important; } .color3, .color3 .FontColor, .color3 .FontColor a, .color3 .FontColor a:link, .color3 .FontColor a:visited { color:Blue !important; } .color4, .color4 .FontColor, .color4 .FontColor a, .color4 .FontColor a:link, .color4 .FontColor a:visited { color:Green !important; } .color2 .FontColor a:hover, .color3 .FontColor a:hover, .color4 .FontColor a:hover { color:#FFFF00 !important;} /* ---------------------------- Background ------------------------------*/ .TopBackground { display:none; width:100%; min-width:1000px; height:500px; position:absolute; top:0; left:0; z-index:-10; } .background1 .TopBackground { background-color: #570000; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#190101), to(#3a0001)); background: -webkit-linear-gradient(top, #190101, #3a0001); background: -moz-linear-gradient(top, #190101, #3a0001); background: -ms-linear-gradient(top, #190101, #3a0001); background: -o-linear-gradient(top, #190101, #3a0001); -moz-box-shadow: 0 0 50px 50px #3a0001; -webkit-box-shadow: 0 0 50px 50px #3a0001; box-shadow: 0 0 50px 50px #3a0001; } .background2 .TopBackground { background-color: #004671; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#004671)); background: -webkit-linear-gradient(top, #000000, #004671); background: -moz-linear-gradient(top, #000000, #004671); background: -ms-linear-gradient(top, #000000, #004671); background: -o-linear-gradient(top, #000000, #004671); -moz-box-shadow: 0 0 50px 50px #004671; -webkit-box-shadow: 0 0 50px 50px #004671; box-shadow: 0 0 50px 50px #004671; } .background3 .TopBackground { background-color: #773507; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#773507)); background: -webkit-linear-gradient(top, #000000, #773507); background: -moz-linear-gradient(top, #000000, #773507); background: -ms-linear-gradient(top, #000000, #773507); background: -o-linear-gradient(top, #000000, #773507); -moz-box-shadow: 0 0 50px 50px #773507; -webkit-box-shadow: 0 0 50px 50px #773507; box-shadow: 0 0 50px 50px #773507; } #topcontrol { z-index:2000; } .scrolltop { background:#202020; opacity:0.9; position:relative; padding:5px 8px 10px 10px; text-align:center; vertical-align:middle; font-weight:bold; color:#FFFFFF; border-radius:5px; letter-spacing:2px;z-index:2000; } #PanelLogin {} #PanelLogin > .title { margin-bottom:10px; } #PanelLogin .label { font-weight:bold; padding-right:10px; } #PanelLogin input[type="text"] { width:300px; } #PanelLogin .button { text-align:right; padding:10px; } #PanelLogin .message { color:#ff0000; padding-left:85px; font-weight:bold; font-size:95%; display:none; } #PanelComplaintList { display:none; } #PanelComplaintList .jqx-grid-cell { cursor:pointer; } #PanelComplaintDetail { display:none; } #PanelComplaintDetail > table { width:100%; border-collapse:collapse; } #PanelComplaintDetail > table td { border:solid 1px #d5d5d5; padding:5px; } #PanelComplaintDetail .Title { font-weight:bold; width:100px; } #PanelComplaintDetail .Content { } #FixedPanel { position:fixed; right:0; top:50px; width:40px; height:auto; display:none; } #FixedPanel ul { list-style:none; margin:0; padding:0; } #FixedPanel ul li { padding:2px 5px; } /* ---------------------------- EzyBox ------------------------------*/ ul.ezybox { list-style:none; padding:0; margin:0; } ul.ezybox li.item { float:left; } ul.ezybox li.item > div { padding:5px; } ul.ezybox li.item > div > div { padding:5px; } ul.ezybox li.item > div > div .title { font-weight:bold; font-size:105%; padding:5px; } ul.ezybox li.item > div > div .image img { width:100%; height:auto; } ul.ezybox li.item > div > div .description { padding:5px; } .ezypanel-1 > div { padding:10px; } .ezypanel-1 > div > .title { font-weight:bold; } .ezypanel-1 > div > .content { } .ezypanel-1 > div > .content a.button { font-weight: bold; display: block; padding: 6px; background: #ed6a00; text-align: center; color: white; text-shadow: 2px 2px 4px #000000;} .ezypanel-1 > div > p { margin:5px 0 0 0; padding:0; } .hvr-radial-out:before { background:#ad5005; } .PanelDocument { padding:10px; } .PanelDocument > table { width:100%; } .PanelDocument > table tr th { background:#226CB8; padding:10px; color:#fff; text-transform:uppercase; } .PanelDocument > table tr td.no { text-align:center; width:50px; vertical-align:top; padding-top:10px; } .PanelDocument > table tr td.title { text-align:left; padding:10px; } .PanelDocument > table tr td.title a { text-decoration:none; color:#000; font-weight:bold; } .PanelDocument > table tr:nth-child(odd) td { background: #d2eefc; } .PanelDocument > table tr:nth-child(odd) td a:hover, .PanelDocument > table tr:nth-child(even) td a:hover { color:#013973 } .DocumentInfo > .info { font-size:100%; color:#3d3d3d; padding:5px; border-radius:5px; margin-top:5px;} .DocumentInfo > .info .label { font-size:90%; font-weight:bold; padding-right:5px; } .DocumentInfo > .info .item { float:left; width:33.33%; } /* ---------------------------- Search ------------------------------*/ .SearchPanel { width:60%; float:right; } .styleSearchPanel { padding-left:13px; border:solid 1px #b1b1b1; padding:2px 5px; border-radius:5px; } .styleSearchPanel .searchTable { width:100%; } .styleSearchPanel .searchLabel { display:none; } .styleSearchPanel .searchTextBox > input { width:100%; margin-right:2px; border:none; background:#f6f6f6; } .styleSearchPanel #SearchPanel-SearchButton { width:10px; font-size:18px; color:#212121; margin-left:3px; cursor:pointer; } #AccountPanel > .ButtonContainer { background:#dedede; border:solid 1px #b1b1b1; padding:0 0 5px 7px; border-radius:10px; width:115px; margin:auto; } #AccountPanel > .ButtonContainer > .Container a { float:left; cursor:pointer; } .AccountPanel { padding:8px 0px; text-align:right; } .AccountPanel > .username { font-weight:bold; padding-right:10px; } .AccountPanel > .username > a { text-decoration:none; color:#333333; } .AccountPanel > .username > a > img { width:18px; height:auto; margin-bottom:-5px; } .AccountPanel > a.button { cursor:pointer; padding:2px 10px; font-weight:bold; border-radius:5px; } .AccountPanel > a.button.login { background:#ff6600; color:#fff; border:solid 1px #e15a00; } .AccountPanel > a.button.login:hover { background:#d35603; } .AccountPanel > a.button.logout { background:#d9534f; color:#fff; border:solid 1px #be3c39; } .AccountPanel > a.button.logout:hover { background:#be3c39; } .AdminPanel { } .AdminPanel > a.button { cursor:pointer; padding:2px 10px; font-weight:bold; border-radius:5px; } .AdminPanel > a.button.admin { background:#2c8ebb; color:#fff; border:solid 1px #13688f; } .AdminPanel > a.button.admin:hover { background:#13688f; } LoginPage { } #LoginPage > div.title { width:30%; min-width:300px; margin:auto; padding:10px 20px; border-top-left-radius:10px; border-top-right-radius:10px; font-weight:bold; text-transform:uppercase; font-size:300%; text-align:center; color: rgba(0,0,0,0.6); text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3); } #LoginPage > .container { width:30%; min-width:300px; margin:auto; padding:20px; border-radius:5px; border:solid 1px #cccccc; } #LoginPage > .container > div.username { padding:5px;} #LoginPage > .container > div.username > .title { color:#666666; font-weight:bold; display:block; padding-bottom:3px; } #LoginPage > .container > div.password { padding:5px;} #LoginPage > .container > div.password > .title { color:#666666; font-weight:bold; display:block; padding-bottom:3px; } #LoginPage > .container > div.username > .textinput, #LoginPage > .container > div.password > .textinput { color:#666666; border-radius:5px; border: solid 1px #ccc; width:100%; padding:5px; margin:0 -5px; } #LoginPage > .container > div.toolbar { padding-top:10px; } #LoginPage > .container > div.toolbar #LoginPage-Submit { font-weight:bold; cursor:pointer; border:solid 1px #217399; background:#2c8ebb; padding:10px; color:#fff; border:none; border-radius:5px; width:100%; } #LoginPage > .container > div.toolbar #LoginPage-Submit:hover { background:#d35603; } #LoginPage > .container > div.toolbar > .top > .left { float:left; width:50%; padding-top:5px; font-weight:bold; color:#666666; } #LoginPage > .container > div.toolbar > .top > .right { float:right; width:50%; } /* Form */ #PanelForm { } #PanelForm.profile { visibility:hidden; } #PanelForm tr td { padding:2px 0; } #PanelForm > .container { width:70%; margin:auto; } #PanelForm > .container .PanelForm-Title { width:180px; font-weight:bold; } #PanelForm > .container .PanelForm-Content {} #PanelForm > .container .PanelForm-Content input[type="text"], #PanelForm > .container .PanelForm-Content input[type="password"] { padding:5px; border-radius:5px; border:solid 1px #ccc; } #PanelForm > .container .PanelForm-Content > .FullWidth { width:98%; } #PanelForm > .container .PanelForm-Content > .TextBox { width:200px; } #PanelForm > .container .PanelForm-Content > .SampleText { font-size:80%; font-style: italic } #PanelForm > .container .ButtonContainer { margin:20px auto; width:50%; } #PanelForm > .container .ButtonContainer input[type="button"] { width:48%; margin:0 2px; } #PanelForm > .loading { display:none; } #PanelForm > .loading .icon { background:url('Images/6.gif') no-repeat center; height:19px; } #PanelForm > .loading .label { text-align:center; font-weight:bold; padding:5px; } #PanelForm .watermark { color:#ffffff; } #PanelChart { display:none; position:relative; z-index:10; } #PanelForm > .container > .section { margin-bottom:10px; } #PanelForm > .container > .section > .title { font-size:120%; font-weight:bold; text-transform:uppercase; padding:10px; background:#dddddd; margin-bottom:5px; border-radius:5px; } #PanelForm > .container > .section .PanelForm-Title { vertical-align:top; font-weight:normal; } #PanelForm > .container .PanelForm-Content .message { color:#ff0000; display:block; font-size:90%; } #PanelForm > .container .messageContainer { display:none; border:solid 1px #22c32d; background:#5aff65; color:#2b2b2b; font-weight:bold; padding:10px 20px; border-radius:5px; margin-bottom:5px; } #PanelForm > .container > div.section { clear:both; margin-bottom:10px; } #PanelForm > .container > div.section > .item { clear:both; padding:5px; } #PanelForm > .container > div.section > .item .label { width:35%; float:left; font-weight:bold; line-height:30px; vertical-align:middle; text-align:left; } #PanelForm > .container > div.section > .item .label > div { padding:0 5px; } #PanelForm > .container > div.section > .item .component { width:65%; float:right; } #PanelForm > .container > div.section > .item .component input[type="text"], #PanelForm > .container > div.section > .item .component input[type="password"] { padding:5px; border-radius:5px; border:solid 1px #ccc; width:98%; } #PanelForm > .container > div.buttonContainer { text-align:right; padding:10px; }