/* Key colours:
	ccc
	darker blues: 003e53  / 007ca7
	light orange: 999933
	dark orange: cb8634
	light blue: d1e7ef
*/

* {
	margin:0;
	padding:0;
}

/* General Style Info */
BODY {
	background: #d5d5d5;
	color: #000000;
	font-family: 'lucida grande',verdana,helvetica,arial,sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

A {
	color: #007ca7;
	font-weight: bold;
	outline: none;
	text-decoration:none;
}

A:hover {
	color: #003e53;
	text-decoration: underline;
}

A IMG {
	border:none;
}

H1,
H2,
H3,
H4 {
	font-weight: normal;
}

H1 {
	color: #cb8634;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 190%;
	margin: 0.1em 0 0.3em;
}

H2 {
	color: #cb8634;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 165%;
	margin: 0.3em 0;
	padding-top: 0.8em;
}

H3 {
	color: #cb8634;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 140%;
	padding-top: 1em;
}

H4 {
	color: #993;
	font-weight: normal;
	padding-top: 0.5em;
}

HR {
	background-color: #999999;
	border: 0;
	height: 1px;
	margin: 0;
	padding: 0;
}

UL
LI {
	margin: 0 12px;
}

PRE {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}

*.grey {
	color: #CCC;
}

*.small {
	font-size: 80%;
}

A.external {
	background: url('../img/layout/icons/external.gif') center right no-repeat;
	padding-right: 14px;
}

/* --- Layout --- */
#page {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}

/* --- Header --- */
#header {
	background: #ffffff url('../img/layout/header_bg.gif') repeat-x;
}

#header A.title {
/*	background: url('../img/layout/atp_title_bg.gif') no-repeat;
	background-position: 5px -51px;
*/	display: block;
	height: 30px;
	margin-left: 10px;
	padding-left: 40px;
	padding-top: 10px;
	position: relative;
	top: 6px;
	width: 290px;
}
/*
#header A.title:hover {
	background-position: 5px 0;
}
*/
#header DIV.welcome-message {
	color: #003e53;
	float: right;
	margin-right: 40px;
	margin-top: 6px;
}

/* --- Layout --- */

#container {
	background-color: #ffffff;
	clear: both;
	margin: 0;
	padding: 0 165px 20px 180px; /* width of columns + 20px padding (+5 for right column)*/
	position: relative;
}

#content {
}

#left-column {
	float: left;
	margin-left: -180px; /* padding on #container = width + padding */
	padding: 0;
	width: 160px;
}

#right-column {
	float: right;
	margin: 20px 0 0;
	margin-right: -160px;
	padding: 0;
	width: 140px;
}

/* --- Footer --- */

#footer {
	background: #666666 url('../img/layout/footer_bg.gif') repeat-x;
	clear: both;
	height: 100px;
	margin: 0;
	padding: 0;
	text-align: right;
}

/* Tables */
TABLE {
	background: #fff;
	border:1px solid #ccc;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	position: relative;
}

TH {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
	white-space: nowrap;
}

TH A {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
	white-space: nowrap;
}

TH A:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}

TH A.asc,
TH A.desc,
TH A.undefined {
	background-image: url('../img/layout/sort_arrows.gif');
	background-repeat: no-repeat;
	background-position: 99% center;
	padding-right: 14px;
}

TH A.asc {
	background-position: 99% 6px;
}

TH A.asc:hover {
	background-position: 99% -25px;
}

TH A.desc {
	background-position: 99% -25px;
}

TH A.desc:hover {
	background-position: 99% 6px;
}

TH A.undefined {
}

TH A.undefined:hover {
	background-position: 99% 6px;
}

