/*----------------------------------------------------------- Elements -----------------------------------------------------------*/ html, body{height: 100%; } /*body{font: normal 76%/1.5 "Lucida Sans", Arial, Helvetica, sans-serif;background: url(../images/content-bg.gif) repeat-x 0 0 #eee;} body{font: normal 76%/1.5 "Lucida Sans", Arial, Helvetica, sans-serif;}*/ body.pst{background: #fff; padding: 0 10px;} /*body, div, img{padding: 0; margin: 0;} h1,h2,h3,h4,h5,h6, dt{font-family: Helvetica, Arial, sans-serif;} dd, dt, dl{padding: 0; margin: 0;} fieldset{border: none; padding: 0; margin: 0;} h2{font-size: 2em; font-weight: normal;} h3{font-size: 1.5em; padding: 0; margin-bottom: 5px; font-weight: normal;} h4{font-size: 1.167em; margin: 5px 0 -7px 0; padding: 0; font-weight: bold;} dt{font-size: 1.167em; margin: 5px 0 0 0; padding: 0; font-weight: bold;} blockquote{margin: 20px 0; padding: 25px 0 0 20px; background-image: url(../images/quotes-top.gif); background-repeat: no-repeat; clear: both;} cite{font-size: 0.87em; display: block; font-style: normal; margin-left: 40px; line-height: 1.3em;} hr{border: none; margin: 0; padding: 0; height: 1px; color: #cecece; background-color: #cecece} address{padding: 10px 35px 25px 10px;margin: 5px 0 0 0; background-color: #f6f7f7; font-style: normal; font-family: "Lucida Sans", sans-serif; font-size: 0.95em} img{border: none; outline:none;} .strikethrough {text-decoration: line-through !important;} .old_value {text-decoration: line-through !important; color: #999;}*/ /*form ol li{margin: 5px 0; padding: 0;} form ol li.fileUpload{position: relative;} form ol li.fileUpload input.file{position: relative; z-index: 500;width: 197px; opacity: 0; -webkit-opacity: 0;filter: alpha(opacity=0)} form ol li.fileUpload div{position: absolute; top: 3px; left: 145px;} form ol li.fileUpload div input{float: left;margin-right: 6px; width: 127px;} form ol li.fileUpload div img{float: left; margin-top: 2px;} */ /*----------------------------------------------------------- Header ----------------------------------------------------------- #header{background:transparent url(/images/header-corners-right.png) repeat-x top right; position:relative; width:95%; min-width: 968px; height: 80px; margin:0 auto; padding:0; z-index:20;} #popup #header{background:#fff none; height:65px; width:100%;} #header #site_type {padding-left: 18px; height: 20px; position: relative; font-weight: bold; top: -14px; left: 100px; font-size: 20px;width:300px;} #usersHeading {float:right;margin-right:90px;font:normal 15px/1.5 Calibri, Arial, Helvetica, sans-serif;color: #A0A0A0; vertical-align: top;padding-top:5px;} #branding{font:normal 36px Georgia, Times, serif; height: auto;width:85%; padding:18px 0 0 18px; margin:0; background: url(/images/header-corners-left.png) repeat-x top left;} /*#branding a{display: block; width: 252px; height: 55px; background: url(/images/myBaragarLogo.png) no-repeat 0 0; margin: 0; text-indent: -999em;} #branding a{display: block; width: 252px; height: 47px; background: url(/images/myBaragarLogoCropped.png) no-repeat 0 0; margin: 0; text-indent: -999em;} #publicHeader{background:#fff; width:95%; min-width: 968px; margin:0 auto; padding:0; border-bottom: solid 5px #6c0; } #publicHeader h1{color: #000; font: normal 36px/1 Georgia, "Times New Roman", Times, serif; padding: 20px; margin: 0;} #publicHeader h1 img{color: #73d300;vertical-align: middle;} #logout{text-transform:uppercase; color:#A0A0A0; position: relative; text-decoration: none;vertical-align: top;top:1px;} #logout:hover { color: #3399FF; } .sbHolder:hover { color: #3399FF; }*/ /* old nav #navigation{width: 95%; min-width: 968px; margin: 0 auto; position: relative; z-index: 10;} #navigation div.nav_class ul{list-style: none; width: 100%; margin: 0; padding: 0; min-height: 5px;background: url(/images/navigation.png) repeat-x 0 0;} #navigation div.nav_class li{float: left; padding: 8px 0; margin: 0;position: relative;} #navigation div.nav_class li span{display: block; padding: 4px 10px 3px 10px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 1em;border-left: 1px solid #FFF;} #navigation div.nav_class li a{display: block; padding: 4px 10px 3px 10px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 1em;border-left: 1px solid #FFF;} #navigation div.nav_class li:hover{background: #a5e35c;} #navigation div.nav_class li.first span{border-left: none;} #navigation div.nav_class li.first{margin-left: 15px;} #navigation div.nav_class li.first.type2{margin-left: 0px;margin-left: 0px;} #navigation div.nav_class li.first.type2 span{color: #333333; font-weight: lighter; margin: 0; padding: 0; text-align: left; text-decoration: none; text-transform: none; display: block; border-left: none;} */ /*#navigation{width: 95%; min-width: 968px; margin: 0 auto; position: relative; z-index: 30;} #navigation div.nav_class ul{list-style: none; width: 100%; margin: 0; padding: 0; min-height: 35px;background: url(/images/navigation.png) repeat-x 0 0;} #navigation div.nav_class li{float: left; padding: 8px 0; margin: 0;position: relative;} #navigation div.nav_class li span{display: block; padding: 4px 10px 3px 10px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 1em;border-left: 1px solid #FFF;} #navigation div.nav_class li a{display: block; padding: 4px 10px 3px 10px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 1em;border-left: 1px solid #FFF;} #navigation div.nav_class li:hover{background: #a5e35c;} #navigation div.nav_class li.first span{border-left: none;} #navigation div.nav_class li.first{margin-left: 15px;} #navigation div.nav_class li.first.type2{margin-left: 0px;margin-left: 0px;} #navigation div.nav_class li.first.type2 span{color: #333333; font-weight: lighter; margin: 0; padding: 0; text-align: left; text-decoration: none; text-transform: none; display: block; border-left: none;} #navigation div.nav_class ul ul{margin-bottom: 0; min-height: 0;padding: 5px 6px; display: none; background: #C1EB8F url(/images/menu-flyout.gif) no-repeat scroll left top; list-style: none; margin: 0; position: absolute; top: 35px; left: 0px; width: 200px; z-index: 200;} #navigation div.nav_class ul ul li{border-bottom: 1px solid #D5F2B4; border-right: none; border-left: none; color: #333333; float: none; margin: 0; padding: 3px 5px;} #navigation div.nav_class ul ul li.hasSub{background: url(/images/menu-dd.gif) no-repeat center right;} #navigation div.nav_class ul ul li.hasSub:hover{background: none;} #navigation div.nav_class ul ul li a{color: #333333; font-weight: lighter; margin: 0; padding: 0; text-align: left; text-decoration: none; text-transform: none; display: block; border-left: none;} #navigation div.nav_class ul ul li:hover,#navigation ul ul li a:hover{background: none; color: #f60;} #navigation div.nav_class ul li:hover ul{display: block;} #navigation div.nav_class ul ul ul{display: none; left: 195px; top: -5px; margin: 0; z-index: 999;} #navigation div.nav_class ul li:hover ul ul{display: none;} #navigation div.nav_class ul li:hover ul li:hover ul{display: block;} #navigation div.nav_class ul li:hover ul ul ul{display: none;} #navigation div.nav_class ul li:hover ul li:hover ul ul{display: none;} #navigation div.nav_class ul li:hover ul li:hover ul li:hover ul{display: block;} #navigation .userName{position: absolute; right: 5px; top: 8px; font-weight: bold; color: #FFF; padding-right: 30px;} #navigation .userName form{display: inline;} #navigation .userName form .img{display: block; position: absolute; right: 10px; top: 2px;} #navigation .userName span {} #navigation #breadcrumbtrail {color: #f60; outline: none; padding:10px 0 0 15px; background-color: #FFF;}*/ /*----------------------------------------------------------- Content & Dashboard -----------------------------------------------------------*/ /*#wrapper {margin:0 auto; background-color:#edeeee; background-image:url(../images/content-bg.gif); background-position:top; background-repeat:repeat-x; padding:10px 0;}*/ span.alert{border:none !important} #popup #wrapper {width:100%;} /*#contentContainer{padding:0; margin:0 auto; width:95%; min-width: 968px; min-height:560px; background-color:#fff;}*/ #popup #contentBlock{padding:10px 0; margin:0 auto; width:100%; min-height:375px;} #content{padding: 15px;} :not(.form-style-1) form input:not([type=submit]) { height: 29px; vertical-align: top; } :not(.form-style-1) form fieldset { margin: 10px 0; padding-bottom: 0; padding-left: 0; border: none; } :not(.form-style-1) form fieldset .addFormatRule { margin-left: 0; } :not(.form-style-1) form fieldset legend { border-bottom: 1px solid #eaeaea; width: 100%; font-size: 14px; font-size: 1.07692rem; color: #198bd2; padding-left: 3px; font-weight: normal; } :not(.form-style-1) form fieldset .alert-icon { vertical-align: top; color: #F00; font-weight: bold; } :not(.form-style-1) form fieldset input[type=file] { border: none !important; background-color: transparent !important; margin-left: 0px; padding-left: 0px; } :not(.form-style-1) form input:not([type=submit]):not([type=checkbox]):not([type=radio]) { border-radius: 0; border-color: #d0d1d1; background-color: #f7f7f7; padding:5px; width:200px} :not(.form-style-1) form input[type="checkbox"] { height: 15px; } :not(.form-style-1) form input[type="text"][disabled], :not(.form-style-1) form input[type="text"]:read-only, :not(.form-style-1) form textarea:disabled { background-color: transparent !important; border-color: #AFD9EE !important; } :not(.form-style-1) form .required:after { content: " *"; color: red; vertical-align: top; display: inline-block; } :not(.form-style-1) form .fancy-uploader input[type=file] { position: absolute; } :not(.form-style-1) form .fancy-uploader input[type=text] { width: 73% !important; border-radius: 0; border-color: #d0d1d1 !important; background-color: #f7f7f7 !important; } :not(.form-style-1) form .horizontal-radio label.radio { display: inline-block; } :not(.form-style-1) form form div ol { margin: 0; } #dbNav ul{list-style: none; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold;} /*#dbNav ul li{margin: 0; padding: 0;position: relative;background: url(/images/sideNav-bg.png) repeat-x top center #d9e8da;}*/ #dbNav ul li{margin: 0; padding: 0;position: relative;background: url(/images/sideNav-bg.png) repeat-x top center #d9e8da;} #dbNav ul li span{font-size: 10px; display: block; border: 1px solid #c2c2c2; padding: 1px 5px; background: #e7e7e7 no-repeat 95% 5px;} #dbNav ul li a{font-size: 12px; display: block; padding: 2px 10px; border: 1px solid #d9e8da; color: #000; text-decoration: none;} #dbNav ul li.active a{background: url(/images/sideNav-bg-active.png) repeat-x center center;} #dbNav ul li.active li a{background: url(/images/sideNav-bg.png) repeat-x center center;} #dbNav ul li.internal, #dbNav ul li.internal li{background: url(/images/sideNav-bg.png) repeat-x top center;} #dbNav ul li span a{background: none; padding: 1px;} #dbNav ul li.type2 span{padding-left:10px;} #dbNav ul li a:hover{text-decoration: underline;} /*#dbNav ul li a.type2 {display:none;}*/ /*#dbNav li ul li.type2 ul li a{padding-left:20px;} #dbNav li ul li.type2 ul li li li a{padding-left:40px;} #dbNav li ul li.type2 ul li li li li a{padding-left:60px;} #dbNav li ul li.type2 ul li li li li li a{padding-left:80px;}*/ #dbNav li ul .kc_subcategory_nav a{padding-left:20px;} #dbNav li ul .kc_subcategory_nav li li a{padding-left:40px;} #dbNav li ul .kc_subcategory_nav li li li a{padding-left:60px;} #dbNav li ul .kc_subcategory_nav li li li li a{padding-left:80px;} /* #dbNav ul ul ul li a{padding-left: 25px; font-size: 11px; width: 213px;} #dbNav ul ul ul ul li a{padding-left: 50px;} */ .di_dashboard{width: 75% !important;} .intelligence{} .intelligence li a{color: #000; padding: 4px 0 4px 25px; text-decoration: none; display: block;background: url(/images/buttons/arrow-right.gif) no-repeat 10px 8px;} .intelligence li a:hover{color: #F60;} .instructions{display: none; border: 1px solid #dfdfdf; background: #efefef url(/images/article-head-short.png) repeat-x 0 0; padding: 10px; margin: 10px 0;} .instructions ul{list-style: none; padding: 0; margin: 0;} .instructions span{display: inline-block; width: 275px;} .instructions p{padding: 4px 0 0 0; margin: 0;} .instructions hr{margin: 10px;} .instructions input#btnSearch{margin-bottom: -4px; margin-top: 4px;} .reportForm h4{font-size: 16px; font-weight: bold; border-bottom: 1px solid #878787; padding-bottom: 8px; margin-bottom: 8px;} .reportForm a.close{float: right; display: block;} .reportForm ol{list-style: none; margin: 0; padding: 0;} .reportForm li{margin: 5px 0; position: relative; z-index: 100;} .reportForm li label{display: inline-block; width: 150px; overflow: visible; vertical-align: top;} .reportForm li input.text,.reportForm textarea{width: 165px;} .reportForm li input.vError,.reportForm li textarea.vError{border: 1px solid #F00;} .reportForm li label.vError{width: auto; color: #F00; font-weight: bold;} .reportForm li select {border: 1px solid #000; width: 169px; margin: 0;} .reportForm li.note{padding-left: 155px; font-size: 10px; font-weight: bold; width: 165px;} .vError textarea { border:1px solid #999999; outline:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; } /* Form field highlight for error feedback */ input.vError, textarea.vError { border: 1px solid #c24949; background: #ffbcbc; } .widget .search form{padding: 10px;} .widget .search form input{float: left;} .widget .search form input.text{margin-top: -1px;margin-right: 5px;} .widget .search form a{clear: both;display: block;} .widget .search ul{list-style: none; padding: 0; margin: 0;} .widget .search li a{color: #000; padding: 2px 0 2px 25px; text-decoration: none; display: block;background: url(/images/buttons/arrow-right.gif) no-repeat 10px center;} .widget .search li a:hover{color: #F60;} /*----------------------------------------------------------- Login -----------------------------------------------------------*/ /*form#loginForm li{padding: 4px 10px;} form#loginForm li label{display: inline-block; width: 75px; overflow: visible;} form#loginForm li select {border: 1px solid #000;} form#loginForm li input.text{width: 145px;} form#loginForm li.header{padding: 15px 0 0 0; font-weight: bold;} form#loginForm li.top{padding: 0;} form#loginForm li.checkbox input{vertical-align:middle;} form#loginForm li.checkbox label{width: auto;vertical-align:middle;padding-left: 5px;} form#loginForm ol ul{list-style: none;}*/ /*----------------------------------------------------------- Search Sidebar -----------------------------------------------------------*/ /*.rightPanel{padding-left: 275px;}*/ .nullSearch{padding-left: 275px; color: #F00;} /*----------------------------------------------------------- Wordpack admin -----------------------------------------------------------*/ .wordpackAdmin{width: 97%;border: 1px solid #767676;} .wordpackAdmin thead th{ padding: 5px 10px;color: #FFF;} .wordpackAdmin td.group{ background:url("/images/tableBlueBg.png") repeat-x scroll 0 0; padding: 4px;} .wordpackAdmin td{padding: 2px;border-bottom: 1px solid #767676;border-top: 1px solid #767676;vertical-align: top;} .wordpackAdmin tr.odd td{background: #efefef;} .wordpackAdmin td .wp_editable_content{font-size: 11px;} /*----------------------------------------------------------- Data Exchange -----------------------------------------------------------*/ .fileUpload h2{padding: 0 0 2px 0; margin: 0px 0 10px 0; font-size: 16px; line-height: 1em; border-bottom: 1px solid #dfdfdf;font-weight: bold;} ul.folderTree{list-style: none; padding: 0; margin: 0; background: url(/images/FileManager/folderTree.png) no-repeat 0 9px; margin: 0 0 10px 0;} ul.twoLevel{background: url(/images/FileManager/folderTree-short.png) no-repeat 0 9px;} ul.folderTree li{padding: 2px 18px;} ul.folderTree li.oneLevel{padding-left: 40px;} ul.folderTree li.twoLevel{padding-left: 70px;} .fileUpload .upload {border: 1px solid #dfdfdf; background: #dae8d8 url(/images/upload-bg.png) repeat-x 0 0; padding: 10px; margin: 15px 0; width: 415px;} .fileUpload .upload p{font-weight: bold; padding: 0 0 10px 0;} .fileUpload .upload li{padding-left: 25px;} .fileUpload .upload li label{display: inline-block; width: 115px; overflow: visible;} .fileUpload .upload li input.checkbox{margin: 0;} .fileUpload .upload li #FileTitle{width: 220px;} /*----------------------------------------------------------- Process Status Tool -----------------------------------------------------------*/ .processStatus.scrolling{ margin-top: 320px; } #PSTwrapper{background:#fff;width:10000px;} .processStatus{border-collapse: collapse; margin: 335px 0 10px 0;} .processStatus thead{z-index: 98;position: fixed; left: 10px; top: 65px;} .processStatus th{border: 1px solid #000; text-align: center; background: #ffff99; padding: 1px 3px;} .processStatus td{border: 1px solid #000; text-align: left; padding: 1px 3px;width: 40px;} .processStatus .district{width:170px !important;} .processStatus .province{width:60px; text-align: center;} .processStatus .priority{width:55px; text-align: center;} .processStatus .status{width: 55px;} .processStatus .fastTrack{width: 50px;} .processStatus td.status, .processStatus th.status{width: 50px;} .processStatus th.taskName{vertical-align: bottom; text-align: center; overflow-x: hidden; overflow-y: hidden; height: 200px;width: 40px;} .processStatus td.pstDetailCell{width: 40px;} .processStatus td.summary-cell{width: 40px;text-align: center;} .processStatus tr.highlight td{border-bottom: 2px solid #000;} .processStatus td.col-header{background: #82d81b; padding: 4px 0px 4px 0px ; text-align: center; cursor: pointer;line-height: 16px;color: #fff;} .processStatus td.col-header img{vertical-align: middle;} .processStatus td.col-header.collapsed{padding-left: 24px; background: url(/images/plus.png) no-repeat 7px center #82d81b;} .processStatus td a{display: block;text-decoration: none;color: #000; padding: 1px 3px; margin: 0; text-align: center;} .processStatus tr.complete, tr.problem {display: none;} .processStatus .replaceCheck{text-indent: -999em; background: url(/images/processstatus/check.jpg) no-repeat center center; display: block;} .processStatus .replaceX{text-indent: -999em; background: url(/images/processstatus/x.jpg) no-repeat center center; display: block;} .processStatus .replaceSquiggle{text-indent: -999em; background: url(/images/processstatus/squiggle.jpg) no-repeat center center; display: block;} .processStatus .replaceNone{text-indent: -999em;display: block;} .processStatus .summary-cell{vertical-align: bottom;} .processStatus .summary-cell span{display: inline-block; width: 15px; height: 15px; background: url(/images/processstatus/summary-icons.png) no-repeat 0 0; text-indent: -999em; margin: 1px 3px;} .processStatus .summary-cell span.pst_x{background-position:0 -15px;} /*default, not started*/ .processStatus .summary-cell span.pst_x.status3{background-position:0 0} /*complete*/ .processStatus .summary-cell span.pst_x.status6{background-position:0 -30px} /*ready to start*/ .processStatus .summary-cell span.pst_x.status2{background-position:0 -45px} /*in progress*/ .processStatus .summary-cell span.pst_x.status8{background-position:0 -90px} /*process on hold*/ .processStatus .summary-cell span.pst_x.status7{background-position:0 -75px} /*sent but incomplete*/ .processStatus .summary-cell span.pst_x.status4{background-position:0 -60px} /*problem*/ .processStatus .summary-cell span.pst_check.status3{background-position:-15px 0;} /*complete*/ .processStatus .summary-cell span.pst_check{background-position:-15px -15px;} /*default, not started*/ .processStatus .summary-cell span.pst_envelope.status3{background-position:-30px 0;} /*complete*/ .processStatus .summary-cell span.pst_envelope{background-position:-30px -15px;} /*default, not started*/ .processStatus .summary-cell span.pst_das{background-position:-45px -15px;} /*default, not started*/ .processStatus .summary-cell span.pst_das.status3{background-position:-45px 0;} /*complete*/ .processStatus .summary-cell span.pst_das.status6{background-position:-45px -30px} /*ready to start*/ .processStatus .summary-cell span.pst_das.status2{background-position:-45px -45px} /*in progress*/ .processStatus .summary-cell span.pst_das.status8{background-position:-45px -90px} /*process on hold*/ .processStatus .summary-cell span.pst_das.status7{background-position:-45px -75px} /*sent but incomplete*/ .processStatus .summary-cell span.pst_das.status4{background-position:-45px -60px} /*problem*/ .processStatus .summary-cell span.summaryTotal{display:none;} .processStatus .summary-cell.red {background: url("/images/processstatus/summary-red.png") repeat-x 0 bottom #fff;} .processStatus .summary-cell.grey {background: url("/images/processstatus/summary-gray.png") repeat-x 0 bottom #fff;} .processStatus .summary-cell.orange {background: url("/images/processstatus/summary-orange.png") repeat-x 0 bottom #fff;} .processStatus .summary-cell.blue {background: url("/images/processstatus/summary-blue.png") repeat-x 0 bottom #fff;} .processStatus .summary-cell.purple {background: url("/images/processstatus/summary-purple.png") repeat-x 0 bottom #fff;} .processStatus .summary-cell.green {background: url("/images/processstatus/summary-green.png") repeat-x 0 bottom #fff;} .processStatus th.header{cursor: hand; cursor: pointer;} .processStatus th .sortBtn{background: url(/images/sort-none.png) no-repeat center center; display: block; width: 33px; height: 12px; text-indent: -999em; margin: 0 auto; border-top: none;} .processStatus th.headerSortDown .sortBtn{background-image: url(/images/sort-down.png)} .processStatus th.headerSortUp .sortBtn{background-image: url(/images/sort-up.png)} .processStatus th.taskName .sortBtn{padding: 3px 0;} /* we need this to make sure the facebox pops up on top of other things with higher z-indexes */ #facebox {z-index: 100;} #PSTCellInfo{display: none;z-index: 200; margin: 0;padding: 10px; width: 175px; margin-left: -160px; margin-top: 5px;background: #A5E35C; border: 2px solid #76D405; position: absolute;text-align: left; font-size: 11px;top: 0; left: 0;} #PSTCellInfo h5{font-size: 13px; padding: 0; margin: 1px 0 5px 0;} #PSTCellInfo ul{list-style: none; padding: 0; margin: 0;} #PSTCellInfo ul span{display: inline-block; font-weight: bold;} #PSTCellInfo img{position: absolute; top: 2px; right: 2px;} #PSTCellInfo .updatedBy{border-top: 1px solid #000;} #PSTCellInfo .underline{border-bottom: 1px solid #000;} #PSTCellInfo #hovericon{width:20px; border:1px solid; background-color:#fff; display:inline-block;} #PSTCellInfo .replaceCheck{background: url(/images/processstatus/check.jpg) no-repeat center center; display: block;} #PSTCellInfo .replaceX{background: url(/images/processstatus/x.jpg) no-repeat center center; display: block;} #PSTCellInfo .replaceSquiggle{background: url(/images/processstatus/squiggle.jpg) no-repeat center center; display: block;} #PSTCellInfo .rework{background-image: url(/images/processstatus/crosshatch.png); background-repeat: repeat;} #PSTCellInfo .FastTrack{width:20px; border:1px solid; background: url(/images/processstatus/star.jpg) no-repeat center center #fff; display:inline-block;} a.close-pst{float: right;display: block; cursor: pointer; background: url(/images/close.png) no-repeat 0 2px; padding-left: 20px;} .processStatus td:hover .FastTrackInfo{display: block;} .processStatus .FastTrackInfo{display: none;z-index: 200; margin: 0;padding: 10px; width: 130px; margin-left: -160px; margin-top: 5px;background: #A5E35C; border: 2px solid #76D405; position: absolute;text-align: left; font-size: 11px; /*top: 0; left: 0;*/} .processStatus .FastTrackInfo h5{font-size: 13px; padding: 0; margin: 1px 0 5px 0; color: #d95700;} .processStatus .FastTrackInfo ul{list-style: none; padding: 0; margin: 0;} .processStatus .FastTrackInfo ul span{display: inline-block; font-weight: bold;} .processStatus .FastTrackInfo img{position: absolute; top: 2px; right: 2px;} .processStatus.oldPST td:hover .cellInfo{display: block;} .processStatus.oldPST .cellInfo{display: none;z-index: 200; margin: 0;padding: 10px; width: 130px; margin-left: -160px; margin-top: 5px;background: #A5E35C; border: 2px solid #76D405; position: absolute;text-align: left; font-size: 11px;top: 0; left: 0;} .processStatus.oldPST .cellInfo h5{font-size: 13px; padding: 0; margin: 1px 0 5px 0; color: #d95700;} .processStatus.oldPST .cellInfo ul{list-style: none; padding: 0; margin: 0;} .processStatus.oldPST .cellInfo ul span{display: inline-block; font-weight: bold;} .processStatus.oldPST .cellInfo img{position: absolute; top: 2px; right: 2px;} .processStatus.oldPST .cellInfo .updatedBy{border-top: 1px solid #000;} .bulkTaskUpdate td { background-color: #CCC; padding-top: 10px; padding-bottom: 10px; } /*c = cellType*/ .pst .c0 {background: url(/images/pencil.png) no-repeat 94% 2px;}/*note*/ .pst.c1 {background: #FFFFFF;}/*not started*/ .pst.c2 {background: #334eff;}/*in progress*/ .pst.c3 {background: #58ff33;}/*complete */ .pst.c4 {background: #ff3333;}/*problem*/ .pst.c5 {background: #949CA4;}/*not applicable*/ .pst.c6 {background: #ffb533;}/*ready to start*/ .pst.c7 {background: #C344FF;}/*sent but incomplete */ .pst.c8 {background: #FFA6C2;}/*process on hold */ .rework,.dis-rework, .processStatus .summary-cell.rework{background-image: url(/images/processstatus/crosshatch.png); background-repeat: repeat;} /*url(/images/pattern1.png);*/ .processStatus .thisUsersTask{padding: 0; width: 46px;} .processStatus .thisUsersTask a{border: solid 2px #00FFFF} /*Sorting order: complete->problem->in progress->not active->ready to start->not started->*/ #pstyear{float: left;} #pstfilter{float: right; padding: 0; margin: 0;} #pstfilter form{padding: 0; margin: 0;} #pstfilter input.text{width: 175px;} #pstfilter #searchBtn{margin: 0 0 -4px 0; padding: 0;} #pstyear{margin-right: 25px;} .pst-header{position: fixed; background: #fff; width: 100%; top: 0; left: 0;padding-bottom: 20px;} .pst-header-content{padding: 0 10px;} #PSTLegend2{font-size: 11px;display: inline-block;} #PSTLegend2 span{display: inline-block; font-weight: bold; padding: 3px 3px 3px; margin: 0 5px; line-height: 12px; border: 1px solid #a1a1a1;} #PSTLegend2 span.comp{background: #58ff33;} #PSTLegend2 span.ip{background: #334eff; color: #fff;} #PSTLegend2 span.prob{background: #ff3333;} #PSTLegend2 span.na{background: #949CA4; color: #fff;} #PSTLegend2 span.ready{background: #ffb533;}/*ready to start*/ #PSTLegend2 span.sent{background: #C344FF;}/*sent but incomplete */ #PSTLegend2 span.hold{background: #FFA6C2;}/*process on hold */ .PSTpopupForm h4{font-size: 16px; font-weight: bold; border-bottom: 1px solid #878787; padding-bottom: 8px; margin-bottom: 8px;} .PSTpopupForm a.close{float: right; display: block;} .PSTpopupForm ol{list-style: none; margin: 0; padding: 0;} .PSTpopupForm li{margin: 5px 0; position: relative; z-index: 100;} .PSTpopupForm li label{display: inline-block; width: 150px; overflow: visible; vertical-align: top;} .PSTpopupForm li label.for-checkbox{width: auto;} .PSTpopupForm li label.vError{width: auto; color: #F00;} .PSTpopupForm li input.text,.PSTpopupForm textarea{width: 140px;} .PSTpopupForm li input.vError{border: 1px solid #F00;} .PSTpopupForm li select {width: 144px;} .PSTpopupForm ol ul{list-style: none;} .PSTpopupForm .dd{display: inline-block !important; z-index: 999;} .PSTpopupForm #statusForm li{padding: 3px 0;} .PSTpopupForm #statusForm li.Complete{background: url(/images/processstatus/check.jpg) no-repeat 50% center;} .PSTpopupForm #statusForm li.InProgress{background: url(/images/processstatus/squiggle.jpg) no-repeat 50% center;} .PSTpopupForm #statusForm li.Problem{background: url(/images/processstatus/x.jpg) no-repeat 50% center;} .PSTpopupForm #statusForm li.NA{background: url(/images/processstatus/n-a.jpg) no-repeat 50% center;} .PSTpopupForm #statusForm li label{width: auto; min-width: 135px;} .PSTpopupForm #statusForm span.Complete{background: url(/images/processstatus/check.jpg) no-repeat 50% center;width:20px;} .PSTpopupForm #statusForm span.InProgress{background: url(/images/processstatus/squiggle.jpg) no-repeat 50% center;} .PSTpopupForm #statusForm span.Problem{background: url(/images/processstatus/x.jpg) no-repeat 50% center;} .PSTpopupForm #statusForm span.NA{background: url(/images/processstatus/n-a.jpg) no-repeat 50% center;} .PSTpopupForm #statusForm td label{width: auto; min-width: 135px;} .PSTpopupForm #statusForm #errorMsg{font-weight: bold; color: #F00;} .PSTpopupForm ol.checkboxForm label{width: auto;} .PSTpopupForm ol.checkboxForm input{margin-right: 10px;} #facebox .footer{border: none; margin-top: 0px;} table#pstSetup{width: auto;} table#pstSetup td,table#pstSetup th{border: 1px solid #acacac;} table#pstSetup td.noBorder,table#pstSetup .noBorder td{border: none;} table#pstSetup thead th{font-weight: bold;} table#pstSetup th{background: #efefef; width: 150px; color:#000000;} /*----------------------------------------------------------- Show Reports -----------------------------------------------------------*/ /*----------------------------------------------------------- Journal Reporting -----------------------------------------------------------*/ a#showJRTFilters{font-weight: bold; display: none; width: 150px; margin: 8px 0;} /*#journalfilter{padding: 5px 15px; margin-bottom: 10px; border: solid 1px #CCC;} #journalfilter legend{padding: 0px 5px;} #journalfilter li label{display: inline-block; width: 75px;} #journalfilter li input.text{width: 190px;margin-right: 10px;} #journalfilter li div.horizontal-radios{width: 190px;margin-right: 15px;display: inline-block;} #journalfilter li select{width: 195px; margin-right: 10px;} #journalfilter li input.datepicker{width: 190px;margin: 0;} #journalfilter .to{padding-left: 8px;} #journalfilter .submit{color: #999; font-size: 11px;} #journalfilter .submit input{float: left;margin-right: 6px;}*/ #journalfilter #advanced {border-top: solid 1px #CCC; padding: 5px 0px; margin: 10px 0px;} #journalfilter #advanced.collapsed .content{display: none;} #journalfilter #advanced legend{padding-left: 12px;} #journalfilter #advanced.collapsed legend{background: url('/images/menu-collapsed.png') 0px 5px no-repeat;} #journalfilter #advanced.collapsible legend{background: url('/images/menu-expanded.png') 0px 5px no-repeat;} .journalReporting{font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; margin: 10px 0;} .journalReporting th{border: 1px solid #000000; text-align: center; background: #ff9;padding: 8px;} .journalReporting th.taskName{vertical-align: bottom; text-align: center; min-width: 33px;} .journalReporting td{border: 1px solid #000000; text-align: left; padding: 3px;} .journalReporting td:hover .cellInfo{display: block;} .journalReporting td a {display: block;text-decoration: none;color: #000; padding: 1px 3px; margin: 0; text-align: center;} .journalReporting th.header{cursor: hand; cursor: pointer;font-weight: bold;} .journalReporting th .sortBtn{background: url(/images/sort-none.png) no-repeat center center; display: inline-block; width: 33px; height: 14px; text-indent: -999em; margin: 0 auto;} .journalReporting th.headerSortDown .sortBtn{background-image: url(/images/sort-down.png)} .journalReporting th.headerSortUp .sortBtn{background-image: url(/images/sort-up.png)} .journalReporting .cellInfo{display: none;z-index: 200; margin: 0;padding: 10px; width: 130px; margin-left: -160px; margin-top: 5px;background: #A5E35C; border: 2px solid #76D405; position: absolute;text-align: left; font-size: 11px;top: 0; left: 0;} .journalReporting .cellInfo h5{font-size: 13px; padding: 0; margin: 1px 0 5px 0; color: #d95700;} .journalReporting .cellInfo ul{list-style: none; padding: 0; margin: 0;} .journalReporting .cellInfo ul span{display: inline-block; font-weight: bold;} .journalReporting .cellInfo img{position: absolute; top: 2px; right: 2px;} .journalReporting .cellInfo .updatedBy{border-top: 1px solid #000;} .cellTypeError {background: #FFF0F0} .cellTypeLogging {background: #F0FFF0} .cellTypeFailure {background: #FFFBF0} .cellTypeDebug {background: #F0F1FF} .email-icon{background: url('/images/email.gif') no-repeat center center; display: block; width: 16px; height: 16px; text-indent: -999em; float: left;} #JRTLegendWrapper{width: 100%; float: left; background: #EEE; border: solid 1px #CCC; display: block; margin-left: -1px;} #JRTLegend{font: bold 11px/1 Arial, Helvetica, sans-serif; float: left; display: inline-block;padding: 8px; vertical-align: middle;} #JRTLegend span{display: inline-block; font-weight: bold; padding: 3px 3px 3px; margin: 0 5px; line-height: 12px; border: 1px solid #a1a1a1;} /*----------------------------------------------------------- District Intelligence -----------------------------------------------------------*/ #diOutput{border: 1px solid #767676; background: #f9f9f9; margin: 0 0 20px 0;} #diOutput h3{padding: 1px 10px 5px 10px; margin: 0; font-size: 14px; font-weight: bold;color: #FFF;background: #6E6E6E url(/images/published-head.png) repeat-x 0 0;} #diOutput h3 span{color: #DDD; font-weight: normal;} #diOutput h3 span.pagination{float: right; text-align: right;} #diOutput h3 span.pagination img{margin: 0 2px -1px 2px;} #diOutput h3 a{text-decoration: none; color: #ffa96f;} #diOutput h3 a:hover{text-decoration: underline;}/* #reportOutput table{width: 97%; margin: 5px auto;border-collapse: collapse;} #reportOutput table th{border-bottom: 1px solid #6d6d6d; font-weight: bold;} #reportOutput table th{padding: 2px 6px;}*/ /*.smartBrowser form li{float: left; padding-right: 8px;} .smartBrowser form li label{display: block;float: left;margin: 2px 5px 0 0;} .smartBrowser form li select{width: 110px;float: left;} .smartBrowser form li select#di_school{width: 265px} .smartBrowser .row{clear: both; padding-top: 15px;} .smartBrowser .row .app{width: 204px; height: 210px;float: left; margin: 0 18px 0 0;} .smartBrowser .row .app a{display: block;border: 2px solid #f60;height: 140px; text-align: center;overflow: hidden;} .smartBrowser .row .app a:hover{border-color: #f00;} .smartBrowser .row .app p{padding: 2px 0;} .smartBrowser .chart{float: left; width: 650px;display: none;position: relative;} .smartBrowser #chart-container1{display: block;} .smartBrowser .chart-sidebar{float: left; padding: 40px 0 0 25px; width: 250px;} .smartBrowser .chart-sidebar table{width: 150px;} .smartBrowser .chart-sidebar table td{border: 1px solid #d0d7e5;padding: 4px;} .smartBrowser .chart-sidebar table tr.odd td{} .smartBrowser .chart-sidebar table th{font-weight: bold;text-align: center;border: 1px solid #c0d0e0;padding: 4px;} .smartBrowser .chart-sidebar .legend h4{text-transform: uppercase; font-size: 13px; margin: 0; padding: 4px 0;} .smartBrowser .chart-sidebar .legend ul li{padding: 3px 0;} .smartBrowser .chart .diff-num{position: absolute; z-index: 99; display: none; margin-top: 41px;width: 14px; font-weight:bolder; text-align: center;color: #0000FF;left: 223px;} .smartBrowser .chart .diff-num-dist{position: absolute; z-index: 99; display: none; margin-top: 41px;width: 14px; font-weight:bolder; text-align: center;color: #0000FF;left: 223px;} .smartBrowser .chart .diff-display{width: 14px; background: #000; position: absolute; z-index: 99;left: 223px; margin-top: 41px;background: url(/images/di/dashed.png) repeat-y 0 6px;display: none;} .smartBrowser .chart .diff-display img.top{position: absolute; top: 0; left: 0;} .smartBrowser .chart .diff-display img.bottom{position: absolute; bottom: 0; left: 0;} .smartBrowser #chart-container2 .diff-display{left: 345px;} .smartBrowser #chart-container2 .diff-num{left: 345px;} .smartBrowser #chart-container2 .diff-num-dist{left: 345px;} .smartBrowser .chart-styleup{position: relative; top: -25px;} .smartBrowser .chart-styleup .first-top{float: left; margin-left: 72px; border-right: 2px solid #666;border-left: 2px solid #666; text-align: center;width: 113px;clear: both;height: 25px;} .smartBrowser .chart-styleup .first-content{float: left; margin-left: 72px; border-top: 2px solid #666; padding: 5px 0 0 0; text-align: center;width: 117px;clear: both;} .smartBrowser .chart-styleup .second-top{float: left; margin-left: 87px; border-right: 2px solid #666;border-left: 2px solid #666; text-align: center;width: 113px;height: 25px;} .smartBrowser .chart-styleup .second-content{float: left; margin-left: 87px; border-top: 2px solid #666; padding: 5px 0 0 0; text-align: center;width: 117px;}*/ /*DISTRICT LEVEL STYLE*/ /*.smartBrowser .chart-styleup2{position: relative; top: -25px;} .smartBrowser .chart-styleup2 .first-top{float: left;border-right: 2px solid #666;border-left: 2px solid #666; text-align: center;clear: both;height: 25px;} .smartBrowser .chart-styleup2 .first-content{float: left;border-top: 2px solid #666; padding: 5px 0 0 0; text-align: center;clear: both;} .smartBrowser .chart-styleup2 .second-top{float: left;border-right: 2px solid #666;border-left: 2px solid #666; text-align: center;height: 25px;} .smartBrowser .chart-styleup2 .second-content{float: left;border-top: 2px solid #666; padding: 5px 0 0 0; text-align: center;} .smartBrowser .grid{width: 100%;border: 1px solid #d0d7e5; font-size: 12px;margin-bottom: 15px;} .smartBrowser .privateschool{font-size: 10px;} .smartBrowser .grid tbody{border-top: 3px solid #000;} .smartBrowser .grid th{text-align: center; padding: 3px;verical-align: bottom;} .smartBrowser .grid th.divider{border-bottom: 1px solid #000;} .smartBrowser .grid tr.odd td{background: #efefef;} .smartBrowser .grid td{border: 1px solid #d0d7e5;padding: 2px;text-align: center;} .smartBrowser .grid td.colend{border-right: 1px solid #333;} .smartBrowser .grid td.school{text-align: left;} .smartBrowser .grid td.special{color: #E68600;} .smartBrowser .grid td.divider{text-align: left;font-weight: bold; padding: 4px;} .smartBrowser .grid tfoot td{text-align: left; font-size: 11px;border: none;} .smartBrowser .grid tfoot td.page{text-align: right;}*/ .DI-nav .block{margin: 8px 0; padding: 0 0 10px 0; background: url(/images/di/block-bottom.png) no-repeat left bottom;} .DI-nav .block h4{color: #f60; background: url(/images/di/block-top.png) no-repeat 0 0; padding: 8px 0 8px 10px;} .DI-nav .expand h4{cursor: pointer;} .DI-nav .block h4 a{text-decoration: none;display: inline-block;} .DI-nav .block h4 a.more{margin-right: 15px;} .DI-nav .block .content{display: none; padding: 0 10px;} .di-nav ul{padding: 0; margin: 0; list-style: none;} .di-nav li{border-bottom: 1px solid #FFF; padding: 0; background: #DEEBDF url(/images/buttons/arrow-right.gif) no-repeat 10px center;padding: 0 0 0 25px;} .di-nav li a{color: #000; padding: 2px 0 2px 0; text-decoration: none; display: block;color: #000; text-decoration: none;} .di-nav li a:hover{color: #F60;} .di-demo{width: 600px;margin: 15px 0;} .di-demo .img{text-align: center; height: 300px;} .di-demo .left-side .img{text-align: center; height: 275px;padding-top: 25px;} .di-demo .left-side{width: 250px; float: left;} .di-demo .right-side{width: 250px; float: right;padding-left: 50px; border-left: 1px solid #dedede;} .di-demo .right-side img{border: 1px solid #333;} .di-map-container{float: left; width: 650px;margin-right: 10px;} .di-map{border: 1px solid #000; width: 650px; height: 400px; position: relative;overflow: hidden;float: left;} .di-map img{position: absolute; display: none; left: -400px; top: -300px;} .di-map img.active{display: block;} .di-map .center-point{width: 325px; height: 200px; position: absolute; bottom: 0; right: 0; overflow: visible;z-index: 15;} .di-map .map-controls{width: 66px; height: 75px; position: absolute;z-index: 20;background: url(/images/di/map-nav.png) no-repeat 0 0;top: 5px; left: 10px;} .di-map .map-controls a{position: absolute; display: block; text-indent: -999em;} .di-map .map-controls a.right, .di-map .map-controls a.left, .di-map .map-controls a.top, .di-map .map-controls a.bottom{width: 16px; height: 16px;} .di-map .map-controls a.right{top: 21px; left: 40px;text-align: left;} .di-map .map-controls a.left{top: 21px; left: 3px;} .di-map .map-controls a.top{top: 4px; left: 21px;} .di-map .map-controls a.bottom{top: 38px; left: 21px;} .di-map .zoomin{position: absolute; display: block; text-indent: -999em;top: 79px;left: 34px;height: 24px; width: 24px;background: url(/images/di/map-zoom-in.png) no-repeat 0 0;z-index: 20;} .di-map .zoomin.disabled{background-image: url(/images/di/map-zoom-in-disabled.png);} .di-map .zoomout{position: absolute; display: block; text-indent: -999em;top: 113px;left: 34px;height: 24px; width: 24px;background: url(/images/di/map-zoom-out.png) no-repeat 0 0;z-index: 20;} .di-map .zoomout.disabled{background-image: url(/images/di/map-zoom-out-disabled.png);} .di-map-container .know-more{float: right; width: 300px; padding-top: 15px;} .di-map-container .know-more h3{color:#F60; padding: 10px 0;} .di-map-container .know-more h3 span{font-weight: bold; font-size: 1.1em;} .di-map-info{float: left; width: 250px;} .di-map-info .chart{height: 335px;margin-top: 15px;} .di-map-info .legend{padding-bottom:15px;} .di-map-info .legend ul, .di-map-info .legend ul li{list-style: none; padding: 0; margin: 0;clear: both;} .di-map-info .legend ul li{padding: 2px 0;} .di-map-info .legend ul li span.color{display: block; float: left; border: 1px solid #000; height: 15px; width: 15px;margin: 0 8px 0 2px;} .di-map-info .legend ul li h4{padding: 4px 0;margin: 0;} .di-map-info .legend ul li strong{display: inline-block; width: 200px} .di-map-info .legend ul li.thisschool span.color{background: #feff01;} .di-map-info .legend ul li.one span.color{background: #0000fe;} .di-map-info .legend ul li.four span.color{background: #6e68e6;} .di-map-info .legend ul li.eleven span.color{background: #a2ceeb;} .di-map-info .legend ul li.sixteen span.color{background: #eeb4ef;} .di-map-info .legend ul li.twentyfive span.color{background: #fc4247;} .di-map-info .legend2{padding-bottom:15px;} .di-map-info .legend2 ul, .di-map-info .legend2 ul li{list-style: none; padding: 0; margin: 0;clear: both;} .di-map-info .legend2 ul li{padding: 2px 0;} .di-map-info .legend2 ul li span.color{display: block; float: left; border: 1px solid #000; height: 15px; width: 15px;margin: 0 8px 0 2px;} .di-map-info .legend2 ul li h4{padding: 4px 0;margin: 0;} .di-map-info .legend2 ul li strong{display: inline-block; width: 200px} .di-map-info .legend2 ul li.k span.color{background: #0003F5;} .di-map-info .legend2 ul li.one span.color{background: #03FF00;} .di-map-info .legend2 ul li.two span.color{background: #FB0200;} .di-map-info .legend2 ul li.three span.color{background: #02FEFF;} .di-map-info .legend2 ul li.four span.color{background: #FF00FF;} .di-map-info .legend2 ul li.five span.color{background: #FBFE0F;} .di-map-info .Map-Bullet-Points {position:relative; display:block;padding-bottom:20px; padding-top:5px;} .di-map-info .Map-Data table{width: 100%;} .di-map-info .Map-Data .Map-Reports {width: 100%; margin: 5px auto;border-collapse: collapse;} .di-map-info .Map-Data .Map-Reports th{border-bottom: 1px solid #6d6d6d; font-weight: bold;} .di-map-info .Map-Data .Map-Reports th{padding: 2px 6px;text-align: center;} .di-map-info .Map-Data .Map-Reports td{padding: 2px 6px;border-bottom: 1px solid #cfcfcf;vertical-align: top;text-align: center;} .di-map-info .Map-Data .Map-Reports tr.even td{background: #EEE;} .superMatrixResultTable {width: 100%; margin: 5px auto;border-collapse: collapse;} .superMatrixResultTable th{border-bottom: 1px solid #6d6d6d; font-weight: bold;} .superMatrixResultTable th{padding: 2px 6px;text-align: center;} .superMatrixResultTable th.school-name{padding: 2px 6px;text-align: center;} .superMatrixResultTable th .hover{display: none;} .superMatrixResultTable td{padding: 2px 6px;border-bottom: 1px solid #cfcfcf;vertical-align: top;text-align: center;} .superMatrixResultTable td.school{text-align: left;} .superMatrixResultTable tr.even td{background: #EEE;} .superMatrixResultTable td span.orange, .superMatrixResultTable td.orange{color: #E68600;} .superMatrixResultTable td span.red, .superMatrixResultTable td.red{color: #F00;} .superMatrixResultTable td span.green, .superMatrixResultTable td.green{color: #0f0} .superMatrixResultTable td span.blue, .superMatrixResultTable td.blue{color: #00f} .superMatrixResultTable td span.hover{display: none;} .superMatrixResultTable td.zero span{display: none;} .superMatrixResultTable td.arrow span{display: block; height: 20px; width: 20px; margin: 0 auto;text-indent: -999em; background: url(/images/di/arrows-black.png) no-repeat 0 0;} .superMatrixResultTable td.arrow.blue span{background-image: url(/images/di/arrows-blue.png);} .superMatrixResultTable td.arrow.red span{background-image: url(/images/di/arrows-red.png);} .superMatrixResultTable td.ne span{background-position: -20px 0;} .superMatrixResultTable td.s span{background-position: -60px -20px;} .superMatrixResultTable td.sw span{background-position: -40px -20px;} .superMatrixResultTable td.se span{background-position: -60px 0;} .superMatrixResultTable td.nw span{background-position: 0 -20px;} .superMatrixResultTable td.e span{background-position: -40px 0;} .superMatrixResultTable td.w span{background-position: -20px -20px;} .superMatrixResultTable td.icon span{display: block; width: 20px; height: 20px; margin: 0 auto; text-indent: -999em; background: url(/images/di/plus-minus.png) no-repeat 0 0;} .superMatrixResultTable td.minus.black span{background-position: 0 -20px;} .superMatrixResultTable td.minus.red span{background-position: -20px -20px;} .superMatrixResultTable td.minus.blue span{background-position: -40px -20px;} .superMatrixResultTable td.plus.red span{background-position: -20px 0;} .superMatrixResultTable td.plus.blue span{background-position: -40px 0;} .superMatrixResultTable th{cursor: hand; cursor: pointer;} .superMatrixResultTable th .sortBtn{background: url(/images/sort-none.png) no-repeat center center; display: block; width: 33px; height: 14px; text-indent: -999em;margin: 0 auto;} .superMatrixResultTable th.school-name .sortBtn{display: inline-block; margin: 0;} .superMatrixResultTable th.headerSortDown .sortBtn{background-image: url(/images/sort-down.png)} .superMatrixResultTable th.headerSortUp .sortBtn{background-image: url(/images/sort-up.png)} #superMatrixCellInfo {display: none;z-index: 200; padding: 10px; width: 250px; margin: 0;background: #A5E35C; border: 2px solid #76D405; position: absolute;text-align: left; font-size: 11px;top: 0; left: 0; } #superMatrixCellInfo strong {color: #F60; display: block; padding: 2px 0;} #superMatrixCellInfo ul {list-style-type:disc !important;} #superMatrixCellInfo ul li {list-style-type:disc !important;} .superMatrixCellInfo {display: none;z-index: 200; padding: 10px; width: 250px; margin: 0;background: #A5E35C; border: 2px solid #76D405; position: absolute;text-align: left; font-size: 11px;top: 0; left: 0; } .superMatrixCellInfo strong {color: #F60; display: block; padding: 2px 0;} .superMatrixCellInfo ul {list-style-type:disc !important;} .superMatrixCellInfo ul li {list-style-type:disc !important;} .superMatrixCellTips {font-size:12px;line-height:15px;padding-bottom:10px;display:block;} #superMatrixColumnInfo {display: none;z-index: 200; padding: 10px; width: 200px; margin: 0;background: #A5E35C; border: 2px solid #76D405; position: absolute;text-align: left; font-size:12px;top: 0; left: 0;} #superMatrixColumnInfo strong {color: #F60; display: block; padding: 2px 0;} span.expandIcon {background: transparent url('/images/expand_icon.gif') no-repeat scroll top left; height:10px; width:10px; display:inline-block; } span.collapseIcon {background: transparent url('/images/collapse_icon.gif') no-repeat scroll top left; height:10px; width:10px; display:inline-block; } td.templateDisabled.disabled {color: #D3D3D3;} td.templateDisabled.disabled input{border-color: #D3D3D3;} td.templateDisabled.disabled select{border-color: #D3D3D3;} span.plus.closed {background: transparent url('/images/expand_icon.gif') no-repeat scroll top left; height:10px; width:10px; display:inline-block; } span.plus.open {background: transparent url('/images/collapse_icon.gif') no-repeat scroll top left; height:10px; width:10px; display:inline-block; } .treeChild.open {visibility:visible;} .treeChild.closed {visibility:hidden;} #OptionsForm {display:none; padding:10px;} #OptionsForm.expanded {display:block;padding-left:0;} #OptionsForm select {width:250px;} #OptionsForm label {padding-right:20px;} /* District Intelligence Data Elements */ #DEAccordion {background-color: #efefef; padding:5px;} #DEAccordion div ol {font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; } #DEAccordion div ol li{position: relative; z-index: 99;} #DEAccordion div ol li label{display: inline-block; width: 165px; overflow: visible;} #DEAccordion div ol li input{border:1px solid gray;} #DEAccordion div ol li input.text{width: 250px;font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; } #DEAccordion div ol li textarea{width: 250px;font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; height:100px; border:1px solid gray} #DEAccordion div ol li select{width: 256px;font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; } #DEAccordion div ol li select {border: 1px solid #000;} #DEAccordion div ol li span{display: inline-block;} #DEAccordion div ol li span.error{position: absolute; top: -17px; display: block; left: 430px;} #DEAccordion div ol li.header{padding: 15px 0 0 0; font-weight: bold;} #DEAccordion div ol li.addl-org{display: none;} #DEAccordion div ol li.top{padding: 0;} #DEAccordion div ol .images img{display: none;} #DEAccordion div ol li a#roledefinition-link{display: inline-block; background: url(/images/help.png) no-repeat 0 0; width: 18px; text-indent: -999em;} #DEAccordion div ol ul{list-style: none;} #DEAccordion ol.checkboxForm label{width: auto;} #DEAccordion ol.checkboxForm input{margin-right: 10px;} #DEAccordion ol.checkboxForm ul{margin-left: 25px;} #DEformatRules div ol li label{display: inline-block; width: 165px; overflow: visible;} .diImageSetup form{padding:5px;} .diImageSetup form ol li{position: relative; z-index: 99;} .diImageSetup form ol li label{display: inline-block; width: 100px; overflow: visible;} .diImageSetup form ol li input{border:1px solid gray;} .diImageSetup form ol li input.text{width: 250px;} .diImageSetup form ol li select{width: 256px; border:1px solid gray} .diImageSetup form ol li select {border: 1px solid #000;} .diImageSetup form ol li span{display: inline-block;} .diImageSetup form ol li span.error{position: absolute; top: -17px; display: block; left: 430px;} .diImageSetup form ol li.header{padding: 15px 0 0 0; font-weight: bold;} .diImageSetup form ol li.addl-org{display: none;} .diImageSetup form ol li.top{padding: 0;} .diImageSetup form ol .images img{display: none;} .diImageSetup form ol li a#roledefinition-link{display: inline-block; background: url(/images/help.png) no-repeat 0 0; width: 18px; text-indent: -999em;} .diImageSetup form ol ul{list-style: none;} .diImageSetup .diImage {margin-left:165px;} .diImageSetup form ol.diImageDetails {margin-right:20px; border:1px dotted; width:auto; padding:10px; border-radius:10px;} .diImageSetup form ol.checkboxForm label{width: auto;} .diImageSetup form ol.checkboxForm input{margin-right: 10px;} .diImageSetup form ol.checkboxForm ul{margin-left: 25px;} table.DataElementGroups{width: 100%; border: 1px solid #dfdfdf; position: relative;} table.DataElementGroups th,table.DataElementGroups td{padding: 5px 4px; border-bottom: 1px solid #dfdfdf;} table.DataElementGroups th{background: #e0e0e0 font-weight: bold; vertical-align: top;width:250px;} table.DataElementGroups td.attachment{background: #e0e0e0 url(/images/article-head.png) repeat-x 0 0; font-weight: bold; vertical-align: top;} table.DataElementGroups td.subItem{padding-left:30px;} table.DataElementGroups td .groupLabel {min-width:350px;} table.DataElementGroups td.groupTitle {padding: 0;} table.DataElementGroups td.groupTitle>.groupLabel{font-weight:bold; padding: 5px; padding-bottom: 6px;} table.DataElementGroups td .groupLabel img{display:block;float:left;} table.DataElementGroups td .groupLabelInner{display:block;float:left;width:290px;} table.DataElementGroups tr td { width: 100%; } table.DataElementGroups tr:hover td{background-color: #eee;} table.DataElementGroups tr tr:hover td{background-color: #ddd;} table.DataElementGroups tr tr tr:hover td{background-color: #ccc;} table.DataElementGroups tr tr tr tr:hover td{background-color: #bbb;} table.DataElementGroups tr tr tr tr tr:hover td{background-color: #aaa;} table.DataElementGroups td.file{background: url(/images/FileManager/document.png) no-repeat 5px center; padding-left: 35px;} table.DataElementGroups td.folder{background: url(/images/FileManager/folder.png) no-repeat 5px center; padding-left: 35px;} table.DataElementGroups tbody.ui-sortable tr {cursor: move;} table.DataElementGroups a.button{float: right;} table.DataElementGroups .ui-sortable-helper a.button{display: none;} table.DataElementGroups tr { height: 29px; } table.DataElementGroups tr.ui-state-highlight { height: 29px; background:#FFFCCC; display: block; } table.DataElementGroups tr.treeChild table{border-top: solid 1px #CCC;} table.DataElementGroups tr.treeChild td{border-right: solid 1px #CCC;} table.DataElementGroups tr.treeChild tr.treeChild td{border-right: none;} table.DataElementGroups tr.treeChild.last>td{border-bottom: none;} table.DataElementGroups2{width: 100%; border: 1px solid #dfdfdf; position: relative;} table.DataElementGroups2 th,table.DataElementGroups2 td{padding: 5px 0; border-bottom: 1px solid #dfdfdf;} table.DataElementGroups2 td.group{border: none;padding: 0 0;} table.DataElementGroups2 td.elementname{width:100%} table.DataElementGroups2 td.edit{padding-right:5px;} table.DataElementGroups2 th{background: #e0e0e0 url(/images/article-head.png) repeat-x 0 0; font-weight: bold; vertical-align: top;width:250px;} table.DataElementGroups2 td {border-bottom: 1px solid #dfdfdf;} table.DataElementGroups2 table.sublevel{width:100%;} /* MyDi */ .mydi .helpicon {float:right;cursor: pointer;padding-left:10px;display:none;} /*BAREXT-832 on hold. Remove display none when not on hold anymore*/ #validationRuleTable td {font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; padding:2px;} #validationRuleTable td input.text{width:100px;font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; } #validationRuleTable td select{width: 256px;font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; } #DEAccordion div ol li input#formatRule2{width: 50px;font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; } #DEAccordion div ol li input#formatRule2.datepicker{width: 100px;font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; } #DEAccordion div ol div label{display: inline-block; width: 165px; overflow: visible;} #DEAccordion div ol li input#formatRule1{width: 50px;font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; } #DEAccordion div ol li input#formatRule1.datepicker{width: 100px;font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; } /*text and image format pop up */ .diPopUp {font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; } .diPopUp label, .diPopUp p{font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; display: inline-block; width: 140px; overflow: visible;} /*DI Families #familyForm textarea{width: 250px;font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; height:100px; border:1px solid gray;} #familyForm input{border:1px solid gray;} #familyForm .text{width: 250px;font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif;} */ #formatRule2.text {width:50px;} #formatRule2.datepicker {width:100px;} #formatRule1.text {width:50px;} #formatRule1.datepicker {width:100px;} /* Data Importer and Validation */ table.importTable {width: auto; border: 1px solid #dfdfdf; position: relative;} table.importTable th,table.importTable td{padding: 5px 4px; border-bottom: 1px solid #dfdfdf;text-align:center;} table.importTable td:nth-child(4) {text-align:left;} table.importTable th{background: #e0e0e0 url(/images/article-head.png) repeat-x 0 0; font-weight: bold; vertical-align: top;width:auto;text-align:center;} table.importTable td.counter {background: #e0e0e0 url(/images/article-head.png) repeat-x 0 0; font-weight: bold; vertical-align: top;width:auto;text-align:center;} table.importTable tr:hover td{background-color: #eee;} table.importTable tr:hover td.importError{ background-color:#FCE4E4;} table.importTable tr:hover td.counter{background: #e0e0e0 url(/images/article-head.png) repeat-x 0 0; font-weight: bold; vertical-align: top;width:auto;text-align:center;} table.importTable td.importError {margin: 0;background: #FCE4E4; border: 2px solid #FFC5C5; color:#DC3500 ;} table.importTable td .hover{display: none;} table.importTable td.headerRow {background:#92D028;color:white;font-weight:bold;} table.importTable td.headerRowError {margin: 0;background: #FCE4E4; border: 2px solid #FFC5C5; color:#DC3500 ;font-weight:bold;} table.importTable tr:hover td.headerRow {background:green;color:white;font-weight:bold;} #importTableCell{display: none;z-index: 200; padding: 10px; width: 200px; margin: 0;background: #FCE4E4; border: 2px solid #FFC5C5; color:#DC3500 ;position: absolute;text-align: left; font-size: 11px;top: 0; left: 0;} #importTableCell strong{color: #F60; display: block; padding: 2px 0;} /*----------------------------------------------------------- District Intelligence - Profiles -----------------------------------------------------------*/ #ProfilesForms{ background: #efefef url(/images/article-head-short.png) repeat-x 0 0; padding:5px;margin-bottom:5px;} #ProfilesForms div ol {font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; margin-top: 10px;} #ProfilesForms div ol li{position: relative; margin:10px 0;} #ProfilesForms div ol li label{display: inline-block; width: 165px; overflow: visible; vertical-align: middle;} #ProfilesForms div ol li input{border: 1px solid gray; line-height:30px; height:25px;} #ProfilesForms div ol li input.text{width: 250px;font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; height:25px;} #ProfilesForms div ol li input[type=checkbox]{vertical-align: middle;} #ProfilesForms div ol li textarea{width: 250px;font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; height:100px; border:1px solid gray; vertical-align: top;} #ProfilesForms div ol li select{width: 256px;font: normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; } #ProfilesForms div ol li select {border: 1px solid gray; height:24px;} #ProfilesForms div ol li span{display: inline-block;} #ProfilesForms div ol li span.error{position: absolute; top: -17px; display: block; left: 430px;} #ProfilesForms div ol li.header{padding: 15px 0 0 0; font-weight: bold;} #ProfilesForms div ol li.addl-org{display: none;} #ProfilesForms div ol li.top{padding: 0;} #ProfilesForms div ol .images img{display: none;} #ProfilesForms div ol li a#roledefinition-link{display: inline-block; background: url(/images/help.png) no-repeat 0 0; width: 18px; text-indent: -999em;} #ProfilesForms div ol ul{list-style: none;} #ProfilesForms strong{} #ProfilesForms ol.checkboxForm label{width: auto;} #ProfilesForms ol.checkboxForm input{margin-right: 10px;} #ProfilesForms ol.checkboxForm ul{margin-left: 25px;} #ProfilesForms fieldset{margin:0px 5px 10px 5px;padding:10px 10px 10px 10px;border:2px groove white;} /*#ProfilesForms fieldset label{position:relative;top:-18px;}*/ #ProfilesForms fieldset legend{position:relative; margin-left:10px; font-weight:bold; padding:10px;} #ProfilesForms .formatRule1,.formatRule2{width:50px !important;} #ProfilesForms .smallText{font-size:10px;} #ProfilesForms .temp .example{width:150px;} #ProfilesForms .temp .rule{width:450px;} #ProfilesForms .example .high{color: #DD0000;} #ProfilesForms .example .medium{color: #FF8820;} #ProfilesForms .example .low{color: #7AB800;} .header-mobile{display:none;} /*----------------------------------------------------------- Profiles to School -----------------------------------------------------------*/ /*table.profiles2school{border:1px solid;}*/ .profiles2school-headers thead{ display:block; } .profiles2school-headers { background-color:#EEE; border-bottom:1px solid; } .profiles2school-headers .header{height:281px;} .profiles2school-headers .vert_text {-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform: rotate(-90deg); display:block; text-align:right; /*height:133px;*/ width:20px; white-space:nowrap; position:relative; /*left:64px;*/ top:127px; font-weight:bold; font-size:12px; } .profiles2school-headers th.header{width:35px;} .profiles2school-headers .schname, .profiles2school .schname { padding-left:5px; width:195px; } .profiles2school .checks{ width:31px; padding-left:4px; } .profiles2school{ display:block; overflow-y:auto; } .profiles2school tbody tr{height:25px;} /*----------------------------------------------------------- Data Elements -----------------------------------------------------------*/ #frmEdit.with-override .ui-accordion-content { padding-top: 30px; } #frmEdit .override-status { z-index: 5; position: absolute; right: 20px; top: 8px; font-size: 11px; padding: 0 0 0 9px; } #frmEdit .override-btn { width: 100%; float: left;position: absolute;right: 18px;top: 4px; } /*----------------------------------------------------------- Events & Registrations -----------------------------------------------------------*/ .formError{background: #D5F1BA; border: 2px dashed #F00; color: #111; font-weight: bold; padding: 10px; margin: 10px 0;} .formError li{list-style: none;} /*.formSubmit{background: #f9f9f9; border: 1px solid #f00; padding: 10px; margin: 10px 0 10px 0; font-weight: bold;}*/ /*----------------------------------------------------------- Knowledge Base & Resource Library -----------------------------------------------------------*/ .recentArticles{margin: 0 0 20px 0; padding: 0;} .recentArticles h2{padding: 1px 0 5px 0; margin: -7px 0 10px 0; font-size: 16px; border-bottom: 1px solid #dfdfdf;font-weight: bold;} .recentArticles h2 span{font-size: 12px;} .recentArticles h5{font-weight: bold; font-size: 13px; padding: 8px 0 8px 10px; margin: 0 0 10px 0;} .recentArticles h5.published{background: url(/images/published-indicator.png) no-repeat right center;} .recentArticles h5.publishPending{background: url(/images/publish-pending-indicator.png) no-repeat right center;} .recentArticles .article{border: 1px solid #dfdfdf; margin: 10px 0;background: #fff url(/images/article-head.png) repeat-x 0 0;} .recentArticles .article ul{list-style: none; padding: 0; margin: 0;} .recentArticles .article .metadata{height: 17px;} .recentArticles .article span{display: inline-block; padding-right: 10px; padding-left: 10px;font-size: 11px; float: left;} .recentArticles .article span.created{border-left: 1px solid #000;} .recentArticles .article span.edited{float: right; width: 275px;} .recentArticles .article p{padding: 15px 5px 5px 10px;} .publishRequests{border: 1px solid #767676; background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0; margin: 0 0 20px 0; padding: 0 10px;} .publishRequests h2{padding: 0; margin: -7px 0 0 0; font-size: 14px; font-weight: bold;} .publishRequests h2 a{display: block; padding: 1px 0 5px 0; margin: 0; color: #FFF; text-decoration: none; background: url(/images/publish-dd-up.png) no-repeat right center;} .publishRequests h2 a.revealed{background-image: url(/images/publish-dd.png)} .publishRequests h5{text-align: center;} .publishRequests table{width: 100%; margin: 5px 0;border-collapse: collapse;} .publishRequests table th{border-bottom: 1px solid #6d6d6d; font-weight: bold;} .publishRequests table th.publish{width: 45px;} .publishRequests table td.publish{text-align: center;} .publishRequests table th,.publishRequests table td{padding: 2px 6px;} .publishRequests th{cursor: hand; cursor: pointer;} .publishRequests th .sortBtn{background: url(/images/sort-none.png) no-repeat center center; display: inline-block; width: 33px; height: 14px; text-indent: -999em;} .publishRequests th.headerSortDown .sortBtn{background-image: url(/images/sort-down.png)} .publishRequests th.headerSortUp .sortBtn{background-image: url(/images/sort-up.png)} .advancedSearch div {width: 450px; padding: 10px;} .advancedSearch div ul{float: left; width: 200px; list-style: none; padding: 0; margin: 0;} .advancedSearch div ul.groupa{width: 125px;} .advancedSearch div li{margin: 4px 0;} .advancedSearch input{float: left;} .advancedSearch input.text{margin-top: -2px; margin-right: 5px;} .advancedSearch h2{clear: both;} .advancedSearch .highlight{background: #EDEF00;} .singleArticle h2{padding: 0; margin: 0 0 7px 0; font-size: 16px; line-height: 1em;font-weight: bold;} .singleArticle h2 span.published{background: url(/images/published-indicator.png) no-repeat right center; min-width: 5px; display:inline-block; padding-right: 175px;} .singleArticle .articleInfo{border: 1px solid #dfdfdf; background: #efefef url(/images/article-head-short.png) repeat-x 0 0; padding: 10px; margin: 10px 0;} .singleArticle .articleInfo ul{list-style: none; padding: 0; margin: 0;} .singleArticle .articleInfo span{display: inline-block; width: 275px;} .singleArticle .articleInfo p{padding: 4px 0 0 0; margin: 0;} .singleArticle .articleScreenshots{border: 1px solid #dfdfdf; background: #efefef url(/images/article-head-short.png) repeat-x 0 0; padding: 10px; margin: 10px 0;} .singleArticle .articleScreenshots ul{list-style: none; padding: 0; margin: 0;} .singleArticle .articleScreenshots span{display: inline-block; width: 275px;} .singleArticle .articleScreenshots p{padding: 4px 0 0 0; margin: 0;} .rightPanel #tabnavlist{float: left; margin-bottom: 0 !important;} .RLContent{padding-top: 40px;} .RLContent h4{padding: 0; margin: 20px 0 0 0; font-size: 14px; background: #fff url(/images/article-head.png) repeat-x 0 0;} .RLContent h4 a{display: block; padding: 5px 0 5px 5px; margin: 0 15px 0 0; color: #000; text-decoration: none; background: url(/images/recent-dd-up.png) no-repeat right center;} .RLContent h4 a.revealed{background-image: url(/images/recent-dd.png)} .RLContent ul{list-style: none; padding: 0; margin: 00; list-style: none; border-right: 1px solid #eee;border-left: 1px solid #eee;} .RLContent p.glossary{padding: 5px;} .RLContent li{padding: 0; margin: 0; border-bottom: 1px solid #eee;} .RLContent li a{display: block; padding: 5px; margin: 0;} .RLContent li a.pdf{padding-left: 30px; background: url(/images/pdf.gif) no-repeat left center;} .RLContent li a.doc{padding-left: 30px; background: url(/images/doc.gif) no-repeat left center;} .RLContent li a.xls{padding-left: 30px; background: url(/images/xls.gif) no-repeat left center;} .RLContent li a.ext{padding-left: 30px; background: url(/images/flyout.gif) no-repeat left center;} .RLContent li a:hover{background-color: #eee;} .RLContent li a span.fileSize,.RLContent li a:hover span.fileSize{display: block;font-weight: bold; text-decoration: none; color: #F60;float: right;margin: 0 15px 0 0;} .searchResults{padding-top: 0;} .searchResults h2{padding: 1px 0 5px 0; margin: -7px 0 -8px 0; font-size: 16px; border-bottom: 1px solid #dfdfdf;font-weight: bold;} .liveOnLine h4{padding: 5px 0 5px 10px; margin: 15px 0 -1px 0; font-weight: normal;} .liveOnLine h4 a{ color: #f60; text-decoration: underline; background: none; font-weight: bold; display: inline; padding: 0; margin: 0;} .liveOnLine p{padding: 8px; margin: 0 0 15px 0; border: 1px solid #eee;} .liveOnLineViewer{} .liveOnLineViewer h3{margin-bottom: 15px;} .liveOnLineViewer a{width: 640px;height: 480px;display: block;margin: 0;} #KBArticleForm{float: left;} #KBArticleForm input.text{width: 325px;} #KBArticleForm input.vError{border: 1px solid #F00; margin-right: 3px;} #KBArticleForm label.vError{font-weight: bold; color: #F00;} #KBArticleForm textarea{width: 495px;} #KBArticleForm li{clear: both;padding: 5px 0;} #KBArticleForm li label{display: inline-block; width: 165px;} #KBArticleForm li.alert{width: 510px;} #KBArticleForm .multiSelectBoxes{height: 45px;} #KBArticleForm .multiSelectBoxes div{margin-right: 30px;float: left;} #KBArticleForm .multiSelectBoxes label.primary{display: block;} .addKnowledge h2{padding: 0 0 2px 0; margin: 0px 0 10px 0; font-size: 16px; line-height: 1em; border-bottom: 1px solid #dfdfdf;font-weight: bold;} .addKnowledge ol li{padding-left: 15px;} /*.addKnowledge ol li.submit{clear: both; padding-top: 20px;}*/ .addKnowledge ol li.radio{padding-top: 10px;} /*.addKnowledge ol li label{display: inline-block; width: 75px; vertical-align: top;}*/ .addKnowledge ol li label.radio{width: 95px;} .addKnowledge ol li p.hint{font-size: 0.9em;padding: 0 0 10px 35px; width: 400px;background: url("/images/buttons/arrow-right.gif") no-repeat 20px 3px;} .addKnowledge ol li hr{display: block;margin: 15px 0 7px 0; width: 295px;} .addKnowledge ol li input.text{width: 360px;} .addKnowledge ol li input#UpFile{width: 197px;left: 264px;position: absolute;float: right;} .addKnowledge ol li.fileUpload div{position: absolute; top: -1px; left: 94px;} .addKnowledge ol li.fileUpload div input.text{width: 296px;} .addKnowledge ol li textarea{display: inline; float: none; width: 360px;} .addKnowledge ol li input.readonly{color: #999; border: 1px solid #333;} .addKnowledge ol li input#audience-External{margin-left: 15px;} .addKnowledge ol li .fileUpload span.alert{display: block; position: absolute;left:220px;top: -2px;} .addKnowledge ol li.internal{float: left;padding-top: 0;} .addKnowledge ol li.external{float: left;clear: left;} .addKnowledge ol li.internal strong{display: block; padding-bottom: 3px;} .addKnowledge ol li.external strong{display: block; padding: 3px 0;} .addKnowledge ol li.internal .col, .addKnowledge ol li.external .col{width: 275px;float: left;margin-right: 15px;} .addKnowledge ol li.internal .col ul, .addKnowledge ol li.external .col ul{list-style: none; padding: 0 0 0 20px;} .addKnowledge ol li.internal span, .addKnowledge ol li.external span{display: block; clear: both;min-height: 21px;} .addKnowledge ol li.internal input, .addKnowledge ol li.external input{margin-right: 6px;margin-top: 2px;float: none;} .addKnowledge ol li.internal label, .addKnowledge ol li.external label{float: none; display: inline;} .addKnowledge ol li.disabled strong, .addKnowledge ol li.disabled label{color: #999;} .addKnowledge ol li label.checkbox, .addKnowledge ol li label.radio {display:inline-block;} #kcHeader div.sortby {float:right;display:inline-block;} #kcHeader div.header {display:inline-block;} /*----------------------------------------------------------- Knowledge Centre Reports -----------------------------------------------------------*/ .kcReports{border-bottom: 1px solid #767676;border-left: 1px solid #767676;border-right: 1px solid #767676;margin: 0 0 20px 0; width: 100%; border-collapse: collapse;} #kcReports-xthf0 .topRow{border-left: 1px solid #FFF;border-right: 1px solid #FFF;} .kcReports thead tr.head td{text-align:center;color:white;} .kcReports tr.head th{font-weight: bold; padding: 4px;text-align:center;} .kcReports tr.head th.title{text-align:left;} .kcReports tr.head th{font-weight: bold; background: #A6DCFA url(/images/tableBlueBg.png) repeat-x 50% 50%; padding: 4px; border-top: 1px solid #767676; border-bottom: 1px solid #767676;text-align:center; white-space:nowrap; color:black;} .kcReports tr.head th .sortBtn{background: url(/images/sort-none.png) no-repeat center center; display: inline-block; width: 33px; height: 14px; text-indent: -999em; margin: 0 auto; cursor:pointer;} .kcReports tr.head th.headerSortDown .sortBtn{background-image: url(/images/sort-down.png); cursor:pointer;} .kcReports tr.head th.headerSortUp .sortBtn{background-image: url(/images/sort-up.png); cursor:pointer;} .kcReports tbody th.title{text-align:left;} .kcReports tbody tr td {padding:4px 4px 4px 4px;text-align:center;} .kcReports tbody tr td.title {padding:4px 4px 4px 4px;text-align:left;font-weight:bold;} .kcReports tbody tr:hover td{background: #ccc;} .kcReports tbody tr td.resourcename {padding:4px 4px 4px 4px;text-align:left;width:250px;} .kcReports tbody tr td.date {padding:4px 4px 4px 4px;text-align:left;width:200px;} /* Knowledge Centre Reports Usage by District/User */ .kcReportsUDU{border-bottom: 1px solid #767676;background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0; margin: 0 0 20px 0; width: 100%; border-collapse: collapse;} .kcReportsUDU thead tr td {background-color:white;} .kcReportsUDU thead tr.head td{background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0;text-align:center;color:white;border-left: 1px solid #767676;border-right: 1px solid #767676;} .kcReportsUDU tr.topRow{background-color:white;width:100%;border-left:2px solid white;border-right:none;} .kcReportsUDU tr.head th{font-weight: bold; padding: 4px;text-align:center;} .kcReportsUDU tr.head th.title{text-align:left;} .kcReportsUDU tr.head th{font-weight: bold; background: url(/images/tableBlueBg_46px.png) repeat-x 0 0; padding: 4px; border-top: 1px solid #767676; border-bottom: 1px solid #767676;text-align:center;} .kcReportsUDU tr.head th .sortBtn{background: url(/images/sort-none.png) no-repeat center center; display: inline-block; width: 33px; height: 14px; text-indent: -999em; margin: 0 auto; cursor:pointer;} .kcReportsUDU tr.head th.headerSortDown .sortBtn{background-image: url(/images/sort-down.png); cursor:pointer;} .kcReportsUDU tr.head th.headerSortUp .sortBtn{background-image: url(/images/sort-up.png); cursor:pointer;} .kcReportsUDU tbody th.title{text-align:left;} .kcReportsUDU tbody tr td {padding:4px 4px 4px 4px;text-align:center;} .kcReportsUDU tbody tr td.title {padding:4px 4px 4px 4px;text-align:left;} .kcReportsUDU tbody tr td.username {text-align:left;} .kcReportsUDU tbody tr:hover td{background: #ccc;} .kcReportsUDU .tblLeft {border-left: 1px solid #767676;} .kcReportsUDU .tblRight {border-right: 1px solid #767676;} .kcReportsUDU tbody tr td.resourcename {padding:4px 4px 4px 4px;text-align:left;width:250px;} /*----------------------------------------------------------- Data Exchange Reports -----------------------------------------------------------*/ /*Generated floating table header*/ .deReports{background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0; margin: 0 0 20px 0; width: 100%; border-collapse: collapse;} #deReports-xthf0 .topRow{border-left: 1px solid #FFF;border-right: 1px solid #FFF;} .deReports tr.topRow{background-color:white;width:100%;border-left: none;} .deReports tr.head th{font-weight: bold; color: #FFF; padding: 4px;} .deReports tr.head th.province{white-space:nowrap;} .deReports tr.head th.actionDate{white-space:nowrap;} .deReports tr.head th.fileid{white-space:nowrap; width:60px;} .deReports tr .tblleft{border-left: 1px solid #767676;} .deReports tr .tblright{border-right: 1px solid #767676;} .deReports table tbody tr{border-left: none;} .deReports tbody th{font-weight: bold; background: #A6DCFA url(/images/tableBlueBg.png) repeat-x 50% 50%; padding: 4px; border-top: 1px solid #767676; border-bottom: 1px solid #767676} .deReports tr:hover td{background: #ccc;} /*Send Receive*/ .deSendReceiveReports{border-bottom: 1px solid #767676;background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0; margin: 0 0 20px 0; width: 100%; border-collapse: collapse;} #deSendReceiveReports-xthf0 .topRow{border-left: 1px solid #FFF;border-right: 1px solid #FFF;} .deSendReceiveReports tr.head,.deSendReceiveReports tr.head:hover{background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0;} .deSendReceiveReports tr.topRow{background-color:white;width:100%;border-left: none;} .deSendReceiveReports tr.head th{font-weight: bold; color: #FFF; padding:4px;} .deSendReceiveReports tr.head th.province{white-space:nowrap;} .deSendReceiveReports tr.head th.actionDate{white-space:nowrap;} .deSendReceiveReports tr.head th.fileid{white-space:nowrap; width:60px;} .deSendReceiveReports tbody th{font-weight: bold; background: #A6DCFA url(/images/tableBlueBg.png) repeat-x 50% 50%; padding: 4px; border-top: 1px solid #767676; border-bottom: 1px solid #767676} .deSendReceiveReports tbody tr td{padding-left: 10px;} .deSendReceiveReports .tblleft{border-left: 1px solid #767676;} .deSendReceiveReports .tblright{border-right: 1px solid #767676;} .deSendReceiveReports tbody tr:hover td{background: #ccc;} /*.deSendReceiveReports{border: 1px solid #767676; background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0; margin: 0 0 20px 0; width: 100%; border-collapse: collapse;} #deSendReceiveReports-xthf0 .topRow{border-left: 1px solid #FFF;border-right: 1px solid #FFF;} .deSendReceiveReports tr.head,.deSendReceiveReports tr.head:hover{background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0;} .deSendReceiveReports tr.topRow{background-color:white;width:100%;border-left: none;} .deSendReceiveReports tr.head th{font-weight: bold; color: #FFF; padding: 4px;} .deSendReceiveReports tr.head th.actionDate{white-space:nowrap;} .deSendReceiveReports tr.head th.fileid{white-space:nowrap; width:60px;} .deSendReceiveReports tbody th{font-weight: bold; background: url(/images/tableBlueBg.png) repeat-x 0 0; padding: 4px; border-top: 1px solid #767676; border-bottom: 1px solid #767676} .deSendReceiveReports tr:hover,.deSendReceiveReports tr:hover td{background: #ccc;}*/ /*----------------------------------------------------------- Tool Report -----------------------------------------------------------*/ /*Organization2Tool*/ /* .toolOrg2Tool{border-bottom: 1px solid #767676;background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0; margin: 0 0 20px 0; width: 100%; border-collapse: collapse;} #toolOrg2Tool-xthf0 .topRow{border-left: 1px solid #FFF;border-right: 1px solid #FFF;} .toolOrg2Tool tr.head,.toolOrg2Tool tr.head:hover{background: #6a6a6a url(/images/published-head.png) repeat-x 0 0;} .toolOrg2Tool tr.topRow{background-color:white;width:100} .toolOrg2Tool tr.head th{font-weight: bold; color: #FFF; padding:4px; position:relative;height:160px;} .toolOrg2Tool tr.head th .vert_text{position:absolute;top:80px;left:0;white-space:nowrap; line-height:1.1em;text-align:left;} .toolOrg2Tool tr.head th.province{white-space:nowrap;} .toolOrg2Tool tr.head th.actionDate{white-space:nowrap;} .toolOrg2Tool tr.head th.fileid{white-space:nowrap; width:60px;} .toolOrg2Tool tbody th{font-weight: bold; background: url(/images/tableBlueBg.png) repeat-x 0 0; padding: 4px; border-top: 1px solid #767676; border-bottom: 1px solid #767676} .toolOrg2Tool tbody tr td{padding-left: 10px;} .toolOrg2Tool .tblleft{border-left: 1px solid #767676;} .toolOrg2Tool .tblright{border-right: 1px solid #767676;} .toolOrg2Tool tbody tr:hover td{background: #ccc;} */ #toolOrg2Tool-xthf0 .topRow{border-left: 1px solid #FFF;border-right: 1px solid #FFF;} .toolOrg2Tool tr.topRow{background-color:white;width:100%;border-left: none;} .toolOrg2Tool tr.head th.province{white-space:nowrap;} .toolOrg2Tool tr.head th.actionDate{white-space:nowrap;} .toolOrg2Tool tr.head th.fileid{white-space:nowrap; width:60px;} .toolOrg2Tool tbody th{font-weight: bold; background: #A6DCFA url(/images/tableBlueBg.png) repeat-x 50% 50%; padding: 4px; border-top: 1px solid #767676; border-bottom: 1px solid #767676} .toolOrg2Tool tbody tr td{padding-left: 10px;} .toolOrg2Tool .tblleft{border-left: 1px solid #767676;} .toolOrg2Tool .tblright{border-right: 1px solid #767676;} .toolOrg2Tool tbody tr:hover td{background: #ccc;} .toolOrg2Tool .vert_text {-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform: rotate(-90deg); display:block; text-align:right; height:190px; width:20px; white-space:nowrap; position:relative; left:89px; top:80px;} .vertical-header-grid .vertical-text .x-column-header-inner * { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform: rotate(-90deg); text-align:right; height:190px; width:20px; white-space:nowrap; position:absolute; left:89px; top:76px; } .vertical-header-grid .straight-text .x-column-header-inner * { text-align:right; height:190px; white-space:nowrap; position:absolute; left:5px; top:170px; } /*School2Alias*/ .School2Alias{border-bottom: 1px solid #767676;background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0; margin: 0 0 20px 0; width: 100%; border-collapse: collapse;} #School2Alias-xthf0 .topRow{border-left: 1px solid #FFF;border-right: 1px solid #FFF;} .School2Alias tr.head,.School2Alias tr.head:hover{background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0;} .School2Alias tr.topRow{background-color:white;width:100%;border-left: none;} .School2Alias tr.head th{font-weight: bold; color: #FFF; padding: 4px 6px; background: #6E6E6E url(/images/published-head.png) repeat-x 0 0; white-space:nowrap;} .School2Alias tr.head th.province{white-space:nowrap;} .School2Alias tr.head th.actionDate{white-space:nowrap;} .School2Alias tr.head th.fileid{white-space:nowrap; width:60px;} .School2Alias tbody th{font-weight: bold; background: url(/images/tableBBg.png) repeat-x 0 0; padding: 4px; border-top: 1px solid #767676; border-bottom: 1px solid #767676} .School2Alias tbody tr td{padding-left: 10px;} .School2Alias .tblleft{border-left: 1px solid #767676;} .School2Alias .tblright{border-right: 1px solid #767676;} .School2Alias tbody tr:hover td{background: #ccc;} /*HourSummaryReport*/ #HourSummaryReport-xthf0 .topRow{border-left: 1px solid #FFF;border-right: 1px solid #FFF;} .HourSummaryReport tr.topRow{background-color:white;width:100%;border-left: none;} .HourSummaryReport tr.head th{white-space:nowrap;} .HourSummaryReport tr.head th.province{white-space:nowrap;} .HourSummaryReport tr.head th.actionDate{white-space:nowrap;} .HourSummaryReport tr.head th.fileid{white-space:nowrap; width:60px;} .HourSummaryReport tbody th{font-weight: bold; background: #A6DCFA url(/images/tableBlueBg.png) repeat-x 50% 50%; padding: 4px; border-top: 1px solid #767676; border-bottom: 1px solid #767676} .HourSummaryReport tbody tr td{padding-left: 10px;} .HourSummaryReport tbody tr td span.complete{color:#00CC33;} .HourSummaryReport tbody tr td span.inprogress{color:#334EFF;} .HourSummaryReport tbody tr td span.notstarted{color:#000000;} .HourSummaryReport tbody tr td span.problem{color:#CD0A0A;} .HourSummaryReport .tblleft{border-left: 1px solid #767676;} .HourSummaryReport .tblright{border-right: 1px solid #767676;} .HourSummaryReport .tblrighthead{border-right: 1px solid white;} .HourSummaryReport tbody tr:hover td{background: #ccc;} .HourSummaryReport tbody tr.total_row{border-top: 3px solid;} .HourSummaryReport tbody tr.total_row td {font-weight: bold; font-size:medium;} /*HourDetailedReport*/ .HourDetailedReport{border-bottom: 1px solid #767676;background: #f9f9f9; margin: 0 auto 20px 0; width: 100%; border-collapse: collapse;} #HourDetailedReport-xthf0 .topRow{border-left: 1px solid #FFF;border-right: 1px solid #FFF;} .HourDetailedReport tr.topRow{background-color:white;width:100%;border-left: none;} .HourDetailedReport tr.head th{white-space:nowrap;} .HourDetailedReport tr.head th.province{white-space:nowrap;} .HourDetailedReport tr.head th.actionDate{white-space:nowrap;} .HourDetailedReport tr.head th.tblleft{border-left: 2px solid #FFF;} .HourDetailedReport tr.head th.tblright{border-right: 2px solid #FFF;} .HourDetailedReport tr.head th.group{text-align: center;} .HourDetailedReport tbody th{font-weight: bold; background: #A6DCFA url(/images/tableBlueBg.png) repeat-x 50% 50%; padding: 4px; border-top: 1px solid #767676; border-bottom: 1px solid #767676} .HourDetailedReport tbody tr td{padding-left: 10px;} .HourDetailedReport tbody tr td span.complete{color:#00CC33;} .HourDetailedReport .tblleft{border-left: 1px solid #767676;} .HourDetailedReport .tblright{border-right: 1px solid #767676;} .HourDetailedReport tbody tr:hover td{background: #ccc;} .HourDetailedReport tbody tr.total_row{border-top: 3px solid;} .HourDetailedReport tbody tr.total_row td {font-weight: bold; font-size:medium;} /*----------------------------------------------------------- School Locator -----------------------------------------------------------*/ h2.districtId{margin: -35px 0 20px 0; padding: 0;font: bold 12px/1 Arial, Helvetica, sans-serif; float: right;} #contactSLLink{display: block; padding: 10px 0; width: 928px; margin: 0 auto;} .schoolLoc{border: 1px solid #767676; background: #f9f9f9; margin: 0 0 20px 0; width: 100%; border-collapse: collapse;} .schoolLoc tbody th{font-weight: bold; background: #A6DCFA url(/images/tableBlueBg.png) repeat-x 50% 50%; padding: 4px; border-top: 1px solid #767676; border-bottom: 1px solid #767676} .schoolLoc th.withpercentages {text-align: center;} .schoolLoc th.withoutpercentages {text-align: right;} .schoolLoc td.searchpercentage {color: #666; text-align: left; padding-left: 10px;} .schoolLoc td.searchcount {text-align: right; padding-right: 10px;} .schoolLoc td.searchcountnoperc {text-align: center;} #schoolLocator{width: 891px; margin: 0 auto; border: 1px solid #FFF; background: url(/images/schoolLocator-bg.png) repeat-y 0 0; color: #333; position: relative;} #schoolLocator .SLSearch{float: left; background: url(/images/schoolLocatorSearch-bg.png) repeat-x 0 0; padding: 25px; width: 461px;} #schoolLocator .SLSearch h3{font: normal 24px/1 Helvetica,Arial,sans-serif; margin: 0; padding: 14px 0;} #schoolLocator .SLSearch .SLInstructions{padding: 0 0 10px 0; margin: 0; line-spacing:1;} #schoolLocator .SLSearch .SLInstructions ul {list-style:initial !important;margin-left:20px;line-height:1.2em;} #schoolLocator .SLSearch .SLInstructions p {padding: 0; margin: 0;line-height:1.2em;} #schoolLocator .SLSearch form.SLSearchForm{border-top: 1px solid #FFF; padding: 5px 5px 5px 20px;} #schoolLocator .SLSearch form.first{border-top: none;} #schoolLocator .SLSearch form.SLSearchForm ol{padding: 0; margin: 0; list-style: none;} #schoolLocator .SLSearch form.SLSearchForm li span.letter{display: block; float: left; height: 15px; width: 15px; color: #FFF; background: #d96d09; text-align: center; padding: 0 0 4px 0;margin-top: 1px; line-height: 15px; vertical-align: middle;} #schoolLocator .SLSearch form.SLSearchForm li label{display: block; float: left;margin-left: 5px; font-weight: bold; font-size: 14px;} #schoolLocator .SLSearch form.SLSearchForm li.input{clear: both; padding: 6px 20px;} #schoolLocator .SLSearch form.SLSearchForm li.input input.text{width: 230px; margin-right: 5px;} #schoolLocator .SLSearch form.SLSearchForm li.input input.image{margin: 3px 0 -3px 0;} #schoolLocator .SLSearch .listAllSchools{margin: 30px 0 0 0;} #schoolLocator .SLHint{float: right; width: 422px; padding: 25px 20px; background: url(/images/schoolLocatorHint-bg.png) repeat-x 0 0;} #schoolLocator .SLHint h4{font: normal 18px/1 Helvetica,Arial,sans-serif; margin: 0; padding: 0;} #schoolLocator .SLHint .intro p{padding: 6px 0; margin: 0;} #schoolLocator .SLHint .intro{padding: 0 5px 2px 5px;} #schoolLocator .SLHint .instruction{margin: 10px 0;} #schoolLocator .SLHint .instruction span.letter{display: block; float: left; height: 15px; width: 15px; color: #FFF; background: #d96d09; text-align: center; padding: 0 0 4px 0; margin: 3px 0 0 2px; line-height: 15px; vertical-align: middle;} #schoolLocator .SLHint .instruction h5{font: bold 12px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; padding: 5px 0 0px 20px;} #schoolLocator .SLHint .instruction p{padding: 4px 0 4px 20px;} #schoolLocator .option-notice, #schoolLocatorShowAll .option-notice{margin: 20px 0 10px 0; color: #F00; font-weight: bold;font-size: 12px; height: 34px; padding: 0;} #schoolLocatorShowAll .option-notice .lside{float: left;background: url(/images/option-alert-left.png) no-repeat 0 0;padding: 7px 0 10px 10px} #schoolLocatorShowAll .option-notice .rside{float: left;background: url(/images/option-alert-right.png) no-repeat top right; width: 10px; height: 34px;} #schoolLocatorShowAll{width: 903px; margin: 0 auto; border: 1px solid #FFF; padding: 37px 0 25px 25px; color: #333;background: #f7f7f7 url(/images/schoolLocatorShowAll-bg.png) repeat-x 0 0;} #schoolLocatorShowAll h3{padding: 0; margin: 0;font: normal 24px/1 Helvetica,Arial,sans-serif;} #schoolLocatorShowAll h4{font: normal 18px/1 Helvetica,Arial,sans-serif;} #schoolLocatorShowAll p{padding: 20px 0 15px 0; margin: 0;} #schoolLocatorShowAll .schoolList{float: left; width: 375px;} #schoolLocatorShowAll .schoolList ul{padding: 0; margin: 0 0 0 25px; list-style: none;} #schoolLocatorShowAll .schoolList li{border-bottom: 1px solid #FFF; padding: 0;} #schoolLocatorShowAll .schoolList li.title{font-weight: bold; font-size: 14px;} #schoolLocatorShowAll .schoolList li strong{padding: 2px 0 2px 25px;display: block;background: url(/images/buttons/arrow-right.gif) no-repeat 10px center;} #schoolLocatorShowAll .schoolList li a,#schoolLocatorShowAll .schoolList li a:visited{color: #000; padding: 2px 0 2px 25px; text-decoration: none; display: block;} #schoolLocatorShowAll .schoolList li a:hover,#schoolLocatorShowAll .schoolList li a:active{color: #000; background: #DEEBDF url(/images/buttons/arrow-right.gif) no-repeat 10px center; text-decoration: none;} #schoolLocatorShowAll .schoolDetails{width: 460px; border: 2px solid #FFF; float: right; padding: 25px;background: #e9f4de url(/images/schoolLocatorDetails-bg.png) repeat-x 0 0; margin: 23px 0 0 0;} #schoolLocatorShowAll .schoolDetails h3{padding: 0; margin: 0 0 3px 0;font: normal 18px/1 Helvetica,Arial,sans-serif;} #schoolLocatorShowAll .schoolDetails h4{padding: 0; margin: 0;font: bold 13px/1 "Lucida Sans","Lucida Sans Unicode", "Lucida Grande", sans-serif} #schoolLocatorShowAll .schoolDetails ul{margin: 22px 2px 0 2px; padding: 0; list-style: none;} #schoolLocatorShowAll .schoolDetails li{border-bottom: 1px solid #f9fcf7; padding: 4px 0;clear: both;} #schoolLocatorShowAll .schoolDetails li a{color: #333;} #schoolLocatorShowAll .schoolDetails li a img{vertical-align: middle;} #schoolLocatorShowAll .schoolDetails li strong{display: block; float: left;} #schoolLocatorShowAll .schoolDetails li span{display: block; float: right; width: 270px;} #schoolLocatorShowAll .schoolDetails li.disclaimer{font-size: 10px; padding: 8px 0 0 0; border: none;} #schoolLocatorShowAll .schoolDetails li.schloccomments a{color:blue;text-decoration: underline;} .hintBox{background: url(/images/search-header.png) repeat-x 0 0; border: 1px solid #D9E8DA; margin: 0;} .hintBox h4{font-size: 14px; padding: 3px 10px 2px 10px; margin: 0;} .hintBox p{padding: 0 8px; margin: 0 0 7px 0; font-size: 11px;} .hintBox form{padding: 10px;} .hintBox form input{display: block;} .hintBox form input.text{width: 200px; margin: 0 0 7px 0;} /*.schoolLocPublish{background: #FFFBCF url(/images/warning.png) no-repeat 10px center; border: 1px solid #f00; padding: 10px 58px; font-weight: bold;}*/ /*.schoolLocPublish input,.schoolLocPublish a{display: block; margin-top: 4px;}*/ .schoolLocResults{padding-top: 0;} .schoolLocResults .floatColumnL{width: 47%; float: left;} .schoolLocResults .floatColumnR{width: 47%; float: right;} .schoolLocResults h2{font-size: 16px; border-bottom: 1px solid #dfdfdf;font-weight: bold;} .schoolLocResults h4{ text-transform:capitalize !important; padding: 0; margin: 20px 0 0 0; font-size: 14px; background: #fff url(/images/article-head.png) repeat-x 0 0;} .schoolLocResults h4 a{display: block; padding: 5px 0 5px 5px; margin: 0 15px 0 0; color: #000; text-decoration: none; background: url(/images/recent-dd-up.png) no-repeat right center;} .schoolLocResults h4 a.revealed{background-image: url(/images/recent-dd.png)} .schoolLocResults ul{list-style: none; padding: 0; margin: 0; list-style: none; border-right: 1px solid #eee;border-left: 1px solid #eee;} .schoolLocResults li{padding: 0; margin: 0; border-bottom: 1px solid #eee;} .schoolLocResults li a{display: block; padding: 2px; margin: 0;} .schoolLocResults li a:hover{background-color: #eee;} .schoolLocResults .postalCodes,.schoolLocResults .developments{margin-top: 20px; border-collapse:collapse; border: 1px solid #eee;;} .schoolLocResults .developments td{border-bottom: 1px solid #eee; padding: 2px 4px;} .schoolLocResults .postalCodes td{border-bottom: 1px solid #eee;} .schlocAdminTable{border: 1px solid #767676; margin: 0 0 20px 0; padding: 0;} .schlocAdminTable h3{padding: 0; margin: 0; font-size: 14px; font-weight: bold;} .schlocAdminTable h3 a{display: block; padding: 3px 0 5px 8px; margin: 0; color: #FFF; text-decoration: none; /*background: url(/images/publish-dd-up.png) no-repeat right center;*/ min-width: 2px;} .schlocAdminTable h3 a.revealed{/*background-image: url(/images/publish-dd.png)*/} .schlocAdminTable table{width: 100%; margin: 5px 0;border-collapse: collapse;} .schlocAdminTable table th{border-bottom: 1px solid #6d6d6d; font-weight: bold;} .schlocAdminTable table th,.schlocAdminTable table td{padding: 2px 6px;} .schlocAdminTable table tr:hover td{background: #CFCFCF;} .schlocAdminTable th{cursor: hand; cursor: pointer;} .schlocAdminTable th .sortBtn{background: url(/images/sort-none.png) no-repeat center center; display: inline-block; width: 33px; height: 14px; text-indent: -999em;} .schlocAdminTable th.headerSortDown .sortBtn{background-image: url(/images/sort-down.png)} .schlocAdminTable th.headerSortUp .sortBtn{background-image: url(/images/sort-up.png)} .schlocAdminResults{margin-top: 15px; margin-left: 25px;} .schlocAdmin table td,.schlocAdmin table th{padding: 8px 2px; vertical-align:top;} .schlocAdmin table input.text{width: 250px;} .schlocAdmin table select{min-width: 50px;} .schlocAdmin table tr.highlight th,.schlocAdmin table tr.highlight td{background: #FFFFA3} .schlocAdmin table td.disabled{color: #999;} .schlocAdmin table .trial{display: block;padding-top: 8px; padding-left: 10px;} form.houseDev{float: left; width:550px;} .houseDev select{width: 200px;} .houseDev table input.text{width: 200px;} .housingDevSchoolList{width: 455px;float: left; background: url(/images/schoolLocatorShowAll-bg.png) repeat-x 0 0;border: 1px solid #dfdfdf; border-top-color: #c1c1c1; margin: 10px 0 0 25px;padding-bottom: 8px;} .housingDevSchoolList h4{font: normal 18px/1 Helvetica,Arial,sans-serif;padding: 5px 0 10px 8px;} .housingDevSchoolList ul{padding: 0; margin: 0 0 0 25px; list-style: none;} .housingDevSchoolList li{border-bottom: 1px solid #FFF; padding: 0;} .housingDevSchoolList li.title{font-weight: bold; font-size: 14px;} .housingDevSchoolList li strong{padding: 2px 0 2px 25px;display: block;background: url(/images/buttons/arrow-right.gif) no-repeat 10px center;} .housingDevSchoolList li a,.housingDevSchoolList li a:visited{color: #000; padding: 2px 0 2px 25px; text-decoration: none; display: block;} .housingDevSchoolList li a:hover,.housingDevSchoolList li a:active{color: #000; background: #DEEBDF url(/images/buttons/arrow-right.gif) no-repeat 10px center; text-decoration: none;} .schlocImportData table{width: 60%; margin-left: 20px;} .schlocImportData table td,.schlocImportData table th{padding: 4px; vertical-align:top;} .schlocReports table input.text{width: 154px;} .schlocReports table select{width: 158px;} .schlocReports table select#Region{width: 250px;} .schlocReportsDataset{margin: 20px 10px 10px 0; list-style: none;} .schlocReportsDataset li{margin: 2px 0; padding-left: 15px;} .schlocReportsDataset .head{font-weight: bold; padding: 0; border-bottom: 1px solid #d8d8d8; padding: 2px 5px; background: #e6e6e6; display:inline-block;width:100%;} .deleteSchool-step{border: 1px solid #F00; background: #FEFEFE url(/images/delete.png) no-repeat 10px center; padding: 10px 10px 10px 65px;} .deleteSchool-step p{display: block; padding: 0 0 8px 0;} #schoolLocatorShowAll .schoolDetails #map{border: 1px solid #c0c0c0;} #schoolLocatorShowAll .schoolDetails #mapLegend{border: 1px solid #c0c0c0;background: #EEE; padding: 5px 10px; margin: 5px 0; font-size: 11px; width: 380px;} #schoolLocatorShowAll .schoolDetails #mapLegend p{padding: 4px 0 4px 8px; margin: 0; vertical-align:middle;} #schoolLocatorShowAll .schoolDetails #mapLegend p#distance{font-weight: bold;} #schoolLocatorShowAll .schoolDetails #mapLegend p#distance span{font-weight: normal;} #schoolLocatorShowAll .schoolDetails #mapLegend img{float: left; display: block; margin-right: 15px;} #schoolLocatorShowAll .schoolDetails #mapLegend strong{display: block; font-size: 11px; font-weight: bold; padding: 0 0 3px 0; color: #666666; float: none !important; width: auto;} #schoolLocatorShowAll .schoolDetails #mapLegend span{display: inline; float: none; width: auto;} img.map{border: 1px solid #9de04d !important; display: none;} img.a1{display: block;} h3.map{font-size: 16px; font-weight: bold; padding: 0; margin: 8px 0;} /*----------------------------------------------------------- Client Setup -----------------------------------------------------------*/ .clientSetup h2{padding: 0 0 2px 0; margin: 0px 0 10px 0; font-size: 16px; line-height: 1em; border-bottom: 1px solid #dfdfdf;font-weight: bold;} .clientSetup form{padding:5px;} .clientSetup form ol li{position: relative; z-index: 20;} .clientSetup form ol li label{display: inline-block; width: 165px; overflow: visible;} .clientSetup form ol li input{border:1px solid gray;} .clientSetup form ol li input.text{width: 250px;} .clientSetup form ol li select{width: 256px;} .clientSetup form ol li select {border: 1px solid gray;} .clientSetup form ol li span{display: inline-block;} .clientSetup form ol li span.error{position: absolute; top: -17px; display: block; left: 430px;} .clientSetup form ol li.header{padding: 15px 0 0 0; font-weight: bold;} .clientSetup form ol li.addl-org{display: none;} .clientSetup form ol li.top{padding: 0;} .clientSetup form ol .images img{display: none;} .clientSetup form ol li a#roledefinition-link{display: inline-block; background: url(/images/help.png) no-repeat 0 0; width: 18px; text-indent: -999em;} .clientSetup form ol ul{list-style: none;} .clientSetup .diImage {margin-left:165px;} .clientSetup form ol.diImageDetails {margin-left:20px; border:1px dotted; width:550px; padding:10px; border-radius:10px;} .clientSetup form ol.checkboxForm label{width: auto;} .clientSetup form ol.checkboxForm input{margin-right: 10px;} .clientSetup form ol.checkboxForm ul{margin-left: 25px;} table.schSetup {width: 100%; border: 1px solid #dfdfdf; position: relative;} table.schSetup th,table.schSetup td{padding: 5px 4px; border-bottom: 1px solid #dfdfdf;} table.schSetup th{background: #e0e0e0 url(/images/article-head.png) repeat-x 0 0; font-weight: bold; vertical-align: top;} table.schSetup td.attachment{background: #e0e0e0 url(/images/article-head.png) repeat-x 0 0; font-weight: bold; vertical-align: top;} table.schSetup td.file{background: url(/images/FileManager/document.png) no-repeat 5px center; padding-left: 35px;} table.schSetup td.folder{background: url(/images/FileManager/folder.png) no-repeat 5px center; padding-left: 35px;} /*table.schSetup th{cursor: hand; cursor: pointer;}*/ table.schSetup th .sortBtn{background: url(/images/sort-none.png) no-repeat center center; display: inline-block; width: 33px; height: 14px; text-indent: -999em;} table.schSetup th.headerSortDown .sortBtn{background-image: url(/images/sort-down.png)} table.schSetup th.headerSortUp .sortBtn{background-image: url(/images/sort-up.png)} .school2Tool{border-bottom: 1px solid #767676;background: white; margin: 0 0 20px 0; width: 100%; border-collapse: collapse;} .school2Tool tr.head,.school2Tool tr.head:hover{background: white;} .school2Tool tr.topRow{width:100%;border-left: none;} .school2Tool tr.head th{font-weight: bold; color: black; padding:4px; background: none;} .school2Tool tr.head th.province{white-space:nowrap;} .school2Tool tr.head th.actionDate{white-space:nowrap;} .school2Tool tr.head th.fileid{white-space:nowrap; width:60px;} .school2Tool tbody th{font-weight: bold; background: #A6DCFA url(/images/tableBlueBg.png) repeat-x 50% 50%; padding: 4px; border-top: 1px solid #767676; border-bottom: 1px solid #767676} .school2Tool tbody tr td{padding-left: 10px;} .school2Tool .tblleft{border-left: 1px solid #767676;} .school2Tool .tblright{border-right: 1px solid #767676;} .school2Tool tbody tr:hover td{background: #ccc;} .school2Tool .vert_text {-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform: rotate(-90deg); display:block; text-align:right; height:190px; width:20px; white-space:nowrap; position:relative; left:89px; top:80px;} /* ORGANIZATION TO CONTACT ROLE */ #cs_sortable1, #cs_sortable2 { list-style-type: none; margin: 20px 0px; padding: 0; } #cs_sortable1 li { color:black; margin: 5px 5px 5px 5px; padding: 5px; border:1px dashed black;cursor:move; background:#83D81E !important;display:block; } #cs_sortable2 li { margin: 5px 5px 5px 5px; padding: 5px; border:1px dashed lightgrey; cursor:move; display:block; } .cs_connectedSortable { width:90%; min-height:300px; border:1px dashed lightgrey;} .cs_listheading {font-size: 12px;} #cs_sortable1 .ui-sortable-helper {height:42px !important;} /* */ /*----------------------------------------------------------- EDIT SCHOOLS AND IMAGE UPLOAD -----------------------------------------------------------*/ form div.imgUploadSchool{position: relative;} form div.imgUploadSchool input#imgSchool{position: relative; z-index: 500;top: 3px; width: 320px; opacity: 0; -webkit-opacity: 0;filter: alpha(opacity=0)} form div.imgUploadSchool div{position: absolute; top: 3px; left: 0px;} form div.imgUploadSchool div input{float: left;margin-right: 6px; width: 250px;} form div.imgUploadSchool div img{float: left; margin-top: 2px;} form #esBtnUpdate.disable { opacity: 50; -webkit-opacity: 50;filter: alpha(opacity=50) } .imgUploadSchool .images img{display: none;} .imgUploadSchool #imgUploadSchoolInfo{background: transparent url('/images/infoPopout.png') no-repeat top left; position: absolute; width: 163px; height: 126px;left: 450px; bottom: -35px; padding: 10px 12px 0 27px; font-size: 11px; color: #FFF; overflow: hidden; display: none; z-index: 200;} /*----------------------------------------------------------- EDIT Organization AND IMAGE UPLOAD -----------------------------------------------------------*/ form div.imgUploadOrg{position: relative;display:inline-block;} form div.imgUploadOrg input#imgOrg{position: relative; z-index: 500;top: 3px; width: 320px; opacity: 0; -webkit-opacity: 0;filter: alpha(opacity=0)} form div.imgUploadOrg div{position: absolute; top: 3px; left: 0px;} form div.imgUploadOrg div input{float: left;margin-right: 6px; width: 250px;} form div.imgUploadOrg div img{float: left; margin-top: 2px;} form #esBtnUpdate.disable { opacity: 50; -webkit-opacity: 50;filter: alpha(opacity=50) } .imgUploadOrg .images img{display: none;} .imgUploadSchool #imgUploadSchoolInfo{background: transparent url('/images/infoPopout.png') no-repeat top left; position: absolute; width: 163px; height: 126px;left: 450px; bottom: -35px; padding: 10px 12px 0 27px; font-size: 11px; color: #FFF; overflow: hidden; display: none; z-index: 200;} .editSchloc table{width: 450px; margin-left: 20px;} .editSchloc table td,.schlocAdmin table th{padding: 8px 2px; vertical-align:top;} .editSchloc table input.text{width: 250px;} .editSchloc table select{min-width: 50px;} .editSchloc table tr.highlight th,.schlocAdmin table tr.highlight td{background: #FFFFA3} .editSchloc table td.disabled{color: #999;} .editSchloc table .trial{display: block;padding-top: 8px; padding-left: 10px;} #sortable tr { margin: 5px 5px 5px 5px; padding: 5px; border:1px dashed lightgrey; width: 150px; cursor:move; } /*----------------------------------------------------------- Tab Nav List -----------------------------------------------------------*/ #tabnavlist{width: 100%;border-bottom: 2px solid #9de04d; margin-bottom: 15px;} #tabnavlist ul{padding: 0; margin: 0; list-style: none;} #tabnavlist li {float:left; position:relative; margin:0 2px 0 1px; border-right:1px solid #e3e3e3;background: url(/images/menu-left-tab-grey.gif) no-repeat top left;} #tabnavlist li.last{border-right: none;} #tabnavlist li a {display:block; margin:0 3px; padding:8px 9px 5px 8px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#7d8280; text-align:center;background: url(/images/menu-right-tab-grey.gif) no-repeat top right; color:#fff;} #tabnavlist li:hover,#tabnavlist li#current{background: url(/images/menu-left-tab.gif) no-repeat top left;} #tabnavlist li:hover a,#tabnavlist li#current a{background: url(/images/menu-right-tab.gif) no-repeat top right; color:#fff;} /*----------------------------------------------------------- Footer -----------------------------------------------------------*/ #footer p{padding: 10px; margin: 0;color:#7d8280; text-align: center;} #footer address{display:none;} #publicFooter #footerNav{color: #000; float: left; margin: 2px 0 10px 15px;text-align:left;} #publicFooter #footerNav p{font-size: 11px; padding: 0; margin: 0;} #publicFooter #powered{color: #000; float: right; margin-right: 15px; padding: 15px 0 0 0;} #publicFooterWebGis{display: table;width: 100%;margin: 2px 0 10px 0;padding: 0 15px 0 15px;} #publicFooterWebGis #footerLeft{display: table-cell; color: #000; padding: 5px 0 0 0;text-align:left;width: 14%} #publicFooterWebGis #footerLeft p{font-size: 11px; padding: 0; margin: 0;} #publicFooterWebGis #footerCenter{display: table-cell; padding: 5px 0 0 0;width: 70%} #publicFooterWebGis #footerRight{display: table-cell; padding: 5px 0 0 0;text-align:right;width: 14%} /*----------------------------------------------------------- UI Datepicker -----------------------------------------------------------*/ #facebox .ui-datepicker-trigger, .ui-datepicker-trigger {margin-top: -1px;} /*#ui-datepicker-div, .ui-datepicker-inline { font-size: 12px; width: 170px; height: 178px; max-height:200px; text-align: center;}*/ /* Main Style Sheet for jQuery UI date picker * / #ui-datepicker-div, .ui-datepicker-inline { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 0; margin: 0; background: #ddd; width: 185px; text-align: center;} #ui-datepicker-div {display: none; border: 1px solid #777; z-index: 9999; /*must have* / } #ui-datepicker-div .ui-datepicker-title{color: #FFF;} /* ________ Datepicker Links _______ ** Reset link properties and then override them with !important * / #ui-datepicker-div a, .ui-datepicker-inline a {cursor: pointer;margin: 0;padding: 0;background: none;color: #000; text-align: center;} .ui-datepicker-inline .ui-datepicker-links a {padding: 0 5px !important;} .ui-datepicker-control a, .ui-datepicker-links a {padding: 2px 5px !important;color: #eee !important;} .ui-datepicker-title-row a {color: #eee !important;} .ui-datepicker-control a:hover {background: #fdd !important;color: #333 !important;} .ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {background: #ddd !important;color: #333 !important;} */ /* ___________ IE6 IFRAME FIX ________ */ .ui-datepicker-cover {display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/} /* Error Tooltip */ span.tooltip { position: absolute; width: auto; white-space:nowrap; height: 14px; line-height: 14px; padding: 2px; font-size: 12px; font-weight:bold; text-align: center; color: rgb(255, 255, 255); background: rgb(255, 0, 0); border: 4px solid rgb(255, 0, 0); border-radius: 5px; text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px; box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px; top:-3px; } span.tooltip:after { content: ""; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent #FF0000 transparent transparent; top: -1px; left: -24px; } /*-------------------------- --------------------------*/ .datagrid-cell {cursor: hand; cursor: pointer;} .datagrid-cell .sortBtn{background: url(/images/sort-none.png) no-repeat center center; display: block; width: 33px; height: 14px; text-indent: -999em;margin: 0 auto;} .datagrid-cell th.school-name .sortBtn{display: inline-block; margin: 0;} .datagrid-cell th.headerSortDown .sortBtn{background-image: url(/images/sort-down.png)} .datagrid-cell th.headerSortUp .sortBtn{background-image: url(/images/sort-up.png)} .datagrid .panel-body{ overflow:hidden; } .datagrid-wrap{ position:relative; } .datagrid-view{ position:relative; overflow:hidden; } .datagrid-view1{ position:absolute; overflow:hidden; left:0px; top:0px; } .datagrid-view2{ position:absolute; overflow:hidden; left:210px; top:0px; } .datagrid-mask{ position:absolute; left:0; top:0; background:#ccc; opacity:0.3; filter:alpha(opacity=30); display:none; } .datagrid-mask-msg{ position:absolute; left:100px; top:50px; width:auto; height:16px; padding:12px 5px 10px 30px; background:#fff url('images/pagination_loading.gif') no-repeat scroll 5px 10px; border:2px solid #6593CF; color:#222; display:none; } .datagrid-sort-desc .datagrid-sort-icon{ padding:2px 13px 3px 0px; background:url('images/datagrid_sort_desc.gif') no-repeat center center; } .datagrid-sort-asc .datagrid-sort-icon{ padding:2px 13px 3px 0px; background:url('images/datagrid_sort_asc.gif') no-repeat center center; } .datagrid-toolbar{ height:28px; background:#efefef; padding:1px 2px; border-bottom:1px solid #ccc; } .datagrid-btn-separator{ float:left; height:24px; border-left:1px solid #ccc; border-right:1px solid #fff; margin:2px 1px; } .datagrid-pager{ background:#efefef; border-top:1px solid #ccc; position:relative; } .datagrid-header{ overflow:hidden; background:#fafafa url('images/datagrid_header_bg.gif') repeat-x left bottom; border-bottom:1px solid #ccc; cursor:default; } .datagrid-header-inner{ float:left; width:10000px; } .datagrid-header-row{ height:25px; } .datagrid-header td{ border-right:1px dotted #ccc; font-size:12px; font-weight:normal; background:#fafafa url('images/datagrid_header_bg.gif') repeat-x left bottom; border-bottom:1px dotted #ccc; border-top:1px dotted #fff; } .datagrid-header td.datagrid-header-over{ background:#EBF3FD; } .datagrid-header .datagrid-cell{ margin:0; padding:3px 4px; white-space:nowrap; word-wrap:normal; overflow:hidden; text-align:center; } .datagrid-header .datagrid-cell-group{ margin:0; padding:4px 2px 4px 4px; white-space:nowrap; word-wrap:normal; overflow:hidden; text-align:center; } .datagrid-header-rownumber{ width:25px; text-align:center; margin:0px; padding:3px 0px; } .datagrid-td-rownumber{ background:#fafafa url('images/datagrid_header_bg.gif') repeat-x left bottom; } .datagrid-cell-rownumber{ width:25px; text-align:center; margin:0px; padding:3px 0px; color:#000; } .datagrid-body{ margin:0; padding:0; overflow:auto; zoom:1; } .datagrid-view1 .datagrid-body-inner{ padding-bottom:20px; } .datagrid-view1 .datagrid-body{ overflow:hidden; } .datagrid-footer{ overflow:hidden; } .datagrid-footer-inner{ border-top:1px solid #ccc; width:10000px; float:left; } .datagrid-body td,.datagrid-footer td{ font-size:12px; border-right:1px dotted #ccc; border-bottom:1px dotted #ccc; overflow:hidden; padding:0; margin:0; } .datagrid-body .datagrid-cell,.datagrid-footer .datagrid-cell{ overflow:hidden; margin:0; padding:0px 4px; white-space:nowrap; word-wrap:normal; height:18px; line-height:18px; } .datagrid-row-editing .datagrid-cell{ height:auto; } .datagrid-header-check{ padding:3px 6px; } .datagrid-cell-check{ padding:3px 6px; font-size:1px; overflow:hidden; } .datagrid-header-check input{ margin:0; padding:0; width:15px; height:15px; } .datagrid-cell-check input{ margin:0; padding:0; width:15px; height:15px; } .datagrid-row{ height:25px; } .datagrid-row-collapse{ background:url('images/datagrid_row_collapse.gif') no-repeat center center; } .datagrid-row-expand{ background:url('images/datagrid_row_expand.gif') no-repeat center center; } .datagrid-row-alt{ background:#EEEEFF; } .datagrid-row-over{ background:#D0E5F5; cursor:default; } .datagrid-row-selected{ background:#FBEC88; } .datagrid-resize-proxy{ position:absolute; width:1px; top:0; height:10000px; background:red; cursor:e-resize; display:none; } .datagrid-body .datagrid-editable{ padding:0; } .datagrid-body .datagrid-editable table{ width:100%; height:100%; } .datagrid-body .datagrid-editable td{ border:0; padding:0; } .datagrid-body .datagrid-editable .datagrid-editable-input{ width:100%; font-size:12px; border:1px solid #A4BED4; padding:3px 2px; } .panel-body{ overflow:auto; border:1px solid #99BBE8; border-top-width:0px; } .panel-body-noheader{ border-top-width:1px; } /*Hidden Class for PST tool*/ .hid {display:none;} .spinLoading {position: relative;left: 70px;} .MsoNormal { white-space: wrap; }