/* @override 
	http://localhost:3000/stylesheets/base.css?1274294884
	http://localhost:3000/stylesheets/base.css?1278991226
	http://localhost:3000/stylesheets/base.css?1279675794
	http://localhost:3000/stylesheets/base.css?1279679468
	http://localhost:3000/stylesheets/base.css?1279679601
	http://localhost:3000/stylesheets/base.css?1279679942
	http://localhost:3000/stylesheets/base.css?1279684896
	http://localhost:3000/stylesheets/base.css?1279685682
	http://localhost:3000/stylesheets/base.css?1279687394
	http://localhost:3000/stylesheets/base.css?1279687995
	http://localhost:3000/stylesheets/base.css?1279688842
	http://collagewall.com/stylesheets/base.css?1279690578
	http://localhost:3000/stylesheets/base.css?1279692514
	http://localhost:3000/stylesheets/base.css?1280405734
	http://localhost:3000/stylesheets/base.css?1280406247
	http://localhost:3000/stylesheets/base.css?1282621331
	http://localhost:3000/stylesheets/base.css?1282621583
*/

/* @group general page layout */

div.page {
	min-width: 640px;
	max-width: 1110px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 10px 10px;
}

div.page.placement_edit,
div.page.procedure,
div.page.step  {
	min-width: 820px;
	max-width: 900px;
}

div.left {
	float: left;
	/*margin-right: 5px;*/
}

div.right {
	/*float: right;*/
	/*margin-left: 5px;*/
}

div.main_column {
	width: 540px;
}

div.side_column {
	width: 270px;
	float: left;
	margin-left: 10px;
}

div.placement_edit div.main_column,
div.step div.main_column {
	width: 510px;
}

div.placement_edit div.side_column,
div.step div.side_column {
	width: 280px;
	margin-left: 10px;
}

div.center_column {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
}

div.center_column div.split {
	clear: both;
	padding-top: 20px;
}

/* dialog box */

.padded {
	margin-top: 100px;
}

.padded_small {
	margin-top: 20px;
}

div.dialog_box {
	
	/*max-width: 350px;*/
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #eee;
	padding: 10px;
	margin-bottom: 10px;
}

div.narrow_form {
	width:290px;
}

div.wide_form {
	width:400px;
}

div.split div.left {
	float: left;
	padding-right: 10px;
	border-right: 5px solid #eee;
}

div.split div.right {
	float: left;
	padding-left: 20px;
}

div.order div.split div.left {
	width: 330px;
}

div.order div.split div.right {
	width: 220px;
}


/* @end */

/* @group procedures and steps */

div.step div.center_column {
	max-width: 640px;
}

div.step div.center_column p,
div.step div.center_column li {
	font-size: 18px;
}


/* @end */



/* @group Shared boxes and button */

div.box {
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	padding: 10px;
	background-color: #eef3f9;
	margin-bottom: 10px;
}


div.box a {
	text-decoration: none;
}

form.button-to {
	display: inline;
}

form.button-to div {
	display: inline	;
}

div.setting {
	margin-bottom: 10px;
}

button, input.button {
	/*height: 50px;*/
	font-size: 16px;
	padding: 5px;
	/*color: #08d;*/
	cursor: pointer;
}


button:disabled,
input.button:disabled {
	color: grey;
	cursor: inherit;
}

/* @end */

/* @group nav */

h2.nav .step {
	padding: 5px;
	/*border: 1px solid #ccc;*/
	background-color: #ccc;
	color: #fff;
	margin-right: 2px;
	margin-left: 2px;
}

h2.nav .current {
	background-color: #777;
	font-weight: bold;
}

h2.nav a.step:hover {
	background-color: #08d;
}


/* @end */


/* @group Header */

#header {
	height: 50px;
	margin-bottom: 10px;
}

#header .logo {
	float: left;
	border: none;
}

#header .actions {
	float: right;
	border: none;
}

#header .logo a.button {
	display: block;
	padding: 0px;
}

#header .actions {
	display: block;
	float: right;
	margin: 0 0 10px 20px;
	line-height: 50px;
}

/* @end */

/* @group Gallery */

#viewer {
	width: 750px;
	height: 360px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#viewer > #previous,