TABLE TR TD {
	background: #f4f4f4;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}

TABLE TR TD SPAN.spacer {
	margin-left: 5px;
	margin-right: 5px;
}

TABLE TR TD.first {
	padding-left: 8px;
	text-align: left;
}

TABLE TR TD.left {
	text-align: left;
}

TABLE TR TD.sub-section-header {
	color: #666;
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
}

TABLE TR TD.sub-section-content {
	color: #666;
	font-size: 0.9em;
	font-style: italic;
	text-align: left;
}

TABLE TR TD.sub-section-content B.header {
	color: #666;
	font-weight: bold;
}

TABLE TR TD.sub-section-content A {
	font-weight: normal;
}

TABLE TR TD.sub-section-content .highlight {
	color: #000;
}

TABLE TR.altrow TD {
	background: #ffffff;
}

TD.actions {
	text-align: center;
	white-space: nowrap;
	width: 160px;
}

TD.actions A {
	margin: 0px 6px;
}

TD.actions SPAN.disabled {
	color: #cccccc;
	font-weight: bold;
	margin: 0px 6px;
}

.cake-sql-log TABLE {
	background: #f4f4f4;
}
.cake-sql-log TD {
	padding: 4px 8px;
	text-align: left;
}

/* Paging */
DIV.paging {
	color: #ccc;
}

DIV.paging.top {
	color: #666;
	margin-bottom: 2px;
}

DIV.paging.bottom {
	float: left;
}

DIV.paging DIV.disabled {
	color: #ddd;
	display: inline;
}

DIV.paging SPAN {
}

DIV.paging SPAN.current {
	color: #000;
}

DIV.paging SPAN A {
}

/* List Method */
DIV.list-method {
	color: #666;
	float: right;
	margin-bottom: 2px;
}

DIV.list-method A {
	color: #007ca7;
	font-weight: normal;
}

DIV.list-method A:hover {
	color: #003e53;
}

DIV.list-method A.selected {
	color: #003e53;
	text-decoration: underline;
}

/* Per Page */
DIV.per-page {
	color: #666;
	float: right;
	margin-bottom: 2em;
}

DIV.per-page SELECT {
	font-size: 0.9em;
	vertical-align: -1px;
}

DIV.per-page SELECT OPTION {
	font-size: 0.9em;
}

/* Scaffold View */
DL {
	line-height: 2em;
	margin: 0;
	width: 60%;
}

DL.altrow {
	background: #f4f4f4;
}

DT {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}

DD {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/* Forms */
FORM {
	margin-right: 20px;
	padding: 0;
	width: 80%;
}

FORM TABLE.in-form {
	background: #fff;
	border: 0;
}

FORM TABLE.in-form TH {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}

FORM TABLE.in-form TR TD{
	background: #ffffff;
	border: 0;
}

FORM TABLE.in-form TR TD DIV.checkbox {
	margin: 0 !important;
}

/* Fieldset */

FIELDSET {
	border: 1px solid #ccc;
	margin: 0;
	padding: 16px 20px;
	position: relative;
}

FIELDSET LEGEND { /* should be similar to H1 */
	background: #ffffff;
	color: #cb8634;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 190%;
	padding: 0 6px;
}

FIELDSET FIELDSET {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
}

FIELDSET FIELDSET LEGEND {
	font-size: 120%;
	font-weight: normal;
	margin-left: 20px;
}

FIELDSET FIELDSET DIV {
	clear: left;
	margin: 0 20px;
}

FIELDSET DIV.ajax {
	margin: 0;
	padding: 0;
}
/* -- not sure if we need this, or ever needed it,
	but if some divs look funky, this might be why
FIELDSET DIV.ajax DIV {
	margin: 0;
	padding: 0;
}

FIELDSET DIV.ajax DIV DIV {
	padding: .5em;
	vertical-align: text-top;
}
*/
#right-column FIELDSET.ad-space {
	border: 1px solid #cccccc;
	margin: 0;
	padding: 5px;
	position: relative;
}

#right-column FIELDSET.ad-space LEGEND {
	color: #dddddd;
	font-size: 1em;
	font-weight: normal;
	padding: 0 4px;
}

