* {
	margin: 0;
	outline: 0 none;
	padding: 0;
}

body {
	background: #f3f3f3 url(http://cityofgigharbor.net/admin/img/body_bg.png) 0 0 repeat-x;
	font: 13px arial, sans-serif;
	color: #333;
}

a { color: #0095c6; text-decoration: none; }

.contain {
	width: 960px;
	margin: 0 auto;
}
.contain.flex {
	width: auto;
	margin: 0 20px;
}

h2 { padding: 13px 0 20px 0; font-size: 28px; }
h4 { font-size: 13px; }
p { margin: 0 0 20px 0; }


/*****************************************
	GLOBAL BAR
*****************************************/
#global {
	height: 32px;
	padding: 0 0 15px 0;

	background: transparent url(http://cityofgigharbor.net/admin/img/global_bg.png) 0 0 repeat-x;
	color: #fff;
}
#global .contain {
	padding: 0 20px;
}

#global h3 {
	float: left;
	height: 18px;
	margin: 8px 0 0 0;
	width: 101px;

	background: transparent url(http://cityofgigharbor.net/admin/img/logo_gearbox.png) 0 0 no-repeat;
}
#global h3 a {
	display: block;
	height: 100%;
}
#global h3 span {
	display: none;
}

#global ul { float: right; }
#global ul li {
	float: left;
	height: 27px;
	list-style-type: none;
	margin: 0 0 0 12px;

	background: transparent 0 5px no-repeat;
}
#global ul li a {
	display: block;
	padding: 8px 0 6px 25px;

	color: #fff;
	text-shadow: 0 -1px 0 #000;
}

#global ul li.support { background-image: url(http://cityofgigharbor.net/admin/img/global_support_icon.png); }
#global ul li.homepage { background-image: url(http://cityofgigharbor.net/admin/img/global_home_icon.png); }
#global ul li.settings { background-image: url(http://cityofgigharbor.net/admin/img/global_settings_icon.png); }
#global ul li.signout { display: none; }


/*****************************************
	BANNER
*****************************************/
#banner {
	height: 100px;
	padding: 0 20px;
}
#banner h1 {
	float: left;
	height: 65px;
	margin: 15px 0 0 0;
	width: 500px;

	background: transparent url(http://cityofgigharbor.net/admin/img/logo.png) 0 0 no-repeat;
}
#banner h1 a {
	display: block;
	height: 100%;
}
#banner h1 a span,
#banner h1 a img {
	display: none;
}
#banner p {
	float: right;
	margin: 36px 0 0 0;

	font-size: 14px;
}
#banner a {
	font-size: 14px;
}
#banner .buttons {
	margin: 0 0 0 .75em;
}


/*****************************************
	MAIN MENU
*****************************************/
#menu {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #dadada;
	clear: both;
	height: 50px;

	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#menu ul {
	height: 100%;

	background: #dadada url(http://cityofgigharbor.net/admin/img/menu_bg.png) 0 0 repeat-x;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#menu ul li {
	float: left;
	list-style-type: none;
	position: relative;

	transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	-ms-transition: all .15s ease-out;
	-webkit-transition: all .15s ease-out;
}
#menu ul li:hover { background-color: #fff; }
#menu ul li a {
	display: block;
	padding: 18px 18px 17px 18px;

	color: #333;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#menu ul li.active {
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #dadada;

	background: #fff;
}
#menu ul li.active a { padding:18px 17px 17px 17px; }
#menu ul li.first {
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}
#menu ul li.first.active { border-width: 0 1px 0 0; }

#menu ul li.first.active a { padding-left:18px; }

/* 2nd level menu */
#menu ul li:hover ul { display: block; }
#menu ul li ul {
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #dadada;
	display: none;
	height: auto;
	left: -1px;
	position: absolute;
	top: 100%;
	z-index: 1000;

	background: #fff;

	border-radius: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius: 0;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
}
#menu ul li ul li {
	border-bottom: 1px solid #dadada;
	float: none;

	background: #fff;
}
#menu ul li ul li a {
	padding: 10px 15px !important;

	color: #0095c6;
}
#menu ul li ul li:hover { background-color: #f3f3f3; }

#menu ul li ul li.last {
	border: 0 none;

	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


