/* Reminder (I always forget) Padding: top right bottom left; */

body {
	background:#EEE;
}

.labman-body {
	font-family:sans-serif;
	background:#EEE;
	padding: 1em 4em 1em 4em;
}

.labman-header {
	padding:0.5em 1em 1em 1em;
	border:1px solid black;
	text-align:right;
	margin-bottom:0.5em;
}

.labman-header table {
	border:0px;
}

.labman-content-frame {
	margin-top:0em;
	font-family:serif;
	background:white;
	border:1px solid black;
	border-top:0px;
}

.labman-content {
	padding:1em;
	border:0px;
}

.labman-footer {
	margin-top:0.5em;
	padding:0.5em 1em 0.5em 1em;
	border:1px solid black;
	font-size:80%;
}

.translation-highlight {
	color:magenta;
	background:yellow;
	font-weight:bold;
}

.no-translation {
	color:magenta;
	font-weight:bold;
}

.pass {
	background:#abffa7 url('/_graphics/dynamic/action_icon_pad.php?icon=accept&pad=2&dir=left') no-repeat center left;
	color:green;
	padding:0.1em;
	padding-left:22px;
	border:1px solid green;
	margin-right:1em;
}

.fail {
	background:#ffa7a7 url('/_graphics/dynamic/action_icon_pad.php?icon=exclamation&pad=2&dir=left') no-repeat center left;
	color:red;
	padding:0.1em;
	padding-left:20px;
	border:1px solid red;
	margin-right:1em;
}

.error {
	background:#ffa7a7 url('/_graphics/error.png') no-repeat center left;
	color:red;
	font-weight:bold;
	padding:0.1em;
	padding-left:20px;
	border:1px solid red;
	margin-right:1em;
}

div.message {
	border:1px solid #0080B3;
	padding:0.5em;
	margin-bottom:1em;
	font-family:sans-serif;
	background: #FFFFFF url(/_graphics/dynamic/png_shade_vert.php?height=32&col2=FFFFFF&col1=99CCCC) repeat-x top;
}

div.warning {
	border:1px solid orange;
	padding:0.5em;
	color:red;
	background: #FFFFFF url(/_graphics/dynamic/png_shade_vert.php?height=32&col2=FFFFFF&col1=ffa7a7) repeat-x top;
	font-family:sans-serif;
	margin-bottom:1em;
}

div.warning h3,div.message h3 {
	margin:0px;
	padding:0px;
	
}

div.form-wrapper {
	padding:0.5em;
	border:1px solid #CCC;
	background:white;
}

form.post {
	margin:0px;
	border:0px;
	padding:0px;
}

.submit {
	text-align:right;
}

.postsubmit {
	background: transparent;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #00F;
	border-left: 0;
	color: #00F;
	display: inline;
	margin: 0;
	padding: 0;
	cursor:pointer;
}

*:first-child+html .postsubmit {		/* hack needed for IE 7 */
	border-bottom: 0;
	text-decoration: underline;
}

* html .postsubmit {				/* hack needed for IE 5/6 */
	border-bottom: 0;
	text-decoration: underline;
}

.required {
	color:orange;
}

.comment {
	color:#555;
	font-size:0.9em;
	padding-left:1em;
}


.icon {
	text-decoration: none;
	padding-right:8px;
	border:0px;
	vertical-align:middle;
}

.photo {
	text-decoration: none;
	margin-right:8px;
	margin-left:8px;
	border:1px solid #555;
	vertical-align:middle;
}

/* Forms */

form {
	font-family:sans-serif;
}

td.form-header {
	padding:0.5em;
	font-weight:bold;
	font-size:110%;
	text-align:left;
	border-top:3px solid #555;
}

td.form-field,td.form-field-toggle {
	vertical-align:middle;
	text-align:right;
	padding:0.5em;
	padding-right:1em;
}

td.form-input,td.form-input-toggle {
	vertical-align:middle;
	text-align:left;
	padding:0.5em;
}

input.text-box,input.text-box-error {
	margin-right:1em;
	padding:3px;
}

input.text-box-error {
	background: #ffdbdb url(/_graphics/dynamic/png_shade_vert.php?height=5&col2=ffa7a7&col1=ffdbdb) repeat-x bottom;
	border:1px solid red;
}

textarea.text-area,textarea.rich-text-area {
	background-color:white !important;
	border:1px solid #555;
	padding:0.5em;
	font-family:monospace;
	font-size:24px;
}
div.text-area,div.rich-text-area {
	background-color:white !important;
}


.text-area-default {
	color:#555;
	border:1px solid #555;
	padding:0.5em;
	font-family:monospace;
	font-size:24px;
}

