* {
	font-family: 'Lucida Grande','Tahoma','Arial','Verdana','sans-serif';
}

#data-wrapper {
	width: 700px;
	padding: 20px;
}

/*
 * Basic page layout
 */

@media screen and (min-width: 900px) {
	#body {
		text-align: center;
	}
	#page-wrapper {
		width: 900px;
		margin: 0px auto 0px auto;
		text-align: left;
	}
}
#admin-header {
	position: relative;
}
#admin-header h1 {
	font-size: 0px;
	width: 290px;
	height: 90px;
	background: url(/images/site-logo-tagline.png) no-repeat;
}
#admin-header h2 {
	font-size: 1em;
	position: absolute;
	bottom: 50px;
	right: 0px;
}
@media screen and (max-width: 899px) {
	#page-wrapper {
		padding: 20px;
	}
	#admin-header h1 {
		margin: 0px auto 0px auto;
	}
	#admin-header h2 {
		display: none;
	}
}

/*
 * COMON STUFF
 */

.clear {
	clear: both;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 100%;
}

h4 {
	font-size: 100%;
	margin-bottom: 1em;
}
h4.accordion {
	cursor: pointer;
}
p {
	margin-bottom: .5em;
}

a {
	text-decoration: none;
	color: #0070a3;
}
a:hover {
	text-decoration: underline;
}
hr.space {
	color: transparent;
	background: transparent;
	border-color: transparent
}

table.data {
	margin-bottom: 1em;
}
table.data thead tr {
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #000;
	font-weight: bold;
	font-family: 'CoconLight';
}

table.data tbody tr:nth-child(odd) {
}
table.data tbody tr:nth-child(even) {
	background-color: #efefef;
}
table.data tr td {
	padding: .5em;
}


table.item-list {
	margin-bottom: 1em;
	width: 100%;
}
table.item-list thead tr {
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ababab;
	font-weight: bold;
	color: #888;
	font-family: 'CoconLight';
}
table.item-list tbody tr:nth-child(odd) {
}
table.item-list tbody tr:nth-child(even) {
	background-color: #efefef;
}
table.item-list tr td {
	padding: .5em;
        cursor: pointer;
        cursor: hand;
}
table.item-list tr td:last-child {
	text-align: right;
	font-family: 'CoconLight';
}
table.item-list thead tr td.heading {
	font-size: 150%;
	font-family: 'CoconLight';
}

input[type=text], input[type=password] {
	border: 1px solid #000;
	padding: .2em;
	font-size: 1em;
	width: 75%;
}
select {
	font-size: 1em;
	width: 75%;
}
textarea {
	border: 1px solid #000;
	padding: .2em;
	font-size: 1em;
	width: 75%;
	height: 10em;
	vertical-align: middle;
	margin-bottom: 4px;
}



input.error {
	border-color: #a90329;
}
.error-msg {
	color: #a90329;
	padding-right: 1em;
	text-align: right;
}

label {
	display: inline-block;
	width: 23%;
	text-align: right;
}
label.right-side {
	text-align: left;
}

@media screen and (max-width: 899px) {
	
}
@media screen and (max-width: 899px) {
	label {
		width: 100%;
		text-align: left;
	}
	label.right-side {
		width: 50%;
	}
	input[type=text] {
		width: 98.5%;
	}
	textarea {
		width: 98.5%;
	}
	select {
		width: 100%;
	}
}



/*
 * LOGIN WINDOW
*/

#login-header {
	padding-bottom: 1em;
}
#login-header h1 {
	font-size: 0px;
	width: 290px;
	height: 90px;
	margin: 0px auto 0px auto;
	background: url(/images/site-logo-tagline.png) no-repeat;
}
section#login {
	text-align: center;
}


#loginform fieldset {

}
#loginform input {
	width: 97%;
}

#login-window {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#login-form label {
	text-align: left;
	display: block;
}
#login-form a.login {
	display: block;
	text-align: center;
}
#login-notice {
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #a90329;
}

/*
 *	BUTTONS!
 */
 