#viewer > #next {
	display: block;
	float: left;
	width: 50px;
	height: 360px;
}

#viewer > #previous > a {
	background: url(../images/previous_big.png) no-repeat center center;
}

#viewer > #previous > a:hover {
	background: url(../images/previous_big_over.png) no-repeat center center;
}


#viewer > #next > a {
	background: url(../images/next_big.png) no-repeat center center;
}

#viewer > #next > a:hover {
	background: url(../images/next_big_over.png) no-repeat center center;
}


#viewer a:hover {
	background: inherit;
}

#viewer > #previous > a,
#viewer > #next > a {
	display: block;
	width: 50px;
	height: 360px;
	text-decoration: none;
	padding: 0px;
	text-align: center;
}

#viewer > #canvas {
	display: block;
	float: left;
	width: 640px;
	height: 360px;
	/*border: solid 1px #aaa;*/
	/*overflow: hidden;*/
	text-align: center;
}

#viewer > #canvas > img {
	max-height: 360px;
	max-width: 640px;
}


/* @end */

/* @group Faqs */

div.faq {
	padding-top: 3px;
	padding-bottom: 10px;
	border-top: 2px solid #eee;
}

div.faq > .main {

}

div.faq > .side {
	float: right;
	text-align: right;
	margin-left: 10px;
}



/* @end */

/* @group Footer */

div#footer {
	text-align: center;
	color: #999;
	font-size: 10px;
	line-height: 1.4em;
	padding-bottom: 10px;
	padding-top: 50px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

/* @end */

/* @group collage */


div.canvas {
	width: 500px;
	height: 500px;
	background-color: #eee;
	margin-bottom: 10px;
	border: 5px solid #eee;
}

div.bar {
	margin-top: 20px;
	height: 30px;
}

div#wall {
	border: 3px solid #ddd;
	margin-bottom: 10px;
	background-color: #eee;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
}

/* If view mode, blank out */

div#wall.view {
	border: 3px solid #fff;
	background-color: #fff;
	padding-top: 30px;
	/*min-height: 330px;*/
}


div#grid {
	/*border: 1px dashed #eee;
	margin: 14px;*/
	margin: 2px;
	border: 3px solid #eee;
	margin-left: auto;
	margin-right: auto;
	background: url(/images/cell_bg.png);
}

div#placeholders {
	overflow: hidden;
}

div#wall.view div#grid {
	border: 1px solid #fff;
	background: none;
}

div#grid:hover {
	/*border: 1px dashed #ddd;*/
}

div#grid.dragover {
	margin: 2px;
	border: 3px solid #08d;
	/*border: 1px solid #08d;
	margin: 4px;*/
	margin-left: auto;
	margin-right: auto;
	background: url(/images/cell_bg.png);
}

div#unplaced_items {

	border: 3px solid #ddd;
	padding: 5px;
	min-height: 180px;
	margin-bottom: 10px;
	/*overflow: auto;*/
}

div#unplaced_items.dragover,
div#trash.dragover {
	border: 3px solid #08d;
	color: #08d;
}

#trash {
	border: 3px solid #ddd;
	padding: 15px;
	height: 40px;
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
	color: #bbb;
}

div#trash .label {
	text-align: center;
}

img#template_reference {
	float: right;
	max-width: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
}


/* @end */

/* @group collage boxes */

div.collage_boxes .group {
	clear: both;
}

div.collage_boxes .group .header {
	margin: 1px;
	padding: 5px;
}



div.collage_box {
	float: left;
	height: 120px;
	width: 148px;
	text-align: center;
	padding: 10px 5px 5px;
	background-color: #eee;
	margin: 1px;
}

div.collage_box.inactive {
	opacity: 0.5;
}



div.collage_box .collage {
	max-width: 135px;
	max-height: 85px;
	cursor: pointer;
	margin: 2px;
	border: 3px solid #eee;
}

div.collage_box .collage:hover {
	margin: 2px;
	border: 3px solid #08d;
}


div.collage_box:hover {
	/*margin: 2px;
	border: 3px solid #08d;*/
	/*background-color: #cae9f4;
	cursor: pointer;*/
}


