/*
	Site Styles
*/

html,body 
{
	background-color: White;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none
}


/*
	Default text formatting. Since all layout occurs in a Table, setting in the Body
	does not do anything for formatting text..
*/

table, input, textarea, select, checkbox
{
	color: Maroon;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8.0pt;	
}


/*
	HyperLinks style for Site 
*/

A
{ 
	color: #1F69BE;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none; 
}

A:hover 
{  
	text-decoration: underline 
}


/*
	Master Page Layout table styles.
*/

.header
{
	padding: 4 4 0 4;
}

.content-header-spacer
{
	height: 15px;
}

.content
{
	height: 100%;
	padding: 0 4 0 4;
	vertical-align: top;
}

.footer
{
	padding: 0 0 0 0;
}


/* 
	Styles for generic layout elements such as various type of placement tables.
*/
table.full-height 
{
	height: 100%;
	border-collapse: collapse;
	border-style: none;
}

.layout /* Eliminates need to use cellpadding, cellspacing, border */
{
	border-collapse: collapse;
	border-style: none;
	border-width: 0;
	padding: 0 0 0 0;
	height: 6px;
}

.foo
{
	background-color: #F7F6F3;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: Black;
	vertical-align: top;
}


/*
	Control Styles. These properties work together with the skin file. These
	properites cannot be set with control properties and can only be accessed
	using CSS styles.
*/

input.btn /* button */
{
	color: Black;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	text-transform: uppercase;
	padding: 3px;
}

input.button-textbox /* button next to text box */
{
	color: Black;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-transform: uppercase;
	padding: 0 px;
}


/*
	Styles for the Site Header
*/

.welcome
{
	font-weight: bold;
}


/*
	Styles for the Site Footer
*/

.footer-links
{
	height: 25px;
	vertical-align: middle;
	text-align: center;
	background-color: #6B696B;
}

a.footer-link
{
	color: White;
	font-weight: bold;
}

.footer-copyright
{
	height: 25px;
	vertical-align: middle;
	text-align: center;
}

/*
	Styles for page section headers
*/
.section-header
{
	font-weight: bold;
	font-size: 110%;
}


/*
	Style for Validation controls 
*/

.validation-summary
{
	color: red;
	font-family: verdana, arial, helvetica, sans-serif;
}

/*
	DetailsView
*/

.detailsview
{
	color: Black;
	background-color:White;
	border-color: #DEDFDE;
	border-style: none;
	border-width: 1px;
}

.detailsview-header
{
	color: White;
	background-color: #6B696B;
	font-weight: bold;
	text-align: center;
}

.detailsview-field-header
{
	font-weight: bold;
	text-align: right;
}

.detailsview-row
{
	color: Black;
	background-color: #F7F7DE;
}

.detailsview-row-checkbox
{
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
}

.detailsview-pager
{
	color: Black;
	background-color: #F7F7DE;
	text-align: right;
}

.detailsview-command-row
{
	background-color: #F7F7DE;
	text-align: center;
}

.detailsview-footer
{
	background-color: #F7F7DE;
	text-align: center;
}


/*
	GridView
*/

.gridview
{
	color: Black;
	background-color:White;
	border-color: #DEDFDE;
	border-style: none;
	border-width: 1px;
}

.gridview-header
{
	color: White;
	font-weight: bold;
	background-color: #6B696B;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right center;
}