.grey-button,
.blue-button,
.orange-button,
.red-button,
.green-button {
	
	height: 1em;
	line-height: 1em;
	padding: .5em;
	text-decoration: none;
	border-radius: 8px;
	display: inline-block;
	border: 1px solid #000;
	color: #fff;
	text-align: center;
	box-shadow: 0px 0px 5px #ababab;
}
.grey-button:hover,
.blue-button:hover,
.orange-button:hover,
.red-button:hover,
.green-button:hover {
	text-decoration: none;
	
}
.grey-button {
	color: #fff;
	background: #cedce7; /* Old browsers */
	background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cedce7 0%,#596a72 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}
.red-button {
	color: #fff;
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}

.blue-button {
	color: #fff;
	background: #cfe7fa; /* Old browsers */
	background: -moz-linear-gradient(top, #cfe7fa 0%, #6393c1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cfe7fa 0%,#6393c1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
}
.orange-button {
	color: #fff;
	background: #ffc578; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffc578 0%, #fb9d23 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc578), color-stop(100%,#fb9d23)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffc578 0%,#fb9d23 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
}

.green-button {
	color: #fff;
	background: #c9de96; /* Old browsers */
	background: -moz-linear-gradient(top, #c9de96 0%, #8ab66b 44%, #398235 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9de96), color-stop(44%,#8ab66b), color-stop(100%,#398235)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c9de96 0%,#8ab66b 44%,#398235 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-9 */
}

@media screen and (max-width: 899px) {
	.grey-button,
	.red-button,
	.blue-button,
	.green-button,
	.orange-button {
		display: block;
		margin: .5em 0px .5em 0px;
	}
}


/* PORTAL */



/*
 * MAIN PAGE LAYOUT STUFF
 */


header hgroup {
	padding: 3em 0px 1em 0px;
}
header hgroup h3 {
	padding-top: 1em;
	padding-bottom: 1em;
	border-width: 0px 0px 1px 0px;
	border-color: #000;
	border-style: solid;
}
@media screen and (max-width: 899px) {
	header hgroup {
		padding: 1em 0px 1em 0px;
	}
	header hgroup h2 {
		display: none;
	}
}
nav.main ul li a {
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
@media screen and (min-width: 900px) {
	nav.main ul {
		list-style: none;
		width: 100%;
	}
	nav.main ul li {
		float: left;
		margin-bottom: 2%;
		margin-right: 36px;
	}
	nav.main ul li:last-child {
		margin-right: 0px;
	}
	nav.main ul li a {
		display: inline-block;
		width: 180px;
		height: 180px;
		line-height: 180px;
		
	}
}
@media screen and (max-width: 899px) {
	nav.main ul {
		list-style: none;
		width: 100%;
	}
	nav.main ul li {
		float: none;
		width: 100%;
	}
	nav.main ul li a {
		display: block;
		margin-bottom: 2em;
		height: 4em;
		line-height: 4em;
	}
}
@media screen and (min-width: 900px) {
	nav.interior ul {
		list-style: none;
		width: 100%;
		text-align: left;
	}
	nav.interior ul li {
		float: left;
		margin-right: 1em;
	}
	nav.interior ul li a {
		display: inline-block;
		padding: .5em;
		text-align: center;
		text-decoration: none;
		margin-bottom: 1em;
	}
}
@media screen and (max-width: 899px) {
	nav.interior ul {
		list-style: none;
		width: 100%;
		text-align: left;
	}
	nav.interior ul li {
		float: none;
		width: 100%;
	}
	nav.interior ul li a {
		display: block;
		margin-bottom: .5em;
		text-align: center;
		padding: .5em;
		text-decoration: none;
		/*border-radius: 8px;*/
		
	}

}
div.container, 
fieldset {
	border: 1px solid #ababab;
	/*border-radius: 8px;*/
	padding: 1em 1em 0px 1em;
	margin-bottom: 1em;
	
}
fieldset {
	position: relative;
	padding-bottom: 1em;
}
.form_line {
	margin-bottom: 1em;
}
.field-line {
	margin-bottom: 1em;
}
.wysiwyg label {
	
}
.wysiwyg-container {
	vertical-align: middle;
	display: inline-block;
	width: 480px;
}

legend {
	position: relative;
	margin: 0px auto 0px auto;
	font-weight: bold;
	padding: .2em .4em .2em .4em;
	padding: 6px 8px;
	border-width: 1px;
	border-color: #000;
	border-style: solid;
	border: none;
	background: #ababab;
	color: #fff;
	/*border-radius: 4px;*/
}
@media screen and (max-width: 899px) {
	div.container,
	fieldset {
		margin-bottom: 1em;
	}
}
footer {
	padding-top: 1em;
	text-align: center;
	height: 100%;
	min-height: 100%;
}



.admin-option-bar, .tabs ul {
	margin-top: 20px;
	margin-bottom: 20px;
	/*height: 30px;*/
	text-align: right;
}

input.fl-button,
a.fl-button {
	border: none;
	display: inline-block;
	background: #00B7DC;
	padding: 6px 8px;
	color: #fff;
	text-decoration: none;
}

.tabs ul {
	list-style: none;
	display: block;
	padding-top: 20px;
}
.tabs ul li {
	float: left;
	margin-right: 10px;
}
.tabs ul li:first-child {
	font-weight: bold;
}
.tabs ul li a {
	font-size: 14px;
	font-weight: bold;
}
.tabs ul li a.active {
	text-decoration: underline;
}
.tabs > div {
	clear: both;
	padding-top: 20px;
}