/* Default CSS Stylesheet for a new Web Application project */


/*
-------------------------
Color Specifications
-------------------------
Light: 			#ffffff
Medium-Light: 	#cfcfcf
Medium: 		#d8d8d8
Medium-Dark: 	#808080
Dark: 			#000000

Data Row: 		(Medium-Light)
Alt Row: 		(Medium)
Selected Row: 	(Medium-Dark)

scrollbar-base:			(Medium)
scrollbar-darkshadow:	(Medium-Dark)
scrollbar-arrow:		(Medium-Light)

Hyperlink: 		#3333cc
Visited: 		#333399

Attention: 		#cc0000
Alert: 			#ff0000
*/

BODY
{
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	color: #000000;
	margin: 0px;
	scrollbar-3dlight-color: ;
	scrollbar-arrow-color: #cfcfcf;
	scrollbar-base-color: #d8d8d8;
	scrollbar-darkshadow-color: #808080;
	scrollbar-face-color: ;
	scrollbar-highlight-color: ;
	scrollbar-shadow-color: ;
}


H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
	color: #000000;
}
H1 { 
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
} 

H2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	color: #ff7300;
	padding:2px;
	margin:0px;
} 

H3 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: 700;
	font-style: italic;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 2px;
	margin-right: 10px;
	margin-left: 10px;
} 

H4 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 700;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 2px;
	margin-right: 10px;
	margin-left: 10px;
} 

H5, DT { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: 700;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 2px;
	margin-right: 10px;
	margin-left: 10px;
} 

H6 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: 500;
	font-style: italic;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	color: #000000;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 10px;
	margin-left: 10px;
} 

.H7 { 
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size:20pt;
	font-weight:normal;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	color: black
} 

.H8 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight:bold;
	font-style: normal;
	text-decoration: none;
	color: #ff7300;
	margin:0px;
	padding-top:30px;
} 

.H9 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: 700;
	font-style: italic;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	color: #000000;
    padding-bottom:10px;
    padding-top:10px;
    
} 

P
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	color: #000000;
	margin-top: 2px;
	margin-bottom: 6px;
	margin-right: 10px;
	margin-left: 10px;
}

THEAD, TFOOT, TBODY, TABLE, TR, TD, TH, TT
{
}

TH { 
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	font-size: 10pt;
	font-weight: bold;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
} 

HR { 
	color: #ff7300;
	height: 2px;
	width: 95%;
	text-align: center;
} 

A.manualLink, A.manualLink:visited, A.manualLink:Link, A.manualLink:active,
A, A:visited, A:Link, A:active
{
	font-family:Arial, Helvetica, sans-serif;
    text-decoration: none;
    color:Black
}

A.manualLink:Hover,
A:Hover
{
   color:#e5904d;
   text-decoration:none;         
}

/*
A: link { 
	text-decoration: none;
	color: #3333cc;
} 

A: visited { 
	text-decoration: none;
	color: #333399;
} 

A: active { 
	text-decoration: none;
	color: #333399;
} 

A: hover { 
	text-decoration: underline;
	color: #3333cc;
}
*/


SMALL { 
	font-size: .7em;
} 

BIG { 
	font-size: 1.17em;
} 

BLOCKQUOTE, PRE { 
	font-family: Courier New, monospace;
} 

LI
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

UL, OL
{
	margin-top: 0px;
	padding-top: 0px; 
}


UL LI 
{
	list-style-type: disc;
} 

UL LI LI 
{
	list-style-type: circle;
} 

UL LI LI LI { 
	list-style-type: square;
} 

OL LI 
{
	list-style-type: decimal;
} 

OL OL LI { 
	list-style-type: lower-alpha;
} 

OL OL OL LI { 
	list-style-type: lower-roman;
} 

IMG  {
	margin: 0px;
	border: none;
}

/* ForeColors Colors */
.ForeColorLight
{
	color: #ffffff; 
}

.ForeColorMediumLight
{
	color: #fcfcfc; 
}

.ForeColorMedium
{
	color: #d8d8d8; 
}

.ForeColorMediumDark
{
	color: #808080; 
}

.ForeColorDark
{
	color: #000000; 
}

/* Background Colors */
.BgColorLight
{
	background-color: #ffffff;
}

.BgColorMediumLight
{
	background-color: #cfcfcf;
}

.BgColorMedium
{
	background-color: #d8d8d8;
}

.BgColorMediumDark
{
	background-color: #808080;
}

.BgColorDark
{
	background-color: #000000;
}

/* Borders */
.BorderLight
{
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px;
}

.BorderMediumLight
{
	border-color: #cfcfcf;
	border-style: solid;
	border-width: 1px;
}

