@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	font-size: 0.86em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
}

h1, h2, h3, h4 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 100%;
}

h1 {
	font-size: 110%;
}

h2 {
	font-size: 200%;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
}

a, a:link, a:visited {
	color: #6b82a5;
}

a:hover, a:active, a.link_hover {
	color: #FF9933;
	}
	
p {
	margin: 0 0 20px 0;
}


fieldset {
	border: 1px solid #CCC;
	padding: 10px;
}

legend {
	padding: 4px;
	border: 1px solid #000;
	margin-bottom: 20px;
}

fieldset label {
	width: 140px;
	display: block;
	clear: left;
	float: left;
}

.note {
	color: #666666;
}

#container {
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	font-size: 0.85em;
}

div.clear {
	clear:both;
	height: 1px;
	width: 100%;
	display: block;
}


#editor {
	width: auto;
	margin-right: 20px;
	height: 300px;
}



/*-------------------------------------*/
/*  Header Styles                      */
/*-------------------------------------*/
#header {
	background-color: #EFEFDF; 
	display:block;
	padding: 0;
	padding-top: 15px;
	min-width: 875px;
}

#header h1 {
	display:block;
	width: 545px;
	background: url(../images/logo-website-control-panel.gif) no-repeat left top;
	float:left;
	height:65px;
	margin:0 0 3px 35px;
}

#header h1 a {
	display:block;
	height: 55px;
	width: 545px;
}
#header h1 span{
	display: none;
}

#header h2, #header h3 {
	font-size: 100%;
	font-weight: normal;
	padding:0;
	margin: 0;
	
}

#header h2 {
	float:right;
	text-align: right;
	margin-right: 20px;
}

#header h3 {
	font-weight: normal;
	margin-top: 6px;
	text-transform: capitalize;
	font-size: 180%;
	color: #000000;
}

#account_id {
	color: #999999;
}

	/*-------------------------------------*/
	/*  menu Styles                      */
	/*-------------------------------------*/

	#menuContainer {
		margin: 0;
		padding: 0;
		display:block;
		height: 30px;
		background-color:#CBCBBD;
		clear:left;
	}
	
	#tab-property span,
	#tab-resources span
	{
		background: url(../images/ddi_triangle.gif) bottom right no-repeat;
	}
	
	
	#menu {
		margin-left: 40px;
		display:block;
		width: 850px;
	}
	
	
	ul.jd_menu {
		list-style: none;
		display: inline;
		margin: 0;
		padding: 0;
	}
	
	ul.jd_menu li {
		float:left;
		margin: 4px 6px 0 0;
		width: 80px;
	}
	
	ul.jd_menu li a {		 	
	    color: #000;
	    display: block;
	    height: 20px;
		line-height: 20px;
	    text-decoration: none;
		text-align:center;
		border: 1px solid #FFF;
		width: 80px;
		cursor: pointer;
	}
	
	ul.jd_menu li a span {		 	
	    display: block;
	    height: 20px;
		line-height: 20px;
	    width: 80px;
		cursor: pointer;
	}

	
	ul.jd_menu li.current a {
	    color: #FFF;
	    font-weight: bold;
		background-color: #5E82A3;
	}
	
	ul.jd_menu li a:hover {
		color:#FFF;
		background-color: #5E82A3;
	}

	
/* -- Sub-Menus -- */	

ul.jd_menu ul.submenu li,
ul.jd_menu ul.submenu li a,
ul.jd_menu ul.submenu li a:hover,
ul.jd_menu ul.submenu li a:active
{
	background:none;
	width: 80px;
	float:left;
	padding:0;
	margin:0;
	width: 80px;
}


ul.jd_menu ul.submenu {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
	background-color: #CECBBD;
	color:#000;
	width: 82px !important;
}

* html ul.jd_menu ul.submenu {
	background-color: #CECBBD;
	border:none;
	width: 80px;
}

ul.jd_menu ul.submenu li {
	color: #000;
	margin: 0;
	padding: 0;
	font-weight: normal;
	background-color: #CECBBD;
	float:left;
	display:block;
	width: 82px !important;
}
ul.jd_menu li.current ul.submenu a {
	font-weight: normal;
}
ul.jd_menu ul.submenu li a{
	color: #000;
	margin: 0;
	width: 80px !important;
	border-top: none !important;
}


ul.jd_menu ul li.jdm_hover,
ul.jd_menu ul li.jdm_active {
	background-color: #5A82A5;
	color: #000;
}



	
/*-------------------------------------*/
/*  Content Styles                     */
/*-------------------------------------*/
#contentContainer {
	clear: both;
	margin: 0;
	margin-top: 20px;
	width: 900px;
}

#leftColumn {
	width: 35px;
	display:block;
	float:left;
	color: #6b82a5;
	margin: 0 auto;
	text-align:center;
	
}

