/* 	GIS Planning Site Finder CSS Document
	Admin Interface
	Stylesheet author:  S. Mattern for GIS Planning, GIS P Additions as necessary
 	Date: June 2009 */

/* ========== Admin Content Box ========== */

#adminBox {
	margin-top: 15px;
	min-width: 800px;
	width: 100%;
	background-color: #F2F6F9;
	position: relative;
}

/*adminBox rounded corners, .t width needs to be same as adminBox*/
#adminBox .t {
	background: url(../admin-images/corners/dot.gif) 0 0 repeat-x;
	width: 100%;
}
#adminBox .b {
	background: url(../admin-images/corners/dot.gif) 0 100% repeat-x;
}
#adminBox .l {
	background: url(../admin-images/corners/dot.gif) 0 0 repeat-y;
}
#adminBox .r {
	background: url(../admin-images/corners/dot.gif) 100% 0 repeat-y;
}
#adminBox .bl {
	background: url(../admin-images/corners/bl.gif) 0 100% no-repeat;
}
#adminBox .br {
	background: url(../admin-images/corners/br.gif) 100% 100% no-repeat;
}
#adminBox .tl {
	background: url(../admin-images/corners/tl.gif) 0 0 no-repeat;
}
#adminBox .tr {
	background: url(../admin-images/corners/tr.gif) 100% 0 no-repeat;
	padding: 5px;
}

/* ========== Admin Header ========== */

#adminBoxContent {
	width: 100%;
	background: #f6f7fb url(../admin-images/sidebarbg.jpg) top left repeat-y;
	border: solid #999999;
	border-width: 0 0 1px 0;
	}
	
#adminBoxHeader {
	background: url(../admin-images/adminHeaderBg.png) top center repeat-x;
	width: 100%;
	height: 30px;
	z-index: 10;
	}

#adminBoxHeader .tl {
	height: 100%;
	background: url(../admin-images/adminHeaderTl.gif) top left no-repeat;
	z-index: 20;
	}

#adminBoxHeader .tr, .roundedHeader {
	height: 100%;
	background: url(../admin-images/adminHeaderTr.gif) top right no-repeat;
	z-index: 20;
	}

#adminBoxHeader h2 {
	color: white;
	font-weight: normal;
	font-size: 18px;
	padding-left: 10px;
	float: left;
	}

#adminBoxHeader .logout {
	float: right;
	color: white;
	font-size: 15px;
	padding-right: 10px;
	}

#adminBoxHeader .logout a, #adminBoxHeader .logout a:hover {
	color: white;
	text-decoration: none;
	}

/* ========== Sidebar ========== */

#adminSidebarCell {
	background: #f6f7fb url(../admin-images/sidebarbg.jpg) top left repeat-y;
	border: solid #999999;
	border-width: 0 0 1px 0;
	width: 176px;
}

#adminSidebar {
	height: 100%;
	background: url(../admin-images/sidebartop.jpg) top no-repeat;
	}

#adminSidebar h3, #adminMain h3 {
	font-weight: normal;
	color: #8f8f8f;
	font-size: 23px;
	padding: 20px 10px 5px 20px;
	}

#adminMain h3 {
	display: block;
	border-bottom: 1px solid #e3e5f1;
	}
	
#adminMain table h3
{
	 border-bottom-width: 0px;
}	
	
.adminMainContent h4
{
	color: #8f8f8f;
    font-size: 17px;
    border-bottom: 0px;
    font-weight: normal;
    padding-left: 35px;
}

#adminSidebar ul {
	list-style: none;
	margin: 15px 0 15px 20px;
	}

#adminSidebar ul li, #reportMenu ul li {
	list-style: none;
	padding: 3px 0 3px 0;
	font-size: 14px;
	color: #767676;
	display: block;
	}

#adminSidebar ul li a, #reportMenu ul li a {
	color: #767676;
	font-decoration: none;
	}

#adminSidebar ul li.green a {
	color: #2f8927; /*green*/
	font-decoration: none;
	}

#adminSidebar ul ul {
	margin: 0 0 0 10px;
	}
	
#adminSidebar ul ul li {
	font-size: 12px;
	}

#adminSidebar .current a {
	font-weight: bold;
	}

/* ========== Main Column ========== */

#adminMainCell {
	background: url(../admin-images/adminMainTop.png) top repeat-x;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	}

#adminMain {
	min-width: 612px;
	padding-top: 5px;
	}

#adminMainTable {
	float: left;
	margin-top: 20px;
	}

