/* GLOBAALSED */ BODY { padding: 0px; margin: 0px; } /* PUDIPADI */ .horSeparator { background-image: url(../images/horsep.png); background-repeat: repeat-x; margin-top: 20px; margin-bottom: 5px; height: 3px; } .backy{display:block; position:absolute; top:0; right:0; margin:0 0 0 0; z-index: 50000; width: 100%; height: 100%; min-height:100%; background-color:#000; -moz-opacity: 0.6; opacity: 0.6;} .widthWrap { max-width: 980px; max-width: 100%; width: expression(document.body.clientWidth < 982? "960px" : document.body.clientWidth > 100? "100%" : "auto"); } /* PEAMENÜÜ */ #mainMenu { background: url(../images/bg_mainmenu.png) bottom left repeat-x; margin: 0 10px; min-width: 980px; } #mainMenu .bLeft { background: url(../images/bg_mainmenu_l.png) bottom left no-repeat; } #mainMenu .bRight { background: url(../images/bg_mainmenu_r.png) bottom right no-repeat; } #mainMenu .top { background: url(../images/bg_mainmenu_t.png) top left repeat-x; } #mainMenu .tRight { background: url(../images/bg_mainmenu_tr.png) top right no-repeat; padding: 6px 0 0 0; } #mainMenu .tLeft { background: url(../images/bg_mainmenu_tl.png) top left no-repeat; } /* PEAMENÜÜ */ #mainMenu1 { background: url(../images/bg_mainmenu.png) bottom repeat-x; margin: 0 10px; min-width: 980px; } #mainMenu1 .bLeft { background: url(../images/bg_mainmenu_l.png) bottom no-repeat; } #mainMenu1 .bRight { background: url(../images/bg_mainmenu_r.png) bottom right no-repeat; } #mainMenu1 .top { background: url(../images/bg_mainmenu_t.png) top left repeat-x; } #mainMenu1 .tRight { background: url(../images/bg_mainmenu_tr.png) top right no-repeat; padding: 6px 0 0 0; } #mainMenu1 .tLeft { background: url(../images/bg_mainmenu_tl.png) top left no-repeat; } ul.L1 { height: 21px; } a.tab { font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #ffffff; display: block; float: left; margin: 0 0 0 6px; text-decoration: none; } a.tab span { display: block; float: left; height: 17px; padding: 4px 6px; cursor: pointer; } a.tab_act { background: #ffffff url(../images/bg_l2_l.png) top left no-repeat; margin: 0 0 0 6px; font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #4a7607; display: block; float: left; margin: 0 0 0 6px; text-decoration: none; } a.tab_act span { background: url(../images/bg_l2_r.png) top right no-repeat; display: block; float: left; height: 13px; height: 17px; padding: 4px 6px; cursor: pointer; } a.tab_sub { background: #ffffff url(../images/bg_l1_sub_l.png) top left no-repeat; margin: 0 0 0 6px; font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #4a7607; display: block; float: left; margin: 0 0 0 6px; text-decoration: none; } a.tab_sub span { background: url(../images/bg_l1_sub_r.png) top right no-repeat; display: block; float: left; height: 19px; padding: 4px 6px; cursor: pointer; } ul.L1 { list-style: none; margin: 0px; padding: 0px; display: block; } #mainMenu ul.L1 li { display: inline; } .mainMenuL2 { background: #ffffff url(../images/bg_l2_l.png) top left no-repeat; margin: 0 8px 0 6px; clear: both; } .mainMenuL2 .inner { background: url(../images/bg_l2_r.png) top right no-repeat; height: 21px; padding: 0 0 0 0; } ul.L2 { list-style: none; margin: 4px 0px 0px 4px; padding: 0px; font-family: Tahoma, sans-serif; font-size: 10px; float: left; } ul.L2 li { display: inline; margin: 0px; padding: 0px; } ul.L2 li a { font-weight: bold; font-size: 11px; color: #4a7607; text-decoration: none; margin: 0 4px 0 4px } ul.L2 li a:hover { text-decoration: underline; color: #355505; } ul.L2 li a.act { text-decoration: underline; } #menuBack { background-image: url(../images/menuback.png); background-repeat: repeat-x; background-position: 0px 0px; height: 21px; margin-left: 10px; margin-right: 10px; } #menuStart { position: absolute; top: 50px; left: 0px; z-index: 2; } #menuEnd { position: absolute; top: 50px; right: 0px; z-index: 2; } #schoolSelect { position: absolute; top: 5px; right: 90px; z-index: 3; } #changeProfileButton { position: absolute; top: 5px; right: 65px; z-index: 3; } #helpButton { position: absolute; top: 5px; right: 65px; z-index: 3; } #profileButton { position: absolute; top: 5px; right: 41px; z-index: 3; } #logoutButton { position: absolute; top: 5px; right: 17px; z-index: 3; } #menuLinks { position: absolute; top: 54px; left: 18px; z-index: 3; line-height: 10px; } #menuLinks A { font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none; text-transform: uppercase; margin-right: 18px; letter-spacing: 1px; } #menuLinks A:hover { font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; color: #0B4200; text-decoration: none; margin-right: 18px; letter-spacing: 1px; } /* LOGO BLOKK */ #healthBankLogo { width: 95px; position: absolute; top: -5px; left: 22px; z-index: 5; } /* TEGEVUSTE BLOKK */ #actionsBack { background-color: #F5F9F1; width: 140px; position: absolute; top: 79px; left: 10px; z-index: 2; } #actionsTop { background-image: url(../images/ab/top.png); background-repeat: repeat-x; background-position: top left; } #actionsTopLeft { background-image: url(../images/ab/topleft.png); background-repeat: no-repeat; background-position: top left; } #actionsTopRight { background-image: url(../images/ab/topright.png); background-repeat: no-repeat; background-position: top right; } #actionsBottom { background-image: url(../images/ab/bottom.png); background-repeat: repeat-x; background-position: top left; } #actionsBottomLeft { background-image: url(../images/ab/bottomleft.png); background-repeat: no-repeat; background-position: top left; } #actionsBottomRight { background-image: url(../images/ab/bottomright.png); background-repeat: no-repeat; background-position: top right; } #actionsMiddleLeft { background-image: url(../images/ab/left.png); background-repeat: repeat-y; background-position: top left; } #actionsMiddleRight { background-image: url(../images/ab/right.png); background-repeat: repeat-y; background-position: top right; } #actionsMiddleContent { padding-bottom: 5px; font-family: Tahoma, sans-serif; font-size: 11px; color: #0B4200; } #actionsMiddleContent A { display: block; margin-left: 10px; margin-right: 10px; padding-top: 8px; padding-bottom: 8px; background-image: url(../images/ab/dotted.png); background-position: bottom left; background-repeat: repeat-x; font-family: Tahoma, sans-serif; font-size: 11px; color: #0B4200; text-decoration: none; line-height: 11px; } #actionsMiddleContent A.bannerLink { display: inline; margin-left: 0px; margin-right: 0px; padding-top: 0px; padding-bottom: 0px; background-image: none; text-decoration: none; border: 1px solid #F5F9F1; } #actionsMiddleContent A:hover { background-color: #FFFFFF; } /* #actionsMiddleContent A.bannerLink:hover { background-color: none; }*/ .banner { margin-top: 10px; border: 1px solid #CCC; } /* SISU */ #contentPosition { top: 79px; left: 0px; z-index: 1; width: 100%; padding-bottom: 10px; min-width: 980px; } #contentBack { background-color: #FAFAFA; margin: 10px 10px 0 10px; } #contentTop { background-image: url(../images/cont/top.png); background-repeat: repeat-x; background-position: top left; } #contentTopLeft { background-image: url(../images/cont/topleft.png); background-repeat: no-repeat; background-position: top left; } #contentTopRight { background-image: url(../images/cont/topright.png); background-repeat: no-repeat; background-position: top right; } #contentBottom { background-image: url(../images/cont/bottom.png); background-repeat: repeat-x; background-position: top left; } #contentBottomLeft { background-image: url(../images/cont/bottomleft.png); background-repeat: no-repeat; background-position: top left; } #contentBottomRight { background-image: url(../images/cont/bottomright.png); background-repeat: no-repeat; background-position: top right; } #contentMiddleLeft { background-image: url(../images/cont/left.png); background-repeat: repeat-y; background-position: top left; } #contentMiddleRight { background-image: url(../images/cont/right.png); background-repeat: repeat-y; background-position: top right; } #contentMiddleContent { padding-left: 10px; padding-right: 10px; padding-bottom: 5px; font-family: Tahoma, sans-serif; font-size: 12px; } /* PEALKIRAD */ .pageHeader { font-family: Tahoma, sans-serif; font-size: 18px; color: #0B4100; letter-spacing: 2px; margin-bottom: 15px; } .dataSectionSmalHeader { font-family: Tahoma, sans-serif; font-size: 10px; color: #56810E; font-weight: bold; border-bottom: 1px solid #CCCCCC; margin-top: 12px; margin-bottom: 10px; } .dataSectionHeader { font-family: Tahoma, sans-serif; font-size: 13px; color: #56810E; font-weight: bold; border-bottom: 1px solid #CCCCCC; margin-top: 12px; margin-bottom: 10px; } .textSectionHeader { font-family: Tahoma, sans-serif; font-size: 13px; color: #56810E; font-weight: bold; border-bottom: 1px solid #CCCCCC; margin-top: 12px; margin-bottom: 10px; } /* SISESTUS */ .categoryItem { border-bottom: 1px solid #CCCCCC; } .dataSection { margin-top: 5px; } .simpeltext { background: #ffffff; height: 20px; font-family: Tahoma, sans-serif; font-size: 12px; } .dataText { background: #ffffff; border: 1px solid #666666; height: 20px; font-family: Tahoma, sans-serif; font-size: 12px; } .dataTextarea { background: #ffffff; border: 1px solid #666666; font-family: Tahoma, sans-serif; font-size: 12px; } .dataFile { height: 20px; font-family: Tahoma, sans-serif; font-size: 12px; } .dataDropdown { font-family: Tahoma, sans-serif; font-size: 12px; } TD.dataSubLabel, TD.dataLabel, TD.dataItem, TD.dataItemRequired, TD.dataItemRequired, TD.dataItemIndent, TD.dataItemIndentTxt, TD.dataTableText { font-family: Tahoma, sans-serif; color: #666666; padding: 0px; padding-top: 1px; padding-bottom: 1px; } TD.dataLabel { font-weight: bold; padding-top: 4px; font-size: 11px; } TD.dataSubLabel { font-weight: normal; padding-top: 4px; font-size: 11px; } TD.dataItemIndent { padding-left: 10px; padding-right: 10px; font-size: 12px; } TD.dataItemIndentTxt { padding: 5px 10px; font-size: 12px; } TD.dataItemRequired { padding-left: 10px; background-image: url(../images/required.png); background-repeat: no-repeat; background-position: 3px 3px; padding-right: 10px; font-size: 12px; } TD.dataItem { padding-right: 10px; font-size: 12px; } TD.dataTableText { font-size: 12px; color: #666666; padding-top: 8px; padding-right: 10px; } TD.dataLabel A, TD.dataItem A, TD.dataItemRequired A, TD.dataItemIndent A { color: #666666; text-decoration: underline; } TD.dataHeader { font-family: Tahoma, sans-serif; font-size: 12px; color: #666666; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px solid #666666; font-weight: bold; } .buttonSection { margin-top: 10px; } .buttonNotVisible { visibility: hidden; background-repeat: no-repeat; border: 0px solid; color: #FFFFFF; padding-bottom: 3px; height: 21px; width: 21px; background-color: transparent; } .deleteButton { background-image: url(../images/butt/delrow.png); background-repeat: no-repeat; border: 0px solid; color: #FFFFFF; padding-bottom: 3px; height: 21px; width: 21px; background-color: transparent; } .submitButton21 { background-image: url(../images/butt/submitback21.png); background-repeat: no-repeat; border: 0px solid; color: #FFFFFF; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 21px; background-color: transparent; } .submitButton50 { background-image: url(../images/butt/submitback50.png); background-repeat: no-repeat; border: 0px solid; color: #FFFFFF; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 50px; background-color: transparent; } .submitButton100 { background-image: url(../images/butt/submitback100.png); background-repeat: no-repeat; border: 0px solid; color: #FFFFFF; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 100px; background-color: transparent; } .submitButton150 { background-image: url(../images/butt/submitback150.png); background-repeat: no-repeat; border: 0px solid; color: #FFFFFF; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 150px; background-color: transparent; } .submitButton200 { background-image: url(../images/butt/submitback200.png); background-repeat: no-repeat; border: 0px solid; color: #FFFFFF; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 200px; background-color: transparent; } .submitButton300 { background-image: url(../images/butt/submitback300.png); background-repeat: no-repeat; border: 0px solid; color: #FFFFFF; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 300px; background-color: transparent; } .submitButtonYell50 { background-image: url(../images/butt/submitbackyell50.png); background-repeat: no-repeat; border: 0px solid; color: #000000; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 50px; background-color: transparent; } .submitButtonYell100 { background-image: url(../images/butt/submitbackyell100.png); background-repeat: no-repeat; border: 0px solid; color: #000000; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 100px; background-color: transparent; } .submitButtonYell150 { background-image: url(../images/butt/submitbackyell150.png); background-repeat: no-repeat; border: 0px solid; color: #000000; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 150px; background-color: transparent; } .submitButtonYell200 { background-image: url(../images/butt/submitbackyell200.png); background-repeat: no-repeat; border: 0px solid; color: #000000; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 200px; background-color: transparent; } .modButton { background-image: url(../images/butt/modrow.png); background-repeat: no-repeat; border: 0px solid; color: #000000; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 200px; background-color: transparent; } .submitButtonBlue50 { background-image: url(../images/butt/submitbackBlue.png); background-repeat: no-repeat; border: 0px solid; color: #FFFFFF; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 50px; background-color: transparent; } .submitButton50Gray { border: 0px solid; color: #000000; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 50px; background-color: lightgrey; border-radius: 5px; } .submitButton100Gray { border: 0px solid; color: #FFFFFF; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 100px; background-color: lightgrey; border-radius: 5px; } .submitButton150Gray { border: 0px solid; color: #FFFFFF; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 150px; background-color: lightgrey; border-radius: 5px; } .submitButton150Red { border: 0px solid; color: #FFFFFF; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 150px; background-color: lightcoral; border-radius: 5px; } .submitButton150Yellow { border: 0px solid; color: black; height: 21px; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; width: 150px; background-color: #F4D03F; border-radius: 5px; } span.dataLabel { margin: 0 5px; color:#666666; font-family:Tahoma,sans-serif; font-size: 12px; font-weight:bold; } /* VÄLJASTUS */ .klass { float: left; width: 50px; } .parasiidid { float: left; width: 160px; } .reportTable { margin-top: 5px; margin-bottom: 5px; empty-cells: show; } .reportTable TH, .reportTable TD { font-family: Tahoma, sans-serif; font-size: 12px; color: #0B4200; padding: 5px; } .reportTable TH { border-top: 1px solid #76A053; border-bottom: 1px solid #76A053; padding-top: 2px; padding-bottom: 2px; } .reportTable TD { border-bottom: 1px solid #B6D59D; } .reportTable A { color: #0B4200; text-decoration: underline; } .reportTable A:hover { color: #0B4200; text-decoration: none; } .textTable { margin-top: 5px; margin-bottom: 5px; empty-cells: hide; } .textTable TH, .textTable TD { font-family: Tahoma, sans-serif; font-size: 12px; color: #0B4200; padding: 5px; } .textTable TH { background-color: #B6D59D; border-top: 1px solid #76A053; border-bottom: 1px solid #76A053; padding-top: 2px; padding-bottom: 2px; } .textTable TD { border-bottom: 1px solid #B6D59D; } .textTable A { color: #0B4200; text-decoration: underline; } .textTable A:hover { color: #0B4200; text-decoration: none; } .dateTimeTable { margin-top: 5px; margin-bottom: 5px; empty-cells: hide; } .dateTimeTable TH, .dateTimeTable TD { font-family: Tahoma, sans-serif; font-size: 12px; color: #0B4200; padding: 2px; } .dateTimeTable TH { background-color: #B6D59D; border-top: 1px solid #76A053; border-bottom: 1px solid #76A053; padding-top: 2px; padding-bottom: 2px; } .dateTimeTable TD { border-bottom: 1px solid #B6D59D; } .dateTimeTable A { color: #0B4200; text-decoration: underline; } .dateTimeTable A:hover { color: #0B4200; text-decoration: none; } TD.textTableButton { padding-top: 0px; padding-bottom: 0px; padding: 2px;} .textRowEven { background-color: #FFFFFF; } .keywordHilight { background-color: #76A053; color: #FFFFFF; font-style: oblique; padding-left: 2px; padding-right: 2px; } .text { font-family: Tahoma, sans-serif; font-size: 12px; color: #0B4200; } .text A { color: #0B4200; text-decoration: underline; } .text A:hover { color: #0B4200; text-decoration: none; } #calenderNaviSection { margin-top: 10px; } #calendar { position: absolute; z-index: 10; background-color: #FFFFFF; padding: 5px; padding-bottom: 0px; border: 1px solid #EFEFEF; visibility: hidden; } #calendarDays TD { background-position: 0px 0px; background-repeat: no-repeat; font-family: Tahoma, sans-serif; font-size: 11px; padding-bottom: 2px; } .calendarClose { border-top: 1px solid #CCCCCC; padding-top: 2px; } .calendarClose A { color: #666666; text-decoration: none; } .calendarHead { font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; color: #666666; border-bottom: 1px solid #CCCCCC; } #calendarDays TD A { text-decoration: none; } #calendarDays TD.dayNotAvail { background-image: url(../images/butt/daynotavail.png); color: #999999; height: 21px; width: 21px; cursor: default; } #calendarDays TD.weekdayFree { background-image: url(../images/butt/weekdayoff.png); color: #09686B; height: 21px; width: 21px; cursor: pointer; } #calendarDays TD.weekendFree { background-image: url(../images/butt/weekendoff.png); color: #6D1313; height: 21px; width: 21px; cursor: pointer; } #calendarDays TD.weekdayFull { background-image: url(../images/butt/weekdayoff.png); color: #09686B; font-weight: bold; height: 21px; width: 21px; cursor: pointer; } #calendarDays TD.weekendFull { background-image: url(../images/butt/weekendoff.png); color: #6D1313; font-weight: bold; height: 21px; width: 21px; } #calendarDays TD.weekdayFreeHover { background-image: url(../images/butt/weekdayon.png); color: #09686B; height: 21px; width: 21px; cursor: pointer; } #calendarDays TD.weekendFreeHover { background-image: url(../images/butt/weekendon.png); color: #6D1313; height: 21px; width: 21px; cursor: pointer; } #calendarDays TD.weekdayFullHover { background-image: url(../images/butt/weekdayon.png); color: #09686B; font-weight: bold; height: 21px; width: 21px; cursor: pointer; } #calendarDays TD.weekendFullHover { background-image: url(../images/butt/weekendon.png); color: #6D1313; font-weight: bold; height: 21px; width: 21px; cursor: pointer; } .selectProfile TD { } .selectProfile A { display: block; padding: 5px; font-family: Tahoma, sans-serif; font-size: 18px; color: #56810E; letter-spacing: 2px; text-decoration: none; } .selectProfile A:hover { background-color: #EDEDED; padding: 5px; text-decoration: none; color: #56810E; } .globalError { background-image: url(../images/error.png); background-repeat: no-repeat; background-position: 5px 5px; background-color: #F7E7EA; padding: 0px ; padding-left: 20px ; margin: 4px 20px; border: 1px dashed #AD1F23; font-family: Tahoma, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000; } .globalWarning { background-image: url(../images/error.png); background-repeat: no-repeat; background-position: 5px 5px; background-color: #FFF6BF; padding: 0px; padding-left: 20px; margin: 4px 20px; border: 1px dashed #FFD324; font-family: Tahoma, sans-serif; font-size: 12px; font-weight: bold; color: #514721; } .globalSuccess { background-repeat: no-repeat; background-position: 5px 5px; background-color: #E6EFC2; padding: 0px; padding-left: 20px; margin: 4px 20px; border: 1px dashed #C6D880; font-family: Tahoma, sans-serif; font-size: 12px; font-weight: bold; color: #264409; } .localError { font-size: 11px; font-weight: bold; color: #AD1F23; padding: 3px; padding-left: 15px; background-image: url(../images/localerror.png); background-repeat: no-repeat; background-position: 2px 5px; } .hideSections { text-align: right; margin-top: -5px; } .hideShowButton { background-image: url(../images/butt/hideshow.png); background-repeat: no-repeat; border: 0px solid; color: #666; height: 17px; font-family: Tahoma, sans-serif; font-size: 10px; text-transform: uppercase; padding-bottom: 3px; width: 60px; background-color: transparent; letter-spacing: 1px; } .weekView { border-top: 1px solid #CCC; border-left: 1px solid #CCC; } .weekView TD { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } .weekView A { color: #666; } .weekHeader { text-align: center; font-family: Tahoma, sans-serif; font-size: 11px; color: #0B4200; font-weight: bold; padding: 3px; padding-left: 5px; padding-right: 5px; background: #FFF; } .timeLine { text-align: center; font-family: Tahoma, sans-serif; font-size: 11px; color: #666; font-weight: bold; padding: 3px; padding-left: 5px; padding-right: 5px; } .timeSubLine { text-align: center; font-family: Tahoma, sans-serif; font-size: 11px; color: #666; padding: 3px; padding-left: 5px; padding-right: 5px; } .timeBooked { font-family: Tahoma, sans-serif; font-size: 12px; color: #666; background: url(../images/butt/time-booked.png) no-repeat 2px 2px; padding: 2px; padding-left: 13px; } .timeAvailable { font-family: Tahoma, sans-serif; font-size: 12px; color: #666; background: url(../images/butt/time-available.png) no-repeat 2px 2px; padding: 2px; padding-left: 13px; } .homeTimeBooked { font-family: Tahoma, sans-serif; font-size: 12px; color: #666; background: url(../images/butt/hometime-booked.png) no-repeat 2px 2px; padding: 2px; padding-left: 28px; } .homeTimeAvailable { font-family: Tahoma, sans-serif; font-size: 12px; color: #666; background: url(../images/butt/hometime-available.png) no-repeat 2px 2px; padding: 2px; padding-left: 28px; } .switchViewButton { background-image: url(../images/butt/viewswitch.png); background-repeat: no-repeat; border: 0px solid; color: #666; height: 17px; font-family: Tahoma, sans-serif; font-size: 10px; text-transform: uppercase; padding-bottom: 3px; width: 100px; background-color: transparent; letter-spacing: 1px; } .switchSections { text-align: right; } .redRectangle { background-repeat: no-repeat; background-position: 5px 5px; background-color: #FF0000; padding: 0px; padding-left: 20px; margin: 4px 20px; border: 1px dashed #666; font-family: Tahoma, sans-serif; font-size: 14px; font-weight: bold; color: white; } .yellowRectangle { background-repeat: no-repeat; background-position: 5px 5px; background-color: #F9E79F; padding: 0px; padding-left: 20px; margin: 4px 20px; border: 1px dashed #666; font-family: Tahoma, sans-serif; font-size: 14px; font-weight: bold; color: black; } .grayRectangle { background-repeat: no-repeat; background-position: 5px 5px; background-color: #CCC; padding: 0px; padding-left: 20px; margin: 4px 20px; border: 1px dashed #666; font-family: Tahoma, sans-serif; font-size: 14px; font-weight: bold; color: black; } .innerTabs { display: block; clear: both; height: 23px; border-bottom: 1px solid #073800; margin: 20px 0 0 0; } .innerTabs ul { margin: 0px; padding: 0px; } .innerTabs ul li { margin: 0px; padding: 0px; display: inline; } .innerTabs ul li a.old { display: block; float: left; background: url(../images/tab_in_old.png) top left no-repeat; font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #073800; text-decoration: none; } .innerTabs ul li a.old span { margin: 0 0 0 9px; padding: 6px 9px 0 0; display: block; float: left; height: 23px; background: url(../images/tab_in_old.png) top right no-repeat; cursor: pointer; } .innerTabs ul li a.old:hover { display: block; float: left; background: url(../images/tab_in_old.png) bottom left no-repeat; font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #073800; text-decoration: none; } .innerTabs ul li a.old:hover span { margin: 0 0 0 9px; padding: 6px 9px 0 0; display: block; float: left; height: 23px; background: url(../images/tab_in_old.png) bottom right no-repeat; cursor: pointer; } .innerTabs ul li a.cur { display: block; float: left; background: url(../images/tab_in_cur.png) top left no-repeat; font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; } .innerTabs ul li a.cur span { margin: 0 0 0 9px; padding: 6px 9px 0 0; display: block; float: left; height: 23px; background: url(../images/tab_in_cur.png) top right no-repeat; cursor: pointer; } .innerTabs ul li a.cur:hover { display: block; float: left; background: url(../images/tab_in_cur.png) bottom left no-repeat; font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; } .innerTabs ul li a.cur:hover span { margin: 0 0 0 9px; padding: 6px 9px 0 0; display: block; float: left; height: 23px; background: url(../images/tab_in_cur.png) bottom right no-repeat; cursor: pointer; } .innerTabs ul li span.new { display: block; float: left; background: url(../images/tab_in_new.png) top left no-repeat; font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #a5a5a5; text-decoration: none; } .innerTabs ul li span.new span { margin: 0 0 0 9px; padding: 6px 9px 0 0; display: block; float: left; height: 23px; background: url(../images/tab_in_new.png) top right no-repeat; } .tabContent { padding: 2px 5px; } ul.contentlist { list-style: none; font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px; margin: 0px; padding: 0px; } .popup_pad {border: none 0px; margin:0 0 0 1px;} .employee_popup_pad { border: none 0px; margin: 100px 0 0 1px; } .employee_popup-name { background: #5C85AA url(../images/popup_name_bg.png) repeat-x; margin: 0 0 0 0; padding: 4px 5px 4px 10px; color: #fff; font-size: 12px; font-weight: bold; text-align: left; } .candy_menu4 { bottom:30%; right:30%; top:0%; margin:0 0 0 0; z-index:100001; vertical-align:middle; position:absolute; } .popup-name { background: #5C85AA url(../images/popup_name_bg.png) repeat-x;margin:0 0 0 0; padding:4px 5px 4px 10px; color:#fff; font-size:8px; font-weight:bold; text-align:left;} .popupheader { background:#b7b7b7 url(/images/popup_hbg.gif) repeat-x; padding: 3px 4px 3px 4px; font-family:Tahoma; font-size:14px; font-weight:bold; color:#333} .popupfooter { background:#b7b7b7 url(/images/popup_fbg.gif) repeat-x; height: 26px;padding: 3px 4px 3px 4px;} .popupfooterPagination { background:#b7b7b7 url(/images/popup_fbg.gif) repeat-x; height: 56px;padding: 3px 4px 3px 4px;} .popupinp { line-height:11px; padding:2px 3px 1px 3px; border:1px solid; border-color: #666666 #E5E5E5 #E5E5E5 #666666; color:#333333; background: #fff;} .popupinp-act { line-height:11px; padding:2px 3px 1px 3px; border:1px solid; border-color: #666666 #E5E5E5 #E5E5E5 #666666; color:#333333; background: #FFF7BD; font-weight:bold;} .mtbl { margin:2px 0 0 0; padding:0; border:0;} .mtbl td.sort { background:url(/images/tbl_h_sort.gif) 100% 100% repeat-x;} .mtbl td.header {font-weight:bold; color:#666666; border-width: 0 1px 1px 0; border-style:solid; border-color:White; text-align:left; padding:4px 3px; background:url(/images/tbl_h_bg.gif) 100% 100% repeat-x} .mtbl th { color:#666666; text-align:left; padding:2px 5px 3px 5px; height:23px; background:url(/images/tbl_h_bg.gif) 100% 100% repeat-x} .mtbl th.sort { background:url(/images/tbl_h_sort.gif) 100% 100% repeat-x;} .mtbl td { color:#4e4e4e; border-width:0 1px 1px 0; border-style:solid; border-color: #fff #cacaca #e5e5e5 #fff; padding:4px 3px;} .mtbl td.footer { border-width:1px 1px 1px 0;} .mtbl th .inp { height:13px; background:url(/images/input_bg.gif) bottom repeat-x; line-height:10px; padding:1px 2px; border:1px solid; border-color: #666666 #e5e5e5 #e5e5e5 #666666; font-weight:bold;} * HTML .mtbl .inp { height:12px; padding:2px 2px 1px 3px;} .mtbl a {text-decoration: underline; } .mtbl .vert {color:#000; text-align:left; padding:2px 5px 3px 5px; height: auto; background:#e5ebf0; font-weight:normal; border-width:0 1px 1px 0; border-style:solid; border-color: #fff #cacaca #d2d0d0 #fff;} .mtbl td.sub { padding:2px 5px 2px 25px; color:#505050;} .mtbl td.nopad { padding:0;} .scroll-400 {overflow-y: scroll; overflow-x: hidden; height: 405px;} .divRequired { padding-left: 10px; background-image: url(../images/required.png); background-repeat: no-repeat; background-position: 3px 3px; padding-right: 10px; font-size: 12px; } .dataText { background: #ffffff; border: 1px solid #666666; height: 20px; font-family: Tahoma, sans-serif; font-size: 12px; } .dataTextRequired { background: RED; border: 1px solid #666666; height: 20px; font-family: Tahoma, sans-serif; font-size: 12px; } .width125 { width: 125px; } .hidden { display: none; } .container { display: flex; justify-content: space-between; align-items: center; width: 732px; } .text { flex: 1; } .sessionContainer { justify-content: flex-end !important; width: 100%; border: 1px solid #ccc; padding: 10px; } .sessionContainer button { margin-left: 270px !important; width: 100px !important; }