/* ---------------------------------------------------------------------- Written by: BUI MINH DUC Web Developer, Graphic Designer, Database Analyzer... Company: Hue MultiMedia Centre - 08 Hoang Hoa Tham st. - Hue City - Viet Nam Project: Website THPT Cao Thang - Tp Hue Created Date: 08/08/2008 Lastest Updated Date: 09/08/2008 -------------------------------------------------------------------------*/ /* HOMEPAGE */ body { background-color:#2e2926; color:#4c413b; margin: 0; padding:0; font-family: Tahoma, Arial, Verdana; font-size:11px; text-align:center;} body { scrollbar-arrow-color: #C6C6C6; scrollbar-face-color: #FFF; scrollbar-track-color: #FFF; scrollbar-highlight-color: #C6C6C6; scrollbar-shadow-color: #C6C6C6; scrollbar-darkshadow-color: #FFF; scrollbar-3dlight-color: #FFF; scrollbar-vertical:none; Cursor: default;} #container { clear:both; margin: 0px auto; width:778px; height:100%; /*min-height:600px;*/ background-color:#2e2926; text-align:left; border-left:dotted 1px #4b4140; border-right:dotted 1px #4b4140; } /* HOMEPAGE - HEADER */ #header { clear:both; width:758px; height:74px; padding-left:20px; background-image:url(../images/ct_top_bg.gif); background-repeat:repeat-x;} #header-logo { float:left; margin:0px; width:61px; height:74px; background-image:url(../images/ct_logo.gif); background-repeat:no-repeat; cursor:pointer; } #header-company-name { float:left; margin:0px; width:250px; height:74px; background-image:url(../images/ct_company_name.gif); background-repeat:no-repeat; cursor:pointer;} #header-search { float:right; margin:0px; width:324px; height:54px; padding-top:20px;} /* HOMEPAGE - SEARCH */ #search { clear:both; width:324px; height:54px; background-image:url(../images/ct_search_bg_02.gif); background-repeat:no-repeat;} #search-buff { clear:left; height:15px;} #search-textbox-block { float:left; width:170px; height:39px; padding-left:50px;} #search-textbox-border { clear:both; margin:0px; padding:0px; clear:both; width:162px; height:20px; border:solid 1px #333;} .search-textbox { clear:both; margin:0px; padding:0px; position:absolute; width:160px; height:18px; background-color:#dedede; color:#666; border:solid 1px #fff;} #search-button { float:left; width:100px; height:39px;} /* HOMEPAGE - BANNER */ #banner { clear:both; width:778px; height:209px; margin:0px auto;} #banner-photo { float:left; width:620px; height:208px; border-top:solid 1px #CCC; border-right:solid 1px #666;} #banner-bonus { float:left; width:157px; height:209px; background-image:url(../images/ct_main_bonus.gif); background-repeat:no-repeat;} /* HOMEPAGE - HORIZOTAL MENU */ #mainmenu { clear:both; margin:0px; width:778px; height:37px; background-image:url(../images/ct_hmenu_bg.gif); background-repeat:repeat-x;} #mainmenu ul { margin:0px; padding:0px; padding-left:40px;} #mainmenu ul li { margin:0px; list-style:none; float:left; font-size:11px; padding-top:1em; } #mainmenu ul li a { text-decoration:none; color:#b8af8b; padding:3px; padding-left:10px; padding-right:10px; position:relative; font-weight:bold; border-left:solid 1px #4B4140; border-right:solid 1px #000;} #mainmenu ul li a:hover, #mainmenu ul li a.active { color:#ffffff; background-color:#ae0000; text-decoration:none; font-weight:bold; } #mainmenu ul li a span { display:none; } #mainmenu ul li a:hover span, #mainmenu ul li a.active span{display:none;} /* HOMEPAGE - CONTENT */ #content { clear:both; width:763px; height:100%; margin:0px; padding-left:15px; padding-top:15px; background-image:url(../images/ct_content_top_bg.gif); background-repeat:repeat-x; } /* HOMEPAGE - BLOCK VERTICAL MENU */ #block-menu { } #block-menu-l { float:left; width:8px; height:271px; background-image:url(../images/ct_vmenu_l.gif); background-repeat:repeat-x;} #block-menu-c { float:left; width:195px; height:271px; padding-left:15px; background-image:url(../images/ct_vmenu_bg.gif); background-repeat:repeat-x;} #block-menu-r { float:left; width:8px; height:271px; background-image:url(../images/ct_vmenu_r.gif); background-repeat:repeat-x;} #block-menu-c ul { margin:0px; padding:10px 0px;} #block-menu-c ul li { display:block; list-style:none; width:170px;} #block-menu-c ul li a { color:#FDEEA6; text-decoration:none; display:block; font-weight:bold; height:30px;} #block-menu-c ul li a:hover { color:#9d1b19;} #block-menu-c ul li a img { border:0px; vertical-align:middle;} /* HOMEPAGE - BLOCK NEWS */ #block-news {} #block-news-l { float:left; width:9px; height:271px; margin-left:8px; background-image:url(../images/ct_news_l.gif); background-repeat:repeat-x;} #block-news-c { float:left; width:205px; height:241px; padding:15px; background-image:url(../images/ct_news_bg.gif); background-repeat:repeat-x; background-color:#f2f1eb; text-align:justify;} #block-news-c-scroll { float:left; width:205px; height:185px; background-image:url(../images/ct_news_bg.gif); background-repeat:repeat-x; background-color:#f2f1eb; text-align:justify; overflow:auto; overflow-x:hidden;} #block-news-c-more { clear:left; width:175; height:20px; padding-top:5px;} #block-news-r { float:left; width:8px; height:271px; background-image:url(../images/ct_news_r.gif); background-repeat:repeat-x;} .block-title { font-family:Verdana, Arial; font-weight:bolder; font-size:13px; color:#767473} .block-title-hr { color:#bab6ac; height:1px;} /* news title */ .news-title { color:#d05d00;} .news-title:link { text-decoration:none; color:#d05d00;} .news-title:visited { text-decoration:none; color:#d05d00;} .news-title:active { text-decoration:none; color:#d05d00;} .news-title:hover { text-decoration:none; color:#ff4804;} /* more news */ .news-more:link { text-decoration:underline; color:#147FA6;} .news-more:visited { text-decoration:underline; color:#147FA6;} .news-more:active { text-decoration:underline; color:#147FA6;} .news-more:hover { text-decoration:underline; color:#d05d00;} /* HOMEPAGE - BLOCK-NOTICE */ #block-notice { } #block-notice-l { float:left; width:9px; height:271px; margin-left:8px; background-image:url(../images/ct_news_l.gif); background-repeat:repeat-x;} #block-notice-c { float:left; width:205px; height:241px; padding:15px; background-image:url(../images/ct_news_bg.gif); background-repeat:repeat-x; background-color:#f2f1eb;} #block-notice-c-scroll { float:left; width:205px; height:185px; background-image:url(../images/ct_news_bg.gif); background-repeat:repeat-x; background-color:#f2f1eb; text-align:justify; overflow:auto; overflow-x:hidden;} #block-notice-c-more { clear:left; width:175; height:20px; padding-top:5px;} #block-notice-r { float:left; width:8px; height:271px; background-image:url(../images/ct_news_r.gif); background-repeat:repeat-x;} .block-break { clear:both; width:10px; height:15px;} /* HOMEPAGE - BLOCK-CALENDAR */ #block-calendar { float:left; padding-top:15px; width:298px; height:250px;} #block-calendar-l { float:left; width:9px; height:250px; background-image:url(../images/ct_cal_l.gif); background-repeat:repeat-x;} #block-calendar-c { float:left; width:250px; height:230px; padding:10px; background-image:url(../images/ct_cal_bg.gif); background-repeat:repeat-x; text-align:justify;} #sblock-calendar-title {float:left; width:250px; height:20px; } #block-calendar-c-scroll { float:left; width:250px; height:200px; padding-top:5px; text-align:justify; overflow:auto; overflow-x:hidden;} #sblock-calendar-more {float:left; width:250px; height:20px; } #block-calendar-r { float:left; width:9px; height:250px; background-image:url(../images/ct_cal_r.gif); background-repeat:repeat-x;} .block-calendar-title { font-family:Verdana, Arial; font-weight:bolder; font-size:13px; color:#F4F2F1} .block-calendar-time { font-weight:bold; color:#FDEEA6} .hr-calendar { color:#2e2926; border:dotted 1px #bab6ac; border-style: none none dotted; clear:both;} /* more calendar */ .cal-more:link { text-decoration:underline; color:#da8105;} .cal-more:visited { text-decoration:underline; color:#da8105;} .cal-more:active { text-decoration:underline; color:#da8105;} .cal-more:hover { text-decoration:underline; color:#da8105;} /* HOMEPAGE - BLOCK-PHOTOS */ #block-photos { float:left; padding-top:15px; width:450px; height:250px; margin-left:8px; } #block-photos-l { float:left; width:9px; height:250px; background-image:url(../images/ct_photos_l.gif); background-repeat:repeat-x;} #block-photos-c { float:left; width:393px; height:219px; padding:15px; background-color:#EBEAE1;} #block-photos-r { float:left; width:8px; height:250px; background-image:url(../images/ct_photos_r.gif); background-repeat:repeat-x;} /* HOMEPAGE - BLOCK ADS */ #block-ads { clear:both; width:748px; height:83px; padding-top:15px; padding-left:15px;} #block-links { float:left; width:235px; height:63px; padding:10px; border:dotted 1px #4b4140; } .block-link-dropdownlist { width:230px; height:20px; background-color:#dedede; color:#666; border:solid 1px #fff;} .block-link-dropdownlist { scrollbar-arrow-color: #C6C6C6; scrollbar-face-color: #FFF; scrollbar-track-color: #FFF; scrollbar-highlight-color: #C6C6C6; scrollbar-shadow-color: #C6C6C6; scrollbar-darkshadow-color: #FFF; scrollbar-3dlight-color: #FFF; scrollbar-vertical:none; Cursor: default;} #block-ads-items { float:right; width:490px; text-align:right;} #block-ads-items img { border:0px;} /* HOMEPAGE - FOOTER */ #footer { clear:both; width:748px; height:57px; margin-left:15px; margin-top:10px; padding-bottom:10px; background-image:url(../images/ct_footer_bg.gif); background-repeat:repeat-x;} #footer-left { float:left; width:7px; height:57px; background-image:url(../images/ct_footer_l.gif); background-repeat:no-repeat;} #footer-copyright { float:left; width:570px; height:40px; margin-top:15px; text-align:center;} #footer-sep { float:left; width:7px; height:40px; background-image:url(../images/ct_footer_sep.gif); background-repeat:no-repeat;} #footer-counter { float:left; width:120px; height:40px; padding-top:15px; padding-left:30px;} #footer-right { float:right; width:4px; height:57px; background-image:url(../images/ct_footer_r.gif); background-repeat:no-repeat;} .txt-orange { color:#da8105;} .txt-gray { color:#acacab;} .txt-gray-link:link { text-decoration:none; color:#acacab;} .txt-gray-link:visited { text-decoration:none; color:#acacab;} .txt-gray-link:active { text-decoration:none; color:#acacab;} .txt-gray-link:hover { text-decoration:none; color:#da8105;} /*Moi them vao */ #block-news-c-scroll img{width:70px;height:50px;} #block-news-c-scroll b{font-weight:normal;} .listtin img{width:70px;height:50px;} .listtin b{font-weight:normal;} .listdaynghe img{width:110px;height:83px;} .listdaynghe b{font-weight:normal;} .listdaynghe strong{font-weight:normal;} /*Moi them vao */ .DayCalendar { border: solid 1px #A0A0A0; padding: 3px; font-size: 13px; font-family: Arial, Tahoma, Verdana; font-weight: bold; background-color: #DADADA; color: #0033CC; text-align: left; } .ContentCalendar { border: solid 1px #A0A0A0; padding: 3px; font-family: Arial, Tahoma, Verdana; font-size: 12px; color: #003366; text-align: justify; line-height: 150%; } .PeriodCalendar { border: solid 1px #A0A0A0; padding: 3px; font-size: 13px; font-family: Arial, Tahoma, Verdana; font-weight: bold; color: #0033CC } .TitleCalendar { font-family: Arial, Tahoma, Verdana; font-size: 13px; font-weight: bold; color: #003366; padding: 4px; text-align: center; } .LinkMedium:link { font-family: Arial, Tahoma, Verdana; font-size: 12px; font-weight:bold; color: #0033AA; margin-left: 4px; margin-right: 4px; margin-top: 2px; margin-bottom: 2px; text-align: left; text-decoration: none; } .LinkMedium:hover { font-family: Arial, Tahoma, Verdana; font-size: 12px; font-weight: bold; color: #FF0000; margin-left: 4px; margin-right: 4px; margin-top: 2px; margin-bottom: 2px; text-align: left; text-decoration: none; } .LinkMedium:visited { font-family: Arial, Tahoma, Verdana; font-size: 13px; font-weight: bold; color: #0033CC; margin-left: 4px; margin-right: 4px; margin-top: 2px; margin-bottom: 2px; text-align: left; text-decoration: none; } .LinkMediumRead:link { font-family: Arial, Tahoma, Verdana; font-size: 13px; /* font-weight: bold; */ color: #003366; margin-left: 4px; margin-right: 4px; margin-top: 12px; margin-bottom: 2px; text-align: justify; text-decoration: none; } .LinkMediumRead:hover { font-family: Arial, Tahoma, Verdana; font-size: 13px; /* font-weight: bold; */ color: #FF0000; margin-left: 4px; margin-right: 4px; margin-top: 2px; margin-bottom: 2px; text-align: justify; text-decoration: none; } .LinkMediumRead:visited { font-family: Arial, Tahoma, Verdana; font-size: 13px; /* font-weight: bold; */ color: #003366; margin-left: 4px; margin-right: 4px; margin-top: 2px; margin-bottom: 2px; text-align: justify; text-decoration: none; }