/*===Site Sidebar===*/
.siteSidebarCell {
	width: 140px;
	}

.siteSidebar {
	background: url(../admin-images/siteSidebarEdge.png) top right repeat-y;
	position: relative;
	padding-right: 5px;
	height: 100%;
	}

.siteSidebar h4 {
	color: #2f8927; /*green*/
	font-size: 12px;
	font-weight: bold;
	height: 26px;
	padding: 10px 0 0 20px;
	}

.siteSidebar .siteList {
	border-top: 1px #e3e5f1 solid;
	}
	
.siteSidebar .siteName {
	border: #e3e5f1 solid;
	border-width: 0 0 1px 0;
	color: #767676;
	font-size: 13px;
	height: 25px;
	font-weight: bold;
	padding: 10px 0 0 20px;
	position: relative;
	}


/*==popout sliders==*/

.siteSliderClosed {
	height: 36px;
	width: 20px;
	background: url(../admin-images/siteSliderClosed.png) center left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	}

.siteSliderClosed b {
	position: absolute;
    left: -999em;
    width: 1em;
    overflow: hidden;
	}

.siteSliderClosed a {
	height: 36px;
	width: 20px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	}

.siteSliderOpen {
	display: none;
	position: absolute;
	width: 132px;
	height: 36px;
	background: url(../admin-images/siteSlider.png) center left no-repeat;
	top: 0;
	left: 0;
	z-index: 30;
	}

.siteSliderOpen li {
	display: inline;
	float: left;
	font-size: 12px;
	padding: 10px 0 0 10px;
	}

.siteSliderOpen a {
	padding: 0px;
	display: inline;
	width: auto;
	height: auto;
	color: #767676; /*grey*/
	}

.siteSliderOpen li.green a {
	color: #2f8927; /*green*/
	}

/*===Category Slider===*/

#mlSlideWidget {
	position: relative;
	margin: 0 5px 0 -5px;
	border-right: 2px solid #CCC;
	border-left: 2px solid #CCC;
	width: 500px; /*needs a set width & height: width to be set with JS?*/
}

#sliderWindow {
	position: relative;
	min-height: 500px;/*needs a set width & height: height to be set with JS?*/ 
	width: 500px; /*needs a set width & height, needs to match width in admin-slider.js: width to be set with JS?*/
	}

.sliderGallery {
	overflow: auto;
	background: url(../admin-images/adminMainTop.png) top repeat-x;
	}

.sliderGallery ul.sliderList {
	top: 0px;
	left: 0px;
	padding-bottom: 0;
	position: absolute;
	list-style: none;
	height: auto; /*does height need to be set?*/
	overflow: auto;
	width: 2000px;
	white-space: nowrap;
	}

#mlSlideWidget .sliderGallery ul li.group {
	display: inline;
	float: left;
	}

#scroll {
	position: absolute;
	top: -60px;
	z-index: 100;
	width: 100%;
	height: 50px;
	}

#scroll ul {
	height: 20px;
	margin-bottom: 8px;
	list-style: none;
	}

#scroll li.marker {
	padding: 5px 0 5px 0;
	text-align: center;
	z-index: 90;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #767676;
	width: 100px;
	border-bottom: 1px solid #e3e5f1;
}

.handle {
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 110;
	height: 24px;
	
}
	
.fakeHandle {
	position: absolute;
	left: 0;
	z-index: 80;
	height: 24px;
	width: 100%;
}

table.categoryTable {
	margin-top: 16px;
	}
	


.categoryTable th {
	height: 20px;
	font-size: 11px;
	color: white;
	font-weight: normal;
	background: url(../admin-images/adminHeaderBg.png) center left repeat-x;
	text-align: center;
	}

.categoryTable th span {
	background: url(../admin-images/minArrowDown.png) center right no-repeat;
	padding-right: 10px;
	margin-right: 2px;
	}

.categoryTable th a {
	color: white;
	text-decoration: none;
	}

.categoryTable td {
	height: 36px; 
	text-align:left;
	padding: 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px #e3e5f1 solid;
	background-color: white;
	}

.categoryTable td.alt,
.categoryTable tr.alt td
 {
	background-color: #B8C0C1;
}

.categoryTable td.inactiveAN,
.categoryTable tr.inactiveAN td
{
	background-color: #78C468;	
	font-style: italic;
}

.inactiveAN td a
{
	color: Black;
}

.categoryTable 
{
	border-left-width: 0px;
	border-right-width: 0px !important;
}

.categoryTable tr.alt
{
	border-right-width: 0px;
}
	
