body { padding: 1em; margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; background-color: #e8e8dc; } html { height:100%; } h1, h2, h3, p, ul, li, form { border: 0; margin: 0; padding: 0; font-family: Helvetica, Arial, Helvetica, sans-serif; } input, select, textarea { outline:none; } select {display:none; } img { border: 0; } a { text-decoration:none; cursor:pointer; border:none; color:#666; } .userhighlight { cursor:pointer; } /*Huvudmeny*/ #navcontainer { float:left; padding-left:14px; padding-top:12px; height: 40px; } #navlist { margin:0px; padding:0px; } #navlist li { display: inline; list-style: none; padding: 0; margin: 0; } #navlist #righter { float: right; } #navlist li a { text-decoration: none; padding: 0px 30px 0px 0px; font-family: Helvetica, Arial, sans-serif; font-size:18px; margin: 0px; color: #666; } * html #navlist li a { padding: 0 8px; } #navlist li a:hover { color: #333; } /*adds vertical scrollbar in moz to skip jumpy content*/ HTML { overflow: -moz-scrollbars-vertical; } /* sidlayout */ #layout { width: 980px; margin-right: auto; margin-left: auto; overflow:hidden; } #sidhuvud { height:70px; padding:12px; } #sidfot { width:100%; height:60px; text-align: center; font-family: Helvetica, Arial, Verdana; font-size: 1em; color: #999999; text-decoration: none; padding-top: 3em; } .logoNetwic { float: left; } .imgRight { float: right; } .imgRight a { float: right; margin-top:8px; color: #C60; } .selCon { clear:both; float:left; margin-bottom:7px; width:264px; } .selGreyCon { clear:both; float:left; margin-bottom:14px; width:204px; } .fieldLb { border:none; background: none; font-size:14px; width:246px; padding:0px; } .fieldMb { border:none; background: none; font-size:14px; width:146px; padding:0px; } .fieldMg { border:none; background: none; font-size:14px; width:190px; padding:0px; } .fieldSb { border:none; background: none; font-size:14px; width:74px; padding:0px; } .fieldDate { border:none; background: none; font-size:14px; width:170px; padding:0px; } .fieldRes { border:none; background: none; font-size:12px; width:230px; padding:0px; } .vattna { color:#AAA; } .filterW { -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background-color:#F8F7F4; background-image:url("../images/bg_mainSearch.png"); background-position:center top; background-repeat:repeat-x; border:1px solid #E8E8DC; float:left; margin-top:-10px; width:618px; } .searchW { float:left; padding:18px 0 0 20px; width:600px; } .slickFilter { float:left; display:block; width:424px; } .filterlink { padding-left:20px; } .expand { float:left; margin-bottom:14px; margin-right:14px; width:60px; cursor:pointer; color:#EEE; font-weight:bold; padding:0px 0 0px 0px; } #wr { width:424px; margin: 0px auto; text-align: left; } .whenBook { float:left; width: 55px; height: 43px; margin-right:14px; margin-top:-1px; } .yes { background: url(../images/up_down.png) no-repeat 0px 6px; float:left; padding-left:18px; padding-top:8px; display: block; width: 100px; height: 14px; overflow: hidden; color:#EEE; cursor:pointer; } .close { background: url(../images/up_down.png) no-repeat 0px -13px; } .viewCard { background: url(../images/view_card.png) no-repeat 0px 6px; width: 30px; overflow: hidden; cursor:pointer; } .closeCard { background: url(../images/view_card.png) no-repeat 0px -13px; } .cnt { display: none; padding: 10px; margin: 10px; background: #f9f9f9; } .cl { width: 100%; clear: both; line-height: 0px; font-size: 0px; } .roundedLft { background:url("../images/field_grey_m.png") no-repeat scroll left top transparent; float:left; margin-bottom:14px; margin-right:14px; padding:4px 0 6px 7px; width:196px; } .roundedRgt { background:url("../images/field_grey_m.png") no-repeat scroll left top transparent; clear:right; float:left; margin-bottom:14px; padding:4px 0 6px 7px; width:196px; } textarea.noteW { -moz-border-radius:6px 6px 6px 6px; background-color:#F0EFDF; border:0 none; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:14px; height:66px; margin-bottom:14px; padding:7px; width:406px; } .selGreyLft { float:left; margin-bottom:14px; width:204px; margin-right: 14px; } .selGreyRgt { clear:right; float:left; margin-bottom:14px; width:204px; } .btnRgt { background-image:url("../images/btn_grey.png"); background-position:left top; background-repeat:no-repeat; cursor:pointer; float:left; margin-bottom:14px; margin-left:130px; padding:3px 3px 4px; width:80px; } .btnFilterRgt { background-image:url("../images/btn_grey.png"); background-position:left top; background-repeat:no-repeat; cursor:pointer; float:left; margin-bottom:14px; width:80px; padding-top: 3px; padding-right: 3px; padding-bottom: 4px; padding-left: 3px; } /*div that contains the with id #insideSel*/ #insideSel .newListSelected { background:url(../images/select_grey_m.png) no-repeat; border:0; color:#333; height:26px; margin-bottom:1px; padding:0; width:204px; } #insideSel .newListSelected div { display:block; font-size:14px; padding:7px 4px 2px 10px; text-align:left !important; width:190px; } #insideSel ul.newList { list-style:none; color:#399; width:203px; background:#eeead8; border:1px solid #90896e; top:26px; left:0; height:auto; overflow:auto; font-size: 14px; text-align:left!important; position:absolute; z-index:9999; } #insideSel ul.newList li { padding:1px!important; border-bottom: 1px solid #d5cfba; } #insideSel ul.newList a { color: #333; text-decoration:none; display:block; } #insideSel ul.newList li a { padding:6px 4px 3px 8px; display: block; } #insideSel ul.newList li a:focus { -moz-outline-style: none; } #insideSel .hiLite { background:#e3dcc1!important; color:#000!important; outline:none; } #insideSel .newListHover { background:#e3dcc1!important; color:#000!important; cursor:default; } #insideSel .newListSelHover { cursor:default; } #insideSel .newListSelHover, #roundSel .newListSelFocus { background-position:0 -26px; cursor:default; } /*designing divs containing fileds and buttons*/ .roundedGrey { background: url(../images/field_grey_m.png) no-repeat left top; padding: 4px 0px 6px 7px; width: 196px; margin-bottom: 14px; } .roundedRes { background: url(../images/field_res.png) no-repeat left top; padding: 1px 0px 2px 22px; width: 230px; } .oroundedM { float:left; width: 160px; margin-bottom: 14px; background-image: url(../images/fieldOs.png); background-repeat: no-repeat; background-position: left top; padding-top: 5px; padding-right: 0px; padding-bottom: 7px; padding-left: 7px; } .oroundedS { float:left; padding: 5px 2px 7px 7px; width: 80px; margin-bottom: 14px; margin-right:11px; background-image: url(../images/orange_btn.png); background-repeat: no-repeat; background-position: left top; } .oroundedL { float:left; padding: 5px 0px 7px 7px; width: 260px; margin-bottom: 7px; background-image: url(../images/fieldOl.png); background-repeat: no-repeat; background-position: left top; } .oBtnImg { float:left; padding: 3px 4px 4px 4px; margin-left:3px; width: 80px; margin-bottom: 14px; background-image: url(../images/orange_btn.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .greyBtnImg { float:left; padding: 3px 4px 4px 4px; margin-left:3px; width: 80px; margin-bottom: 14px; background-image: url(../images/btn_grey.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .oBtnImgR { float:right; width: 80px; margin-bottom: 14px; background-image: url(../images/orange_btn.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; margin-right: 4px; padding-top: 3px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; } .greyBtnImgR { float:right; width: 80px; margin-top: 14px; background-image: url(../images/btn_grey.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; padding-top: 3px; padding-right: 3px; padding-bottom: 4px; padding-left: 3px; } .comBtnImgR { float:right; width: 84px; background-image: url(../images/btn_comment.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; padding-top: 5px; padding-right: 3px; padding-bottom: 5px; padding-left: 3px; } /*styling submits*/ .oBtn { border:0; background:none; color:#555; font-weight:bold; width:80px; font-size:14px; cursor:pointer; } .oBtnHot { border:0; background:none; color:#B4B07C; font-weight:bold; width:80px; font-size:14px; cursor:pointer; } .gBtn { border:0; background:none; color:#555; font-weight:bold; width:80px; font-size:14px; cursor:pointer; } .commentBtn { border:0; background:none; color:#555; font-weight:bold; width:80px; font-size:14px; cursor:pointer; padding-left: 10px; text-align:left; } .gBtnHot { border:0; background:none; color:#C60; font-weight:bold; width:80px; font-size:14px; cursor:pointer; } /*main container for filter and list result*/ #comboContainer { float: left; width: 960px; text-align:left; margin: 0px; background-color: #D6D6CB; padding-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right:10px; clear: right; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e8e8dc; border-right-color: #e8e8dc; border-bottom-color: #d6d6cb; border-left-color: #e8e8dc; } .iSearchW { background-color: #f8f7f4; background-image: url(../images/bg_mainSearch.png); background-repeat: repeat-x; margin-top: -10px; background-position: top; width: 958px; float: left; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border:1px #e8e8dc solid; } /*.searchLeft containing form-elements*/ .filterLft { float:left; padding:18px 0px 0px 20px; width:424px; } .searchLeft { float:left; padding:18px 0px 0px 20px; width:204px; } .searchRight { float:left; padding-top:18px; padding-left:14px; width:204px; } .splitArrow { float:left; background-image:url(../images/splitArrow.png); background-repeat:no-repeat; background-position:center top; } .mailWbox { width:435px; padding:18px 0px 0px 62px; background-image: url(../images/mailW.gif); background-repeat: no-repeat; background-position: 6px top; float:left; overflow:hidden; } #cardbox { display: block; background-color:#D6D6CB; width:942px; border: 2px dashed #D96504; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 2px; float: left; } .lftCard { float:left; color: #444; padding-left: 10px; } .lftCard a { color: #444; } .lftCard h2 { color: #555; } .lftCard p { padding-top: 12px; padding-left:30px; padding-bottom: 1px; border-bottom:1px dashed #999; margin-right:8px; } .pa { background-image: url(../images/icon_user.png); background-repeat: no-repeat; background-position: left center; margin-top:10px; } .pb { background-image: url(../images/icon_horn.png); background-repeat: no-repeat; background-position: left center; } .pbc { background-image: url(../images/icon_check.png); background-repeat: no-repeat; background-position: left center; } .pc { background-image: url(../images/icon_mail.png); background-repeat: no-repeat; background-position: left center; } .pd { background-image: url(../images/icon_home.png); background-repeat: no-repeat; background-position: left 3px; } .pe { background-image: url(../images/icon_key.png); background-repeat: no-repeat; background-position: left center; margin-top:10px; } .pf { background-image: url(../images/icon_time.png); background-repeat: no-repeat; background-position: left center; } .pg { background-image: url(../images/icon_department.png); background-repeat: no-repeat; background-position: left center; } .ph { background-image: url(../images/icon_clipboard.png); background-repeat: no-repeat; background-position: left 6px; } .pi { margin-bottom: 20px; } .avatar { background-color:#EFEFE1; border: 1px solid #999; float: left; margin-top: 10px; text-align: center; padding-top: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; width: 120px; margin-right: 16px; height: 170px; } .avatarp { font-size: 10px; text-decoration: none; padding-top: 8px; } /*rounded corners for textarea*/ textarea.regArea { background-color:#DED4B2; border:0; padding:7px; -moz-border-radius: 6px; -webkit-border-radius: 6px; width:250px; height:100px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#333; } textarea.noteArea { background-color:#F0EFDF; border:0; padding:7px; -moz-border-radius: 6px; -webkit-border-radius: 6px; width:421px; height:54px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; } textarea.commentW { background-color:#F0EFDF; border:1 inset #888; padding:7px; -moz-border-radius: 6px; -webkit-border-radius: 6px; width:230px; height:110px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#333; margin-bottom:10px; } br { clear: both; } #interestResults { width: 960px; float: left; padding-left: 10px; overflow:hidden; } /* labelbar for interestresults */ .labelBar ul { margin: 0; width:960px; height:36px; font-size: 18px; float: left; background-image: url(../images/result_bar.png); background-repeat: repeat-x; color: #F9F2DC; padding: 0px; } .labelBar ul a:hover { color: #ff7a00; } .labelBar li { float: left; margin-top: 10px; padding: 0; list-style: none; } .labelBar li.iArea { border-left: 0 none; text-indent: 2px; } .labelBar li a { display: block; margin: 0; text-decoration: none; color: #F9F2DC; } /* row one in interestresults */ .roweven ul { float: left; width:958px; background-color: #efefe2; padding:5px 0px 0px 0px; margin-bottom: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #fbfbf7; border-bottom-color: #E5E6D9; } .roweven ul a:hover { background-color: #e0e0ca; } .roweven li { float: left; margin-top: 6px; padding: 0; list-style: none; /* separator between list items */ } .roweven li a { display: block; margin: 0; padding: 0.2em 0 0.1em; text-decoration: none; color: #5a5a5a; } /* row two in interestresults */ .rowodd ul { float: left; width:958px; background-color: #e7e7d8; padding:5px 0px 0px 0px; margin-bottom: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #fbfbf7; border-bottom-color: #DCDBCC; } .rowodd ul a:hover { background-color: #e0e0ca; } .rowodd li { float: left; margin-top: 6px; padding: 0; list-style: none; /* separator between list items */ } .rowodd li a { display: block; margin: 0; padding: 0.2em 0 0.1em; text-decoration: none; color: #5a5a5a; } /*rowdesign for listresults*/ .colLarge { width: 260px; } .colMedL { width: 190px; } .colMedium { width: 160px; } .colCustom { width: 145px; } .colPhone { width: 305px; } .colMedS { width: 125px; } .colDate { width: 86px; } .colLname { width: 130px; } .colNote { width: 157px; } .colShift { width: 76px; } .colSmall { width: 30px; } .iPath { background-color:#FFFFDD; border:1px solid #FFFF99; clear:both; float:left; font-size:1em; font-weight:bold; padding-bottom:4px; padding-left:20px; padding-top:4px; text-align:left; width:938px; } .iPathW { background-color:#FF9; border:1px solid #FFFF99; clear:both; float:left; font-size:1em; font-weight:bold; padding-bottom:4px; padding-left:20px; padding-top:4px; text-align:left; width:598px; } form { margin-top: 0px; margin-bottom: 0px; } .today { padding-left: 6px; margin-top: 4px; color: #555; font-size: 10px; } /*Ok button*/ .okOff { background: none; border:0; padding:0; margin:0; } .okOn { border: 1px solid #666; background: #666; padding:0; margin:0; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .okOnOrange { border: 1px solid #FF7A00; background: #FF7A00; padding:0; margin:0; -moz-border-radius: 6px; -webkit-border-radius: 6px; } /*Designing the new startpages*/ .outside { margin: 0; padding: 0; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color:#EFF7DB; background-color: #ACA770; background-image: url(../images/welcome_bg.png); background-repeat: repeat-x; } .inside { height:100%; margin: 0; padding: 0; text-align: center; font-family: Helvetica, Arial, sans-serif; color:#333; background-color: #ECECE3; background-image: url(../images/main_bg.png); background-repeat: repeat-x; } .greyBg { margin: 0; padding: 0; text-align: center; font-family: Helvetica, Arial, Helvetica, sans-serif; font-size: 14px; color:#EFF7DB; background-color: #E1E2D0; background-image: url(../images/welcome_bg.png); background-repeat: repeat-x; } #container { width: 974px; text-align: left; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -70px; } #header { height: 114px; margin-top: 10px; } .mainContent { width:100%; padding: 0; float:left; background-image: url(../images/welcome.png); background-repeat: no-repeat; background-position: left top; } .footer, .push { float:left; height: 70px; width:100%; text-align:center; clear:both; } .footContent { padding-top:20px; font-size:12px; color:#888; } .copy { padding-top:45px; } .mainRub { width:100%; height:245px; float:left; background-image: url(../images/welcome.png); background-repeat: no-repeat; background-position: left top; margin-bottom: 30px; text-align: center; font-size: 18px; padding-top: 35px; } .startRublft { float:left; width:630px; padding-left: 9px; } .colTopRub { height:234px; width:620px; font-size:20px; padding-top: 30px; padding-bottom: 25px; padding-left: 10px; text-align: right; } .maintopic { width:570px; font-size:20px; } .startCola { float:left; width:315px; padding-left: 9px; } .startColb { float:left; width:295px; padding-right: 20px; } .startColc { float:right; width:325px; } .startCold { float:left; width:295px; padding:12px; background-image: url(../images/lost_password.png); background-repeat: no-repeat; } .logInLft { float:left; width:270px; background-color: #928E53; padding-top: 20px; padding-right: 10px; padding-bottom: 10px; padding-left: 15px; background-image: url(../images/dirt_top.png); background-repeat: repeat-x; background-position: left top; } .logInRgt { float:left; width:287px; background-color: #928E53; padding-top: 20px; padding-right: 10px; padding-bottom: 10px; padding-left: 15px; background-image: url(../images/dirt_top.png); background-repeat: repeat-x; background-position: left top; } .loginEm { height:60px; font-size:24px; margin-bottom: 12px; } .loginCoTop { height:234px; width:260px; font-size:20px; text-align:center; padding-top: 30px; padding-bottom: 25px; padding-left: 10px; } .loginCo { height:28px; font-size:24px; margin-bottom: 8px; } .startPs { width: 90%; } .startPsLft { float:left; } .oLink a { text-decoration:none; color:#EFF7DB; background-image: url(../images/link_go.png); background-repeat: no-repeat; background-position: right center; padding-right: 24px; } .oLink a:hover { color:#FFFEFB; background-image: url(../images/go_hover.png); background-repeat: no-repeat; background-position: right center; padding-right: 24px; } .indexNav { font-size:18px; color:#333; float: left; padding-top: 12px; margin-left: 40px; } .indexNav a { color:#666; padding-left: 30px; text-decoration:none; } .indexNav a:hover { color:#333; padding-left: 30px; text-decoration:none; } #registerW { border:0; } #registerW label { font-size:14px; color:#F9EAC7; padding-left:6px; } .dirtBot { float:left; width:270px; background-color: #9E9B62; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 15px; background-image: url(../images/dirt_bottom.png); background-repeat: repeat-x; background-position: left top; height: 20px; } .dirtBotR { float:left; width:287px; background-color: #9E9B62; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 15px; background-image: url(../images/dirt_bottom.png); background-repeat: repeat-x; background-position: left top; height: 20px; } h1 { font-size:24px; font-style: normal; font-weight: normal; } .newsline { font-size:24px; margin-bottom: 2px; } .newsdate { margin-bottom:4px; border-top-width: 3px; border-top-style: dotted; border-top-color: #7E7A46; font-size: 12px; color: #CED7AA; padding-top: 3px; } .regLabel { margin-bottom:0px; font-size: 12px; color: #CED7AA; float: left; width: 100%; padding-bottom: 0px; padding-left: 3px; } SELECT.brown { width:250px; background-color:#DED4B2; border:0; padding:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #333; } /* main.css GENERAL */ .spinner { padding: 5px; position: absolute; right: 0; } /* NAVIGATION MENU */ .nav { background: #fff url(../images/skin/shadow.jpg) bottom repeat-x; border: 1px solid #ccc; border-style: solid none solid none; margin-top: 5px; padding: 7px 12px; } .menuButton { font-size: 10px; padding: 0 5px; } .menuButton a { color: #333; padding: 4px 6px; } .menuButton a.home { background: url(../images/skin/house.png) center left no-repeat; color: #333; padding-left: 25px; } .menuButton a.list { background: url(../images/skin/database_table.png) center left no-repeat; color: #333; padding-left: 25px; } .menuButton a.create { background: url(../images/skin/database_add.png) center left no-repeat; color: #333; padding-left: 25px; } /* MESSAGES AND ERRORS */ .message { background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat; border: 1px solid #b2d1ff; color: #006dba; margin: 10px 0 5px 0; padding: 5px 5px 5px 30px } div.errors { background: #fff3f3; border: 1px solid red; color: #cc0000; margin: 10px 0 5px 0; padding: 5px 0 5px 0; } div.errors ul { list-style: none; padding: 0; } div.errors li { background: url(../images/skin/exclamation.png) 8px 0% no-repeat; line-height: 16px; padding-left: 30px; } td.errors select { border: 1px solid red; } td.errors input { border: 1px solid red; } /* TABLES */ table { border: 1px solid #ccc; width: 100% } tr { border: 0; } td, th { font: 11px verdana, arial, helvetica, sans-serif; line-height: 12px; padding: 5px 6px; text-align: left; vertical-align: top; } th { background: #fff url(../images/skin/shadow.jpg); color: #666; font-size: 11px; font-weight: bold; line-height: 17px; padding: 2px 6px; } th a:link, th a:visited, th a:hover { color: #333; display: block; font-size: 10px; text-decoration: none; width: 100%; } th.asc a, th.desc a { background-position: right; background-repeat: no-repeat; } th.asc a { background-image: url(../images/skin/sorted_asc.gif); } th.desc a { background-image: url(../images/skin/sorted_desc.gif); } .odd { background: #f7f7f7; } .even { background: #fff; } /* LIST */ .list table { border-collapse: collapse; } .list th, .list td { border-left: 1px solid #ddd; } .list th:hover, .list tr:hover { background: #b2d1ff; } /* PAGINATION */ .paginateButtons { float:left; width:948px; margin-left:1px; background: #D6D6CB; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; overflow: hidden; border-top-width: 2px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dashed; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e8e8dc; border-right-color: #D6D6CB; border-bottom-color: #D6D6CB; border-left-color: #D6D6CB; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 10px; } .paginateButtons a { background: #efefe2; text-decoration:none; border: 1px solid #999; border-color: #fff; color: #333; margin: 0 6px; padding: 4px 6px 2px 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .paginateButtons span { padding: 4px 5px; } .newsButtons { float:left; width:588px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; overflow: hidden; border-top-width: 2px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dashed; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #E1E2CF; border-right-color: #D6D6CB; border-bottom-color: #D6D6CB; border-left-color: #D6D6CB; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 10px; background-color: #CDCEBC; } .newsButtons a { background: #efefe2; text-decoration:none; border: 1px solid #999; border-color: #fff; color: #333; margin: 0 6px; padding: 4px 6px 2px 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .newsButtons span { padding: 4px 5px; } /* DIALOG */ .dialog table { padding: 5px 0; } .prop { padding: 5px; } .prop .name { text-align: left; width: 15%; white-space: nowrap; } .prop .value { text-align: left; width: 85%; } /* ACTION BUTTONS .buttons input { background: #fff; border: 0; color: #333; cursor: pointer; font-size: 10px; font-weight: bold; margin-left: 3px; overflow: visible; padding: 2px 6px; } .buttons input.delete { background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.edit { background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.save { background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat; padding-left: 28px; } */ /* * The state classes are a little bit complex, because of the doubble class bug in IE6 * The state class looks like this: * * .ui-radio-state[-checked][-disabled][-hover] or .ui-checkbox-state[-checked][-disabled][-hover] * * Examples: * * .ui-radio-state-checked (simply checked) * .ui-radio-state-checked-hover (checked and hovered/focused) * .ui-radio-state-hover (unchecked and hovered/focused) * */ span.ui-helper-hidden { display: none; } label { padding: 2px; } span.no-ir-worker-checkbox { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -60px; } span.no-ir-worker-checkbox-state-checked { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -80px; } span.no-ir-worker-checkbox-state-disabled { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -280px; } span.ir-worker-checkbox { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -20px; } span.ir-worker-checkbox-state-checked { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -1px; } span.ir-worker-checkbox-state-disabled { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -240px; } span.booked-worker-checkbox-state-disabled { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -120px; } span.no-ir-checkbox-state-disabled { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -100px; } span.ir-checkbox { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -1px; } span.ir-checkbox-state-checked { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -20px; } span.ir-checkbox-state-disabled { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -220px; } span.booked-checkbox { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -120px; } span.booked-checkbox-state-checked { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -140px; } span.booked-checkbox-state-disabled { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -340px; } span.booked-other-checkbox-state-disabled { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -200px; } span.mail-checkbox { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -60px; } span.mail-checkbox-state-checked { background-position: 0 -80px; } span.ordinary-checkbox { display: block; float: left; width: 22px; height: 16px; background-image: url(../images/box_list.png); background-repeat: no-repeat; background-position: 0 -60px; } span.ordinary-checkbox-state-checked { background-position: 0 -80px; } span.irmail-checkbox { display: block; float: left; width: 55px; height: 43px; background-image: url(../images/ir_mail.png); background-repeat: no-repeat; background-position: 0 0px; } span.irmail-checkbox-state-checked { background-position: 0 -43px; } span.irmail-checkbox-state-disabled { background-position: 0 -86px; } span.irmail-checkbox-state-checked-disabled { background-position: 0 -86px; } span.irsms-checkbox { display: block; float: left; width: 55px; height: 43px; background-image: url(../images/ir_sms.png); background-repeat: no-repeat; background-position: 0 0px; } span.irsms-checkbox-state-checked { background-position: 0 -43px; } span.irsms-checkbox-state-checked-disabled { background-position: 0 -86px; } span.irsms-checkbox-state-disabled { background-position: 0 -86px; } span.ircomment-checkbox { display: block; float: left; width: 55px; height: 43px; background-image: url(../images/ir_comment.png); background-repeat: no-repeat; background-position: 0 0px; } span.ircomment-checkbox-state-checked { background-position: 0 -43px; } span.ircomment-checkbox-state-checked-disabled { background-position: 0 -86px; } span.ircomment-checkbox-state-disabled { background-position: 0 -86px; } /*To select multiple departments for interest reports*/ .asmContainer { /* container that surrounds entire asmSelect widget */ } .asmSelect { /* the newly created regular 'select' */ display: inline; } .asmOptionDisabled { /* disabled options in new select */ color: #999; } .asmHighlight { /* the highlight span */ padding: 0; margin: 0 0 0 1em; } .asmList { /* html list that contains selected items */ margin: 0.25em 0 1em 0; position: relative; display: block; padding-left: 0; list-style: none; color:#444; } .asmListItem { /* li item from the html list above */ position: relative; margin-left: 0; padding-left: 0; list-style: none; background: #ddd; border: 1px solid #bbb; width: 100%; margin: 0 0 -1px 0; line-height: 1em; } .asmListItem:hover { background-color: #e5e5e5; } .asmListItemLabel { /* this is a span that surrounds the text in the item, except for the remove link */ padding: 5px; display: block; } .asmListSortable .asmListItemLabel { cursor: move; } .asmListItemRemove { /* the remove link in each list item */ position: absolute; right: 0; top: 0; padding-top: 5px; padding-right: 30px; color:#C60; background-image:url(../images/icon_remove.png); background-repeat: no-repeat; background-position: right center; } #newsContainer { float: left; width: 622px; text-align:left; margin: 0px; padding-top: 0px; padding-bottom: 10px; padding-left: 4px; padding-right: 20px; } .newsRgt { float:left; padding-left:20px; width:300px; border-left-width: 1px; border-left-style: dashed; border-left-color: #B5B5A3; } .newsRgtBg { float: left; padding-top: 0px; padding-bottom: 10px; padding-left: 18px; margin-left: 16px; } .newArticle { background-color:#D6D6CB; padding:6px; text-align:right; width:608px; float: left; } .newArticle a { font-size:14px; font-weight:bold; color:#fff; } .newsCol { width: 620px; padding-bottom: 30px; float: left; } .newsHead { font-size:36px; color:#555; padding-left: 6px; } .newsHeadRgt { font-size:24px; color:#555; background-color: #CDCEBD; padding-top: 10px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; float: left; width: 280px; clear: both; } .newsBread { font-size:14px; color:#444; margin-bottom: 30px; margin-top: 6px; padding-left: 6px; float: left; width: 560px; clear: both; line-height: 16px; } .newsBreadRgt { float:left; width:280px; color:#444; padding-left:6px; padding-top: 8px; } .newsVideo { font-size:14px; color:#777; background-color:#EEE; text-align:center; padding-top: 8px; padding-bottom: 8px; border: 2px solid #B3B4A5; margin-bottom: 14px; margin-top: 6px; float: left; width: 616px; clear: both; } .newsDate { font-size:12px; color:#C60; margin-top:4px; background-color: #CDCEBB; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 6px; } .newsDivider { border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #aaa; float:left; width:100%; } .flashM { font-size:18px; color:#c60; padding-bottom: 10px; padding-top:10px; } .nippleCon { width:40px; float:left; clear: both; } .css-arrow-down { border-top-width: 6px; border-right-width: 6px; border-bottom-width: 0; border-left-width: 6px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CDCEBC; border-right-color: #E1E2D0; border-bottom-color: #E1E2CE; border-left-color: #E1E2CE; margin:0px; float:right; } .css-arrow-up { border-color:transparent transparent #333333; border-style:solid; border-width:0 20px 20px; float:left; height:0; margin:0 10px; width:0; }