@import url('layouts/two_columns.css'); /* IE 6 does not support selector like 'all' */


div.explanation
{
	background-color:	transparent;
	margin:						0px 0px 10px 50px;
	padding: 					1px 15px 5px 15px;
	overflow:					hidden;
}

div.scaffold
{
	background-color:	transparent;
	margin:						0px 0px 10px 5px;
	padding: 					0px;
	width:						756px;
	height:						395px;
	overflow:					hidden;
	background:				url('/images/scaffold.jpg') no-repeat;
}

div.gradient
{
	position:					relative;
	display:					block;
	width:						800px;
	height:						233px;
	margin-top:				-220px;
	background:				url('/images/gradient.png') no-repeat;
}

#interface
{
  position:         relative;
  top:              -36px;
  left:             121px;
  width:            720px;
  overflow:         hidden;
}

#story
{
  float:            left;
  position:         relative;
  top:              -1px;
	width:            438px;
	height:           92px;
	border:           1px solid #656565;
}


div.color_picker
{
  position:         relative;
  float:            right;
}

#palette
{
	margin:						0px;
	padding:					0px;
	border:						1px solid black;
	border-top:				0px;
	border-left:			0px;
	width:						260px;
	overflow:					hidden;
}

li.title
{
	width:						100%;
	background:				url('/images/backgrounds/palette.jpg') repeat-y;
	border:						1px solid black;
	border-bottom:		0px;
	border-right:			0px;
	padding:					3px;
	font:							bold 12px Arial;
	text-transform:		uppercase;
	filter:						alpha(opacity=90);
	-moz-opacity:			.90;
	opacity:					.90;
}

li.tint
{
	display:					block;
	float:						left;
	width:						25px;
	height:						25px;
	border:						1px solid black;
	border-bottom:		0px;
	border-right:			0px;
	cursor:						crosshair; /* url('/images/icons/color_picker.png'), url('/images/icons/color_picker.gif'), url('/images/icons/color_picker.cur') */
}

#columns
{
	position:					relative;
	top:							29px;
	left:							117px;
}

div.column
{
	display:					block;
	float: 						left;
	width:						36px;
	height:						319px;
	margin:						0px;
	cursor:						crosshair; /* url('/images/icons/color_picker.png'), url('/images/icons/color_picker.gif'), url('/images/icons/color_picker.cur') */
	border-width:			1px;
	border-style:			solid;
	border-right:			0px;
	text-align:				center;
}

div.column > img
{
	position:					relative;
	top:							-25px;
}

div.template
{
	border-color: 		#CCCCCC;
	background-color:	white;
}

div.template > img
{
	display:					none;
}

div.column:hover,
li.tint:hover
{
	filter:						alpha(opacity=90);
	-moz-opacity:			.90;
	opacity:					.90;
}

li.selected
{
	border-style:			dotted;
	border-color:			white;
}

table
{
	float:						left;
	width:						60%;
}

td
{
	vertical-align:		top;
	font:							normal 11px/13px Helvetica, Arial, sans-serif;
}

td.label
{
	width:						80px;
	font:							bold 11px Arial, sans-serif;
}

div.barcode
{
	float: 						right;
}

div.barcode ul.colors li
{
	float:						left;
	padding:					0px;	
	margin:						0px;
	display:					block;
	width:						18px;
	height:						110px;
}

div.contribution
{
	padding:					10px;
	background-color:	#DDE0D1;
}

div.contribution ul.colors
{
	padding:					0px;
	margin:						0px;
	overflow:					hidden;
}

div.contribution ul.colors li
{
	float:						left;
	padding:					0px;	
	margin:						0px;
	display:					block;
	width:						16px;
	height:						35px;
}

div.created,
div.confirmed
{
  border:           3px dashed;
}

div.created
{
  border-color:     #8C1123;
  
}

div.confirmed
{
  border-color:     #FDBD1F;
}

div.edit input[type=text],
div.edit textarea
{
  border:           1px solid #C4C9B2;
}

div.edit label
{
  font-weight:      bold;
}

div.edit div.fieldWithErrors
{
  display:          inline;
}

div.edit div.fieldWithErrors > input[type=text],
div.edit div.fieldWithErrors > textarea
{
  border:           1px dashed #8E1121; 
}

div.edit div.fieldWithErrors label
{
  color:            #8E1121;
}

div.edit span,
div.edit input[type=radio]
{
  vertical-align:   middle;
}

div.edit span
{
  font:             bold 11px Arial, sans-serif;
  color:            #333333;
}

#versions
{
  margin:           10px 0px 0px 30px;
  padding:          0px;
  list-style:       decimal-leading-zero;
}

#versions li
{
  padding:          5px;
  margin:           0px 0px 2px 0px;
  font:             normal 10px Arial, sans-serif;
}

#versions li.even
{
  background:       white;
}

#versions li.odd
{
  background:       #F0F0F0;
}