/** Added CSS for UserName **/

.userName 
{
    color: White;
}
	
/** Added CSS for the search table **/
.searchTable
{
    position: absolute;
    left: 225px;
    text-align: left;
}

.searchTable td
{
    text-align: left;
}

/** Added CSS for image sliders **/

#imageNav
{
      position:relative;
}
#imageNav .back {
      width: 45px;
      height: 44px;
      overflow: hidden;
      background: url(../admin-images/previous.png) top no-repeat;
      position: absolute;
      z-index: 10;
      left: -20px;
      top: 60px;
}

#imageNav .back a
{
      width: 45px;
      height: 44px;
      display: block;
      overflow: hidden;
      cursor: pointer;
      background: url(../admin-images/previous.png) bottom no-repeat;
}

#imageNav .back a:hover
{
      background-image: none;
      text-decoration: none;
      cursor: pointer;
}

#imageNav .next
{
      width: 45px;
      height: 44px;
      overflow: hidden;
      background: url(../admin-images/next.png) top no-repeat;
      position: absolute;
      z-index: 10;
      right: -20px;
      top: 60px;
}
#imageNav .next a
{
      width: 45px;
      height: 44px;
      display: block;
      overflow: hidden;
      cursor: pointer;
      background: url(../admin-images/next.png) bottom no-repeat;
}

#imageNav .next a:hover
{
      background-image: none;
      text-decoration: none;
      cursor: pointer;
}

#imageNav .back b, #imageNav .next b
{
      position: absolute;
      left: -999em;
      width: 1em;
      overflow: hidden;
}

#propertyImageBox
{
      margin-bottom: 10px;
      height: 188px;
      border: 1px solid #43943c;
      overflow:hidden;
}

#propertyImageSlider {
      position:absolute;
      width:10000px;/*way bigger than probably needed*/
}

#propertyImageSlider ul, #propertyImageSlider ul li, #propertyImageSlider ul li a, #propertyImageSlider ul li a img {
      padding:0 0 0 0;
      margin: 0 0 0 0;
}
#propertyImageSlider ul li {
      display: inline;
}


/*==Add==*/
.formSidebar {
	width: 280px;
	font-size: 12px;
	color: #333;
	}

.formSidebar p, .mapContainer p, .tabContent p {
	clear: both;
	padding: 3px 0 3px 0;
	}

.formSidebar label, .formSidebar .headings, .searchTable .headings {
	width: 80px;
	padding: 3px 5px 0 0;
	text-align: right;
	float: left;
	color: #767676;
	}
	
.searchTable .headings
{
	float: none;
}
	
th.headings
{
	text-align: center;
}	

.mapContainer label {
	width: 50px;
	padding: 3px 5px 0 0;
	text-align: left;
	float: left;
	color: #767676;
	}
	
.SiteAttributeGroup
{
	min-height: 30px;
}	