div.collage_box .title,
div.collage_box .commands {
	padding-top: 0px;
}

div.collage_box .caption {
	padding-top: 0px;
}

div.collage_box .title {
	font-weight: bold;
}

div.collage_box .size {
	
}

div.collage_box .price {
	font-weight: bold;
}

div.step_box {
	float: left;
	height: 97px;
	width: 170px;
	text-align: center;
	background-color: #eee;
	margin-bottom: 10px;
	margin-right: 10px;
	position: relative;
}

td div.step_box {
	height: 97px;
	width: 170px;
	text-align: center;
	position: relative;
	margin: 0px;
}


div.step_box a {
	padding: 0px;
}

div.step_box a .photo {
	width: 170px;
	height: 96px;
}

div.step_box .number {
	position: absolute;
	left: 6px;
	bottom: 5px;
	color: white;
	opacity: .4;
	font-weight: bold;
	font-size: 36px;
}


/* @end */

/* @group shared placement/item */


/* "item" elements crop photo contents */

/* Height, width, top, left values are written by code directly in html as style atttribute. */

/* Note: Later selectors are higher priority */

div.unplaced, 
div.size_button_box .item,
div.zoom_button_box .item {
	opacity: .6;
}

div.item {
	overflow: hidden;
	cursor: move;
	margin: 5px;
	/*margin: 2px;
	border: 3px solid #eee;*/
}

div.size_button_box .item,
div.zoom_button_box .item  {
	cursor: pointer;
}

div.placeholder {
	margin: 2px;
	border: 3px solid #eee;
	background-color: #aaa;
}

/* If in view mode, no rollovers */

div#wall.view #grid .item {
	cursor: auto;
	margin: 2px;
	border: 3px solid #fff;
}

/*.item:hover,*/
div.item.dragover,
div.placeholder.dragover,
div.item.selected {
	margin: 2px;
	border: 3px solid #08d;
	opacity: 1;
}

div.item:hover {
	opacity: 1;
}

/* If in view mode, no rollovers */

div#wall.view #grid .item:hover {
	margin: 2px;
	border: 3px solid #fff;
}

div.item:active {
	opacity: 1;
}

div#unplaced_items .unplaced {
	float: left;
}

div.item.in_order {
	padding: 0px;
	margin: 0px;
	cursor: default;
}

div.item img.spinner {
	position: absolute;
	right: 6px;
	bottom: 5px;
}

/* @end */

/* @group Get photos */

/* See also swfupload.css */

div.list {
	/*border: 3px solid #ddd;*/
	margin-bottom: 10px;
	padding: 5px;
	/*min-height: 110px;*/
}

div.list .item,
div.list .item:hover,
div.list .item:active {
	cursor: default;
	overflow: hidden;
	margin: 5px;
	/*margin: 2px;
	border: 3px solid #eee;*/
	float: left;
	cursor: move;
}

div.list .unplaced  {
	opacity: 1;
}

table#photos img.photo
{
	max-width: 70px;
	max-height: 70px;
}


/* @end */

/* @group Edit photo */

div.placement_alone {
	/*border: 1px solid gray;*/
	overflow: hidden;
	margin: auto;
	border: 1px dashed gray;
	cursor: move;
}

div.placement_alone.at-bottom {
	border-bottom: 1px solid gray;
}

div.placement_alone.at-top {
	border-top: 1px solid gray;
}

div.placement_alone.at-left {
	border-left: 1px solid gray;
}

div.placement_alone.at-right {
	border-right: 1px solid gray;
}

td.size_button_box .label {
	text-align: center;
	font-size: 9px;
	color: gray;
}

td.size_button_box,
td.zoom_button_box {
	border: 0px;
}

/* @end */

/* @group Share collage */

/*.url_container .right {
	float: right;
}*/

div.url, span.code_box {
	font-size: 24px;
	padding: 5px;
	border: 3px solid #eee;
	max-width: 500px;
}



/* @end */

/* @group sheets */

div.sheet_holder {
	float: left;
}

div.sheet_holder .actions {
	text-align: center;
}

div.sheet_holder img {
	border: 1px solid silver;
	margin: 9px;
	float: left;
	position: relative;
}