.gridview-header-neutral
{
	background-image: url( http://localhost/TMC/images/sort_neutral.jpg );
}

.gridview-header-ascending
{
	background-image: url( http://localhost/TMC/images/sort_ascending.jpg );
}

.gridview-header-descending
{
	background-image: url( http://localhost/TMC/images/sort_descending.jpg );
}

.gridview-header a
{ 
	color: White;
}

.gridview-header a:hover 
{  
	text-decoration: underline 
}

.gridview-row
{
	background-color: #F7F7DE;
}

.gridview-row-sorted
{
	background-color: #FFFFBB;
}

.gridview-row-alert
{
	background-color: #FFAAAA; /* Light red */ 
}

.gridview-row-warning /* Bright Yellow */
{
	background-color: #FFFF43; 
}

.gridview-row-active /* Light Green */
{
	background-color: #8FBC8F; 
}

.gridview-row-received /* Light Blue */
{
	background-color: #74D2FF; 
}

.gridview-row-receiving /* purple*/
{
	background-color: #9F96FF; 
}

.gridview-row-alternating-receiving /* light purple*/
{
	background-color: #D5D1FF; 
}

.gridview-row-sorted-alert
{
	background-color: #FF8888; 
}

.gridview-row-alternating-warning /* dark yellow */
{
	background-color: #E0E047;
}

.gridview-row-alternating-active /* green*/
{
	background-color: #90EE90; 
}

.gridview-row-alternating-received /* blue*/
{
	background-color: #3B9EFF; 
}

.gridview-row-alternating-alert
{
	background-color: #FFDDDD; /* Light'er red */ 
}

.gridview-row-alternating-sorted-alert
{
	background-color: #FFBBBB; 
}

.gridview-alternating-row
{
	background-color: White;
}

.gridview-alternating-row-sorted
{
	background-color: #F2F2F2;
}

.gridview-selected-row
{
	color: White;
	background-color: #CE5D5A;
	font-weight: bold;
}

.gridview-emptydata-row
{
	background-color: #F7F7DE;
	font-weight: bold;
	font-size: larger;
	text-align: center;
}

.gridview-pager
{
	color: Black;
	background-color: #F7F7DE;
	text-align: right;
}

.gridview-footer
{
	background-color: #CCCC99;
}


/*
	DataList
*/

.datalist
{
}

.datalist-header
{
	height: 35px;
	vertical-align: middle;
	padding: 0 4 0 4;
	background-color: #01046D;
}

.datalist-header-text
{
	color: #FFFFFF;
	font-weight: bold;
}

.datalist-item
{
	height: 45px;
	vertical-align: middle;
	padding: 0 4 0 4;
	background-color: #DAE4CC;
}

.datalist-alternateitem
{
	height: 45px;
	vertical-align: middle;
	padding: 0 4 0 4;
	background-color: #C6D0B8;
}

.datalist-spacer
{
	height: 10px;
}


/*
	Text for "* Indicates required field" statements
*/
.requiredfield-note
{
	font-style: italic;
}

.requiredfield-asterik
{
	color: Red;
}


/*
	Error message style.
*/
.error-message
{
	color: Red;
	font-size: 8.5pt;
	font-weight: bold;
}

.error-icon {
	margin-bottom: -3.5px;
}


/*
	Login Control Table
*/
.login-table
{
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: Blue;	
}

.login-cell
{
	padding: 7 7 7 7;
}


/*
	Table of input controls
*/
.table-group
{
	background-color: #F7F7DE;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #DEDFDE;	
}

.table-group-header
{
	color: White;
	font-weight: bold;
	background-color: #6B696B;
	text-align: center;
}

.table-group-header-left
{
	color: White;
	font-weight: bold;
	background-color: #6B696B;
	text-align: left;
}

A.big-hyperlink
{
	font-size: 10pt;
}

/*
	Fieldset (GroupBox)
*/
.fieldset
{
	padding: 5px;
}

.fieldset-legend
{
	color: Blue;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8.0pt;	
	font-weight: bold;
}

.label-display-quantity
{
	font-weight: bold;
	background-color: #EEEEEE;
	border-color: Black;
	border-style: solid;
	border-width: 1px;
	padding: 2 px;
	width: 90px;
	text-align: center;
}

.error-disabled {
	color: #000;
}
.error-disabled:hover {
	text-decoration: none;
}

/*
	Modal
*/

/* The Modal (background) */
#modal {
	display: block;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
	padding: 25px;
	border: 1px solid #888;
	width: 50%;
	margin: 5% auto;
}

/* Modal Error */
.modal-error {
	background-color: #FFAAAA;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	border-radius: 5px;
}

.modal-error p {
	text-align: center;
}

/* Modal Code */
.modal-code {
	background: #F7F6F3;
	border: Maroon dashed 1px;
	padding: 6px;
	margin-top: 8px;
	overflow: auto;
	max-height: 70%;
}

/* The Close Button */
.modal-close {
	color: #aaaaaa;
	float: right;
	font-size: 24px;
	margin: -24px -20px;
}

.modal-close:hover, .modal-close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}