td.inputWhite input, .SiteAttributeGroup input, td.inputWhite select, span.inputWhite input {
	border: none;
	background: url(../admin-images/inputWhite.gif) left center no-repeat;
	width: 177px;
	height: 13px;
	padding: 3px;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
td.inputWhite input[type='checkbox']	
{
	width: 15px;
}	
	
.SiteAttributeGroup input[type='checkbox']	
{
	width: 15px;
	margin-top: 9px;
}

.SiteAttributeGroup input[type='text']	
{
	margin-top: 6px;
}
	
td.inputWhite select {
    height: 23px;    
}	

.inputWhite .dropList 
{
    background-image: none;
    height: 75px;
    width: 220px;
    padding-bottom: -20px;
}


#adminMainTable td
{
    padding-top:2px;
    padding-bottom:2px;
}

td.inputGrey input {
	border: none;
	background: url(../admin-images/inputGrey.gif) left center no-repeat;
	width: 177px;
	height: 13px;
	padding: 3px;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.checkBox {
	width: 12px;
	height: 13px;
	padding-right: 5px;
	margin: 0;
	float: left;
	display: block;
	position: relative;
}

.checkBox a {
	width: 12px;
	height: 13px;
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	cursor: pointer;
	background: url(../admin-images/checkBox.png) top no-repeat;
}

.checkBox a:hover, .checkBox.set a {
	background: url(../admin-images/checkBox.png) bottom no-repeat;
}

.checkBox b {
	/*this hides the text in the link*/
	position: absolute;
	left: -999em;
	width: 1em;
	overflow: hidden;
}

.mapContainer {
	text-align: left;
	padding-right: 20px;
	overflow: hidden;
	}

.mapContainer #map_canvas {
	}
	
#map_canvas, #map_cover
{
	position:absolute;
	border: 2px solid #dadada;
	width: 100%;
	height: 300px;
	margin-bottom: 5px;
}
	
#map_cover
{
	top: 0px;
	z-index: 50;
	background-image: url('../../../images/menuBackground.png');
	background-repeat: repeat;
}	

.mapContainer .set {
	width: 98px;
	height: 45px;
	margin: -45px 0 0 0;
	float: right;
	background: url(../admin-images/setBtn.png) top no-repeat;
	}

.mapContainer .set a {
	width: 98px;
	height: 45px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	background: url(../admin-images/setBtn.png) bottom no-repeat;
}

.mapContainer .set a:hover {
	background-image: none;
	text-decoration: none;
	cursor: pointer;
}

.mapContainer .set b, .add b, .details b, .edit b, .editOnDone b {
	position: absolute;
	left: -999em;
	width: 1em;
	overflow: hidden;
}

.add, .details, .edit, .editOnDone {
	width: 147px;
	height: 53px;
	float: right;
	margin: -45px -10px 0 0;
	top: 0;
	right: 0;
	background: url(../admin-images/addBtn.png) top no-repeat;
	}
	
.edit, .editOnDone 
{
	background: url(../admin-images/editBtn.png) top no-repeat;
}	

.details
{
	background: url(../admin-images/doneBtn.png) top no-repeat;
}	
.add a, .details a, .edit a, .editOnDone a {
	width: 147px;
	height: 53px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	background: url(../admin-images/addBtn.png) bottom no-repeat;
}

.editOnDone
{
	margin-right: 20px;	
}
/*===Misc. Main Content===*/

.adminMainContent {
    font-size: 12px;
    color: #333;
    padding: 20px;
    }

.adminMainContent p {
    padding: 3px 0 3px 0;
    }

.add a:hover {
	background-image: none;
	text-decoration: none;
	cursor: pointer;
}

.tabs {
	padding: 20px 0 5px 0;
	padding-left: 20px;
	background-image: url('../../images/light_grey.png');
	background-repeat: repeat;
	}

.tabs li {
	display: inline;
	padding-right: 20px;
	}

.tabs a {
	font-size: 13px;
	font-weight: bold;
	color: #767676;
}

.tabs .current a {
	color: #2f8927; /*green*/
	background-image: url('../../images/light_grey.png');
	}

.tabContent {
	clear: both;
	background: #eff2fb url(../admin-images/adminMainTop.png) top repeat-x;
	padding: 20px;
	font-size: 12px;
	color: #767676;
	}
	
.tab_headers
{
	background-image: url('../../images/light_grey.png');
	background-repeat: repeat;	
}	
	
/*===Misc. Main Content===*/

.adminMainContent {
    font-size: 12px;
    color: #333;
    padding: 20px;
    }

.adminMainContent p {
    padding: 3px 0 3px 0;
    }
	
	
	/*---------------Sitte Attribute Groups----------*/
	ul.SiteGroup
	{
	    display:none;
	}
	
/****  Password Reset Table ***/
.passwordTable
{
    width: 100%;
}

/*Input Type Table*/
table.InputTypeSubTable
{
	height: 65px;
	background: #fafafa url(../images/LargeOptionGradient.png) repeat-x top;
	font-size: 12px;
}
.InputTypeSubTable table
{
	background: transparent none;
	border-width: 0px;
}

.center
{
	text-align: center;
	margin: 0 auto;
}
.right
{
	text-align: right;
	margin-left: auto;
	margin-right: auto;
}
.left
{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/*DisplayIconCell*/
td.displayIconCell
{
	height: 59px;
	width: 59px;
	padding-left: 2px;
	padding-right: 2px;
}
td.displayIconCell:hover
{
	background: gainsboro url(../images/LargeOptionGradient.png) repeat-x top;
}
.displayIconCell div
{
	background-image: url(../images/small_green_btn.png);
	background-repeat: no-repeat;
	height: 47px;
	width: 59px;
	vertical-align: middle;
	text-align: center;
	padding-top: 12px;
}

.longText
{
	width: 575px;
}

.fromLine td
{
	padding-top: 8px;
	padding-bottom: 8px;
}

/* radio button list */
.siteRBL table
{
	margin: 0;
}

.siteRBL  table tbody tr td label
{
	float: none;
}

.errorMessage
{
	color: Red;
}

.loginContainer
{
	width: 450px;
}

.loginControlContainer
{
	padding-bottom: 15px;
}

.statsTable
{
	width: 300px;
}

#bread {
	color: #ccc;
	padding: 3px;
	font-size: small;
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 10px;
	border: none;
	list-style: none;
	display: inline;
	}

td.dashboardData
{
	text-align: right;
}

.statsTable
{
	overflow: hidden;

}

.statsTable * table
{
	width: 100%;
	margin-top: 0px !important;
	z-index: -1;
}

.statsTable * .tr
{
	padding: 1px !important;
}

.statsTable * .categoryTable th
{
	font-size:medium;
	height: 30px;
}

#mapButtons
{
	padding-top: 45px;
	padding-left: 100px;	
}

#mapButtons li 
{
	margin-left: 0px;
	margin-bottom: 100px;
	background-image: url('../../images/ly_button.png');
	background-repeat:  no-repeat;
	height: 50px;
	width: 190px;
}

#mapButtons li a
{
	color: black;
	font-weight: bold;
	padding-left: 25px;
	padding-top: 20px;
	height: 25px;
	vertical-align:middle;
	float: left;
	display: inline;
}

.setButton, .cancelButton
{
	overflow: hidden;
}

#map_commands
{
    position: absolute;
    top: 313px;
	height: 46px;
	overflow: hidden;
	float:right;	
}

#map_position
{
	position:absolute;
	top:195px;
	left: 600px;
	width:400px;
	height:400px;	
}

.containerImages
{
	position: absolute;
	top: 540px;
	left: 600px;
}

.containerDocuments
{
	position: absolute;
	top: 620px;
	left: 600px;
	width:  200px;
}

#imagesModal
{
	width: 	700px;
	position: absolute;
	top:  500px;
}

#documentModal 
{
	width: 450px;	
}

#imagesModal hr,
#documentModal hr
{
	margin-bottom: 10px;
}

#imagesModal h3,
#documentModal h3
{
	padding-top: 0px;	
}

#imageCommands,
#docCommands
{
	float: right;
	padding-bottom: 50px;
}

.modalLoader
{
	padding: 30px 0px 60px 280px;
}


#documentModal .modalLoader
{
	padding-left: 160px;
	
}
.mainMenuSpinner
{
	padding: 10px 10px 50px 10px;
}

#ImageGallery .galleria
{
	width: 600px;
}


#submittedItems .approvalCol 
{
	width: 50px;
	height: 40px;	
}


#submittedItems td
{
	text-align: left;
	width: 300px;
}

#submittedItems h3
{
	padding-left: 5px;
	border-bottom-width: 1px;
}

#submittedItems table
{
	 /*border: solid 1px black;
*/
}

.headerText,
.commandText
{
	background-color: #eeedf2;
}

.approvedItem
{
	background-image: url('/images/icons/thumbsup.png');	
	background-repeat: no-repeat;
	width: 27px;
	height: 27px;
}

.unapprovedItem
{
	background-image: url('/images/icons/thumbsdown.png');	
	background-repeat: no-repeat;	
	width: 27px;
	height: 27px;
}

#ajaxLoaderAN
{
	padding-left: 125px;
	padding-top: 50px;	
}

.anCommand
{
	border-right: 0px  !important;
	padding-left: 0px;
	padding-right: 0px;
}

.anDocType
{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding-left: 0px;
	padding-right: 0px;}

.statusCol
{
	width: 16px;
}

.anData
{
	width:200px;
	border-right:0px;
	border-left: 1px solid  #E3E5F1;
}

.anData img
{
	position: relative;
	top: 2px;
	padding-right: 5px;
}

.submittedHeading
{
	font-size:large !important;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 220px;
}


.attributeLabel
{
	width: 350px;
	font-size: medium;
	padding: 5px 10px 0px 0px;
	float:left;
	text-align: right;
	height: 23px;
	color: #404040;
}

.attReq
{
	color: Red;	
	font-size: large;
	font-weight: bold;
}

.attErrorMsg
{
	color: Red;	
	padding-right: 15px;
	padding-left: 5px;
}


.attribDir
{
	padding-bottom: 10px;
	font-size: medium;
	font-weight: bold;
}

.adminHint
{
	color: #909090;
	font-size: 9pt;
	padding-bottom: 10px;
}

.siteAttrib
{
	color: White;
}

.typeHint
{
	display: none;
}

.validSummary, .validSummary ul
{
	margin-left: 0px;	
}

.validSummary ul
{
	width: 350px;	
}

.validSummary li
{
	padding-left: 2em;
	text-indent: -2em
}