#content {
	margin-left: 40px;
	margin-right:  40px;
}


	/*-------------------------------------*/
	/*  tables Styles                      */
	/*-------------------------------------*/

	table {
		padding: 0;
		margin: 0;
	}
	table td {
		margin: 0;
		padding: 2px;
		vertical-align: top;
	}
	

	th.sort{
		cursor: pointer;
		padding-right: 8px;
		text-align: left;
	}
	th.headerSortUp {
		background: #F2F2F2 url(../images/sort_tris.png) no-repeat right 7px;
	}
	
	
	th.headerSortDown{
		background: #F2F2F2 url(../images/sort_tris.png) no-repeat right -42px;
	}
			

	.evenrow {
	background-color:#F2F2F2;
	}
	
	.sortable {
		background: url(../images/sort_tris.png) no-repeat;
		cursor: pointer;
	}

	tr.header, table th {border-bottom:1px solid #000}
	
	tr.header:hover {
		background-color: #FFF;
	}
	
	/*-------------------------------------*/
	/*  icons Styles                       */
	/*-------------------------------------*/
	
	.updn {
		width: 20px;
		margin: 0;
		height: 24px;
	}
	.updn .up span, .updn .dn span {
		display: none;
	}
	.updn .up, .updn .dn {
		height: 11px;
		width: 10px;
		background-image:url(../images/up-dn.png);
		background-repeat:no-repeat;
		float:left;
		margin-top: 6px;
	}
	.updn .up {
		background-position:  -4px -4px;
	}
	.updn .dn {
		background-position: -16px -4px;
	}
	.updn div.up:hover {
		background-position:  -34px -4px;
		cursor: pointer;
	}
	.updn div.dn:hover {
		background-position: -46px -4px;
		cursor: pointer;
	}
	
	
	
	.insert {
		width: 40px;
		margin: 0;
		height: 24px;
	}
	.insert .nup span, .insert .ndn span {
		display: none;
	}
	.insert .nup, .insert .ndn {
		height: 12px;
		width: 40px;
		background-image:url(../images/insert_icons.png);
		background-repeat:no-repeat;
	}
	.insert .nup {
		background-position: 0 -17px;
	}
	.insert .ndn {
		background-position: 0 -29px;
	}
	.insert div:hover.nup {
		background-position: 0 3px;
		cursor: pointer;
	}
	.insert div:hover.ndn {
		background-position: 0 -9px;
		cursor: pointer;
	}
	
	
.bracket_cancel {color:#CC0000; font-weight:bold}
.bracket_save   {color:green; font-weight:bold}

	.edit {padding-left:15px; background: url(../images/edit_icon.png) no-repeat 0 4px}
	
	.delete, .delete_cat {padding-left:15px; background: url(../images/delete_icon.png) no-repeat 0 4px}
	
	.craigslist {padding-left:15px; background: url(../images/craig_icon.png) no-repeat 0 4px}
		
	/*-------------------------------------*/
	/*  Form Styles                        */
	/*-------------------------------------*/
	
	span.form_button {
		height:23px;
		background-image: url(../images/form_button.png);
		background-repeat: no-repeat;
		background-position: left top;
		display:block;
		margin: 0;
		margin-top: 0px;
		margin-right:15px;
		text-align: center;
		padding: 0;
		float: left;
	}
	
	span.form_button:hover {
		cursor: pointer;
	}
	

		span.form_button a {
			color: #FFF;
			font-size: 11px;
			display: block;
			font-family:  "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
			text-decoration: none;
			line-height: 23px;
			margin: 0 auto;
			height:23px;
			background-image: url(../images/form_button.png);
			background-repeat: no-repeat;
			background-position: right top;
		}
		
		span.form_button.submit {
			/* all submit button widths */
			width: 75px;
		}
		
		span.form_button.upload_files {
			width: 140px;
		}

/*-------------------------------------*/
/*  Footer Styles                      */
/*-------------------------------------*/

#footer {
	margin: 20px 100px 0 40px;
	padding-top: 10px;
	border-top: solid #CCC 1px;
	clear: both;

}


/*-------------------------------------*/
/*  Misc Styles                        */
/*-------------------------------------*/

.nowrap {white-space:nowrap}

.noverflow {overflow:hidden}

#chunks {display:none} /* chunks of HTML for dynamic content */

#saving, #alert {
	padding:2px 4px;
	position: fixed;
	top: 10px;
	left: 400px;
	color: #000;
	z-index: 2000;
	
	line-height:22px; 
	width: 100px; 
	background: #FF6633; 
	color:black; 
	display:none; 
	
}

#moving {
	padding:2px 4px;
	position: fixed;
	top: 10px;
	left: 400px;
	color: #000;
	z-index: 2000;
	line-height:22px;
	width: 100px;
	color:black;
	display:none;
	background-color: #FF9900;
}

#alert {
/* displays status messages */
	background:#FFCC66;
	border: 1px #666 solid;
}

	#saving.saving{
		background: #FF6633;
	}

	#saving.saved {
		background: #009900;
	}
	#saving.unsaved {
		background: #FFCC00;
	}

#message {
	color: red;
	display: none;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #E8E8D0;
	background-color: #EEEEDD;
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	font-size: 0.85em;
	color:#000000;
	padding: 8px;
	width: 250px
}
#tooltip h3, #tooltip div { margin: 0; }




/*-------------------------------------*/
/*  impromptu. message promts          */
/*-------------------------------------*/
.jqiwarning .jqi{
	background-color: #000000;
}
.jqifade{ position: absolute; background-color: #333333; }
div.jqi{
	position: absolute;
	background-color: #000;
	padding: 10px;
	width: 300px;
	text-align: left;
}
div.jqi .jqiclose{ float: right; margin: -35px -10px 0 0; cursor: pointer; }
div.jqi .jqicontainer{ background-color: #6B80A0; padding: 5px; color: #000; font-weight: bold; }
div.jqi .jqimessage{ background-color: #F4F4F4; padding: 10px; }
div.jqi .jqibuttons{ text-align: center; padding: 5px 0 0 0; }
div.jqi button{ padding: 3px 10px 3px 10px; margin: 0 10px; }


/*-------------------------------------*/
/*  tablesorter                        */
/*-------------------------------------*/

table.tablesorter tbody td {
	background-color: #FFF;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F0;
}




.read_more_box {
	display:none;
	width: 800px;
	/* background: url(../images/graydient.gif) repeat-y; */
	background:#EFEFDE;
	padding: 4px 12px;
	margin: 0 0 15px 0;
}

.read_more_box p {
	margin: 4px;
}

#mapson {
	display:none;
}

span.help {
  color: #0000CC;
  cursor: help;
  text-decoration: underline;
}