/*****************************************
	CONTENT AREA
*****************************************/
#content {
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #dadada;
	padding: 30px 0;

	background: #fff;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#content h2 .trail {
	display: block;

	color: #707070;
	font-size: 12px;
	font-weight: normal;
	word-spacing: 4px;
}
#content h2 .trail a {
	word-spacing: normal;
}
#content hr {
	border: 0 none;
	border-bottom: 1px solid #dadada;
	margin: 17px 0 0 0;
}


.highlights {
	margin: 0 0 20px 0;
	padding: 20px 18px 10px 18px;

	background: #d7f3ff;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.highlights p { margin-bottom: 12px; }
.highlights .buttons {
	display: block;
}


.fyi {
	margin: 0 0 20px 0;
}
.fyi ul {}
.fyi ul li {
	border-bottom: 1px solid #dadada;
	list-style-type: none;
}
.fyi ul li a {
	display: block;
	padding: 17px 7px 15px 7px;
}
.fyi ul li a b {
	display: block;
	float: left;
	margin: -9px 8px 0 0;

	color: #333;
	font-size: 29px;
}
#side .fyi ul li {
	border-width: 1px;
	border-style: solid;
	border-color: rgba(232, 230, 143, 1);
	margin: 0 0 10px 18px;

	background: #fffdc6;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


.quick_list {
	padding: 0 0 0 18px;
}
.quick_list ul {}
.quick_list ul li {
	border-bottom: 1px solid #dadada;
	list-style-type: none;
}
.quick_list ul li a, .quick_list ul li p {
	display: block;
	padding: 6px 10px 5px 10px;

	font-size: 11px;
}
.quick_list ul li p a { display: inline; padding: 0; }


.box {
	padding: 0 0 0 18px;
}
.box p { margin-bottom: 18px; }
.box .buttons {
	display: block;
}


/*****************************************
	FILTER/SEARCH FORMS
*****************************************/
.filters {
	margin: 25px 0;

	line-height: 3em;
	text-align: center;
}
.filters form {}
.filters form input.field {
	border: 1px solid #dadada;
	margin: 0 0 0 4px;
	padding: 7px 6px;
	width: 128px;

	font-size: 12px;
	-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, .07) inset;
	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .07) inset;
}
.filters form input.dates {
	padding-right: 26px;
	width: 88px;

	background: transparent url(http://cityofgigharbor.net/admin/img/filters_date_bg.gif) 96% center no-repeat;
}
.filters form input.keywords { width: 256px; }
.filters form select {
	border: 1px solid #dadada;
	margin: 0 0 0 4px;
	padding: 6px 0 6px 5px;

	background: #fff;
	font-size: 12px;
	-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, .07) inset;
	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .07) inset;
}
.filters form select option {
	padding-right: 12px;
}
.filters form input.buttons {
	padding-top: 6px;
}


/*****************************************
	FILE & WEBPAGES TREES
*****************************************/
.tree {
	border-bottom: 1px solid #dadada;
}
.tree * { list-style-type: none; }

.tree ul {
	margin: 0 0 0 10px;
	padding: 10px 0;
}
.tree ul ul {
	border-left: 1px dashed #bbb;
	margin: 0 0 0 7px;
	padding: 5px 0;
}

