/*-----------------------------------------------------------
Elements
-----------------------------------------------------------*/
html, body{height: 100%;}

body{font: normal 76%/1.5 "Lucida Sans", Arial, Helvetica, sans-serif; background-color: #edeeee;}

body, div, img{padding: 0; margin: 0;}

h1,h2,h3,h4,h5,h6, dt{font-family: Helvetica, Arial, sans-serif;}

a:link, a:visited{color: #f60; outline: none;}

a:hover, a:active{color: #f00; outline: none;}

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;}

form ol li{margin: 5px 0; padding: 0;}


/*-----------------------------------------------------------
Header
-----------------------------------------------------------*/
#header{background:transparent url(/images/header-corners-right.png) no-repeat top right; position:relative; width:95%; min-width: 968px; height: 100px; margin:0 auto; padding:0; z-index:50;}
#popup #header{background:#fff none; height:65px; width:100%;}

#branding{font:normal 36px Georgia, Times, serif; height: 82px;width:85%; padding:18px 0 0 18px; margin:0; background: url(/images/header-corners-left.png) no-repeat top left;}
#branding a{display: block; width: 252px; height: 55px; background: url(/images/myBaragarLogo.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{font-family:Arial, Helvetica, sans-serif; font-size:0.9em; text-transform:uppercase; color:#7D8280; position: absolute; top: 10px; right: 30px; text-decoration: none;}

#navigation{width: 95%; min-width: 968px; margin: 0 auto; position: relative; z-index: 100;}
#navigation ul{list-style: none; width: 100%; margin: 0; padding: 0; min-height: 35px;background: url(/images/navigation.png) repeat-x 0 0;}
#navigation li{float: left; padding: 8px 0; margin: 0;position: relative;}
#navigation 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 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 li:hover{background: #a5e35c;}
#navigation li.first span{border-left: none;}
#navigation li.first{margin-left: 15px;}

#navigation 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: 100;}
#navigation ul ul li{border-bottom: 1px solid #D5F2B4; border-right: none; border-left: none; color: #333333; float: none; margin: 0; padding: 3px 5px;}
#navigation ul ul li.hasSub{background: url(/images/menu-dd.gif) no-repeat center right;}
#navigation ul ul li.hasSub:hover{background: none;}
#navigation 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 ul ul li:hover,#navigation ul ul li a:hover{background: none; color: #f60;}
#navigation ul li:hover ul{display: block;}

#navigation ul ul ul{display: none; left: 195px; top: -5px; margin: 0; z-index: 999;}
#navigation ul li:hover ul ul{display: none;}
#navigation ul li:hover ul li:hover ul{display: block;}

#navigation ul li:hover ul ul ul{display: none;}
#navigation ul li:hover ul li:hover ul ul{display: none;}
#navigation ul li:hover ul li:hover ul li:hover ul{display: block;}

#navigation .userName{position: absolute; right: 10px; top: 8px; font-weight: bold; color: #FFF; padding-right: 30px;}

#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;}
#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;}

#dashboardLeft{float: left; width: 250px; clear: both;}
#dashboardRight{padding-left: 250px; clear: right;}
#dashboardRight .formSubmit{width: 96%; margin: 0 auto 10px auto; padding: 10px 1%}

#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;}
#dbNav ul li span{font-size: 10px; display: block; border: 1px solid #c2c2c2; padding: 1px 5px; background: #e7e7e7;}
#dbNav ul li a{font-size: 12px; display: block; padding: 2px 10px; border: 1px solid #d9e8da; color: #000; background: url(/images/sideNav-bg.png) repeat-x center center; text-decoration: none;}
#dbNav ul li a:hover{text-decoration: underline;}
#dbNav ul ul ul li a{padding-left: 25px; font-size: 11px;}
#dbNav ul ul ul ul li a{padding-left: 50px;}

.widget{width: 48.5%; min-width: 265px; float: left; border: 1px solid #d9e8da; margin: 0 0 10px 1%;}
.widget h3{font: bold 14px/1 Helvetica, Arial, sans-serif; background: url(/images/widget-header.png) repeat-x 0 0; padding: 8px 10px;}
.widget .wContent{padding: 10px;}
.widget .wContent ul{list-style: none; padding: 0; margin: 0;}
.widget .wContent li strong{display: inline-block; width: 80px;}
.widget .wContent p{margin: 0; padding: 7px 0 0 0;}
.widget .wContent hr{width: 95%; margin: 7px auto;}

.myAccount,.feedback{height: 155px;}
.feedback 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;}
.feedback li a:hover{color: #F60;}

.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{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;}


/*-----------------------------------------------------------
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
-----------------------------------------------------------*/
.sidePanel{width:250px; float: left;}
.searchBox{background: url(/images/search-header.png) repeat-x 0 0; border: 1px solid #D9E8DA; margin: 0}
.searchBox h4{font-size: 14px; padding: 3px 10px 2px 10px; margin: 0 0 10px 0;}
.searchBox form{padding: 10px;}
.searchBox form input{display: block;}
.searchBox form input.text{width: 200px; margin: 0 0 7px 0;}
.searchBox a#advancedSearch{clear: both !important;}
.searchBox #AdvancedOptions{margin-top: 10px;}
.searchBox #AdvancedOptions div{margin: 7px 0;}
.searchBox #AdvancedOptions label.primary{float: left;display: block;}
.searchBox #AdvancedOptions input.multiSelect{float: right;}
.searchBox #AdvancedOptions input{display: inline;}
.searchBox #AdvancedOptions li{padding: 5px 0;}

.rightPanel{padding-left: 275px;}

.nullSearch{padding-left: 275px; color: #F00;}

.adminFunctions{width: 250px; float: left; clear: both;background: url(/images/search-header.png) repeat-x 0 0; border: 1px solid #d3e0d4; margin: 25px 0 0 0;}
.adminFunctions h4{font-size: 14px; padding: 3px 10px 2px 10px; margin: 0 0 10px 0;}
.adminFunctions ul{list-style: none; padding: 0px 10px 3px 10px; margin: 0;}
.adminFunctions ul li{padding: 1px 0 4px 0;}

/*-----------------------------------------------------------
User Management
-----------------------------------------------------------*/
.userMgmt 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;}

.userMgmt form ol li{position: relative; z-index: 100;}
.userMgmt form ol li label{display: inline-block; width: 165px; overflow: visible;}
.userMgmt form ol li select {border: 1px solid #000;}
.userMgmt form ol li.header{padding: 15px 0 0 0; font-weight: bold;}
.userMgmt form ol li.top{padding: 0;}
.userMgmt form ol ul{list-style: none;}

.userMgmt form ol.checkboxForm label{width: auto;}
.userMgmt form ol.checkboxForm input{margin-right: 10px;}
.userMgmt form ol.checkboxForm  ul{margin-left: 25px;}

.userMgmt form .tool{float: left; margin-right: 20px; width: 340px; padding: 3px 5px 3px 5px; position: static; vertical-align:middle;}
.userMgmt form .tool:hover{background: #76D405;}
.userMgmt form .tool:hover label{color: #FFF;}
.userMgmt form .tool label{float: left; padding-top: 2px;}
.userMgmt form .tool select{float: right; width: 139px;}
.userMgmt form .tool img{float: right; margin-left: 5px; margin-top: 2px;}
.userMgmt form .tool .toolHint{background: #A5E35C; border: 2px solid #76D405; position: absolute; margin: 0;padding: 10px; width: 130px;right: -150px; top: 0; font-size: 11px; display: none; z-index: 999;}
.userMgmt form .tool .rolesHint{background: #A5E35C; border: 2px solid #76D405; position: absolute; margin: 0;padding: 10px; width: 150px;right: -170px; top: 0; font-size: 11px; display: none; z-index: 999;}


.userMgmt #passwordInfo{background: transparent url('/images/infoPopout.png') no-repeat top left; position: absolute; width: 163px; height: 126px;left: 320px; bottom: -35px; padding: 10px 12px 0 27px; font-size: 11px; color: #FFF; overflow: hidden; display: none; z-index: 200;}

.userMgmt #ajaxSearch{width: 100%; height:30px;}
.userMgmt #ajaxSearch select,.userMgmt #ajaxSearch a{display: block; float: left; margin-right: 10px;}
.userMgmt #ajaxSearch a{padding-top: 3px;}

.userMgmt #results{min-height: 550px;}
.userMgmt #results h3{font-weight: bold; background: url(/images/tableGreenBg.png) repeat-x 0 0; padding: 6px 4px; border: 1px solid #767676; font-size: 14px; margin: 10px 0 -6px 0; line-height: 1em;}
.userMgmt #results h3.country{font-weigth: 16px; padding: 6px 4px;text-transform: uppercase;margin: 10px 0 -11px 0;}
.userMgmt #results div.region{padding-left: 10px; margin: 0 0 15px 0;}
.userMgmt #results h4{padding: 0; margin: 5px 0 0 0;  font-size: 13px; line-height: 1em; background: #fff url(/images/article-head.png) repeat-x 0 0; border: 1px solid #888;}
/*.userMgmt #results h4.admin{border: 1px solid #900;}*/
.userMgmt #results h4 span{color: #F00;}
.userMgmt #results 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;}
.userMgmt #results h4 a.revealed{background-image: url(/images/recent-dd.png)}
.userMgmt #results .slideContainer{border: 1px solid #888; border-top: 0;}
.userMgmt #results table{border-collapse:collapse;  margin: 0;width: 100%;}
.userMgmt #results table td,.userMgmt #results table th{padding: 2px 4px;}
.userMgmt #results table th{font-weight: bold; background: #e2e2e2;}
.userMgmt #results table tr:hover td{background: #efefef;}

.userMgmt #results .users ul{list-style: none; padding: 0; margin: 00; list-style: none; border-right: 1px solid #888;border-left: 1px solid #888; display: none; font-size: 12px;}
.userMgmt #results .users li{padding: 0; margin: 0; border-bottom: 1px solid #eee;}
.userMgmt #results .users li a{display: block; padding: 2px 5px; margin: 0;}
.userMgmt #results .users li a:hover{background-color: #eee;}


/*-----------------------------------------------------------
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;}
.fileUpload h3{padding: 10px 0 5px 0; margin: 0;  font-size: 14px; line-height: 1em; font-weight: bold;}

table.fileMgr{width: 100%; border: 1px solid #dfdfdf; position: relative;}
table.fileMgr th,table.fileMgr td{padding: 5px 4px; border-bottom: 1px solid #dfdfdf;}
table.fileMgr th{background: #e0e0e0 url(/images/article-head.png) repeat-x 0 0; font-weight: bold; vertical-align: top;}
table.fileMgr tr:hover td{background-color: #eee;}
table.fileMgr td.file{background: url(/images/FileManager/document.png) no-repeat 5px center; padding-left: 35px;}
table.fileMgr td.folder{background: url(/images/FileManager/folder.png) no-repeat 5px center; padding-left: 35px;}

table.fileMgr th{cursor: hand; cursor: pointer;}
table.fileMgr th .sortBtn{background: url(/images/sort-none.png) no-repeat center center; display: inline-block; width: 33px; height: 14px; text-indent: -999em;}
table.fileMgr th.headerSortDown .sortBtn{background-image: url(/images/sort-down.png)}
table.fileMgr th.headerSortUp .sortBtn{background-image: url(/images/sort-up.png)}

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;}

.fileUpload .upload li div{display: inline; position: relative;}
.fileUpload .upload #fakeInput{position: absolute; top: -2px; left: 0px; width:160px; z-index: 1; height: 18px; padding: 0;}
.fileUpload .upload #fakeButton{position: absolute; top: -1px; left: 167px; z-index: 2;}
.fileUpload .upload li #UpFile{position: relative; display: inline-block;top:0; left: 35px;z-index: 100; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}

/*-----------------------------------------------------------
Process Status Tool
-----------------------------------------------------------*/

/*Generated floating table header*/
#xthf-container{position:fixed; top:0; left:0; overflow:visible; visibility:visible; z-index:10; background-color:transparent; overflow: visible;}
table.xthf-table {position: absolute; visibility: hidden; border-collapse: collapse; border: 1px solid #000; text-align: center; overflow: visible;}
table.xthf-table thead {}
table.xthf-table th,table.xthf-table td {border: 1px solid #000000; text-align: center; background: #ffff99; padding: 2px 0; overflow: visible;}
table.xthf-table th.district{width: 485px;}
table.xthf-table th.priority,table.xthf-table th.fastTrack,table.xthf-table th.status{width: 45px;}
table.xthf-table th.finalRow,table.xthf-table td.finalRow{width: 75px;}
table.xthf-table th.taskName{vertical-align: bottom; text-align: center; min-width: 33px !important;}
table.xthf-table th .sortBtn{display: none;}

.processStatus{border-collapse: collapse; width: 100%; margin: 10px 0;}
.processStatus th{border: 1px solid #000000; text-align: center; background: #ffff99; padding: 2px 0;}
.processStatus th.district{width: 485px;}
.processStatus th.priority,.processStatus th.fastTrack,.processStatus th.status{width: 45px;}
.processStatus th.finalRow,.processStatus td.finalRow{width: 75px;}
.processStatus th.taskName{vertical-align: bottom; text-align: center; min-width: 33px;}
.processStatus td{border: 1px solid #000000; text-align: left; padding-left: 5px;}
.processStatus tr.highlight td{border-bottom: 2px solid #000;}
.processStatus td:hover .cellInfo{display: block;}
.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 th.header{cursor: hand; cursor: pointer;}
.processStatus th .sortBtn{background: url(/images/sort-none.png) no-repeat center center; display: block; width: 33px; height: 14px; text-indent: -999em; margin: 0 auto;}
.processStatus th.headerSortDown .sortBtn{background-image: url(/images/sort-down.png)}
.processStatus th.headerSortUp .sortBtn{background-image: url(/images/sort-up.png)}
.processStatus th,.processStatus th.taskName .sortBtn{padding: 3px 0;}

.processStatus .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 .cellInfo h5{font-size: 13px; padding: 0; margin: 1px 0 5px 0; color: #d95700;}
.processStatus .cellInfo ul{list-style: none; padding: 0; margin: 0;}
.processStatus .cellInfo ul span{display: inline-block; font-weight: bold;}
.processStatus .cellInfo img{position: absolute; top: 2px; right: 2px;}
.processStatus .cellInfo .updatedBy{border-top: 1px solid #000;}

.cellType1 {background: #FFFFFF;}/*not started*/
.cellType2 {background: #334eff;}/*in progress*/
.cellType3 {background: #58ff33;}/*complete */
.cellType4 {background: #ff3333;}/*problem*/
.cellType5 {background: #949CA4;}/*not active*/
.cellType6 {background: #ffb533;}/*ready to start*/
.cellType7 {background: url(/images/pencil.png) no-repeat 94% 2px;}/*note*/

/*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;}

#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: #63FA4B;}
#PSTLegend2 span.ip{background: #4267FE;}
#PSTLegend2 span.prob{background: #FF2A2A;}
#PSTLegend2 span.na{background: #000; color: #fff;}

.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.vError{width: auto; color: #F00;}
.PSTpopupForm li input.text,.PSTpopupForm textarea{width: 140px;}
.PSTpopupForm li input.vError{border: 1px solid #F00;}
.PSTpopupForm li select {border: 1px solid #000; width: 144px;}
.PSTpopupForm ol ul{list-style: none;}

.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 #errorMsg{font-weight: bold; color: #F00;}

.PSTpopupForm ol.checkboxForm label{width: auto;}
.PSTpopupForm ol.checkboxForm input{margin-right: 10px;}

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;}

/*-----------------------------------------------------------
Events & Registrations
-----------------------------------------------------------*/

.eventReg 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;}
.eventReg h2 p{padding: 0; margin: 0;}

.eventReg #tabnavlist{min-width: 730px;}
.eventReg .spacer{height: 40px;}

.eventReg .instructions{font-style: italic;}

.timeZoneForm{float: right; margin: -38px 15px 0 0;}

.registrants{border-collapse: collapse; width: 100%; margin-bottom: 20px;}
.registrants th{background-image: url(/images/content-bg1.gif); background-repeat: repeat-x; background-position: top; height: 30px; border-bottom: 1px solid #000; text-align: left; padding: 0 3px;}
.registrants td{padding: 10px 3px 3px 3px;}
.registrants tr.subReg td{padding: 2px 3px 1px 3px; border-bottom: 1px solid #cddcdc; background: #efefef; font-weight: bold; font-weight: bold; color: #ccc; font-size: 11px;}
.registrants tr.subReg td.name{color: #000; font-weight: normal; padding-left: 12px;}

.eventRegForm{padding: 0; margin: 2px 0;}
.eventRegForm li{padding: 6px 0; color: #f00;}
.eventRegForm li input.text{width: 160px;}
.eventRegForm li span.fstField{display: inline-block; width: 325px;}
.eventRegForm li span.fstField-subject{display: inline-block; width: auto;}
.eventRegForm li span.fstField-subject input.text{width: 459px;}
.eventRegForm li label{display: inline-block; width: 120px; color: #000;}
.eventRegForm li.specialField label{width: auto;}
.eventRegForm textarea{width: 614px; height: 125px;}
.eventRegForm li.specialField{padding: 0;}
.eventRegForm #participants label{width: 68px; padding-left: 15px;}
.eventRegForm #participants label.nameLbl{padding-left: 0;}
.eventRegForm #participants input.text{width: 110px;}
#comments{display: block; margin-bottom: 10px;}

.eventEditForm{padding: 0; margin: 2px 0;}
.eventEditForm li{padding: 6px 0; color: #f00;}
.eventEditForm li input.text{width: 140px;}
.eventEditForm li span.fstField{display: inline-block; width: 300px;}
.eventEditForm li span.fstField-subject{display: inline-block; width: auto;}
.eventEditForm li span.fstField-subject input.text{width: 444px;}
.eventEditForm li label{display: inline-block; width: 100px; color: #000;}
.eventEditForm li.specialField label{width: auto;}
.eventEditForm select#product{width: 145px;}
.eventEditForm textarea{width: 548px; height: 125px;}
.eventEditForm li.specialField{padding: 0;}
.eventEditForm li div.fileUpload{display: inline; position: relative;}
.eventEditForm li #fakeInput{position: absolute; top: -2px; left: 0px; width:143px; z-index: 1; height: 18px; padding: 0;}
.eventEditForm li #fakeButton{position: absolute; top: -2px; left: 148px; z-index: 2;}
.eventEditForm li #upFile{position: relative; top:-3px; z-index: 100; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: 210px;}


.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;}

.eventList{border: 1px solid #767676; background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0; margin: 0 0 20px 0; padding: 0 10px;}
.eventList h3{padding: 0; margin: 0;  font-size: 14px; font-weight: bold;}
.eventList h3 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; min-width: 2px;}
.eventList h3 a.revealed{background-image: url(/images/publish-dd.png)}
.eventList table{width: 100%; margin: 5px 0;border-collapse: collapse;}
.eventList table th,.eventList table tr.head td{border-bottom: 1px solid #6d6d6d; font-weight: bold;}
.eventList table tr.head{border-bottom: 1px solid #000;}
.eventList table th,.eventList table td{padding: 2px 6px;}

.eventList th{cursor: hand; cursor: pointer;}
.eventList th .sortBtn{background: url(/images/sort-none.png) no-repeat center center; display: inline-block; width: 33px; height: 14px; text-indent: -999em;}
.eventList th.headerSortDown .sortBtn{background-image: url(/images/sort-down.png)}
.eventList th.headerSortUp .sortBtn{background-image: url(/images/sort-up.png)}

.eventDetails{border: 1px solid #dfdfdf; background: #efefef url(/images/article-head-short.png) repeat-x 0 0; padding: 10px;}
.eventDetails h3{font: normal 15px/1 Helvetica, Arial, sans-serif; padding: 0; margin: 6px 0; color: #808080;}
.eventDetails ul{list-style: none; padding: 0; margin: 0;}
.eventDetails li strong{display: inline-block; width: 65px;}
.eventDetails p,.eventDetails li{padding: 4px 0; margin: 0;}
.eventDetails ul.participDetails{clear: both; padding-left: 15px;}
.eventDetails ul.participDetails li{float: left; width: 165px;}
.eventDetails ul.participDetails li strong{width: auto; display: inline;}

.eventReg .mngEvents{margin-bottom: 20px;}

/*-----------------------------------------------------------
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;}/*external link*/
.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 auto;}

#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;}

/*-----------------------------------------------------------
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 url(/images/published-head.png) repeat-x 0 0; margin: 0 0 20px 0; width: 100%; border-collapse: collapse;}
.schoolLoc tr.head,.schoolLoc tr.head:hover{background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0;}
.schoolLoc tr.head th{font-weight: bold; color: #FFF; padding: 4px;}
.schoolLoc tbody th{font-weight: bold; background: url(/images/tableGreenBg.png) repeat-x 0 0; padding: 4px; border-top: 1px solid #767676; border-bottom: 1px solid #767676}
.schoolLoc tr:hover,.schoolLoc tr:hover td{background: #ccc;}

#schoolLocator{width: 928px; 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; width: 413px; background: url(/images/schoolLocatorSearch-bg.png) repeat-x 0 0; padding: 25px;}
#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;}
#schoolLocator .SLSearch .SLInstructions p{padding: 0; margin: 0;}
#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: 13px; width: 15px; color: #FFF; background: #d96d09; text-align: center; padding: 0 0 4px 0;margin-top: 1px;}
#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: 13px; width: 15px; color: #FFF; background: #d96d09; text-align: center; padding: 0 0 4px 0; margin: 3px 0 0 2px;}
#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;}


#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: 413px; 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: 287px;}
#schoolLocatorShowAll .schoolDetails li.disclaimer{font-size: 10px; padding: 8px 0 0 0; border: none;}

.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{padding: 1px 0 5px 0; margin: -7px 0 -8px 0;  font-size: 16px; border-bottom: 1px solid #dfdfdf;font-weight: bold;}
.schoolLocResults h4{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; background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0; margin: 0 0 20px 0; padding: 0 10px;}
.schlocAdminTable h3{padding: 0; margin: 0;  font-size: 14px; font-weight: bold;}
.schlocAdminTable h3 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; 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{width: 80%; margin-left: 20px;}
.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;}

.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;}


/*-----------------------------------------------------------
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{height:41px; background:transparent none; border-top:1px solid #9de04d; margin:0 auto; padding-top:0.5em; width:95%; min-width: 968px;}
#footer p{padding: 10px; margin: 0;color:#7d8280; text-align: center;}
#footer address{display:none;}

#publicFooter{background:#fff; width:95%; min-width: 968px; margin:0 auto 20px auto; padding:0; border-top: solid 6px #6c0;}
#publicFooter #footerNav{color: #000; float: left; margin: 10px 0 10px 15px;}
#publicFooter #footerNav p{font-size: 10px; padding: 0; margin: 0;}
#publicFooter #footerNav a{color: #000;}
#publicFooter #powered{color: #000; float: right; margin-right: 15px; padding: 15px 0 0 0;}



/*-----------------------------------------------------------
District Intelligence
-----------------------------------------------------------*/
.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;}



/*-----------------------------------------------------------
UI Datepicker
-----------------------------------------------------------*/

/* 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*/}