/* --- Form --- */

FORM DIV {
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}

FORM DIV.checkbox {
	margin-bottom: 0.1em;
}

FORM DIV.input {
	color: #444;
}

FORM DIV.required LABEL {
	color: #773333;
	font-weight: bold;
}

FORM DIV.submit {
	border: 0;
	margin-top: 10px;
	margin-left: 140px;
}

FORM DIV.submit.inline {
	display: inline;
	margin: 0 20px 0;
}

FORM DIV.reset {
	float: left;
}

LABEL {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}

INPUT,
TEXTAREA {
	clear: both;
	display: block;
	font-size: 120%;
	padding: 2px;
	width: 100%;
}

INPUT.inline {
	display: inline;
	width: auto;
}

INPUT.radio {
	width: auto;
}

SELECT {
	clear: both;
	font-size: 110%;
	vertical-align: text-bottom;
}

SELECT[multiple=multiple] {
	width: 100%;
}

OPTION {
	font-size: 120%;
	padding: 0 3px;
}

SELECT OPTGROUP OPTION {
	padding-left: 20px;
}

INPUT[type=hidden] {
	display: inline;
	padding: 0;
}

INPUT[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 4px 2px;
	width: auto;
}

INPUT[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* Notices and Errors */
DIV.message {
	color: #900;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0.8em;
}

DIV.quick-message {
	color: #900;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0.4em;
}

DIV.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}

P.error {
	background-color: #003e53;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}

P.error EM {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}

.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}

.success {
	background: green;
	color: #fff;
}

INPUT.form-error,
TEXTAREA.form-error,
SELECT.form-error {
	border: 2px inset #990000;
}

/* --- Left Column --- */

/* Fieldset */

#left-column FIELDSET {
	border: 1px solid #ccc;
	margin: 10px 0 0;
	padding: 0;
	position: relative;
	width: 160px; /* same as #left-columne width */
}

#left-column FIELDSET LEGEND {
	font-size: 100%;
	font-weight: bold;
	padding: 0 6px 0 3px;
}

#left-column FIELDSET DIV {
	margin: 0;
	padding: 0;
	vertical-align: text-top;
}

#left-column FORM DIV.input {
	color: #444;
	margin: 0;
	padding: 5px 4px;
}

#left-column FORM DIV.text B {
	margin-left: 10px;
}

#left-column FORM DIV.submit {
	float: right;
	margin: 4px 0 0;
	padding: 0;
	padding-right: 20px;
	text-align: right;
}

#left-column FIELDSET DIV.reset {
	float: left;
	margin-bottom: 0.8em;
	padding: .5em;
	margin-top: 1px;
}

#left-column LABEL {
	display: block;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

#left-column INPUT,
#left-column TEXTAREA {
	font-size: 90%;
}

#left-column SELECT {
	clear: both;
	font-size: 90%;
	vertical-align: text-bottom;
	width: 100%;
}

#left-column SELECT[multiple=multiple] {
	height: 150px;
}

#left-column OPTION {
	font-size: 100%;
	padding: 0 3px;
}

#left-column SELECT OPTGROUP OPTION {
	padding-left: 10px;
}

#left-column INPUT[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}

#left-column INPUT[type=submit] {
	display: inline;
	font-size: 100%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/*  Tabs */
UL.tabs {
	border-bottom: 1px solid #003e53;
	list-style-type: none;
	margin: 0;
	padding: 0 20px 3px; /* bottom padding must = LI A top padding */
}

UL.tabs LI {
	display: inline;
	margin: 0;
	padding: 0;
}

UL.tabs LI A {
	background-color: #d1e7ef;
	border: 1px solid #003e53;
	border-bottom: none;
	margin: 5px;
	padding: 2px 8px 3px; /* top padding = UL bottom padding */
	position: relative;
}

