/*
* Default Style
* Main Colors:
* #2c3141 - Dark Blue
* #FF9900 - Burnt Orange
* #b0b0b0 - Medium Gray
* #f0f0f0 - light Gray

Red: #f04830
Blue: #009898
Yellow/Orange: #f89830
Green: #28a048
Light Orange: #feebd7
Very Light Orange: #fff8f0
*/

body
{
	min-width: 990px;
	font-size: 12pt;
}

a
{
	color: #28a048;
	font-size: .8em;
	text-decoration: underline;
	font-weight: bold;
}

a:hover
{
	/*color: #f04830;*/
	font-weight: bold;
}

h2
{
    font-size:1.2em;
}

h3
{
	font-size:1.16em;
}

h4
{
	font-size:1.08em;
}

/*******Message Block*******/
.MessageBlock h3
{
    background-color: #f89830;
	background-image: url( 'Images/topGradient.png' );
	background-repeat: repeat-x;
	background-position: bottom;
	color: #FFFFFF;
	border-color: #FFFFFF;
	
	vertical-align: middle;
	text-align: center;
	border: 2px solid;
	font-weight: bold;
	padding: 3px;	
	line-height: 1em;
	font-weight:bold;
	font-size:1.1em;
}

.MessageBlock h4
{
    font-weight: bold;
    margin: 15px auto;
    border-bottom: solid 1px;    
}

/*.MessageBlock p
{
    margin: 15px auto;
    line-height: 1.1em;
    letter-spacing:1px;
}*/

.MessageBlock li
{
    margin: 0px 0px 10px 16px;
    line-height: 1.2em;
}

.MessageBlock ul, .MessageBlock p, .MessageBlock ol
{
	background-color: White;
	border-color: gray;
	
	padding: 8px;
	border: solid 1px;
	margin: 15px auto;
    line-height: 1.1em;
    letter-spacing:1px;
}

.MessageBlock ol
{
	padding-left: 15px;
}
/****Message Block****/

/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*****************/
/***MASTER PAGE***/
/*****************/
/*****************************************************************************************************************/
/***HEADER***/

#logo, img.logo
{
	vertical-align: middle;
	/*margin-top: 5px;
	margin-left: 5px;*/
	padding-right: 5px;
	float:left;
}

#header 
{
    min-height: 50px;
}

#headerTop
{
	text-align: right;
	/*height: 30px;
	line-height: 2em;*/
	line-height: 1.5em;
}

#innerHeader h2
{
	padding-left: 10px;
	font-size: 1.2em;
	/*text-transform: capitalize;*/
	font-variant: small-caps;
	font-family: 'Times New Roman' , Times, serif;
	float: left; 
	/*height: 49px; */
	padding-top: 18px;
	/*line-height: 3.1em;*/
	/*max-width: 315px;*/
	max-width: 25%;
}
#innerHeader h2 span
{
	font-family: 'Times New Roman' , Times, serif;
}

#headerBottom
{
	/*height: 30px;
	line-height: 2em;*/
	line-height: 1.5em;
	text-align: left;
}

#headerTop a
{
	font-size: .8em;	
	margin: 0 5px;
	text-decoration: underline;
	font-weight: bold;
}

#headerTop a:hover
{
	color: #f04830;
	font-weight: bold;
}

#navBar ul, #navBar li {
	margin: 0;
	margin-right: 2px;
	padding: 0;
	list-style-type: none;
}

#navBar li 
{
	display: inline;
}

#navBar a, #navBar ul, #navBar li
{
	/*z-index: 100;*/
}

#navBar a:hover
{
	background-image: none;
	background-color: #f04830;
	color: White;
}

#navBar .stack ul
{
	z-index: 100;
}

#navBar .stack li, #navBar .stack li a
{
	width: 150px;
	padding-left: 10px;
	text-align: left;
}

.header-titlebar
{
	padding: 2px;
	margin: 0;
	text-align: center;
	clear: both;
	font-size:1em;
	font-weight: bold;
}
/***END HEADER***/
/*****************************************************************************************************************/
/*****************************************************************************************************************/
/***BODY***/
#body
{
	clear: both;
	min-height: 400px;
	margin-top: 5px;
	margin-bottom: 5px;
	min-width: 990px;
}
/*****************************************************************************************************************/
/***END BODY***/
/*****************************************************************************************************************/
/***FOOTER***/
#footer 
{
	text-align: center;
	font-size: .7em;
	min-height: 30px;
}

#footer ul
{
	list-style-type: none;
	margin-bottom: 4px;
}

