body
{
	margin: 					0px;
	padding: 					0px;
	font: 						normal 12px Arial, Helvetica, Verdana, sans-serif;
	background: 			white url('/images/pattern.jpg') repeat;
}

/* Skeleton */

#main
{
	position: 				relative;
	width: 						1016px;
	margin: 					0px auto 0px auto;
	padding:					0px;
	overflow:					hidden;
	background-color:	white;
}


#header
{
	width: 						1016px;
	border:						1px solid #C4C9B2;
	border-top:				0px;
	border-bottom:		0px;
}

#navigation
{
	position:					relative;
	width: 						1014px;
	height:						29px;
	background: 			transparent url('/images/backgrounds/navigation.png') repeat-x;
	border:						1px solid #C4C9B2;
	border-top:				0px;
	border-bottom:		0px;
	z-index:					2;
}

#content
{           
  position:         relative;
	clear:						both;
	padding:					0px 0px 10px 0px;
	overflow:					hidden;
	background-color:	white;
	border:						1px solid #C4C9B2;
	border-top:				0px;
}


#footer
{
	
}

ul.navigation
{
	padding: 					0px;
	margin: 					0px;
	list-style-type: 	none;
	color:						white;
}

ul.navigation li
{
	display:					inline;
}

ul.sitemap li
{
	padding-bottom:		5px;
}

ul.sitemap > li
{
	font-weight:			bold;
}

ul.sitemap ul
{
	margin:						0px;
	padding:					0px 0px 0px 14px;
}

/* Typo */

a, 
a:link,
a:visited
{
	color:						black;
	text-decoration:	none;
}

a:hover,
a:active
{
	color:						#139A40;
}

h1,
h2
{
	display:					block;
	margin:						0px;
	padding:					5px 5px 5px 4px;
	background-color:	#C4C9B2;
	font: 						bold 12px/12px Arial, Helvetica, Verdana, sans-serif;
	color: 						#2F2F2F;
}

h2
{
	font-weight:			normal;
}

h3
{
	margin:						8px 0px -6px 0px;
	font: 						bold 11px/11px Arial, Helvetica, Verdana, sans-serif;
}

h1.error
{
	margin:						0px 0px 5px 0px;
	padding:					5px 5px 5px 4px;
	background-color:	#9F0000;
	color: 						#FFFFFF;
	border:						1px solid red;
}

.notice,
noscript.error
{
  position:					absolute;
	top:							440px;
	width: 						100%;
	margin:						0px 0px 5px 0px;
	padding:					5px 5px 5px 4px;
	background-color:	#9F0000;
	color: 						#FFFFFF;
	border:						1px solid red;
	text-align:				center;
	z-index:					100;
	font: 						bold 15px/15px Arial, Helvetica, Verdana, sans-serif;
}

noscript.error
{
  position:					absolute;
	top:							440px;
}


h1.success
{
	margin:						0px 0px 5px 0px;
	padding:					5px 5px 5px 4px;
	background-color:	#346633;
	color: 						#FFFFFF;
	border:						1px solid #0FB920;
}

a.important, 
a.important:link,
a.important:visited
{
	color:						red;
}

a.important:hover,
a.important:active
{
	text-decoration:	underline;
}

span,
p
{
	line-height:			1.5;
}

a > img
{
	border:						0px;
}

.info
{
	font:							normal 10px Arial;
}

.pagination
{
	font:							normal 11px Arial;
}

.pagination span.current
{
	font-weight:			bold;
}

.pagination span.disabled
{
	color:						gray;
}

p.story
{
	font:							normal 10px Arial;
	width:						88%;
}

label,
legend
{
	font:							normal 11px Arial;
	color:						#393939;
}

fieldset
{
	border:						1px solid #C4C9B2;
}

label.error
{
	font-weight:			bold;
	color:						#9F0000;
}

/* Forms */

input[type=text],
textarea
{
	border:						1px solid white;
	padding:					3px;
	margin:						1px 0px 5px 0px;
	font:							normal 11px Arial;
	color:						#202020;
}

input[type=text]
{
	width:						200px;
}

textarea
{
	width:						100%;
}

input[type=text].error,
textarea.error
{
	border:						1px dashed #9F0000;
}

div.fieldWithErrors
{
	font:							italic 11px Arial;
	margin:						2px 0px 5px 0px;
}


/* Symbols & Co. */

hr
{
	border:						0px;
	height:						1px;
	background-color:	#C4C9B2;
}

.draggable
{
  cursor:         	-moz-grab;
}

selector:focus
{
	outline: 					none;
}

/* Specific Styles */

#header ul.navigation
{
	padding:					6px 8px 8px 8px; 
	color:						#9F0000;
}

#header ul.navigation a, 
#header ul.navigation a:link,
#header ul.navigation a:visited,
#header ul.navigation span
{
	color:						white;
}

a.gallery
{
	display:					block;
	padding:					0px 0px 0px 5px;
	background: 			url('/images/backgrounds/barcode_gallery_link.png') no-repeat; 
	font:							normal 10px Arial, sans-serif;
}


#new_user_session form input,
#new_user_session form span,
#new_user_session form label {
	vertical-align: middle;
}

#new_user_session input[type=text],
#new_user_session input[type=password] {
	border: 1px solid #C4C9B2;
	padding: 3px;
	margin: 1px 0px 5px 0px;
	font: normal 11px/1.7em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #202020;
}

#new_user_session input[type=text],
#new_user_session input[type=password] {
	width: 200px;
}

#new_user_session div.fieldWithErrors input,
#new_user_session input[type=text].error,
#new_user_session input[type=password].error {
	border: 1px dashed #9F0000;
}

#new_user_session div.fieldWithErrors,
#new_user_session div.formError {
	font: italic 11px/1.7em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0px;
}


#new_user_session div.fieldWithErrors label {
	color: #9F0000;
}

#new_user_session label {
	font: normal 11px;
	color: #646952;
	display: block;
}

#new_user_session label * {
	vertical-align: middle;
}

#new_user_session label.check_box,
#new_user_session label.radio_button {
  display: inline;
}

h1.barcode {
  padding: 0px;
  overflow: hidden;  
  text-align: center;
}         

h1.barcode #next {
  position: absolute;
  right: 0px;
}   

h1.barcode #previous {
  position: absolute;
  left: 0px;
}   

#barcode-composition {
  position: relative;
  background-color:	#D4D9C2;     
  padding: 20px 0px 10px 3px;
  overflow: hidden;  
  margin-bottom: 20px;
}             

#barcode-composition .barcode {
  margin: 0px;
  padding: 0px;  
} 

#barcode-composition .barcode li {
  float: left; 
	padding: 0px;	
	margin: 0px;
	display: block;
	width: 28px;
	height: 322px; 
}

.disabled > img {
  display: none;
}

span.label {
  font-size: 11px;
  color: #848972;
}

#barcode-composition .barcode.toggle:hover {
	//filter:						alpha(opacity=80);
	-moz-opacity:			.80;
	opacity:					.80;  
}

h1.bottom {
  float: left;
  margin-top: 22px;
  width: 86%;
  text-align: right;
}