UL.tabs LI A:hover {
	background-color: #f0f0f0;
	text-decoration: none;
}

UL.tabs LI A.active,
UL.tabs LI A.current {
	background-color: #ffffff;
	top: 1px; /* to push it down a wee bit */
}

/*  Actions  */
DIV.actions UL {
	margin: 0px 0;
	padding: 0;
}
DIV.actions LI {
	display: inline;
	line-height: 2em;
	list-style-type: none;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
DIV.actions UL LI A {
	color: #007ca7;
	text-decoration: none;
}
DIV.actions UL LI A:hover {
	color: #333;
	text-decoration: underline;
}

DIV.view,
DIV.form {
	padding-top: 6px;
}

/* Special ones for index page */
DIV.index DIV.actions {
	margin-top: -10px;
	padding: 0 1em 0.5em;
	text-align: right;
}

DIV.index DIV.actions LI {
	line-height: 1em;
}

/* dialog box */
DIV.dialog-box {
	border: 4px solid #cb8634;
	background-color: #ffffff;
	margin: 0;
	padding: 10px;
	width: 100%;
}

/* Related */
DIV.related {
	clear: right;
	display: block;
}

/* Advanced Tagging */
DIV.input.tag {
	position: relative; /* required for auto_complete absolute to work */
}

DIV.input.tag DIV {
	margin: 0;
	padding: 0;
}

DIV.input.tag UL.input {
	font-size: 110%;
	margin-top: 0;
	margin-left: 10px;
	padding: 0;
}

DIV.input.tag UL.input LI {
}

DIV.input.tag UL.input INPUT {
	display: inline;
	font-size: 110%;
	width: auto;
}

DIV.input.tag DIV.auto_complete {
	background-color: #eeeeee;
	border: 1px solid #007ca7;
	cursor: default;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 200px;
	z-index: 10000;
}

DIV.input.tag DIV.auto_complete UL {
	margin: 0;
	padding: 0;
}

DIV.input.tag DIV.auto_complete UL LI {
	list-style: none;
	margin: 0;
	padding: 1px 3px;
}

DIV.input.tag DIV.auto_complete UL LI.selected {
	background-color: #d1e7ef;
}

DIV.input.tag UL.input INPUT[type=text] {
	width: 40%;
}

DIV.input.tag UL.input DIV.submit {
	display: inline;
	margin: 0 10px;
}

DIV.input.tag UL.tags {
	font-size: 110%; /* similar to LABEL */
	margin: 8px 120px 0 10px;
	padding: 0;
}

DIV.input.tag UL.tags LI {
	margin-top: 1px;
	padding: 1px;
}

DIV.input.tag UL.tags LI SPAN.actions {
	color: #666;
	display: none;
	font-size: 0.9em;
	margin-left: 2px;
}

DIV.input.tag UL.tags LI:hover SPAN.actions {
	display: inline;
}

DIV.input.tag UL.tags LI SPAN.actions A {
	font-weight: normal;
}

/* Photographer details */
TABLE TR TD.photographer-details {
	color: #666;
	font-size: 0.9em;
	padding: 0;
	padding-left: 16%;
	padding-right: 168px; /* TD.actions width (160) + TD padding (2 x 4) */
	text-align: left;
}

TABLE TR TD.photographer-details DIV DIV {
	border: 1px solid #d1e7ef;
	margin-bottom: 8px;
	padding: 2px 5px 1px;
}

TABLE TR TD.photographer-details P {
	font-style: italic;
	line-height: 1.4em;
}

TABLE TR TD.photographer-details P B {
	font-weight: bold;
	font-style: normal;
}

TABLE TR TD.photographer-details P A {
	font-weight: normal;
}

TABLE TR TD.photographer-details P .highlight {
	color: #000;
}

/* Pages */
DIV.pages.view DIV.content {
	border: 1px solid #d1e7ef;
	margin: 0 4px;
	padding: 5px;
}