#footer li
{
	display: inline;
	padding: 0 5px;
}

#footer li a
{
	padding: 0 5px 0 5px;
	text-decoration: underline;
	font-weight: bold;
	color: White;
}

#footer li a:hover
{
	font-weight: bold;
	color: #f04830;
}

.Copyright
{
	
}
/*****************************************************************************************************************/
/***END FOOTER***/

/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*****************/
/*END MASTER PAGE*/


#Outer
{
	background-image: url(  'Images/background.png' );
	background-repeat: repeat;
}

/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*****************************************************************************************************************/
/***GENERAL***/

.WelcomeLabelSmall
{	
	color:#2c3141;  
	font: bold 2.35em Georgia,serif;	
}

.ErrorText
{
	color: Red;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial;
}

.PageTitle
{
	color:#2c3141;
	font-size:0.9em; 
	font-family:Arial;
}

.area-fill
{
	width: 100%;
	/*max-width: 1400px;*/
}

.area-fill-center
{
	margin: 0px auto;
	width: 95%;
	max-width: 1400px;
	text-align: center;
}

.datepicker
{
	width: 120px;
	font-size: .8em;
}

input.Button, a.Button, .ui-widget .ui-widget.Button
{
    font-size: .8em;
    line-height: 1.4;
    /*padding-top: 0.4em;
    padding-bottom: 0.4em;*/
}

.Button.Disabled
{
	color: #848284;
}

.jquery-button-set
{
    font-size: .8em;
    line-height: 1.4;
}

span.jquery-button-set input
{
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

.button-bar
{
	width: 100%;
	/*max-width: 1400px;*/
	text-align: center;
}

.button-bar a
{
	margin: 0 0 0 20px;
}

.watermarkOn
{
    color: #CCCCCC;
    font-style: italic;
}

.Warning
{
	color: Red;
	font-size: 1.2em;
	font-weight: bold;
}

.InputLabel
{
	color: #2c3141;
	font-weight: bold;
}

.DescriptionLabel
{
	color: #2c3141;
}

.NoteLabel
{
	color: #2c3141;
	font-size: .8em;
}

#messageBar
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding: 10px 0px 10px 0px;
	font-size:1em;	
}
/***END GENERAL***/


/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*****************************************************************************************************************/
/***HOME SCREEN***/
/*****************/
/*****************/

.SearchTable
{
}
.SearchTable th
{
    padding: 5px;
    text-align: right;
}
.SearchTable td
{
    padding: 5px;
}
.BodyLayout td
{
    padding: 10px;
}   
     
.ButtonBlock
{
	text-align: center;
	min-height: 100px;
}

.ButtonBlock a
{
	margin: 30px;
}

/*END HOME SCREEN*/
/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*****************************************************************************************************************/


/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*****************************************************************************************************************/
/***GRID VIEWS***/
.GridView
{ 
	border-collapse: collapse;
	/*margin: 0px auto;*/
	width: 100%;
	/*max-width: 1400px;*/
}

.GridView .GridView
{ 
	width: 80%;
}

.GridView-Container
{
    overflow: hidden;
}

.GridView table, table.GridView
{
    border-color: #2c3141;
    border: 1px solid;
}

.GridView td Button
{
    position: static;
}

