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

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

/*-----------------------------------------------------------
Seasonal Greetings
-----------------------------------------------------------*/
.xmas{background: #bf0103 url(/images/seasonal/xmas.jpg) no-repeat top left !important; padding-top: 130px !important;}
.xmas .regular-content{padding: 26px 63px 0;width: 400px;height: 250px;}

.backtoschool{background: #0d6751 url(/images/seasonal/backtoschool.jpg) no-repeat top left !important; min-height: 0 !important; height: 466px;}
.backtoschool .regular-content{padding: 68px 0 0 285px;width: 400px;height: 250px;}

.schoolsout{background: #a0c8de url(/images/seasonal/schoolsout.jpg) no-repeat top left !important; min-height: 0 !important; height: 466px;}
.schoolsout .regular-content{padding: 176px 0 0 88px;width: 400px;height: 250px;}

.spring{background: url(/images/seasonal/spring.jpg) repeat-x top left !important; min-height: 0 !important; height: 466px;}
.spring #content{padding-left: 0;}
.spring .regular-content{height: 311px; width: 400px;padding: 129px 31px 0 90px;background: url(/images/seasonal/spring-login.png) no-repeat 0 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: 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 #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;position: relative;}
#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; background: url(/images/sideNav-bg.png) repeat-x center center; text-decoration: none;width: 228px;}
#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 a:hover{text-decoration: underline;}
#dbNav ul ul ul li a{padding-left: 25px; font-size: 11px; width: 213px;}
#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;}

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

.rlSearch{margin-bottom: 10px;position: relative;}
.rlSearch ul{list-style: none; padding: 0; margin: 0;}
.rlSearch 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;}
.rlSearch li a:hover{color: #F60;}
.rlSearch li a span,
.rlSearch li a:hover span{color: #900; font-size: 0.9em;}
.rlSearch .rebuild-info{position: absolute; top: 40px; left: 10px; background: url(/images/rebuild-flyout.png) no-repeat 0 0;width: 170px; height: 65px;font-size: 0.9em; padding: 1px 5px;display: none;}

.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 input.text{width: 250px;}
.userMgmt form ol li select{width: 256px;}
.userMgmt form ol li select {border: 1px solid #000;}
.userMgmt form ol li span{display: inline-block;}
.userMgmt form ol li span.error{position: absolute; top: -17px; display: block; left: 430px;}
.userMgmt form ol li.header{padding: 15px 0 0 0; font-weight: bold;}
.userMgmt form ol li.addl-org{display: none;}
.userMgmt form ol li.top{padding: 0;}
.userMgmt form ol .images img{display: none;}
.userMgmt form ol li a#roledefinition-link{display: inline-block; background: url(/images/help.png) no-repeat 0 0; width: 18px; text-indent: -999em;}
.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 .interface-changes{position: absolute; left: 455px; top: 22px; width: 248px;height: auto;background: url(/images/interface-changes-alert.png) repeat-x 0 0 #ffb65f; border: 1px solid #f60;padding:10px}

.userMgmt form.addEditUser{position: relative;}

.userMgmt form .toolbox{background: url("/images/published-head.png") repeat-x scroll 0 0 #F9F9F9;border: 1px solid #767676;width: 865px;}
.userMgmt form .toolbox p{padding: 5px 0 7px; color: #FFF;}
.userMgmt form .internal-tools{float: left;width: 410px;padding: 0 10px;}
.userMgmt form .external-tools{float: left;width: 410px;padding: 0 10px;border-right: 1px solid #767676;}
.userMgmt form .tool{width: 400px; padding: 3px 5px 3px 5px; position: static;clear: both;height:25px;}
.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: 180px;}
.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: 450px; 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; margin-top:43px;}
.userMgmt #results h3{font-weight: bold; background: url(/images/tableGreenBg.png) repeat-x 0 0; border: 1px solid #767676; font-size: 14px; margin: 10px 0 -6px 0; line-height: 1em;width: 100%;}
.userMgmt #results h3 span{display: block;padding: 6px 4px; }
.userMgmt #results h3.country{font-weight: 16px; text-transform: uppercase;margin: 0px 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; width: 100%;}
/*.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;width: 100%;}
.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 table .wordWrap{width:247px;word-wrap: break-word;overflow:hidden;}

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

.userMgmt .exceptions{width: 750px;border: 1px solid #888;margin-bottom: 10px;}
.userMgmt .exceptions th{background: url("/images/published-head.png") repeat-x scroll left top #6d6d6d; color: #fff; padding: 4px;font-weight: bold;}
.userMgmt .exceptions td{padding: 4px;}
.userMgmt .exceptions td.permission{text-align: center;}
.userMgmt .exceptions td select{width: 110px;}
.userMgmt .exceptions tr.tools{border-top: 1px solid #888; font-weight: bold; background: #f6f6f6;}
.userMgmt .exceptions tr.actions .name{padding-left: 12px; width: 320px;}
.userMgmt .exceptions td.action{background: #efefef;padding-left: 20px;}
.userMgmt .exceptions td.action input{display: block; float: left; margin-left: -16px;margin-top: 2px;}
.userMgmt .exceptions td.grant{padding-left: 20px;}
.userMgmt .exceptions td.grant input{display: block; float: left; margin-left: -16px;margin-top: 2px;}
.userMgmt .exceptions tr.tools td.action{background: #e8e8e8;}
.userMgmt .exceptions form{display: inline;}
.userMgmt .exceptions span.exceptions{display: none;}

#facebox .exceptions{width: 550px;margin-top: 15px;}
#facebox .exceptions th{text-align: center;}
#facebox .exceptions td{padding: 1px 3px !important;}

.userMgmt #results table.listusers .col-name {width: 35%;}
.userMgmt #results table.listusers .col-username {width: 20%;}
.userMgmt #results table.listusers .col-role {width: 30%;}
.userMgmt #results table.listusers .col-status {width: 10%;}

.userMgmt .orgs{margin: 10px 0 20px;}
.userMgmt .orgs .exceptions{width: 100%;border-bottom: none;}
.userMgmt .orgs .exceptions td{border-bottom: 1px solid #888;}

.userMgmt .permissions{width: 550px;margin: 15px 0;}

.userMgmt ul.details{list-style: none; padding: 0; margin: 10px 0;}
.userMgmt ul.details li strong{display: inline-block; width: 125px;}
.userMgmt ul.details li{padding: 4px 0; margin: 0;}

.userMgmt h5 .toggle-instructions {text-indent: -9999em;height: 18px;width: 18px;margin-left: 8px;background: url('/images/help.png') no-repeat;display: inline-block; margin-top: -8px;}

/*-----------------------------------------------------------
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 td.attachment{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;}


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

#PSTCellInfo{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;}
#PSTCellInfo h5{font-size: 13px; padding: 0; margin: 1px 0 5px 0; color: #d95700;}
#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;}

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

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

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


/*-----------------------------------------------------------
Show Reports
-----------------------------------------------------------*/

#reportOutput{border: 1px solid #767676; background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0; margin: 0 0 20px 0;}
#reportOutput h3{ padding: 1px 10px 5px 10px; margin: 0;  font-size: 14px; font-weight: bold;color: #FFF;}
#reportOutput h3 span{ color: #DDD; font-weight: normal;}
#reportOutput h3 span.pagination{ float: right; text-align: right;}
#reportOutput h3 span.pagination img{margin: 0 2px -1px 2px;}
#reportOutput h3 a{text-decoration: none; color: #ffa96f;}
#reportOutput 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;}

#reportOutput table td{padding: 2px 6px;border-bottom: 1px solid #cfcfcf;vertical-align: top;}
#reportOutput table tr:hover td{background-color: #CFCFCF;}
#reportOutput table td.cellTypeError{color: #F00;background: url(/images/journalreport/error.png) no-repeat 0 4px; padding-left: 16px;}
#reportOutput table td.cellTypeLogging{color: #009F16; background: url(/images/journalreport/check.png) no-repeat 0 4px; padding-left: 16px;}
#reportOutput table td.cellTypeFailure{color: #F00;background: url(/images/journalreport/error.png) no-repeat 0 4px; padding-left: 16px;}
#reportOutput table td.cellTypeDebug{background: url(/images/journalreport/bug.png) no-repeat 0 4px; padding-left: 16px;}

#reportOutput table td.details{width: 175px;}
#reportOutput table td.details .details-full{display: none;}
#reportOutput table td.details .details-flyout{display: none;position: absolute;z-index: 200; padding: 10px; width: 130px; margin-left: 0; margin-top: 5px;background: #A5E35C; border: 2px solid #76D405; position: absolute;text-align: left; font-size: 11px;}
#reportOutput table td.details .details-flyout .details-snippet{border-bottom: 1px solid #f60;padding-bottom: 3px;margin-bottom: 3px;}
#reportOutput table td.details .details-flyout span{font-weight: bold; color: #F60;}

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

#reportOutput .bottom-results{background: url(/images/published-head.png) repeat-x 0 0; padding: 1px 10px 5px 10px;}

/*-----------------------------------------------------------
Journal Reporting
-----------------------------------------------------------*/

form.excel-form{height: 27px;}
form.excel-form a, a.excelExportBtn{display: block; float: right;background: url(/images/excel-tab.png) no-repeat 0 0;color: #FFF; text-decoration: none;padding: 7px 45px 7px 50px;font: bold 14px/1 Helvetica,Arial,sans-serif;}
a.excelExportBtn{margin-top: -25px; margin-bottom: -1px;}

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: 170px;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;}


/*-----------------------------------------------------------
Map Thumbnails
-----------------------------------------------------------*/
.app .a8181 img, /*Victora*/
.app .a8184 img,
.app .a8190 img,
.app .a8225 img,
.app .a8248 img,
.app .a20633 img, /*Vancouver*/
.app .a20639 img,
.app .a20705 img, 
.app .a2384 img, /*Hamilton*/
.app .a3549 img,
.app .a2396 img,
.app .a17 img, /*Lethbridge*/
.app .a18 img,
.app .a21 img,
.app .a13279 img, /*Prairie Valley*/
.app .a13285 img,
.app .a1676 img, /*River East */
.app .a1680 img
{display: none;}
.a8181.come{background: url(/images/di/maps/8181-COME-size3.jpg) no-repeat -800px -715px;}
.a8181.go{background: url(/images/di/maps/8181-GO-size3.jpg) no-repeat -800px -715px;}
.a8181.net{background: url(/images/di/maps/8181-NET-size3.jpg) no-repeat -800px -715px;}
.a8181.live{background: url(/images/di/maps/8181-LIVE-size2.jpg) no-repeat -550px -180px;}
.a8184.come{background: url(/images/di/maps/8184-COME-size3.jpg) no-repeat -800px -715px;}
.a8184.go{background: url(/images/di/maps/8184-GO-size3.jpg) no-repeat -800px -715px;}
.a8184.net{background: url(/images/di/maps/8184-NET-size3.jpg) no-repeat -800px -715px;}
.a8184.live{background: url(/images/di/maps/8184-LIVE-size2.jpg) no-repeat -630px -180px;}
.a8190.come{background: url(/images/di/maps/8190-COME-size3.jpg) no-repeat -800px -715px;}
.a8190.go{background: url(/images/di/maps/8190-GO-size3.jpg) no-repeat -800px -715px;}
.a8190.net{background: url(/images/di/maps/8190-NET-size3.jpg) no-repeat -800px -715px;}
.a8190.live{background: url(/images/di/maps/8190-LIVE-size2.jpg) no-repeat -290px -310px;}
.a8225.come{background: url(/images/di/maps/8225-COME-size3.jpg) no-repeat -800px -730px;}
.a8225.go{background: url(/images/di/maps/8225-GO-size3.jpg) no-repeat -800px -745px;}
.a8225.net{background: url(/images/di/maps/8225-NET-size3.jpg) no-repeat -800px -715px;}
.a8225.live{background: url(/images/di/maps/8225-LIVE-size2.jpg) no-repeat -490px -300px;}
.a8248.come{background: url(/images/di/maps/8248-COME-size3.jpg) no-repeat -800px -715px;}
.a8248.go{background: url(/images/di/maps/8248-GO-size3.jpg) no-repeat -800px -715px;}
.a8248.net{background: url(/images/di/maps/8248-NET-size3.jpg) no-repeat -800px -715px;}
.a8248.live{background: url(/images/di/maps/8248-LIVE-size2.jpg) no-repeat -670px -350px;}

.a20633.come{background: url(/images/di/maps/20633-COME-size5.jpg) no-repeat -323px -142px;}
.a20633.go{background: url(/images/di/maps/20633-GO-size5.jpg) no-repeat -291px -179px;}
.a20633.net{background: url(/images/di/maps/20633-NET-size5.jpg) no-repeat -291px -179px;}
.a20633.live{background: url(/images/di/maps/20633-LIVE-size5.jpg) no-repeat -310px -171px}
.a20639.come{background: url(/images/di/maps/20639-COME-size5.jpg) no-repeat -291px -179px;}
.a20639.go{background: url(/images/di/maps/20639-GO-size5.jpg) no-repeat -291px -179px;}
.a20639.net{background: url(/images/di/maps/20639-NET-size5.jpg) no-repeat -291px -179px;}
.a20639.live{background: url(/images/di/maps/20639-LIVE-size5.jpg) no-repeat -310px -171px}
.a20705.come{background: url(/images/di/maps/20705-COME-size5.jpg) no-repeat -245px -192px;}
.a20705.go{background: url(/images/di/maps/20705-GO-size5.jpg) no-repeat -245px -192px;}
.a20705.net{background: url(/images/di/maps/20705-NET-size5.jpg) no-repeat -245px -192px;}
.a20705.live{background: url(/images/di/maps/20705-LIVE-size5.jpg) no-repeat -245px -192px;}

.a2384.come{background: url(/images/di/maps/2384-COME-size5.jpg) no-repeat -350px -238px;}
.a2384.go{background: url(/images/di/maps/2384-GO-size5.jpg) no-repeat -350px -238px;}
.a2384.net{background: url(/images/di/maps/2384-NET-size5.jpg) no-repeat -350px -238px;}
.a2384.live{background: url(/images/di/maps/2384-LIVE-size5.jpg) no-repeat -350px -238px;}
.a3549.come{background: url(/images/di/maps/3549-COME-size4.jpg) no-repeat -801px -263px;}
.a3549.go{background: url(/images/di/maps/3549-GO-size4.jpg) no-repeat -801px -263px;}
.a3549.net{background: url(/images/di/maps/3549-NET-size4.jpg) no-repeat -801px -263px;}
.a3549.live{background: url(/images/di/maps/3549-LIVE-size4.jpg) no-repeat -650px -537px;}
.a2396.come{background: url(/images/di/maps/2396-COME-size4.jpg) no-repeat -764px -376px;}
.a2396.go{background: url(/images/di/maps/2396-GO-size4.jpg) no-repeat -764px -376px;}
.a2396.net{background: url(/images/di/maps/2396-NET-size4.jpg) no-repeat -764px -376px;}
.a2396.live{background: url(/images/di/maps/2396-LIVE-size4.jpg) no-repeat -650px -526px;}

.a17.come{background: url(/images/di/maps/17-COME-size5.jpg) no-repeat -357px -173px;}
.a17.go{background: url(/images/di/maps/17-GO-size5.jpg) no-repeat -357px -173px;}
.a17.net{background: url(/images/di/maps/17-NET-size5.jpg) no-repeat -357px -173px;}
.a17.live{background: url(/images/di/maps/17-LIVE-size5.jpg) no-repeat -357px -173px;}
.a18.come{background: url(/images/di/maps/18-COME-size5.jpg) no-repeat -357px -173px;}
.a18.go{background: url(/images/di/maps/18-GO-size5.jpg) no-repeat -357px -173px;}
.a18.net{background: url(/images/di/maps/18-NET-size5.jpg) no-repeat -204px -98px;}
.a18.live{background: url(/images/di/maps/18-LIVE-size5.jpg) no-repeat -341px -134px;}
.a21.come{background: url(/images/di/maps/21-COME-size5.jpg) no-repeat -306px -226px;}
.a21.go{background: url(/images/di/maps/21-GO-size5.jpg) no-repeat -306px -226px;}
.a21.net{background: url(/images/di/maps/21-NET-size5.jpg) no-repeat -306px -226px;}
.a21.live{background: url(/images/di/maps/21-LIVE-size5.jpg) no-repeat -271px -226px;}

.a13279.come{background: url(/images/di/maps/13279-COME-size5.jpg) no-repeat -284px -176px;}
.a13279.go{background: url(/images/di/maps/13279-GO-size5.jpg) no-repeat -284px -176px;}
.a13279.net{background: url(/images/di/maps/13279-NET-size5.jpg) no-repeat -284px -176px;}
.a13279.live{background: url(/images/di/maps/13279-LIVE-size5.jpg) no-repeat -284px -176px;}
.a13285.come{background: url(/images/di/maps/13285-COME-size5.jpg) no-repeat -284px -176px;}
.a13285.go{background: url(/images/di/maps/13285-GO-size5.jpg) no-repeat -284px -176px;}
.a13285.net{background: url(/images/di/maps/13285-NET-size5.jpg) no-repeat -284px -176px;}
.a13285.live{background: url(/images/di/maps/13285-LIVE-size5.jpg) no-repeat -284px -176px;}

.a1676.come{background: url(/images/di/maps/1676-COME-size5.jpg) no-repeat -284px -176px;}
.a1676.go{background: url(/images/di/maps/1676-GO-size5.jpg) no-repeat -284px -176px;}
.a1676.net{background: url(/images/di/maps/1676-NET-size5.jpg) no-repeat -284px -176px;}
.a1676.live{background: url(/images/di/maps/1676-LIVE-size5.jpg) no-repeat -284px -176px;}
.a1680.come{background: url(/images/di/maps/1680-COME-size5.jpg) no-repeat -284px -176px;}
.a1680.go{background: url(/images/di/maps/1680-GO-size5.jpg) no-repeat -284px -176px;}
.a1680.net{background: url(/images/di/maps/1680-NET-size5.jpg) no-repeat -284px -176px;}
.a1680.live{background: url(/images/di/maps/1680-LIVE-size5.jpg) no-repeat -284px -176px;}


/*-----------------------------------------------------------
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 20px 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: left;}
.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: 150px; 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;}

/*-----------------------------------------------------------
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 #upFile{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;}
.KCContent{}
.KCContent h4{padding: 0; margin: 0;  font-size: 14px; line-height: 1em; background: #fff url(/images/article-head.png) repeat-x 0 0;padding: 7px 0 7px 5px;}
.KCContent h4 span.search{font-size: 12px; font-weight: normal;}
.KCContent h4 span.internal{display: block; float: right;background: url(/images/internal.png) no-repeat 0 0;height: 16px; width: 16px;overflow: hidden; text-indent: -999em;margin-right: 6px;}
.KCContent ul{list-style: none; padding: 0; margin: 0; list-style: none; border-right: 1px solid #eee;border-left: 1px solid #eee;margin-bottom: 20px;}
.KCContent li{padding: 0 21px 0 0; margin: 0; border-bottom: 1px solid #eee; position: relative;}
.KCContent li:hover{background-color: #efefef;}
.KCContent li a,
.KCContent li span{display: block; padding: 7px 5px 5px 5px; margin: 0; padding-left: 28px; background: url(/images/unknown.png) no-repeat 2px center;}
.KCContent li span.date{display: block; padding: 0 5px; margin: -20px 30px 0 0;font-size: 11px;color: #666;float: right;background: none;}
.KCContent li span.edit{display: block; padding: 0 5px; margin: -21px 0 0;font-size: 11px;float: right;background: none;}
.KCContent li span.edit a{padding: 0; display: inline;background: none;}
.KCContent li p{padding: 0 5px 4px 28px;font-size: 11px;color: #666; overflow: hidden;word-wrap: break-word;}
.KCContent li p a{display: inline; padding: 0; font-weight: normal;background: none;}
.KCContent li div.internal{position: absolute; top: 10px; right: 5px;width: 16px; height: 16px;background: url(/images/internal.png) no-repeat 0 0; text-indent: -999em;}
.KCContent li div.internal-flyout{position: absolute; top: 9px; right: 20px;background: url(/images/greyarrow.png) no-repeat 0 0;padding: 2px 23px 2px 5px;display: none;}
#dbNav ul li .internal-flyout{position: absolute; top: 2px; right: 25px;background: url(/images/greyarrow.png) no-repeat 0 0;padding: 2px 23px 2px 5px;display: none;}
#dbNav ul li a span.internal-icon{position: absolute; right: 13px; top: 2px; width: 15px; height: 15px;text-indent: -999em;padding: 0;background: url(/images/internal.png) no-repeat 0 0; border: none;cursor: pointer;}
#dbNav ul li span.kc{display: block; border: 1px solid #c2c2c2; padding: 1px 5px; background: #e7e7e7;}
#dbNav ul li span.kc a{font-size: 14px;}
#dbNav ul li span.kc span{position: absolute; height: 16px; width: 16px; padding: 0; margin: 0;top: 5px; right: 10px;background: url(/images/home.gif) 0 0 transparent;border: none; text-indent: -999em;cursor: pointer;}
#dbNav ul li div.home-flyout{position: absolute; top: 5px; right: 30px;background: url(/images/greyarrow.png) no-repeat 0 0;padding: 2px 32px 2px 5px;display: none;}

.KCContent li a.pdf{padding-left: 28px; background: url(/images/pdf.png) no-repeat 2px center;}
.KCContent li a.doc{padding-left: 28px; background: url(/images/doc.gif) no-repeat 2px center;}
.KCContent li a.docx{padding-left: 28px; background: url(/images/doc.gif) no-repeat 2px center;}
.KCContent li a.xls{padding-left: 28px; background: url(/images/xls.png) no-repeat 2px center;}
.KCContent li a.xlsx{padding-left: 28px; background: url(/images/xls.png) no-repeat 2px center;}
.KCContent li span.link{padding-left: 28px; background: url(/images/flyout.gif) no-repeat 6px center;}
.KCContent li span.link a{display: inline; padding: 0;}
.KCContent li a.video,
.KCContent li a.wmv,
.KCContent li a.mp4,
.KCContent li a.avi{padding-left: 28px; background: url(/images/video.png) no-repeat 2px 4px;}
.KCContent li a.article,
.KCContent li a.Article{padding-left: 28px; background: url(/images/document.png) no-repeat 2px center;}
.KCContent li span.glossary{display: block;padding-left: 28px; background: url(/images/book_blue.png) no-repeat 2px center;}

#dbNav ul li span.kc{display: block; border: 1px solid #c2c2c2; padding: 1px 5px; background: #e7e7e7 url(/images/home.gif) no-repeat 95% 5px;}
#dbNav ul li span.kc a{font-size: 14px;}

.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{float: left;}
.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 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: 210px;float: left;margin-right: 15px;}
.addKnowledge ol li.internal span,
.addKnowledge ol li.external span{display: block;}
.addKnowledge ol li span.child,
.addKnowledge ol li span.parent{clear: both; min-height: 21px;}
.addKnowledge ol li.internal span.child,
.addKnowledge ol li.external span.child{padding-left: 20px;}
.addKnowledge ol li.internal input,
.addKnowledge ol li.external input{margin-right: 6px;margin-top: 2px;display: block; float: left;}
.addKnowledge ol li.internal label,
.addKnowledge ol li.external label{width: auto;display: block; float: left;}
.addKnowledge ol li.disabled strong,
.addKnowledge ol li.disabled label{color: #999;}

#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;background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0; 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: url(/images/tableGreenBg.png) repeat-x 0 0; padding: 4px; border-top: 1px solid #767676; border-bottom: 1px solid #767676;text-align:center; white-space:nowrap;}
.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/tableGreenBg_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{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;}
#deReports-xthf0 .topRow{border-left: 1px solid #FFF;border-right: 1px solid #FFF;}
.deReports tr.head,.deReports tr.head:hover{background: #f9f9f9 url(/images/published-head.png) repeat-x 0 0;}
.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: url(/images/tableGreenBg.png) repeat-x 0 0; 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: url(/images/tableGreenBg.png) repeat-x 0 0; 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/tableGreenBg.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/tableGreenBg.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{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: #f9f9f9 url(/images/published-head.png) repeat-x 0 0;}
.toolOrg2Tool tr.topRow{background-color:white;width:100%;border-left: none;}
.toolOrg2Tool tr.head th{font-weight: bold; color: #FFF; padding:4px; background: #6E6E6E url(/images/published-head.png) repeat-x 0 0;}
.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/tableGreenBg.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 .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;}

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

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

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

/*-----------------------------------------------------------
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 ol li{position: relative; z-index: 100;}
.clientSetup form ol li label{display: inline-block; width: 165px; overflow: visible;}
.clientSetup form ol li input.text{width: 250px;}
.clientSetup form ol li select{width: 256px;}
.clientSetup form ol li select {border: 1px solid #000;}
.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 form ol.checkboxForm label{width: auto;}
.clientSetup form ol.checkboxForm input{margin-right: 10px;}
.clientSetup form ol.checkboxForm  ul{margin-left: 25px;}

/* ORGANIZATION TO CONTACT ROLE */
#cs_sortable1, #cs_sortable2 { list-style-type: none; margin: 0; padding: 0; float: left; }
#cs_sortable1 li { color:black; margin: 5px 5px 5px 5px; padding: 5px; border:1px dashed black; width: 280px; cursor:move; background-color:#83D81E; } 
#cs_sortable2 li { margin: 5px 5px 5px 5px; padding: 5px; border:1px dashed lightgrey; width: 280px; cursor:move; }
.cs_connectedSortable { width:300px; min-height:300px; border:1px dashed lightgrey; }
.cs_listheading {font-size: 12px;}

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

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





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