input.btn { 
	cursor:pointer;
	padding:0.1em;
} 

input.btn:hover {
} 

input.colourpicker-textbox {
	float:left;
}

.disabled-input {
	background-color:#EEE !important;
	background-image:none !important;
}

.disabled-box {
	background-image:url(/_graphics/disabled_background_small.png) !important;
	background-repeat:repeat !important;
	background-position:left top !important;
}

table.action-table {
	font-family:sans-serif;
	text-align:left;
	border:1px solid #CCC;
	background:white;
	border:1px solid #555;
	border-collapse:collapse;
}

table.action-table th {
	font-weight:bold;
	background: #FFFFFF url(/_graphics/dynamic/png_shade_vert.php?height=12&col2=CCCCCC&col1=FFFFFF) repeat-x bottom;
	padding:0.3em 0.5em 0.3em 0.5em;
}

table.action-table td {
	padding:0.5em;
}

table.action-table tr {
	border-top:1px solid #555;
}

th.action-header {
	font-style:italic;
}

td.action-cell, th.action-header {
	text-align:center;
}

tr.toggle {
	background:#E0E0FF;
}

tr.selected {
	background:#CF4;
}

tr.approved,tr.approved-toggle,tr.member,tr.member-toggle {
	background:#DFD;
	font-weight:bold;
	font-style:normal;
	color:black;
}

tr.approved-toggle,tr.member-toggle {
	background:#D0F0D0;
}

tr.denied,tr.denied-toggle{
	font-weight:normal;
	font-style:italic;
	color:#555;
	background:#FED;
}

tr.denied-toggle {
	background:#F0E0D0;
}

tr.hidden-row {
	display:none;
	border-top:0px solid #555; /* This doesn't stick, so it's set on the row itself by the PHP function: "LAYOUT_show_action_table_text" */
}

tr.hidden-row td {
	padding-top:1em;
	padding-bottom:1em;
}

#labman_newinst_colour {
	background-image:none;
}
/* BSlots Widget -- NOT styled in colour scheme, it's all grey anyway */

table.bslots-table {
	border-collapse:collapse;
	margin-left:0px;
	margin-right:0px;
	width:100%;
	border-right:1px solid #555;
	color:black;
}

th.bslots-head {
	width:20%;
	border-top:1px solid #555;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
	text-align:center;
	background: #FFFFFF url(/_graphics/dynamic/png_shade_vert.php?height=12&col2=CCCCCC&col1=FFFFFF) repeat-x bottom;
}

td.bslots-td {
	border-right:1px solid #555;
	border-bottom:1px solid #555;
	padding:0.5em;
}

table.bslots-table td div {
	margin-bottom:0.5em;
}

.bslots-add-form {
	padding:1em;
}

img.bslots-remove-icon {
	margin-top:0.5em;
	cursor:pointer;
	float:right;
	margin-left:1em;
}

div.bslots-slot {
	padding-top:0.5em;
	padding-left:0.3em;
	padding-bottom:1em;
	border:1px solid #CCC;
}

div.bslots-slot-highlight {
	border:1px solid orange;
	background:#ffe678;
}

/* End BSlots Widget */

.action-list li {
	margin-top:0.5em;
	margin-bottom:0.5em;
}

/* Admin table - used on control panel */
table.admin-table {
	border:0px;	
	font-family:sans-serif;
	vertical-align:top;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}

table.admin-table tr {
		border:0px;
		padding:0px;
		margin:0px;
}

table.admin-table td {
		border:0px;
		padding:1em;
		padding-top:0px;
		padding-bottom:0px;
		vertical-align:top;
}

table.admin-table div.form-wrapper {
	background:#F2F2F2;
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-top:0px;
	margin-bottom:0px;
}

table.admin-table td h3 {
	margin-bottom:0.5em;
	padding-bottom:0px;
	margin-top:0.5em;
	padding-top:0px;
}

table.admin-table td p {
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:16px;
	margin-bottom:0.5em;
	padding-bottom:0px;
	margin-top:0.5em;
	padding-top:0px;
}


table.admin-table td div.list {
	padding-left:16px;
}

/* Configure */
table.admin-table td.config p {
	background-image:url(/_graphics/bullet_blue.png);
}

table.admin-table td.config div.form-wrapper {
	background-image:url(/_graphics/controlpanel_bg_configure.png);
}

/* Report */
table.admin-table td.report p {
	background-image:url(/_graphics/bullet_orange.png);
}

table.admin-table td.report div.form-wrapper {
	background-image:url(/_graphics/controlpanel_bg_report.png);
}

/* Manage */
table.admin-table td.manage p {
	background-image:url(/_graphics/bullet_green.png);
}