.GridView td
{
	border-color: #808080;
	text-align: left;
	font-size: .8em;
	border: 1px solid;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.GridView td .GridView td
{
    font-size: 1em;
}

.GridView-Header /*.GridView th,*/
{	
	font-size: .7em;
	
}

.GridView-Header td .GridView-Header /*.GridView th,*/
{	
	font-size: 1em;
	
}
    
.GridView th, .GridView-Header th
{
    padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	vertical-align: bottom;
}

.HeaderRow
{
	background-color: #29304A;
	background-image: url( 'Images/topGradient.png' );
	background-repeat: repeat-x;
	background-position: bottom;
	color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.GridView .Row:hover, .GridView .AlternatingRow:hover
{	
	background-color: #f89830;
}

.GridView .Row tbody tr:hover, .GridView .AlternatingRow tbody tr:hover
{	
	background-color: #fff8f0;
}

.GridView .sortColumn
{
	font-size: 1.0em;
	font-weight: bold;
	
}

.GridView .sortColumn:hover
{
	color:#ffffff;
}


.GridView a
{
	font-size: .8em;
	font-weight: bold;
	
}

.GridView a:hover
{
	color:#ffffff;
}

.GridView .FooterRow
{
	border: 1px solid;
	border-top: 2px solid;
	border-color: #808080;
	background-color: #cdced3;
	background-image: url( 'Images/topGradient.png' );
	background-repeat: repeat-x;
	background-position: bottom;
	border-top-color: #FFFFFF;
	color: #FFFFFF;
}

.GridView .PagerRow td
{
	border: none;
}

.GridView .PagerRow a
{
	color: #FFFFFF;
	font-size: 1em;
	padding-left: 5px;
	padding-right: 5px;
}

.GridView .PagerRow a:hover
{
	color: #FF9900;
	font-weight: bold;
}

.GridView .Row
{
	background-color: #fff8f0;
	vertical-align: text-top;
}

.GridView .AlternatingRow
{
	background-color: #feebd7;
	vertical-align: text-top;
}

.GridView td.NumberColumn, .QuanitityFields
{
	text-align: right;
	padding-right: 5px;
}

.GridView td.buttonColumn
{
	text-align: center;
}
/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*****************************************************************************************************************/
/****************************************** R S S     Feed   **********/


.rssFeed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
.rssFeed a {
	text-decoration: none;
	color: #444;
}
.rssFeed a:hover {
	text-decoration: underline;
	color: #000;
}

.rssHeader { padding: 0.2em 0; }

.rssBody { border: 1px solid; border: #999; }
.rssBody ul { list-style: none; }
.rssBody ul, .rssRow, .rssRow h4, .rssRow p {
	margin: 0;
	padding: 0;
}

.rssRow { padding: 0.8em; }
.rssRow h4 { font-size: 1.1em; }
.rssRow div {
	font-size: 90%;
	margin: 0.2em 0 0.4em 0;
	color: #666;
}

.odd { background-color: #e8e8fc;  }
.even { background-color: #d4d4e8; }

.rssRow .rssMedia {
	padding: 0.5em;
	font-size: 1em;
}
/*********************************************/

/***Generic Form***/
.form
{
}

.form .form-section
{	
	border: 1.5px solid;
	background-color: #f0f0f0;
	border-color: #FF9900;
}

.form .form-section caption
{
	/*display: block;*/
	text-align:left;
	font-variant: small-caps;
	font-weight: bold;
	border: none;
	color: #FF9900;
}

.form th
{
	border: solid 1px;
	text-align: right;
	font-weight: bold;
	font-size: 1.0em;	
	padding: 5px;
	border-color: #feebd7;
	color:#2c3141;
}

.form td
{
	border: solid 1px;
	text-align: left;	
	padding: 5px;	
	border-color: #feebd7;
}

.form td.form-save
{
	text-align: center;
}

.form .form-error
{
	background-color: #ff0000;
	color: White;
}

.form .form-field-sample
{
	color: Red;
	font-size: .7em;
}

.form .form-note
{
    font-size: .7em;
    font-weight: bold;  
}
/***END Generic Form***/



/***SHIPMENT RELEASE***/
.shipto-block
{
    border-color:  #2c3141;
    height: 400px;
    overflow: auto;
    border: solid 2px;
    padding-bottom: 5px;
}
.shipto-item
{
	border-color: #FF9900;
	background-color: #F0F0F0;
    float: left;
    margin: 4px;
    padding: 2px;
    width: 210px;
    border: solid 1px;
    height: 125px;
    font-size: 12pt;
    
    -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; 
    -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; 
    -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; 
}        
.shipto-item-alt
{
	background-color: #D0D0D0;
}
.shipto-item h3
{
    margin-bottom: 10px;
}
.shipto-item:hover
{
	background-color: #feebd7;
}

.shipto-item a:hover
{
	color: #ffffff;
}
/***END SHIPMENT RELEASE***/


.modalPopup 
{
	background-color: White;
	border-width: 4px;
	border-style: solid;
	border-color: #FEA61E; /** 528B8B; **/
}

.modalBackground 
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.PageLink
{
	color:#F04830;
	font-size:0.9em; 
	padding-right:10px;
}

.PageLink:hover
{
	color:#f89830;
}

.PageText
{
   font-family: Arial;    
}

a.LinkButton, input.LinkButton
{
	border: 1.0px solid #528B8B;
	padding: 2px 0px 2px 0px;
	font-family: Arial;
	font-size: 0.8em;
	font-weight: normal;	
	background-color: #D2DCDC; 
	color: #2C385F;
	text-decoration: underline; 
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	clip: rect(auto, auto, auto, auto);
	/*display: block;*/
	margin-top: 1px;
}