.tree li {
	display: block;
	min-height: 24px;
	position: relative;

	background-position: 0 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.tree ul ul li { padding: 0 0 0 10px; background-position: 11px 2px; }

.tree li a, .tree li span {
	display: block;
	margin: 0 0 0 22px;
	padding: 4px 0;
}

.tree li.folder ul, .tree li.page ul { display: none; margin-bottom: 5px; }

.tree li.folder { background-image: url('http://cityofgigharbor.net/admin/img/icons/dtree_folder.png'); }
.tree li.folder.has_kids { background-image: url('http://cityofgigharbor.net/admin/img/icons/dtree_filefolder.png'); }
.tree li.folder.has_kids.folder_open { background-image: url('http://cityofgigharbor.net/admin/img/icons/dtree_filefolderopen.png'); }
.tree li.folder_open { background-image: url('http://cityofgigharbor.net/admin/img/icons/dtree_folderopen.png'); }
.tree li.folder_locked { background-image: url('http://cityofgigharbor.net/admin/img/icons/dtree_folderlocked.png'); cursor: auto; }
.tree li.file, .tree li.page { background-image: url('http://cityofgigharbor.net/admin/img/icons/dtree_page.png'); }
.tree li.page.has_kids { background-image: url('http://cityofgigharbor.net/admin/img/icons/dtree_pages.png'); }
.tree li.page_inactive { background-image: url('http://cityofgigharbor.net/admin/img/icons/dtree_page_inactive.png'); }
.tree li.has_kids.pages_inactive { background-image: url('http://cityofgigharbor.net/admin/img/icons/dtree_pages_inactive.png'); }

/* list sort styles */
.tree.sorting {}
.tree.sorting ul {
	display: block !important;
	min-height: 24px;
}
.tree li.ui-sortable-placeholder {
	min-height: 24px !important;
	outline: 2px dashed #0094C9;

	background: #cef !important;
	visibility: visible !important;
}
.tree li.ui-draggable-dragging {
	/*background-color: rgba(255, 255, 0, 1);*/
}
.tree li.over, .tree ul.over {
	outline: 1px dashed #0094c9;
}
.tree li.before {
	border-top: 2px dashed #0094c9;
	margin-top: -2px;
}
.tree li.selected {
	background-color: #cef;
}

/*****************************************
	VIEW OF MODULE DATA
*****************************************/
.data {}
.data table {
	border-spacing: 0;
	margin: 0 0 20px 0;
	width: 100%;

	background: #f3f3f3;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.data table thead {}
.data table thead tr {
}
.data table thead tr th, .data table thead tr th.actions {
	border-bottom: 1px solid #dadada;
	padding: 9px 10px 6px 0;
	position: relative;

	font-size: 13px;
	font-weight: bold;
	text-align: left;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
.data table thead tr th a {
	color: #333;
}
.data table thead tr th img { border: 0 none; }
.data table tbody tr.subhead th {
	border-bottom: 1px solid #dadada;
	padding: 7px 10px 6px 0;

	background: #ffd;
	font-weight: normal;
}
.data table tbody {
	background: #fff;
}
.data table tbody tr {}
.data table tbody tr td {
	border-bottom: 1px solid #dadada;
	padding: 12px 5px 12px 0;
	vertical-align: top;
}
.data table tbody tr td span.check {
    background: url("http://cityofgigharbor.net/admin/img/icons/accept.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    margin: 0 4px;
    width: 16px;
}
.data table tbody tr td span.delete {
    background: url("http://cityofgigharbor.net/admin/img/icons/cancel.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    margin: 0 4px;
    width: 16px;
}

.data table tbody tr td.actions {
	padding: 12px 0;
	position: inherit;

	font-size: 13px;
	line-height: 1px;
	text-align: left;
	white-space: nowrap;
}
.data table tbody tr td.actions a {
	display: inline-block;
	height: 16px;
	margin: 0 4px;
	width: 16px;

	background-position: 0 0;
	background-repeat: no-repeat;
}
.data table tbody tr td.actions a.add { background-image: url(http://cityofgigharbor.net/admin/img/icons/add.png); }
.data table tbody tr td.actions a.view { background-image: url(http://cityofgigharbor.net/admin/img/icons/zoom.png); }
.data table tbody tr td.actions a.edit { background-image: url(http://cityofgigharbor.net/admin/img/icons/pencil.png); }
.data table tbody tr td.actions a.delete { background-image: url(http://cityofgigharbor.net/admin/img/icons/cancel.png); }
.data table tbody tr td.actions a.check { background-image: url(http://cityofgigharbor.net/admin/img/icons/accept.png); }
.data table tbody tr td.actions a.report { background-image: url(http://cityofgigharbor.net/admin/img/icons/report.png); }
.data table tbody tr td.actions a.folder { background-image: url(http://cityofgigharbor.net/admin/img/icons/folder.png); }
.data table tbody tr td.actions a.disk { background-image: url(http://cityofgigharbor.net/admin/img/icons/disk.png); }

.data .pagination {
	text-align: center;
}
.data .pagination input {
	border: 1px solid #dadada;
	margin: 0 7px;
	padding: 6px 0;
	width: 26px;

	text-align: center;
}


div.solo_dialog {
	border: 1px solid #ddd;
	margin: 90px auto 0 auto;
	padding: 25px 50px;
	width: 258px;

	background: #c4c4c4 url(http://cityofgigharbor.net/admin/img/solo_dialog_bg.png) 0 0 repeat-x;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 60px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 60px rgba(0, 0, 0, .2);
	box-shadow: 0 0 60px rgba(0, 0, 0, .2);
}
div.solo_dialog h1 {
	background: transparent url(http://cityofgigharbor.net/admin/img/gear.png) top center no-repeat;
}
div.solo_dialog h1 a {
	display: block;
	height: 195px;
}
div.solo_dialog h1 a span { display: none; }
div.solo_dialog p { position: relative; }
div.solo_dialog form {}
div.solo_dialog form .field {
	border: 1px solid #dadada;
	padding: 10px 8px;
	width: 240px;

	font-size: 14px;

	box-shadow: 1px 2px 3px rgba(0, 0, 0, .07) inset;
	-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, .07) inset;
	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .07) inset;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
}
div.solo_dialog form .field:focus {
	box-shadow: 1px 2px 3px rgba(0, 0, 0, .07) inset, 0 0 10px #fff;
	-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, .07) inset, 0 0 10px #fff;
	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .07) inset, 0 0 10px #fff;
}
div.solo_dialog form .placeholder, a.placeholder {
	display: block;
	left: 0;
	margin: 2px 0 0 2px;
	padding: 10px 8px;
	position: absolute;
	top: 0;
	width: 100%;

	color: #aaa;
	cursor: text;
	font-size: 14px;
}

input.placeholder.blur { color: #aaa; }
input.placeholder.focus { color: #333; }


/*****************************************
	EDITOR FORMS
*****************************************/
.editor {
	margin: 0 0 20px 0;
}
.editor .tabs {}
.editor .tabs ul {
	padding: 0 0 1px 0;
}
.editor .tabs ul li {
	float: left;
	list-style-type: none;
	margin: 0 5px 0 0;

	background: #0095c6;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-style:none;
}
.editor .tabs ul li a {
	display: block;
	padding: 8px 11px 7px 11px;

	color: #fff;
}
.editor .tabs ul li a b {
	margin: 0 2px 0 0;
	padding: 2px 6px;

	background-color: #fff;
	color: #0095c6;
	font-size: .9em;

	border-radius: 10px;
}

.editor .tabs ul li.active {
	border-width: 1px;
	border-style: double;
	border-color: #dadada #dadada #fff #dadada;
	margin-bottom: -1px;

	background: #fff;
}
.editor .tabs ul li.active a { padding: 7px 10px; color: #0095c6; }
.editor .tabs ul li.active a b { box-shadow: 0 0 2px #0095c6; }
.editor .tabs ul li.action { background: #48bc0f; }
.editor .tabs ul li.action.active { background: #fff; }
.editor .tabs ul li.action.active a { color: #48bc0f; }

.editor .tabs ul li.optional {
	float: right;
	margin: 0;
	border:none;
	background: #fff;
}
.editor .tabs ul li.optional a {
	padding: 13px 11px 2px 11px;

	color: #0095c6;
	font-size: 10px;
}
.editor .tabs ul li.optional.active { margin-bottom: -1px; }
.editor .tabs ul li.optional.active a { padding: 12px 10px 4px 10px; }

.editor form, .editor .forms {
	border: 1px solid #dadada;
	clear: both;
	padding: 0 20px 20px 20px;
}
.editor form input.dates {
	padding-right: 26px;

	background: transparent url('http://cityofgigharbor.net/admin/img/filters_date_bg.gif') 98% center no-repeat;
}
.editor form .floater {
	bottom: 96px;
	margin: 0 0 0 -260px;
	position: fixed;
}
.editor form .submit span, form .buttons.submit span {
	height: 44px;
}
.editor .forms form {
	border: 0 none;
	padding: 0;
}
.editor .tab {
	display: none;
}
.editor .tab h4 {
	margin: 17px 0 6px 0;
}
.editor .tab.active {
	display: block;
}

.editor .tab .field, .field {
	padding: 6px 5px 5px 5px;
	width: 95%;
}
.editor .tab select, select.field {
	padding: 5px 0 4px 5px;
	width: 100%;

	background: #fff;
}
.editor .tab select option, select.field option {
	padding-right: 12px;
}
.editor .tab textarea, textarea.field {
	padding: 6px 5px 5px 5px;
	height: 7em;
	width: 95%;
}
.editor .tab .field, .editor .tab select, .editor .tab textarea, .field {
	border: 1px solid #dadada;

	font: 13px arial, sans-serif;
	-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, .07) inset;
	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .07) inset;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, .07) inset;
	/*min-width: 150px;*/
}
.editor .field[type=file] {
	border: 0 none;
	padding: 6px 0 5px 0;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.editor .tab .checklist {
	/*max-height: 90px;*/
	overflow: auto;
}
.editor .tab .rte {}
.editor .tab .radio { vertical-align: middle; margin: 0 3px 0 0; }
.editor .tab label { margin: 0 14px 0 0; vertical-align: middle; }
.editor .tab ul {}
.editor .tab ul ul { margin-left: 1.35em; }
.editor .tab ul li {}


.link-button { cursor: pointer; }

.nav_order {}
.nav_order ul {}
.nav_order ul li {
	border: 1px solid #dadada;
	list-style-type: none;
	margin: 0 0 3px 0;
	padding: 7px 8px 6px 8px;

	background: #f3f3f3;
	cursor: move;
}
.nav_order ul li:hover {
	background: #fff url(http://cityofgigharbor.net/admin/img/crosshair.png) 97% center no-repeat;
}
.nav_order ul li.active {
	border-color: #e8e691;

	background: #fffdc6 url(http://cityofgigharbor.net/admin/img/crosshair.png) 97% center no-repeat;
}
.nav_order ul li.ui-sortable-helper {
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
}


/*****************************************
	FOOTER
*****************************************/
#footer {
	margin: 10px 0 0 0;

	font-size: 10px;
	text-align: center;
}
#footer p {}


/*******************
	GENERAL
********************/

.buttons {
	border: 1px solid #e2e2e2;
	display: inline-block;
	position: relative;

	background: #e2e2e2 0 0 repeat-x;
	color: #333;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .65);

	box-shadow: 0 1px 1px rgba(0, 0, 0, .55);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .55);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .55);
	transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}
.buttons:hover {
	background-color: #cfcfcf;
}

.buttons.lrg {
	padding: 13px 10px 13px 25px;

	background-image: url(http://cityofgigharbor.net/admin/img/buttons_lrg_bg.png);
	font-size: 13px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.buttons.med {
	padding: 4px 21px;
	line-height:17px;
	background-image: url(http://cityofgigharbor.net/admin/img/buttons_med_bg.png);
	font-size: 13px !important;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.buttons.sml {
	height: 1em;
	margin: 0 0 -5px 0;
	padding: 5px 10px 3px 10px;
	-moz-border-radius: 12px;
	border-radius: 12px;

	background-image: url(http://cityofgigharbor.net/admin/img/buttons_sml_bg.png);
	font-size: 11px;
	font-weight: normal;
	line-height: 10px;
}
input.buttons.sml {
	height: auto;
	padding: 2px 4px;
}

.buttons.icon {
	padding-left: 50px;

	text-align: left;
}
.buttons.icon span {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 40px;

	background: transparent 6px center no-repeat;
}
.buttons.sml.icon {
	padding-left: 28px;
}

.buttons.left_crop {
	border-left: 0 none;
	padding-left: 7px;

	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.buttons.right_crop {
	border-right: 0 none;
	padding-right: 7px;

	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.buttons.view span { background-image: url(http://cityofgigharbor.net/admin/img/buttons_view_icon.png); }
.buttons.add span { background-image: url(http://cityofgigharbor.net/admin/img/buttons_add_icon.png); }
.buttons.template span { background-image: url(http://cityofgigharbor.net/admin/img/buttons_template_icon.png); }
.buttons.edit span { background-image: url(http://cityofgigharbor.net/admin/img/buttons_edit_icon.png); }
.buttons.categories span { background-image: url(http://cityofgigharbor.net/admin/img/buttons_categories_icon.png); }
.buttons.save span { background-image: url(http://cityofgigharbor.net/admin/img/buttons_save_icon.png); }
.buttons.loading { color: #aaa; }
.buttons.loading span { background-image: url(http://cityofgigharbor.net/admin/img/buttons_loading_icon.gif); }
.buttons.folder span { background-image: url(http://cityofgigharbor.net/admin/img/buttons_folder_icon.png); }
.buttons.list span { background-image: url(http://cityofgigharbor.net/admin/img/buttons_list_icon.png); }
.buttons.refresh span { background-image: url(http://cityofgigharbor.net/admin/img/buttons_refresh_icon.png); }
.buttons.pos {
	border-color: #b9e79f;

	background-color: #ae8;
	color: #48b409;
}
.buttons.pos:hover {
	background-color: #9cd97f;
}
.buttons.del span { background-image: url(http://cityofgigharbor.net/admin/img/buttons_del_icon.png); }
.buttons.arrow_l { background: transparent url(http://cityofgigharbor.net/admin/img/buttons_arrow_l_icon.png) center center no-repeat; }
.buttons.arrow_r { background: transparent url(http://cityofgigharbor.net/admin/img/buttons_arrow_r_icon.png) 55% center no-repeat; }

.buttons.sml.view span { background-image: url(http://cityofgigharbor.net/admin/img/icons/zoom.png); }
.buttons.sml.edit span { background-image: url(http://cityofgigharbor.net/admin/img/icons/pencil.png); }

.cols {}
.col { margin: 0 4% 0 0; }
.col.single { margin: 0 4%; }
.col10	{ width: 9%; }
.col25	{ width: 23%; }
.col35	{ width: 33%; }
.col50	{ width: 48%; }
.col65	{ width: 63%; }
.col85	{ width: 83%; }
.col75	{ width: 660px; }
.col100	{ width: 638px; }

div.messages {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	margin: 0 0 20px 0;
	padding: 10px 10px 0 10px;

	background: #eee;
	font-size: 12px;
	line-height: 1.5em;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 1px 0 1px rgba(255, 255, 255, 0.4), -1px 0 1px rgba(255, 255, 255, 0.4), 0 -1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(255, 255, 255, 1), 0 1px 1px rgba(0, 0, 0, 0.07) inset;
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 1px 0 1px rgba(255, 255, 255, 0.4), -1px 0 1px rgba(255, 255, 255, 0.4), 0 -1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(255, 255, 255, 1), 0 1px 1px rgba(0, 0, 0, 0.07) inset;
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 1px 0 1px rgba(255, 255, 255, 0.4), -1px 0 1px rgba(255, 255, 255, 0.4), 0 -1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(255, 255, 255, 1), 0 1px 1px rgba(0, 0, 0, 0.07) inset;
}
div.messages p { margin-bottom: 10px; }
div.messages b { text-shadow: 0 1px 0 rgba(255, 255, 255, .65); }
div.messages.error { border-color: rgba(204, 128, 128, 0.32) rgba(204, 128, 128, 0.24) rgba(204, 128, 128, 0.16); background: #fcc; }
div.messages.success { border-color: rgba(128, 204, 128, 0.32) rgba(128, 204, 128, 0.24) rgba(128, 204, 128, 0.16); background: #cfc; }
div.messages.warning { border-color: rgba(204, 204, 128, 0.32) rgba(204, 204, 128, 0.24) rgba(204, 204, 128, 0.16); background: #ffc; }

div.messages.error b { color: #a00; }
div.messages.success b { color: #080; }
div.messages.warning b { color: #880; }

.panel {
	margin: 0 0 20px 0;
	position: relative;
}
.panel h3 {
	border-bottom: 1px solid #dadada;
	padding: 9px 10px 6px 10px;

	background: #f3f3f3;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.panel p {
	margin: 0;
	padding: 10px;
}
#side .panel h3 {
	padding: 10px 10px 7px 10px;

	font-size: 11px;
}
.panel .actions {
	padding: 10px 12px 0 0;
	position: absolute;
	right: 0;
	top: 0;

	font-size: 10px;
	text-align: right;
}
.panel .actions a {
	margin: 0 0 0 6px;
}


ul.slides {}
ul.slides li {
	float: left;
	height: 116px;
	list-style-type: none;
	margin: 0 19px 48px 0;
	padding: 4px 0 0 0;
	position: relative;
	width: 132px;

	background-color: #dadada;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	text-align: center;
}
ul.slides li a {
	display: block;
	height: 100%;
}
ul.slides li img {
	border: 0 none;
	display: block;
	max-height: 124px;
	margin: 0 auto 4px auto;
	max-width: 124px;

	background: #f4f4f4 url(http://cityofgigharbor.net/admin/img/solo_dialog_bg.png) 0 -60px repeat-x;
	line-height: 1px;
}
ul.slides li span {
	display: block;
	height: 2em;
	left: 0;
	overflow: hidden;
	padding: 5px 0 ;
	position: absolute;
	top: 100%;
	width: 100%;

	background-color: #fff;
	color: #333;
	text-overflow: ellipsis;
	/* white-space: nowrap; */
}
ul.slides li.first { margin-left: 0; }
ul.slides li.active, ul.slides li.active span {
	background-color: #0095c6;
	color: #fff;
}
ul.slides li.active img {
	border-color: #0095c6;
}

ul.slides li.folder { background-image: url(http://cityofgigharbor.net/admin/img/icons/folder_lrg.png); }

#rte_library .folder_up { text-align: center; }
#rte_library .folder_up img { border: 0; vertical-align: text-top; }


ul.opt_buttons {}
ul.opt_buttons li {
	border: 1px solid #dadada;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0 !important;

	background-color: #f3f3f3;
}
ul.opt_buttons li.active {
	border-color: #e8e691;

	background-color: #fffdc6;
}
ul.opt_buttons li a {
	display: block;
	height: 100%;
	padding: 6px 8px;

	color: #333;
	text-align: center;
}
ul.opt_buttons li a i {
	color: #888;
	font-size: 10px;
	font-style: normal;
}


.ui-datepicker {
	border: 1px solid #dadada;
	display: none;
	max-width: 180px;
	padding: 10px;
	z-index: 1500 !important;

	background: #c4c4c4 url(http://cityofgigharbor.net/admin/img/solo_dialog_bg.png) 0 -40px repeat-x;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.ui-datepicker-header {}
.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next {
	display: block;
	height: 13px;
	width: 7px;

	background-position: bottom left;
	background-repeat: no-repeat;
}
.ui-datepicker-header .ui-datepicker-prev span, .ui-datepicker-header .ui-datepicker-next span {
	display: none;
}
.ui-datepicker-header .ui-datepicker-prev { float: left; background-image: url(http://cityofgigharbor.net/admin/img/buttons_arrow_l_icon.png); }
.ui-datepicker-header .ui-datepicker-next { float: right; background-image: url(http://cityofgigharbor.net/admin/img/buttons_arrow_r_icon.png); }
.ui-datepicker-header .ui-datepicker-title {
	text-align: center;
}
.ui-datepicker table {
	border-spacing: 0;
}
.ui-datepicker table th, .ui-datepicker table td {}
.ui-datepicker table thead {}
.ui-datepicker table thead th {
	padding: 3px;

	color: #b6b6b6;
}
.ui-datepicker table tbody {}
.ui-datepicker table tbody td {
	border-width: 0;
	border-style: solid;
	border-color: #dadada;

	text-align: center;
	text-shadow: 0 1px 0 #fff;
}
.ui-datepicker table tbody td.ui-datepicker-today {
	background-color: #fff;
	font-weight: bold;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2) inset;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2) inset;
}
.ui-datepicker table tbody td a {
	display: block;
	padding: 3px;
}
.ui-datepicker table tbody td a:hover {}

.lowlite, .lowlite * { color: rgba(0, 0, 0, .34); }
.lowlite a { border-bottom: 1px solid rgba(0, 0, 0, .25); }

.float_left { float: left; }
.float_right { float: right; }

.bold_it { font-weight: bold !important; }

.no_bold { font-weight: normal !important; }
.no_border { border: 0 none !important; }
.no_bullets * { list-style-type: none !important; }
.no_display { display: none; }
.no_float { float: none !important; }
.no_margin { margin: 0 !important; }
.no_padding { padding: 0 !important; }
.no_show {
	border:0;
	height:0;
	visibility:hidden;

	line-height:0;
}
.off_screen {
	left: -999em;
	position: absolute;
	top: -999em;
}

.large { font-size: 20px; }
.medium { font-size: 16px; }
.small { font-size: 12px; }
.fine { font-size: 10px; }

.space_dbl { line-height: 200%; }
.space_half { line-height: 150%; }
.space_line { margin-top: 17px; }

.align_center { text-align: center; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_justify { text-align: justify; }

.width_auto { min-width: inherit !important; width: auto; }

input.half, select.half, textarea.half {
	width: 50% !important;
}
input.quar, select.quar, textarea.quar {
	width: 25% !important;
}
input.tiny {
	padding: 4px 4px 3px 4px;

	font-size: 11px;
}

img.framed {
	border: 1px solid #dadada;
	padding: 4px;

	background-color: #fff;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

a.back {
	display: block;
	height: 14px;
	padding: 0 0 0 17px;
	width: 14px;

	background: transparent url(http://cityofgigharbor.net/admin/img/back_icon.png) 0 0 no-repeat;
	font-size: 12px;
	font-weight: normal;
}

.rounded {
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.has_border { border: 1px solid #dadada !important; }

.required { color: #b00; }

.cleaner { clear: both; height: 0; }