table.admin-table td.manage div.form-wrapper {
	background-image:url(/_graphics/controlpanel_bg_manage.png);
}

/* Bookings */
table.admin-table td.bookings p {
	background-image:url(/_graphics/bullet_green.png);
}

table.admin-table td.bookings div.form-wrapper {
	background-image:url(/_graphics/controlpanel_bg_bookings.png);
}

/* Messages */
table.admin-table td.messages p {
	background-image:none;
}

table.admin-table td.messages div.form-wrapper {
	background-image:url(/_graphics/controlpanel_bg_messages.png);
}


/* End Admin Table */

.waiting-box {
	margin-left:0.5em;
	background:white;
	border:1px solid #CCC;
	padding:0.3em;
}

.waiting-high {
	font-weight:bold;
	color:red;
}

.waiting-medium {
	font-weight:bold;
	color:orange;
}

.waiting-low {
	color:green;
}

/* Messages */

div.user-message {
	margin:2em;
	border:1px solid #CCC;
	padding:1em;
}

div.user-message-heading {
	font-size:larger;
	font-weight:bold;
	margin-bottom:1em;
	font-family:sans-serif;
}

div.user-message-body {
	font-family:monospace;
}

div.user-message-footer {
	font-family:sans-serif;
	font-size:90%;
	color:#555;
	padding-top:0.5em;
	border-top:1px solid #CCC;
}

div.user-message-footer div {
	margin-bottom:0.3em;
}

div.user-message-list {
	padding:0.5em;
	margin-bottom:1em;
	font-family:sans-serif;
	border:1px solid #CCC;
	background: #FFFFFF;
}

div.user-message-new {
	border:1px solid #0080B3;
	background: #FFFFFF url(/_graphics/dynamic/png_shade_vert.php?height=32&col2=99CCCC&col1=FFFFFF) repeat-x bottom;
}

img.message-delete-icon {
	float:right;
	margin-left:0.5em;
	margin-bottom:0.5em;
	cursor:pointer;
}

.custom-message-tags {
	font-size:90%;
	font-family:monospace;
}


/* End Messages */

/* Auto complete */

.auto-complete-results {
	margin-top:0.5em;
	margin-bottom:0.5em;
}

.auto-complete-item {
	margin-right:2em;
	cursor:pointer;
	margin-top:0.2em;
	margin-bottom:0.2em;
	padding:0.3em;
	border:1px solid #CCC;
	background:#E0E0FF;
}

.auto-complete-item:hover {
	background:white;
	border:1px solid #99CCCC;
}

span.inactive-user {
	text-decoration: line-through;
}

.contact-users-preview-item {
	margin-top:0.2em;
	margin-bottom:0.2em;
	padding:0.3em;
	border:1px solid #CCC;
	background:#E0E0FF;
}

.contact-users-selected-option {
	font-weight:bold;
}

.contact-users-subgroup {
	margin-top:1em !important;
	padding:1em;
	background:#E0E0FF;
	border:1px solid #CCC;
}

.contact-users-selection-list {
	margin-top:0.5em;
	padding:1em;
	border-top:1px solid #555
}

.contact-users-selection-list div {
	margin-top:0.3em;
	margin-bottom:0.3em;
}

.contact-users-old-list {
	margin-top:1em !important;
	padding-top:0.5em;
	border-top:1px dashed #CCC;
}

.help-notice,.information-notice,.warning-notice,.ash-personal-note  {
	background-color:white !important;
	background-repeat:no-repeat !important;
	background-position:bottom right !important;
	margin-bottom:1em;
}

.help-notice {
	background-image:url(/_graphics/bg_help.png) !important;
}

.information-notice {
	background-image:url(/_graphics/bg_information.png) !important;
}

.warning-notice {
	background-image:url(/_graphics/bg_warning.png) !important;
}

.ash-personal-note {
	background-color:#E0E0FF !important;
	background-image:url('/_graphics/dynamic/action_icon_pad.php?icon=labman_logo_2_small&pad=8&dir=right') !important;
}

.widget {
	padding:0.3em;
	background-color:#F9FFB5 !important;
	border:1px solid #BBB;
	text-align:center;
	font-size:80%;
}

.front-page-instrument {
	background-repeat:no-repeat !important;
	background-position:bottom right !important;
	background-image:url(/_graphics/bg_shade.png) !important;
	border:1px solid #555 !important;
	margin:2em 1em 2em 1em !important;
	padding:0.5em !important;
	text-align:center !important;
	cursor:pointer;
}

div.tab {
	border-left:1px solid black;
	border-top:1px solid black;
	float:left;
	padding-left:1em;
	padding-right:2em;
}

div.tab-selected {
	
}

div.tab-unselected {
	cursor:pointer;
}