/* Basic HTML Styling: Site Specific */
a, a:visited { color: #009EDF; text-decoration: none; }
a:hover, a:active { color: #33CC33; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
	font-family: Palatino, Georgia, Times, Times New Roman, sans-serif; 
	font-weight: normal; 
	margin: 0.25em 0 0.5em; 
	color: #666; 
}
	h1 { font-size: 32px; line-height: 1.3em; }
	h2 { font-size: 24px; line-height: 1.3em; }
	h3 { font-size: 18px; line-height: 1.3em; }

.join_link a:hover img { border:1px solid red; background: url(../img/ef/paypal_button_on.png) }

/* Page */
body { background: #DEDFE3 url(../img/body-bg.png) repeat-x left top; color: #333; }

.container { width: 970px; }
.site-border{
	margin: 0 auto 20px; 
	padding: 0; 
	background: url(../img/container-bg.png) repeat-y left top; 
}


#header {
	background: url(../img/container-top.png) no-repeat left top; 
	margin: 0; 
	padding: 20px 10px 0; 
}
#header_logo {
        margin: 0; padding: 0; height: 125px;
        background: url(../img/header-1.png) no-repeat left top;
        position: relative; 
    }
        #header_logo h1 { padding: 0; margin: 0; }
        #header_logo h1 a {
            text-indent: -9999px;
            display: block; height: 125px; width: 320px;
            position: absolute; top: 0; left: 0;
        }

.info-box{padding-left:39px; background:url(../img/infobox.png) left top no-repeat;}
.date{color:#FFFFFF; background:#C1C2C9; padding:4px 8px 2px 10px; text-decoration:none; font-size:11px;}
.font-5{color:#0C88B1; font-size:1.16em; line-height:1.28em;}
.quote {float: right; color: #009EDF; font-style: italic; padding:0 0 10px; font-size: 16px;}
/* Login Status */
.login_status {
    position: absolute;
    right: 30px;
    top: 10px;
    margin: 0px;
    padding: 6px;
    width: 180px;
    text-align: center; 
    color: #666;
    background: #FFF;
    border-width: 1px;
    border-color: #86c9e6;
    border-style: solid;
}

	.login_status strong { font-weight: normal; }
	.login_status a { color: #009EDF; }
	.login_status a:hover { color: #009EDF;}

/* Navigation */
ul#nav, ul#nav li {
	list-style: none;
    margin: 0;
    padding: 0;
    height: 35px; 
}

ul#nav {
	padding: 5px 0 0 15px; 
	background: url(../img/nav-bg.png) no-repeat left top; 
    text-align: center;
}

	ul#nav li {
	    display: block; float: left; 
	    margin: 0 3px; 
	}
		ul#nav li a {
			display: block; height: 35px; line-height: 35px; 
			padding: 0 11px 0; margin: 0; 
			color: #333333; 
			text-decoration: none; 
			background: url(../img/nav-button.png) repeat-x left bottom; 
		}

			ul#nav a:hover {
			    color: #009edf; 
				background: url(../img/nav-button-hover.png) repeat-x left bottom; 
			}
			
			ul#nav a.active, ul#nav a.active:hover {
			    background: #FFF;
			    color: #009EDF; 
			}

/* footer */
#footer {
	margin: 0 auto; 
	padding: 0 30px 20px; 
	background: url(../img/container-bottom.png) no-repeat left bottom; 
	clear: both; 
	color: #666; 
}
#footer-inner {
	border-top: 1px solid #DEDFE3; 
	padding-top: 10px; 
}
	
#footer img { vertical-align: middle; }


/* Content */