.BorderMedium
{
	border-color: #d8d8d8;
	border-style: solid;
	border-width: 1px;
}

.BorderMediumDark
{
	border-color: #808080;
	border-style: solid;
	border-width: 1px;
}

.BorderDark
{
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}

/* Border-top */
.BorderTopLight
{
	border-top-color: #ffffff;
	border-top-style: solid;
	border-top-width: 1px;
}

.BorderTopMediumLight
{
	border-top-color: #cfcfcf;
	border-top-style: solid;
	border-top-width: 1px;
}

.BorderTopMedium
{
	border-top-color: #d8d8d8;
	border-top-style: solid;
	border-top-width: 1px;
}

.BorderTopMediumDark
{
	border-top-color: #808080;
	border-top-style: solid;
	border-top-width: 1px;
}

.BorderTopDark
{
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
}

/* Border-Bottom */
.BorderBottomLight
{
	border-Bottom-color: #ffffff;
	border-Bottom-style: solid;
	border-Bottom-width: 1px;
}

.BorderBottomMediumLight
{
	border-Bottom-color: #cfcfcf;
	border-Bottom-style: solid;
	border-Bottom-width: 1px;
}

.BorderBottomMedium
{
	border-Bottom-color: #d8d8d8;
	border-Bottom-style: solid;
	border-Bottom-width: 1px;
}

.BorderBottomMediumDark
{
	border-Bottom-color: #808080;
	border-Bottom-style: solid;
	border-Bottom-width: 1px;
}

.BorderBottomDark
{
	border-Bottom-color: #000000;
	border-Bottom-style: solid;
	border-Bottom-width: 1px;
}

/* Links */

.LinkLight
{
	color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif;
}

.LinkLight a:link, .LinkLight a:visited 
{
	color: #ffffff; 
	text-decoration: none
}

.LinkLight a:hover, .LinkLight a:active 
{
	color: #ffffff; 
	text-decoration: underline
}

.LinkMediumLight
{
	color: #cfcfcf; 
	font-family: Arial, Helvetica, sans-serif;
}

.LinkMediumLight a:link, .LinkMediumLight a:visited 
{
	color: #cfcfcf; 
	text-decoration: none
}

.LinkMediumLight a:hover, .LinkMediumLight a:active 
{
	color: #cfcfcf; 
	text-decoration: underline
}

.LinkMedium
{
	color: #d8d8d8; 
	font-family: Arial, Helvetica, sans-serif;
}

.LinkMedium a:link, .LinkMedium a:visited 
{
	color: #d8d8d8; 
	text-decoration: none
}

.LinkMedium a:hover, .LinkMedium a:active 
{
	color: #d8d8d8; 
	text-decoration: underline
}

.LinkMediumDark
{
	color: #808080; 
	font-family: Arial, Helvetica, sans-serif;
}

.LinkMediumDark a:link, .LinkMediumDark a:visited 
{
	color: #808080; 
	text-decoration: none
}

.LinkMediumDark a:hover, .LinkMediumDark a:active 
{
	color: #808080; 
	text-decoration: underline
}

.LinkDark
{
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif;
}

.LinkDark a:link, .LinkDark a:visited 
{
	color: #000000; 
	text-decoration: none
}

.LinkDark a:hover, .LinkDark a:active 
{
	color: #000000; 
	text-decoration: underline
}



/* Widths */
.W50
{
	width: 50px;
}

.W75
{
	width: 75px;
}

.W100
{
	width: 100px;
}

.W150
{
	width: 150px;
}

.W250
{
	width: 250px;
}

.W350
{
	width: 350px;
}

.W450
{
	width: 450px;
}

.H25
{
	min-height:25px;
	height:25px;	
}

.H30
{
	min-height:35px;
	height:35px;	
}

.H200
{
	min-height:200px;
	height:200px;	
}

/* Height */
.Max_Height
{
	height: 100%
}

/* Font */
.Font_8
{
	font-size: 8pt; 
}
.Font_9
{
	font-size: 9pt; 
}
.Font_10
{
	font-size: 10pt; 
}
.Font_11
{
	font-size: 11pt; 
}
.Font_12
{
	font-size: 12pt; 
}
.Font_15
{
	font-size: 15pt; 
}
.Font_20
{
	font-size: 20pt; 
}
.Font_24
{
	font-size: 24pt; 
}

.Bold
{
	font-weight: bold;
}

/* Label Controls */
.Label_Default
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 2px;
	display:inline-block;
}

/* List Controls */
.List_Default
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: solid 1px #000000;
	padding: 2px;
	display:block;
}

.List_Blank
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 2px;
	display:inline-block;
}