img.sheet_alone {
	border: 1px solid silver;
	width: 640px;
}

/*div.placement_in_sheet {
	margin: 0px;
	overflow: hidden;
}

div.placement_in_sheet:hover {
	border: 1px solid #08d;
	
}*/

/*.sheet .box {
	border: 1px solid #555;
}*/

/* @end */

/* @group accordion */

div#accordion_container {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

div.accordion_toggle {
	width: 690px;
	height: 40px;
	line-height: 40px;
	background: #eee;
	padding: 5px 5px;
	color: #08d;
	border-bottom: 1px solid white;
	cursor: pointer;
	margin: 0 auto;
}

div.accordion_toggle:hover {
	background-color: #b8d5fe;
}

div.accordion_toggle_active,
div.accordion_toggle_active:hover {
	color: white;
	background: #08d;
}


div.accordion_toggle .number {
	opacity: .3;
	font-weight: bold;
	font-size: 36px;
	float: left;
	width: 50px;
	text-align: center;
}

span.number {
	opacity: .3;
	font-weight: bold;
	font-size: 36px;
	text-align: center;
}

div.accordion_toggle .status {
	float: right;
	width: 30px;
	display: none;
}

div.accordion_content {
	background-color: #eee;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid white;
}

div.accordion_content .answers {
	margin: 10px 5px 5px 50px;
	float: left;
	width: 400px;
}


div.accordion_toggle .question {
	font-size: 18px;
	float: left;
	width: 600px;
}

div.accordion_toggle .question span.answer {
	font-weight: bold;
}

div.accordion_content .recommendation {
	/*border: 1px solid grey;*/
	float: left;
	width: 220px;
}


div.accordion_content .recommendation img.status_icon {
	float: left;
	padding-right: 10px;
	position: relative;
	top: -7px;

}

div.accordion_content .answers p {

}

div.accordion_content .answers p label{
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

div.accordion_content .answers p label:hover {
	background-color: #b8d5fe;
}

/* @end */

/* @group slider */

div.slider {
	margin: 20px 5px 20px 5px;
	background-color:#ddd;
	height:20px;
	cursor: pointer;
}

div.slider_handle {
	background-color: #08d;
	cursor: pointer;
	border: 3px solid #08d;
	position: relative;
	top: -13px;
	left:  -8px;
}

/*.slider_handle:hover {
	border: 3px solid #08d;
	position: relative;
	top: -11px;
	left:  -5px;
}*/

/*.slider_handle:active {
	border: 2px solid #08d;
	position: relative;
	top: -10px;
	left:  -4px;
}*/



/* @end */

/* @group links */

/* @group selector */

div.selector {
	opacity: 1;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
}

div.selector span.label {
	font-weight: normal;
	font-size: 12px;
	color: #999;
	
}

div.selector span.box_button {
	padding-right: .4em;
	padding-left: .4em;
	padding-top: .1em;
	padding-bottom: .1em;
	color: #08d;
}

div.selector span.box_button:hover {
	background-color: #cae9f4;
	cursor: pointer;
}

div.selector span.selected,
div.selector span.selected:hover {
	color: #fff;
	background-color: #08d;
	cursor: default;
}

div.selector span.box_button:active {
	color: #fff;
	background-color: red;
	cursor: pointer;
}


/* @end */

a {
	color: #08d;
	text-decoration: none;
	padding: 2px;
}

a img {
	border: 0px;
}

a:visited {
	
}

a:hover {
	background-color: #cae9f4;
}

/* GetSatisfaction fix */

a#fdbk_tab, a#fdbk_close {
	padding: 0px;
}

a#fdbk_close:hover {
	background-color: transparent;
}

/* Divs that a clickable are "hot" */
div.hot {
	cursor: pointer;
}

button {
	cursor: pointer;
}

a.no_hover:hover {
	background-color: inherit;
}


a:active {
	color: #d00;
}

/* @end */

/* @group share links */

div.share_links {
	margin-top: 20px;
	text-align: center;
}