#content, .main, .sidebar { float: left; }
#content {
	margin: 10px auto 20px; 
	padding: 0 10px 0 20px; 
}
	.main {
		padding: 10px 0; 
		margin: 0 10px; 
	}
		.main h2 { color: #ec1c24; border-bottom: 1px dotted #DDD; }
		.main h3 { color: #009EDF; }
		.main h4 { color: #006e99; }
		
		img.right, img.left, img.center { border: 1px solid #EEE; padding: 5px; background: #FFF; }		
			img.right { float: right; margin: 10px 0 10px 10px; }
			img.left { float: left; margin: 10px 10px 10px 0; }
			img.center { display: block; margin: 10px auto; }
					
	.sidebar {
		padding: 10px;
		margin: 0 10px;
		margin-top: 10px;
		padding-top: 0px; 
		background: #F9F9F9 url(../img/sidebar-bg.png) repeat-y right top; 
		border-width: 1px; 
		border-style: solid; 
		border-color: #E3E3E3 #CCC #CCC #E3E3E3; 
	}
	.sidebar-inner { margin: 0 auto; padding: 0 15px; padding-top: 5px;}
/*	.sidebar ul, .sidebar ol { list-style: none; margin: 0; padding: 0; }
	.sidebar li { 
		border-bottom: 1px dotted #DDD; 
		padding: 0 0 1em; margin-bottom: 1em; 
	}
	.sidebar li p { margin: 0.25em 0; color: #555; font-size: 11px;  }
	*/			
	.sidebar h2 { border-bottom: 1px dotted #DDD; color: #009EDF; text-align: center; }
	.sidebar h4 a { color: #ec1c24; }

/* Notifications */
#notifications, #notifications li {
  list-style: none;
  list-style-type: none;
  margin-left: 0;
}
.information, .error, .success, .warning {
  margin-top: 0.4em;
  border: 1px solid #9bb8d9;
  padding: 6px 6px 6px 30px;
  font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;

  font-size: 12px;
}
.information {
  background: #dedfff url('../img/icons/information.png') 6px 7px no-repeat;
  color: #406299;
}
.error {
  background: #ffe1da url('../img/icons/exclamation.png') 6px 7px no-repeat;
  border-color: #f34f4f;
  color: #be0b0b;
}
.success {
  background: #e2f9e3 url('../img/icons/accept.png') 6px 7px no-repeat;
  border-color: #9c9;
  color: #080;
}
.warning {
  background:#fff8bf url('../img/icons/error.png') 6px 7px no-repeat;
  border-color: #ffd324;
  color:#eb830c;
}

.error a {color:#8a1f11;}
.warning a {color:#514721;}
.success a {color:#264409;}

/* forms.css */
textarea, input, select, label { color: #333; }
.field { margin-bottom: 2px; }

textarea { font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: inherit; }
.ChoiceWithOtherWidget input, .TextInput input, .PasswordInput input, textarea, select 
	{ margin:0.5em 0;border:1px solid #bbb;padding:5px; }
.ChoiceWithOtherWidget input:focus, .TextInput input:focus, .PasswordInput input:focus, textarea:focus, select:focus 
	{ border:1px solid #666; }
textarea:focus { color: #333; }	

.ChoiceWithOtherWidget .field_actual ul {list-style:none; display: inline-block; }

form span.req {
	font-size:20px;
	color:green !important;
	display:inline;
	float:none;
	font-weight:bold;
	margin:0;
	padding:0 5px;
}
.field_error { 
	color:#BE0B0B;font-size:12px;
	background:url('../img/icons/exclamation.png') no-repeat 0px 1px;
	padding-left: 22px;
}

fieldset { padding: 0 0 0.75em 0; margin: 0 0 0.75em;}// border-bottom: 1px solid #DDD; }
	.main fieldset { border-bottom: 0px none; }

legend { text-transform: uppercase; color: #006e99; font-weight: bold; font-size: 13px; 
			border-bottom: 1px dotted #DDD; 
			padding: 0 10px; margin-bottom: 0.25em; 
			width: 100%; 
}
	.sidebar legend { color: #006e99; padding: 0 0; }

label {font-weight:bold;font-size: 13px;margin-top:7px;}
.field_label {display:inline-block;vertical-align:middle;}
	.ChoiceWithOtherWidget .field_label, .Textarea .field_label { vertical-align: top; }
.field_actual {vertical-align:middle;}
.field_errors { display:inline-block; vertical-align:top; padding: 12px 0 0 20px; }
.field_help_text{ color: #33CC33; padding-left: 180px; font-style: italic; }

.field_actual input {width:200px;}
.flags_list input {width:auto;}
.field_label {width:160px; padding-right: 10px; text-align: right; }

.field_actual label { font-weight: normal; font-size: 12px; }
.field_actual label, .field_actual input { vertical-align: middle; }

.field_actual table { width: auto; border-collapse: collapse; border-spacing: 2px; display: inline-block; }
	.field_actual td, .field_actual th { padding: 0 10px; }
		.field_actual td div { margin-bottom: 2px; }
		
.flags_list {list-style: none;}
.flag { font-size: 12px; font-weight: normal; }
.flag_group { font-weight: bold; color: #009EDF; }

/* More graceful styling for sidebars */
.sidebar .field_actual, 
.sidebar .field_label, 
.sidebar .field_actual input, 
.sidebar .field_label label 
	{ width: auto; }

/* Wizard styling */

.wizard-nav {
	height: 24px;
	margin: 0 0 10px;
	padding: 6px 10px;
	list-style: none;
	color: #999;
	background: #EEE;
	border-bottom: 1px solid #DDD;
}
.wizard-nav li {
	margin-right: 5px;
	padding-right: 20px;
	height: 24px;
	line-height: 24px;
	background: url(../img/arrow-right-999.png) no-repeat right center;
	font-size: 14px; font-weight: bold;
	display: block;
	float: left;
}

.wizard-nav li.last { background: none; }
.wizard-nav li a, .wizard-nav li span { padding: 5px; }
.wizard-nav li a span, .wizard-nav li span a { padding: none; }
.wizard-nav li a:hover { color: #009EDF; text-decoration: none; }
.wizard-nav li.active span { color: #33CC33; background: #FFF; }
/* member list */
.member-list { width: 100%; border-collapse: collapse; border-spacing: 0; margin: 1em 0; border-top: 1px solid #EEE; }

.member-list tr {
	height: 100px;
}

.member-list td, .member-list th { padding: 5px; border-bottom: 1px solid #DDD; }
	.member-list tr.even td { background: #F6F6F6; }
	.member-list td a { font-weight: bold; font-size: 14px; }

.pagination {
	width: 180px;
	float: right;
}

/* BUTTONS */
.button:hover { text-decoration: none; }
.button {background-color: #f5f5f5;border: 1px solid #dedede;border-top: 1px solid #eee;border-left: 1px solid #eee;
    text-decoration: none;font-weight: bold; font-size: 14px; 
    color: #565656;cursor: pointer;padding: 5px 10px 6px 7px;}
.button img{margin: 0 0 -3px 0 !important;padding: 0;border: none;width: 16px;height: 16px; float: none; }
.button span{margin-left: 3px;}
.positive{ color: #529214; }
.positive:hover, .positive:focus{background-color: #E6EFC2; border: 1px solid #C6D880; color: #529214; text-decoration: none; }
.positive:active{background-color: #529214; border: 1px solid #529214;color: #fff;}
.negative{color: #d12f19;}
.negative:hover{background: #fbe3e4;border: 1px solid #fbc2c4;color: #d12f19; }
.negative:active{background-color: #d12f19;border: 1px solid #d12f19;color: #fff;}

/* pylucid Styles */
.page_admin, 
.find_and_replace {
  width: 860px;
  font-size: 14px;
}

textarea#id_content {
  width: 606px;
  height: 400px;
}

.admin_menu fieldset ul {
  margin: 0 1.5em;
}