body,td {
	font-family: arial;
}
body, td, h1, h2, h3, h4, h5, h6, p {
	line-height: 160%;	
}
body, html {
	padding: 0px;
	margin: 0;
}
body {
	background-image: url(http://gliding.co.nz/sites/gliding.co.nz/themes/default/images/bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 20px;
}

div.body {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	background-image: url(images/head_background2.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

div.body2 {
	background-image: url(images/tr.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
div.body3 {
	background-image: url(images/tl.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0 20px;
}

div.nohead_body {
	padding: 20px;
}
div.header {
	padding: 0 0 1px 0;
	margin-bottom: 20px;
	background-repeat: repeat-x;
	background-position: top left;
	height: auto !important;
	height: 100%;
	overflow: auto;
}

div.logo {
	margin-right: 20px;
	float: left;
}


div.messages {
	text-align: center;
	margin-bottom: 20px;
}

.wide {
	width: 100%;
}
.success {
	color: #0A0;
}
.error {
	color: #A00;
}
.warning {
	color: #D70;
}
.note {
	color: #888;
}
.label {
	color: #888;
}
.disabled {
	color: #AAA;
}
.nowrap {
	white-space: nowrap;
}
.ellipse {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.caption {
	font-size: 70%;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #888;
}
.image_object_editor {
	text-align: center;
	padding: 10px;
}
table {
	border-collapse: collapse;
}
td.data, th.data, td.label {
	padding: 0 12px 5px 0;
	vertical-align: top;
}
td.label {
	white-space: nowrap;
	text-align: right;
	vertical-align: top;
	color: #888;
}
th {
	font-weight: normal;
	color: #888;
	font-size: 75%;
	font-family: verdana;
}



table.alt td, table.alt th {
	border-top: 1px solid #CDE;
}

table.alt td div {
	padding: 7px 0px 3px 7px;
}
table.alt th div {
	padding: 0 7px 0 7px;
}
table.alt {
	border-bottom: 1px solid #CDE;
}
tr.subline td {
	border-top: none;
}
table.alt td {
	line-height: 100%;
}

table.padcells td {
	padding: 7px 10px;
}
table.padcells th {
	padding: 0 10px 7px 10px;	
}




table.alt th {
	font-weight: normal;
	font-size: 70%;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #888;
	text-align: left;
	border-top: 0;
}
tr.alt {
	background-color: #F1F5FA;
}

table.highlight tbody tr:hover {
	background-color: #CCDDEE;
	cursor: pointer;
}
table.highlight tbody td {
	cursor: pointer;
}

div.footer {
	clear: both;
	text-align: center;
	color: #AAA;
	padding-top: 60px;
}



/* page browser ------------- */
ul.page-browser {
	list-style: none;
	padding: 0;
	overflow: auto;
	text-align: center;
}

ul.page-browser li {
	display: inline;
}
ul.page-browser li.sel a {
	background-color: #AAA;
}
ul.page-browser li a, ul.page-browser li span {
	padding: 0 10px;
	margin: 0 3px;
}
ul.page-browser li.sel a {
	text-decoration: none;
	color: #FFF;
}





ul.main-menu, ul.page-menu {
	list-style: none;
	padding: 0;
	margin-left: 0;
	overflow: auto;
	text-align: right;
}
ul.main-menu li, ul.page-menu li {
	float: left;
	padding-right: 20px;
	display: inline;
}
ul.main-menu .admin {
	float: none;
	padding-right: 0;
	padding-left: 20px;
}
.debug {
	margin: 100px auto;
	max-width: 700px;
	overflow: auto;
	white-space: pre;
	padding: 10px;
}

ul.page_edit_buttons {
	list-style: none;
	padding:0;
}
ul.page_edit_buttons li {
	display: inline;
	padding-right: 30px;
}
a.icon {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left;
}
li.selected a {
	background-color: #444;
	padding: 0 5px;
	color: #FFF;
	text-decoration: none;
}


/* general design */

h1, h2 {
	font-size: 140%;
	line-height: 160%;
	font-weight: normal;
	color: #000;
}
h2 {
	font-size: 120%;
}
h2.chart-heading {
	margin-top: 2em;
	margin-bottom: 0;	
}
div.site_name {
	padding: 10px 0 5px 0;		
	color: #104A89;
	font-size: 140%;
	line-height: 160%;
}

div.site_name a {
	text-decoration: none;
}
ul.main-menu {
	margin-top: 0;
}
.wentflying_logo {
	text-transform: lowercase;
	color: #AAA;
}


/* sortable list */

ul.sortable {
	list-style: none;
	padding:0; margin:0;
}
ul.sortable li {
	margin-bottom: 10px;
}
ul.sortable .grip {
	padding: 5px;
	background-image: url(images/grip_horizontal.png);
	background-repeat: no-repeat;
}
.placeholder {
	border: 1px dotted #AAA;
	height: 300px;
}
ul.sortable div.data {
	background-color: #FAFAFA;
	border: 1px solid #AAA;
}



/* page editing options --------- */

div.file_edit {
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: center;
}
div.file_icon {
	margin-bottom: 0;
}
div.file_edit .caption {
	display: block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;	
}

div.image_scroller {
	width: 220px;
	max-height: 500px;
	overflow: auto;
	padding-right: 10px;
}



/* blog */


div.blog {
	width: 610px;
	margin: 0 auto;
}

div.blog_item {
	border-bottom: 1px solid #E0E0E0;
	margin-bottom: 40px;
	padding-bottom: 40px;
}
.page_date {
	float: right;
	color: #AAA;
}
/* page files and images ------------------ */

div.page_file, div.page_image {
	text-align: center;
}
div.image {
	padding: 4px;
	border: 1px solid #DDD;
	margin: 0 auto;
	margin-bottom: 0px;
}
div.image img {
	display: block;
}
/* auto break stuff ------ */

.text_object_auto_br h1,
.text_object_auto_br h2,
.text_object_auto_br h3,
.text_object_auto_br h4,
.text_object_auto_br h5,
.text_object_auto_br h6,
.text_object_auto_br p {
	display: inline;
}


body#drafts h2.page_title {
	margin-bottom: 0;
}


.center {
	text-align: center;
}


/* ----- filter panel --------- */
div.filter-panel {
	margin-top: 0;
	background-color: #FFF;
	background-image: url(images/slide_panel_middle.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}
ul.quicklinks-menu {
	margin-top: 0;
	display: inline;
	padding-left: 0;
}
ul.quicklinks-menu li {
	display: inline;
	padding: 10px;
}
div.filter-panel2 {
	background-image: url(images/slide_panel_left.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}
div.filter-panel3 {
	padding: 5px 10px;
	background-image: url(images/slide_panel_right.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	text-align: center;
	line-height: 200%;
}


div.sponsor {
	text-align: center;
	display: block;
	margin: 40px;
	clear:both;
}


a, a:visited {
	color: #104C88;
	text-decoration: none;
}
a:hover {
	color: #01AAA3;
	background-color: #EEE;
}