div.share_links > span {
	white-space: nowrap;
	margin-left: 10px;
	font-size: 16px;
	color: #666;
	background-color: #eee;
	padding: 11px 11px 6px 11px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

div.share_links > span > a {
  padding-left: 4px;
  background-color: inherit;
}

div.share_links > span > a > img {
	display: inline;
	margin-left: 0px;
	margin-right: 0px;
}

/* @end */



/* @group tables */

table {
	border-spacing: 0px;
	border-collapse: collapse;
	margin-bottom: 20px;
}

.full_width {
	width: 100%;
}

table#items {
	font-size: 18px;
	/*width: 100%;
	margin-left: auto;
	margin-right: auto;*/
}

table.bordered td, table.bordered th {
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	border-top: 2px solid #eee;
}


td.right, th.right {
	text-align: right;	
}

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

td.left, th.left {
	text-align: left;	
}


th {
	font-size: 8pt;
	background-color: #eee;
	font-weight: bold;
}

tr.total > td, td.total {
	font-size: 12pt;
	background-color: #eee;
	font-weight: bold;
}

td img.collage {
	max-width: 120px;
	max-height: 80px;
}

tr.removed {
	/*background-color: #eee;*/
}

tr.removed td * {
	opacity: 0.20;
	/*visibility: hidden;*/
}

tr.removed * {
	color: #ddd;
	/*text-decoration: line-through;*/
}

tr.removed a {
	opacity: 100;
	visibility: visible;
	/*text-decoration: none;*/
	color: #c62121;
}

/* @end */

/* @group forms */

form {
	margin-bottom: 0px;
}

div.field {
	margin-bottom: 8px;
	clear: both;
}

textarea, input {
	font-family: inherit;
}

span.label_before {
	display: block;
	float: left;
	width: 110px;
	padding-top: 6px;
	height: 18px;
	vertical-align: middle;
	text-align: right;
}

div.field.required label {
	font-weight: bold;
}

/*div.field.required label:before {
	content: "*";
}*/


label {
	font-size: 12px;
	margin-right: 5px;
	cursor: pointer;
}

label.normal {
	font-size: inherit;
}

select,
input,
textarea {
	font-size: 16px;
}


div.form_commands {
	margin-top: 20px;
	margin-left: 110px;
}

span.field_note,
span.error_message {
	color: #999;
	display: block;
	margin-top: 3px;
	margin-left: 110px;
	font-size: 10px;
}

div.narrow_form span.field_note,
div.narrow_form span.error_message,
div.narrow_form div.form_commands {
	margin-left: 70px;
	
}

div.narrow_form span.label_before {
	width: 70px;
	text-align: left;
}


span.error_message {
	color: red;
}

/* @group error state */

/* If validation error, the input, select, or textarea is wrapped in a div.fieldWithErrors. */

.fieldWithErrors {
	padding: 2px;
	/*background-color: #ffc7c0;*/
	display: span;
}

div.fieldWithErrors input,
div.fieldWithErrors textarea,
div.fieldWithErrors select {
	background-color: #ffc7c0;
}

div#errorExplanation {
	padding: 1px 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	background-color: #f0f0f0;
}

div#errorExplanation h2 {
	display: none;
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	margin: -7px;
	background-color: #c00;
	color: #fff;
}

div#errorExplanation p {
	display: none;
}

div#errorExplanation ul li {
	font-size: 16px;
	list-style-image: url(../images/warning_16x16.png);
}




/* @end */





/* @end */

/* @group procedures and steps */

div.procedure div.directions {
	font-size: 16px;
}

div.step div.directions {
	font-size: 18px;
	min-height: 60px;
}

div.procedure div.commands,
div.step div.commands {
	margin-top: 20px;
	font-size: 32px;
	text-align: center;
}

div.procedure table img.photo {
	width: 170px;
}

div.procedure table tr {
	page-break-inside : avoid;
}

div.procedure td,
div.procedure th {
	margin: 0px;
	border: 0px;
}


/* @end */

/* @group quotes */

div.quotes {
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 3px solid #eee;
}

div.quote {
	border-top: 3px solid #eee;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 5px;

}

div.quote > .text {
	float: left;
	width: 410px;
	font-size: 20px;
	line-height: 1.4em;
}

div.quote > .source {
	float: right;
	width: 200px;
	font-size: 12px;
	color: #999;
	padding-top: 5px;
}

