form { margin: 0px; padding: 0px; } input,select,Dialog list,radio,textara{ background : white;color :black;font-size:10pt;font-family:Arial; border-left : 1px solid #D2DCDC ; border-right : 1px solid #D2DCDC ; border-bottom : 1px solid #D2DCDC ; border-top : 1px solid #D2DCDC ; height=22; } .minh{ height=1; } input.plainInput{ border: none; } td { font-family:Arial;font-size:10pt; } td.contactTabsOnMenuFa { height: 25; width: 200; padding: 1px; border-bottom: 0px; border-top: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; empty-cells: show; } .Caption_buttonBarMenu { border-left: 1px solid #FDF7EA; border-top: 1px solid #FDF7EA; border-right: 1px solid #FDF7EA; font-family: Arial; font-size: 10pt; font-weight: bold; line-height: 1.5; color: black; background: #C2E3FA; height: 24; font-family: Arial; } .td_1 { font-family:Arial;height:25; font-size:10pt; } .td_2 { font-family:Arial;height:25; font-size:10pt; color:#000080; } .font_accessKey{ color:blue; } .Caption{ border-top : 1px solid #336699; border-left : 1px solid #336699; border-right : 1px solid #336699;font-family:Arial; font-size:10pt;font-weight:bold;line-height:1.5; color:white;background:#336699;height:24;font-family:Arial; } .Caption_buttonBar{ border-left : 0px solid #FDF7EA; border-right : 0px solid #FDF7EA;font-family:Arial; font-size:10pt;font-weight:bold;line-height:1.5; color:black;height:24;font-family:Arial; background:#F4B9B0; } .Caption_session{ border-left : 0px solid #FDF7EA; border-right : 0px solid #FDF7EA;font-family:Arial; font-size:10pt;font-weight:bold;line-height:1.5; color:black;height:24;font-family:Arial; background-image:url(''); } hr{ color:#E2EAF8; } button { margin : 1px;font-weight :normal;font-family:Arial; border : 1px solid #837E60;border-right : 1px solid #837E60; border-bottom : 1px solid #837E60;color :black; background :#E2EAF8;height:24; } .button_New{ height:24;width:75; background-image:url('nhapmoi.gif'); } .button_NextNew{ height:24;width:75; background-image:url('tiepmoi1.gif'); } .button_Edit{ height:24;width:52; background-image:url('sua.gif'); } .button_Delete{ height:24;width:52; background-image:url('xoa.gif'); } .button_Update { height:24;width:130; background-image:url('capnhat.gif'); } .button_MoveStore { height:20;width:110; background-image:url('Move.gif'); } .button_Search{ height:24;width:80; background-image:url('tra.gif'); } .button_SelectAll{ height:24;width:72; background-image:url('selectAll.gif'); } .button_DeselectAll{ height:24;width:73; background-image:url('Deselect.gif'); } .button_Accept{ height:24;width:73; background-image:url('accep.gif'); } .td_button{ bgcolor:#FDF7EA; bgcolor:#E2EAF8; } .td_mucluc{ bgcolor:#E2EAF8; } .td_subform{ background :#DDDDDD; } a{ color :#123456;font-weight : bold; font-size:12px;font-family:Arial; text-decoration : none; } body { font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif; } form{ height: 100%; background-color: #ffffff; } h2{ font-size:smaller; } table{ font-size:12px; } .table2{ font-size:12px; width:100%; } .table1{ border-left : 1px solid #336699; border-right : 1px solid #336699; border-top : 1px solid #336699; border-bottom: 1px solid #336699; background-image:url(''); } .tdbutton { padding: 0 3 0 3px; text-decoration: none !important; cursor: pointer; text-align: center; background: #DFEFFC repeat-x scroll 50% 50%; height: 26px; } th{ text-align : left;font: bold 12px; } table.tblData,div.divData table, div.divDataGroup table { width: 100%; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; empty-cells: show; border-collapse: collapse; } table.tblData td.header,table.tblData th,div.divData table th,div.divDataGroup table th { text-align: center; background-color: #EFEFEF; color: #4D5553; font-weight: bold; font-size: 12px; border-left: 1px solid #DFDFDF; border-top: 1px solid #DFDFDF; padding: 3px; height: 30px; } div.divDataGroup table td { border-top: 1px solid #DFDFDF; padding: 3px; color: black; height: 28px; vertical-align: middle; white-space: normal; } table.tblData td.datacell,div.divData table td{ border-left: 1px solid #DFDFDF; border-top: 1px solid #DFDFDF; padding: 3px; color: black; height: 28px; vertical-align: middle; white-space: normal; } table.tblData td.datacell a,div.divData table td a, div.divDataGroup table td a{ text-decoration: none; text-color: black; font-weight: normal; } table.tblData td.datacell a:hover,div.divData table td a:hover{ color: blue; font-weight: normal; } table.tblData td.groupcell { border-left: 1px solid #DFDFDF; border-top: 1px solid #DFDFDF; padding: 3px; font-weight: bold; } td.contactTabsOn{ height:25; padding : 1px; border-bottom : 0px; border-top : 1px solid #DFDFDF; border-left : 1px solid #DFDFDF; font-family:Arial; font-size:12; } td.contactTabsEnd1{ height:25; padding : 1px; border-bottom : 0px; border-top : 1px solid #DFDFDF; border-left : 1px solid #DFDFDF; border-right : 1px solid #DFDFDF; font-family:Arial; font-size:12; } td.contactTabsEnd2{ height:25; padding : 1px; border-bottom : 0px; border-top : 1px solid #DFDFDF; border-left : 1px solid #DFDFDF; border-bottom : 1px solid #DFDFDF; font-family:Arial; font-size:12; } td.contactTabsEnd3{ height:25; padding : 1px; border-bottom : 0px; border-top : 1px solid #DFDFDF; border-left : 1px solid #DFDFDF; border-right : 1px solid #DFDFDF; border-bottom : 1px solid #DFDFDF; font-family:Arial; font-size:12; } td.contactTabsOff{ height:25; padding : 1px; background :#EFEFEF; border-top : 1px solid #DFDFDF; border-left : 1px solid #DFDFDF; color:#4D5553; font-family:Arial; font-weight: bold; font-size:12; } td.contactContainerMain{border : 1px solid #B8860B; border-left-color : #F5F5DC; border-top-color : #F5F5DC; } table.contactDetailMain{ border : 1px solid #B8860B;border-left-color : #F5F5DC; border-top-color : #F5F5DC;padding-bottom : 6px; } .contactContainerHeader {color :#336633;font-weight: bold; } .note{ font-size: 10px;color: red; } .LoginNormal { font-family : Arial;font-size: 10pt; font-style: normal; font-weight: normal; line-height: 17px; text-indent: 0px;color: black; } .Normal{ font-weight: normal;font-size: 12px; font-style: normal; line-height:20px;font-family : Arial;color:990000; } .olCaption{ font-family : Arial, Helvetica, sans-serif, Verdana, Geneva, "MS Sans Serif", "Times New Roman"; font-size: 13px;color :#000066;font-style: normal; font-weight: bold; } .Normal A:link, .Normal A:active, .Normal A:visited{ text-decoration: none;font-family : Arial; font-size: 12px;color:#990000;font-size: normal; font-weight: none; } .Normal A:hover{ text-decoration: underline;font-family : Arial; font-size: 12px;color:#990000;font-style: normal; font-weight: none; } .td_tab{ font-family:Arial; font-size:9pt; font-weight:bold; height:25px;color:#123456; background:#FDF7EA;height:25; } .td_tab_child1{ font-family:Arial; font-size:9pt; color:black;background:#FDF7EA;height:25; } .td_tab_child2{ font-family:Arial; font-size:9pt; color:black;height:25;background:#D1CEC7; } .td1{ font-family:Arial;font-size:10pt;background:#F8F6EF;background:#FFFFFF; } .td2{ font-family:Arial;font-size:10pt;background:#EEFFEE } .td3{ font-family:Arial;font-size:10pt;background:#FFEEFF } .bgtd1{ font-family:Arial;font-size:10pt;background:#E1EBF2;color:#3F8080;font-weight:bold; } .bgtd2{ font-family:Arial;font-size:10pt;background:#D4E0EC;color:#3F8080; } .bgtb1{ background:#BCC8D0; } .LeftMenu_Child{ background:#FFFFEE;} .LeftMenu_Father{ border-top : 1px solid #FDF7EA; border-left : 1px solid #FDF7EA; border-right : 1px solid #FDF7EA;font-family:Arial; background:#FFC75A; border:1 } .LeftMenu_Background{ background=#EEEEEE;} .BottomMenu_Background{ background:#EEEEFF} .tabSelected{ background-color:#FFFFFF; font-family:Arial; border-left:#ffffff 1px solid; border-top:black 1px solid; border-right:black 1px solid; } .unSelectTab{ background-color:#E2EAF8;font-family:Arial; border-right:#92B0DD 1px solid; } .Child{font-size: 9pt;font-family:Arial;} .Father{font-size: 10pt;font-family:Arial;font-weight:bold;background:#3B76A2} .a1{text-decoration:none;color:blue;} .Child1{font-size: 9pt;font-family:Arial;background:#BCDBF1} .Father1{font-size: 10pt;font-family:Arial;font-weight:bold;background:#74ACD5} .the_a1{text-decoration:none;color:blue} .the_a2{text-decoration:none;font-size:8pt;color:black;} .the_a3{text-decoration:none;color:blue} .the_font1{font-family:Tahoma;font-size:8pt } .the_font2{font-family:Tahoma;font-size:10pt } .donvi{ color:#C60021;font-size:10pt;font-weight:bold; font-family:tahoma;text-decoration:none; text-transform:uppercase; } .td_footer{background:#F4B9B0;color:black} .banner{ background-image:url('image_banner.gif'); } #CalendarControlIFrame { display: none; left: 0px; position: absolute; top: 0px; height: 250px; width: 250px; z-index: 99; } #CalendarControl { position:absolute; background-color:#FFF; margin:0; padding:0; display:none; z-index: 100; } #CalendarControl table { font-family: arial, verdana, helvetica, sans-serif; font-size: 8pt; border-left: 1px solid #336; border-right: 1px solid #336; } #CalendarControl th { font-weight: normal; } #CalendarControl th a { font-weight: normal; text-decoration: none; color: #FFF; padding: 1px; } #CalendarControl td { text-align: center; } #CalendarControl .header { background-color: #369; } #CalendarControl .weekday { background-color: #DDD; color: #0000ff; } #CalendarControl .weekend { background-color: #FFC; color: red; } #CalendarControl .current { border: 1px solid #339; background-color: #336; color: #FFF; } #CalendarControl .weekday, #CalendarControl .weekend, #CalendarControl .current { display: block; text-decoration: none; border: 1px solid #FFF; width: 2em; } #CalendarControl .weekday:hover, #CalendarControl .weekend:hover, #CalendarControl .current:hover { color: #FFF; background-color: #336; border: 1px solid #999; } #CalendarControl .previous { text-align: left; } #CalendarControl .next { text-align: right; } #CalendarControl .previous, #CalendarControl .next { padding: 1px 3px 1px 3px; font-size: 1.4em; } #CalendarControl .previous a, #CalendarControl .next a { color: #FFF; text-decoration: none; font-weight: bold; } #CalendarControl .title { text-align: center; font-weight: bold; color: #FFF; } #CalendarControl .empty { background-color: #CCC; border: 1px solid #FFF; } #dhtmltooltip { position: absolute; width: 150px; border: 1px solid black; padding: 2px; align: center; background-color: lightblue; visibility: hidden; z-index: 100; /*filter: progid:DXImageTransform.Microsoft.Blind(color=gray,direction=10);*/ filter: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,duration=0.5) progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=0,motion=forward,duration=0.5) progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#aaaaaa,strength=5) progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=80,finishOpacity=100,startX=0,finishX=100,startY=100,finishY=0); } .m-tabs{ border-collapse: collapse; height: 30px; } .m-tabs td{ text-align: center; } .m-tabs a{ font-weight: bold; font-family: "Segoe UI", tahoma, sans-serif !important; font-size: 14px !important; color: #444; text-transform: uppercase; display: block; padding: 4px 8px; text-decoration: none; border-bottom: 2px solid #69c; background-color: #fff; } .m-tabs a.active{ border: 1px solid #69c; border-bottom: 2px solid #ffffff; background: white; font-weight: bold; color: #ee3344; } .m-tabs a:hover, .m-tabs a.active:hover{ color: #666; background: #9cf; } .alt{ background-color: #fefefe !important; } .past{ background-color: #eeeeee !important; color: #242424 !important; } .present{ background-color: #fffeee !important; color: #0000ff !important; } .present .time{ color: #0000ff; font-weight: bold; } .future{ /*background-color: #eeeeee !important;*/ } .time{ text-align: center; } .calendar-list a{ background-image: url('img/calendar.png'); white-space: nowrap; background-repeat: no-repeat; background-position: 4px center; padding: 8px 10px 7px 30px; font-weight: bold; display: block; } .calendar-list a:hover, .users a:hover{ background-color: #fff; } .calendar-list ul, ul.users{ display: none; list-style-type: none; margin: 0; padding: 2px; background-color: #efefef; position: absolute; border: 1px solid silver; border-top: none; z-index: 1; } .calendar-list li{ position: relative; width: auto; } .calendar-list ul li a{ display: block; } body{ margin: 0; padding: 0; } ul.users li{ width: auto; } ul.users a{ background-image: none; padding: 6px 10px; display: block; } a.month{ background-image: url('img/calendar31.png'); background-repeat: no-repeat; background-position: left center; padding: 6px 10px 6px 26px; cursor: pointer; } a.week{ background-image: url('img/calendar7.png'); background-repeat: no-repeat; background-position: 4px center; padding: 6px 10px 6px 26px; cursor: pointer; } a.week:hover{ background-color: #fff; } a.day{ background-image: url('img/calendar.jpg'); background-repeat: no-repeat; background-position: left center; padding: 6px 10px 6px 26px; cursor: pointer; } #toggle-header{ background-repeat: no-repeat; width: 24px; height: 24px; cursor: pointer; } .up{ background-image: url('img/up.png'); } .down{ background-image: url('img/down.png'); } #fullscreen{ background-repeat: no-repeat; width: 24px; height: 24px; cursor: pointer; background-image: url('img/fullscreen.png'); } .setting{ background-repeat: no-repeat; width: 24px; height: 24px; cursor: pointer; background-image: url('img/setting.png'); } .blue-user, .blue-edit-calendar, .blue-home, .blue-calendar, .blue-task{ background-repeat: no-repeat; background-position: left center; color: #0066bb; font-weight: bold; cursor: pointer; padding: 5px 10px 5px 26px; white-space: nowrap; height: 24px; line-height: 24px; position: relative; display: block; } .blue-user:hover, .blue-edit-calendar:hover, .blue-home:hover, .blue-calendar:hover, .blue-task:hover{ background-color: #fff; } .blue-user{ background-image: url('img/blue-user.png'); } .blue-edit-calendar{ background-image: url('img/blue-edit-calendar.png'); } .blue-home{ background-image: url('img/blue-home.png'); } .blue-calendar{ background-image: url('img/blue-calendar.gif'); } .blue-task{ background-image: url('img/task.jpg'); } .top-right{ z-index: 1; position: absolute; top: 0; right: 0; background-color: #EAF1FB; border: 1px solid #59A0F0; } .top-right a{ margin: 2px; display: inline-block; } #setting-form{ display: none; position: absolute; top: 23px; right: 0; background-color: #fcfccf; border: 1px solid #ee9106; padding: 4px; z-index: 2; width: 400px; font-family: arial; font-size: 9pt; font-weight: bold; } #setting-form input{ width: 20px; } #top-nav td, #top-nav a{ font-size: 13px !important; } #drop a{ background-position: 4px center; } .hover{ background-color: #fff; } tr.trHeader td b{ font-size: 13pt; } .blue{ color: blue !important; } .red{ color: red !important; } td.blink{ background-position: left center; background-repeat: no-repeat; background-image: url('img/green-blink.gif'); padding-left: 18px !important; text-align: left; } .tr1{ border: 1px solid #ccc; } .tr2{ border: 1px solid #ccc; } .tr1 td, .tr2 td{ border-right: none; } body{ width: 100%; } .task{ line-height: 24px; background-image: url(img/task.jpg); background-repeat: no-repeat; background-position: left center; padding: 0px 10px 0px 26px; float: left; } .lichcongtac{ line-height: 24px; background-image: url(img/calendar.png); background-repeat: no-repeat; background-position: left center; padding: 0px 10px 0px 26px; float: left; } .ui-state-hover{ border: 1px solid #fcd3a1 !important; } table.gridtable { font-family: verdana,arial,sans-serif; font-size:12px;color:#333333;border-width:1px; border-color: #666666; border-collapse: collapse; } table.gridtable th {border-width: 1px; padding: 3px; border-style: solid; border-color: #055CAC ; background-color:#3798f1 ; text-align:center; color:#FFFFFF;} table.gridtable td {border-width: 1px; padding: 3px; border-style: solid; border-color: #055CAC ; background-color:#E5ECF1 ; height:60px;} .wrapper{text-align: center; padding: 2px;} .notification{ display: inline; padding: 2px 12px; border: 1px solid #f0c36d; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: 0 2px 4px #aaa; -webkit-box-shadow: 0 2px 4px #aaa; -webkit-box-shadow: 0 2px 4px #aaa; background-color: #f9edbe; } .notification, .notification a{ font-weight: bold; font-family: Arial; font-size: .95em; color: #242424; } .notification a{ color: #0022cc; text-decoration: underline; } .notification a:hover{ color: #0022ff; } /* Tạo lịch TV chạy */ /*.marquee { overflow: hidden; } .marquee .tableMetro { position: absolute; width: 100%; height: 100%; margin: 0; text-align: center; -moz-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); -moz-animation: marquee-text 40s linear 0s infinite; -webkit-animation: marquee-text 40s linear 0s infinite; animation: marquee-text 40s linear 0s infinite; } @-moz-keyframes marquee-text { 0% { -moz-transform: translateY(100%); } 100% { -moz-transform: translateY(-100%); } } @-webkit-keyframes marquee-text { 0% { -webkit-transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); } } @keyframes marquee-text { 0% { -moz-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); } }*/ .marquee { height: 60px; width: 100%; border: 1px solid black; overflow: hidden; position: relative; } .marquee div { display: block; width: 100%; height: 200%; position: absolute; overflow: hidden; animation: marquee 60s linear infinite; } .marquee table.tableMetro { float: top; height: 60px; } @keyframes marquee { 0% { top: 0; } 100% { top: -100%; } } /* end Tạo lịch TV chạy */