/* Checkbox Controls */
.Checkbox_Default
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 2px;
	display:inline-block;
}

.Checkbox_Blank
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 2px;
	display:inline-block;
}

/* TextBox Controls */
.Textbox_Default
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: solid 1px #000000;
	padding: 2px;
	display:inline-block;
}

/* Button Controls */
.Button_Default
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	background-color: #808080;
	border-right: #f0f0f0 1px solid;
	border-top: #d8d8d8 1px solid;
	border-left: #d8d8d8 1px solid;
	border-bottom: #f0f0f0 1px solid;
	height:23px;
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr='#d8d8d8' ,endcolorstr='#000000');
}

/* Data View Controls */
.DataView_Row
{
	background-color: #cfcfcf;
	color: #000000;
}

.DataView_AltRow
{
	background-color: #d8d8d8;
	color: #000000;
}

.DataView_EditRow
{
	background-color: #808080; 
	color: #cfcfcf;
}

.DataView_SelectedRow
{
	background-color: #808080;
	color: #cfcfcf;
}

.DataView_Border
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

.DataView_Header
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #000000;
}

.DataView_Footer
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #000000;
}

.DataView_Footer: link, .DataView_Footer: visited, .DataView_Footer: active
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #000000;
}

.DataView_Paging
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background-color: #000000;
}

/* Treeview */
.TreeView
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.TreeView_ParentNodeStyle
{
	font-weight: normal;
}

.TreeView_HoverNodeStyle
{
	color: #d8d8d8;
}

.TreeView_SelectedNodeStyle
{
	background-color: #ffffff;
}

.TreeView_NodeStyle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: Black;
}

/* Misc */
.Header
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #000000;
	padding: 5px; 
}

.Footer
{
	color: #d8d8d8; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
}

.Footer a:link, .Footer a:visited 
{
	color: #d8d8d8; 
	text-decoration: none
}

.Footer a:hover, .Footer a:active 
{
	color: #d8d8d8; 
	text-decoration: underline
}



.Attention
{
	color: #cc0000;
}

.Alert
{
	font-weight: bold;
	color: #ff0000;
}

.Caption
{
	background-color:Orange;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:bold;
	text-align:center;
	width:255;
	padding-left:5px
}

.Images
{
	text-align:center;
	vertical-align:middle
}

.Content
{
	width: 675px;
	overflow: auto;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}


#content p{
	margin:0px 0 20px 0;

}

#content a{
	color:#FF7300;
	text-decoration:underline;
}

#content a:hover{
	color:#000000;
	text-decoration:underline;
}

#content h2 {
	margin:0px 0 5px 0;

}

#content table {
	width:100%;
	border:1px solid #808080;
	padding:0px;
	border-collapse: collapse;
	font-size:12px;
	margin:0 0 20px 0;
}

#content th {
	background-color:#e6e6e6;
	text-align:left;
	padding-left:10px;
}

#content th, #content td {
	border:1px solid #808080;
}

#content td {
	width:33%;
	vertical-align:top;
	padding:10px
}

#content td ul {
	font-weight:bold;
	margin:0px 0 20px 0;
	padding:0px;
}

#content td li {
	font-weight:normal;
	margin-left:15px;
}

.gridWidth50
{
    width:50%;
}

.gridWidth100
{
    width:100%;
}
.summaryText
{
    font-family:Arial, Sans-Serif;
    font-size:8pt;
    color:#1E3695;
    padding-top:10px;
    white-space: normal !important;
}

.productNumberText
{
    font-family:Arial, Sans-Serif;
    font-size:14pt;
    font-weight:bold;
    color:Black;
}

.categorySmall
{
    font-family:Arial, Sans-Serif;
    font-size:9pt;
    color:Navy;
}

.productName
{
    font-family:Arial, Sans-Serif;
    font-size:9pt;
    padding-left:20px;
}

.productNameText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:9pt;
    font-weight:bold;
    padding-left:5px;
}

.AssortGridHeaderNormal 
{
	width:36px; 
	font-weight: bold; 
	font-size: 8pt;
	text-align:left; 
	border-width:1px; 
	border-style:solid;	
	vertical-align:middle;
	border-color:black;
}
.AssortGridHeaderSmall 
{
	width:36px; 
	font-weight: bold; 
	font-size: 7pt;
	text-align:left;
	border-width:1px; 
	border-style:solid;
	vertical-align:middle;
	border-color:black;

}
.AssortGridRow 
{
	text-align:center; 
	font-size: 7pt;
	width:50px; 
	border-width:1px; 
	border-style:solid;
	border-color:black;
}
.AssortTable
{
	font-size: 7pt; 
	width: 436px; 
	height: 350px;
}