div.quote > .source > .company > img {
	padding-top: 3px;
}



/* @end */

/* @group text */

h1 {
	font-weight: normal;
	margin-top: 0px;
	font-size: 20px;
	margin-bottom: 8px;
}

h1.directions {
	text-align: center;
}

h1.nav {
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: center;
}

p.directions {
	font-weight: normal;
	margin-top: 0px;
	font-size: 20px;
	text-align: center;
}

p.intro {
	font-weight: normal;
	margin-top: 5px;
	font-size: 20px;
	line-height: 1.4em;
}

h2 {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.4em;
}

h2.nav {
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: normal;
}

h2.directions {
	margin-top: 0px;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
}

h2.heading_block {
	margin-top: 0px;
	font-size: 16px;
	font-weight: normal;
}

h2.side_directions {
	margin: 0px;
	font-size: 16px;
	font-weight: normal;
}

h3 {
	margin-top: 0px;
	font-size: 12px;
}

span.right {
	float: right;
	text-align: right;
}

span.left {
	float: left;
}

/*span.center {
	float: left;
	width: 230px;
	text-align: center;
}*/

pre {
	background-color: #eee;
	padding: 3px;
	display: inline;
}

/*pre.multiline {
	background-color: inherit;
	padding: inherit;
	display: block;
	font-size: 10pt;
	font-family: ;
}*/

body, pre.multiline {
	background: #fff;
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 14px;
	color: #555;
	font-size: 14px;
}

p, li {
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 0.6em;
	margin-top: 0em;
}

li {
	list-style-position: outside;
}

ul {
	margin: 10px 0;
	padding: 0 0 0 25px;
}

hr {
	border: 3px solid #eee;
	margin-top: 15px;
	margin-bottom: 10px;
}

em {
	font-weight: bold;
	font-style: normal;
}

span.highlight {
	background-color: #ffc;
}

.indent {
	margin-left: 30px;
}

.center {
	text-align: center;
}

div.center  {
	margin-left: auto;
	margin-right: auto;
}

.center img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*.right {
	text-align: right;
}*/

.small {
	font-size: 12px;
	font-weight: normal;
}

.big {
	font-size: 22px;
	font-weight: normal;
}


.nowrap {
	white-space: nowrap;
}

/* @end */

/* @group text coloring */

.red {
	color: red;
}

.green {
	color: green;
}

.light {
	color: #999;
}

/* @end */

/* @group javascript hiding */

/* Javascript will unhide certain div and span elements if user is signed_in, signed_out, or staff. */

body .signed_out, 
body .signed_in,
body .staff {
	display: none;	
}

body.signed_out div.signed_out, 
body.signed_in div.signed_in, 
body.staff div.staff {
	display: block;
}

/* Assumes that conditional spans are always inline.*/

body.signed_out span.signed_out, 
body.signed_in span.signed_in, 
body.staff span.staff {
	display: inline;
}




/* @end */

/* @group status */


.uploadStatus {
	margin: 5px;
}

.progressBar {
	margin: 5px;
}

.progressBar .border {
	background-color: #fff;
	border: 1px solid grey;
	width: 100%;
}

.progressBar .background {
	background-color: #333;
	height: 18px;
	width: 0%;
}

div.info, div.notice, div.success, div.warning, div.error, div.validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

div.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info_32x32.png');
}

div.success, .notice {
    color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('../images/done_32x32.png');
}

div.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning_32x32.png');
}

td.warning {
    color: #9F6000;
    background-color: #FEEFB3;
}

div.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/cancel_32x32.png');
}

td.error {
    color: #D8000C;
    background-color: #FFBABA;
}

span.warning {
	color: #9F6000;
    background-color: #FEEFB3;
}


/*.notice,
.error,
.warning {
	padding: 6px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.notice {
	color: green;
	background-color: #d5fdd9;
}

.warning {
	color: black;
	background-color: #fcd6b3;
}

.error {
	color: black;
	background-color: #ffc7c0;
}*/

/*.warning img.icon {
	float: left;
}

.warning .message {
	float: right;
	left: ;
}*/

/* @end */



/* @group clearfix */

.float-clear {
	clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */