body {
	margin: 0;
	padding: 0;
	background: url('/theme_v1/images/pg_background.png') repeat;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
td {
	font-family:Verdana;
	font-size:12px;
}
td input {
	margin:0px 5px;
}

.multilist td {
	padding: 5px;
}
#bg_wrapper {
	width:100%;
	background: url('/theme_v1/images/pg_fade.png') repeat-x;
	min-height: 648px;
	margin-top: -10px;
	padding-top: 10px;
}

#pg_wrapper {
	/*width: 765px;*/
	width: 975px;
	margin: 20px auto 0;
	text-align: left;
}
	
	#content_wrapper {
		background: white;
		border: 1px solid #000000;
		border-top: 8px solid #014292;
		position: relative;
		padding: 0 0 10px 0;
	}
	
	#page_content {
		/*margin-top:40px;*/
	}
.clear {
	clear: both;
	height:1px;
	width:100%;
	position: relative;
	overflow: hidden;
}
img {
	border: 0;
}
input {
	margin: 2px 0 10px 0;
	border:1px solid #666666;
	padding: 2px;
}
textarea {
	margin: 2px 0 10px 0;
	border:1px solid #666666;
}
select {
	margin: 2px 0 10px 0;
	border:1px solid #666666;
	padding: 2px;
}
.edit_fields {
	width: 100%;
}
.halfW {
	width:49%;
	margin-right: 5px;
	float:left;
}
.thirdW {
	width:32%;
	margin-right: 5px;
	float:left;
}
.twothirdW {
	width:64%;
	margin-right: 5px;
	float:left;
}
.edit_fields_narrow {
	width: 320px;
}

.admin_narrow_edit {
	float: left;
	width: 320px;
	margin-right: 15px;
}


.form_alert {
	color: red;
	font-weight: normal;
	font-size: 9px;
}
.form_warning {
	color: red;
	font-weight: normal;
}
.form_alert_lg {
	color: red;
	font-weight: bold;
	font-size: 12px;
}
fieldset {  
	padding: 0 10px 10px;
	margin: 5px;
	/*width: 650px;*/
	font-family:Verdana;
	font-size:12px;
	font-weight: bold;
	background: #e2e2e2 url('/theme_v1/images/bg_form_fade.gif') top repeat-x;
	border: solid 1px #ccc;
}
label {  
	margin: 10px 0 0;
	display: block;
	font-weight: normal;
}
.checkboxLabel {
	font-weight: normal;
}
.checklist_item {
	font-weight: normal;
	float:left;
	width:30%;
	margin:0 5px 5px 0;
}
.checklist_item img {
	display:none;
}
.content_editor {
	/*width:650px;*/
	margin: 5px;
	float:left;
}
#content_editor {
	display:inline;
	margin:0;
	padding:0;
}
#content_editor, #tabs {
	width:655px;
}
#queryResults {
	border:1px solid #CCCCCC;
	padding:5px;
	margin-right:5px;
}
#queryResults .query_item input {
	display:none;
}
#queryContent {
	float:right;
	width:300px;
	margin:0;
	padding:0;
	position:relative;
}
#queryContent fieldset {
	margin-left:0;
}
#queryContent label {
	margin: 0;
}
#queryContent .dates {
	float:left;
	width:125px;
}
.filterdate {
	width: 80px;
	margin-right:5px;
}
#queryContent .input {
	margin: 0;
	width:275px;
}
#filter_content {
	margin: 5px 10px 0;
	width:auto;
}
.ui-tabs-panel {
	padding:0px !important;
}


			/* 
			 * The state classes are a little bit complex, because of the doubble class bug in IE6
			 * The state class looks like this:
			 * 
			 * .ui-radio-state[-checked][-disabled][-hover] or .ui-checkbox-state[-checked][-disabled][-hover]
			 * 
			 * Examples:
			 * 
			 * .ui-radio-state-checked (simply checked) 
			 * .ui-radio-state-checked-hover (checked and hovered/focused)
			 * .ui-radio-state-hover (unchecked and hovered/focused)
			 * 
			 */
			
			.ui-radio-state-disabled,
			.ui-radio-state-checked-disabled,
			.ui-radio-state-disabled-hover,
			.ui-radio-state-checked-disabled-hover {
				color: #999;
			}
			span.ui-checkbox,
			span.ui-radio {
				display: block;
				float: left;
				width: 16px;
				height: 16px;
				background: url(../images/icon_checkbox.png) 0 -40px no-repeat;
			}
			span.ui-helper-hidden {
				display: none;
			}
			label {
				padding: 2px;
				
			}
			span.ui-radio-state-hover,
			span.ui-checkbox-state-hover {
				background-position: 0 -114px;
			}
			
			span.ui-checkbox-state-checked {
				background-position: 0 -1px;
			}
			
			span.ui-checkbox-state-checked-hover {
				background-position: 0 -75px;
			}
			span.ui-radio-state-checked-disabled-hover,
			span.ui-radio-state-checked-disabled,
			span.ui-radio-state-checked {
				background-position: 0 -161px;
			}
			
			
			span.ui-radio-state-checked-hover {
				background-position: 0 -200px;
			}



