﻿body
{
}

/* Positive */
body .positive 
{
	color: #529214;
}

	a.positive:hover, button.positive:hover 
	{
		background-color: #E6EFC2;
		border: 1px solid #C6D880;
		color: #529214;
	}

	a.positive:active, button.positive:active
	{
		background-color: #529214;
		border: 1px solid #529214;
		color: #fff;
	}

/* Negative */
body .negative 
{
	color: #d12f19;
}

	a.negative:hover, button.negative:hover 
	{
		background-color: #fbe3e4;
		border: 1px solid #fbc2c4;
		color: #d12f19;
	}
	
	a.negative:active, button.negative:active
	{
		background-color: #d12f19;
		border: 1px solid #d12f19;
		color: #fff;
	}

/******************************************************************************
 * Forms                                                                      *
 ******************************************************************************/
fieldset
{ 
	border: 1px solid #BBB; 
	padding: 0 1em 0 1em; 
	margin: 0 0 1.5em 0; 
}

input.text, 
input.title,
textarea, 
select 
{
	border:1px solid #BBB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0.5em 0;
}

	input.input-validation-error 
	{
		background-color: #FBE3E4;
		border: 1px solid #FBC2C4;
		color: #8A1F11;
	}

	input.text:focus, 
	input.title:focus,
	textarea:focus, 
	select:focus 
	{
	  border: 1px solid #666;
	}

	input.text, 
	input.title   
	{ 
		padding: 0.25em; 
		width: 25em; 
	}
	
	input.title  
	{ 
		font-size: 1.5em; 
	}
	
	textarea
	{ 
		height: 20em;
		padding: 0.5em; 
		width: 33em; 
	}

label
{
	 font-weight: bold; 
}

legend      
{ 
	color: #BBB;
	font-weight: bold; 
	padding: 0 0.25em;
	margin-left: -0.25em;
}

span.field-validation-error
{
	color: #8A1F11;
	font-size: 0.8em;
}

p.buttons
{
    margin: 0.5em 0;   
}

/******************************************************************************
 * Messages
 ******************************************************************************/
 
.message
{
	border: 2px solid #DDD;
	padding: 1em 1em 0 1em; 
	margin: 0 0 1em 0; 
	max-width: 40em;
}

	.message p.title
	{
		font-weight: bold;	
	}
	
	.message p + ul
	{
		margin-top: -1em;
	}

	.message.error
	{
		background: #FBE3E4; 
		border-color: #FBC2C4;
		color: #8a1f11; 
	}
	
		.message.error a,
		.message.error p.title
		{
			color: #8a1f11;
		}
	
	.message.information
	{
		background: #E6EFC2; 
		border-color: #C6D880;
		color: #264409;		
	}
	
		.message.information a,
		.message.information p.title
		{
			color: #264409;
		}
	
	.message.warning
	{
		background: #FFF6BF; 
		border-color: #FFD324;
		color: #514721;
	}

		.message.warning a,
		.message.warning p.title
		{
			color: #514721;
		}

	.message p.title + p  
	{ 
		text-indent: 0; 
	}

/******************************************************************************
 * Specific Elements
 ******************************************************************************/

.ajax-results
{
	background-color: White;
	border: 1px solid black;
	font-size: 0.8em;
	height: 20em;
	overflow: scroll;
	padding: 0.25em;
	width: 50em;
}

	.ajax-results tr
	{
		cursor: pointer;
	}

#content-link
{
	display: none;	
}

#content
{
	padding: 0 0.75em;
	margin-top: 2.5em;
}

    #content h1
    {
        font-family: "LeagueGothicRegular", Arial, Sans-Serif;
        font-size: 48px;
        font-weight: normal;
        text-transform: uppercase;
    }
    
    #content h2
    {
        border-bottom: 1px dotted #DDD;
        font-family: "LeagueGothicRegular", Arial, Sans-Serif;
        font-size: 24px;
        font-weight: normal;
        margin-bottom: 10px; 
        padding-bottom: 10px;
        text-transform: uppercase;
    }

.deleted, .deleted td
{
	text-decoration: line-through;
}

div.pagination
{
	margin-bottom: 1.5em;
}

h1#home-logo
{
	font-weight: bold;
}

h2.alt
{
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 0.5em 0;	
}

#home-splash
{
	margin-bottom: 1em;
}

	#home-splash a
	{
		background-color: Black;
		color: White;
		padding: 0.25em;
		-moz-border-radius: 0 0 0.25em 0.25em;
	}

		#home-splash img
		{
			border-top: 5px solid black;
			border-bottom: 5px solid black;
			display: block;
		}

#menu
{
	background-color: #222;	
	color: #EEE;
	height: 1.5em;
	left: 0;
	padding: 0.25em 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

	#menu a
	{
		color: #EEE;	
	}

	#menu > span
	{
		padding: 0 0.75em;	
	}
	
	#menu a.title
	{
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;	
	}

#release-info
{
	color: #BBB;
	text-align: right;
}
	
span.pagination-left
{
	display: block;	
}

span.pagination-right
{
	display: block;
}

span.state
{
	font-weight: bold;
}

    span.state.acquired
    {
        color: #003300;
    }

	span.state.assignable
	{
		color: #CCCC00;
	}

	span.state.draft
	{
		color: #666666;
	}
	
	span.state.received
	{
		color: #CC6600;
	}
	
	span.state.validated
	{
		color: #00FF00;
	}
	
	span.state.canceled,
	span.state.notacquired
	{
		color: #660000;
	}
	
	span.state.invalid
	{
		color: #CC0000;
	}
	
	span.state.picking
	{
		color: #00CC00;
	}
	
	span.state.picked
	{
		color: #009900;
	}
	
	span.state.processing
	{
		color: #006600;
	}
	
	span.state.processed,
	span.state.accepted
	{
		color: #003300;
	}
	
	span.state.shipped
	{
		color: #000000;
	}

.tip
{
	font-size: 0.8em;
}

tr:hover td
{
	background-color: #FFF6BF;
}