/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 10px 20px;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
  /*border-left: 1px solid #000;*/
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  /*
  font: bold 1.22em/25px Arial, Helvetica, sans-serif;
  background: #565656;
  color: #959595;
  */
  display: block;
  padding: 0 9px;
  text-transform: lowercase;
  text-decoration: none;
}

.nav li a:hover {
  background: #ccc;
  color: #000;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #ccc;
  color: #000;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #B2C8F7;
  color: #000;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #eee;
  color: #000;	
}

.nav ul {
  background: #B2C8F7;
  border: 1px solid #ccc;
  list-style: none;
  margin: 0;
  width: 160px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 28px;
  left:2px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  /*
  border: 1px solid #000;
  border-bottom: 0;
  */
  padding-right: 20px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #eee;
  color: #000;
}

#nav-one hr {
	height: 1px;
	border: 0;
	background: white;
	color: white;
}



#menu {
	z-index: 99;
	padding: 5px;
	 margin: 2px;
	 position: relative;
	width: 100%; /* precision for Opera */
}
.top_menu {
	width: 200px;
	margin: 2px;
	border: 1px solid black;
	background: #cccccc;
	padding: 0px 5px;
	font-weight: 900;
	color: #000;
	display: inline;
	z-index: 99;
}

.top_menu a {
	text-decoration: none;
	color: #000;
}
.top_menu img {
	padding: 2px;
	margin: 2px;
}
.top_menu_child {
	background: #B2C8F7;
	border: 1px solid gray;
	position: absolute;
	width: 200px;
	display:inline;
}
.top_menu_child a {
  display: block;
  border-bottom: none;
  text-decoration: none;
  background: #B2C8F7;
  padding: 0 2px; 
  color: #000;
}
.top_menu_child hr {
	height: 1px;
	border: 0;
	background: white;
	color: white;
}
.top_menu_child a:hover {
	background: #eee;
	color: #000;
}
#pg_debug {
	text-align: left;
	background: #ccc;
	width: 80%;
	border: 1px solid #000000;
	margin: 10px auto;
	padding: 5px;
}
.slug_check {
	float: right;
	font-weight:bold;
	margin-right: 20px;
	width: 500px;
	padding: 2px;
	text-align: center;	
	background:white;
}
#slug_check_ok {
	color: green;
	border: 1px solid green;
}
#slug_check_bad {
	color: red;
	border: 1px solid red;
}
.dashboard_item {
	float: left;
	border: 1px solid gray;
	background: white;
	cursor: hand;
	margin: 2px;
	padding: 2px;
	display:inline;
	width: 200px;
}

.event_header {
	margin: 5px 0;
	font-weight: bold;
}
.event_registrations {
	margin: 5px 10px;
}