body, html
{
	background: url(../../Pic/decoration/bg.jpg) repeat;
	margin: 0;
	padding: 0;
	font: normal 12px Verdana, Arial, Sans-serif;
	color: black;
	text-align: center;
}

div.header
{
	height: 70px;
	width: 1258px;
	float:left;
    background  : url('../../Pic/Enterprise/blue_line.gif') repeat-x left bottom;
    vertical-align    : middle;
	text-align: left;
	background-color: #6487dc;
	background-repeat: repeat-x;
}

.pTitle
{
    color  : #0055bb;
	text-align:center;
	font-family: Verdana;
	font-size: 14px;
	font-weight: 700;
}

/* A, A:link, A:visited
{
	color: blue;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  14px;
    text-decoration: none;
     text-align: center;   
}

A:hover
{
	color: rgb(255, 0, 0);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  14px;
    text-align: center;
}*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN - 160px | 600px

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column-right 
{
	float:left;
	margin-left:auto;
	margin-right:auto;
	width:1200px;
	height:100%;
	left:0;
	position:relative;
	}

#content-main-two-column-right
{
	float:left;
	border-right: #818181 0px solid;
	border-top: #818181 0px solid;
	border-left: #818181 0px solid;
	border-bottom: #818181 0px solid;
	position:relative;
	right:0;
	width:950px;
	border:0px;
}

#content-side-two-column-right 
{
	width:200px;
	float:left;
	left:0;
	}
	
.Button
{
	background-color: rgb(214, 231, 239); /*rgb(147, 190, 226); rgb(118, 148, 200);*/
	border-top-color: rgb(175, 196, 214);
	border-left-color: rgb(175, 196, 214);
	border-right-color: rgb(16, 74, 123);
	border-bottom-color: rgb(16, 74, 123);
	border-width: 1px;

	color: rgb(0, 0, 102);/*rgb(16, 74, 123);rgb(250, 240, 240);*/

	font-family: Verdana, Arial;
    font-size: 11px;
}

.Title
{
	color: rgb(0, 51, 153);
	font-family:  Courier New, Verdana, Courier New, Times New Roman, Arial,Comic Sans MS ;
    font-size: 19px;
    font-weight:  bolder;
    letter-spacing: 1px; 
}

.Label
{
	color: rgb(0, 102, 204); 
	font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
}

label.content
{
float: left;
width: 120px;
font-weight:bold;
}

label.content1
{
float: left;
width: 150px;
font-weight:bold;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Enterprise Grid 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.GridHeader
{
	background-color: rgb(0, 153, 255);
    color: white;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight: bold;
    text-align: center;
    width: auto;
    height: auto;
}

.GridItem
{
	background-color: rgb(239, 239, 239);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;

}

.GridTable
{
	border-width: 1px;
	border-collapse: collapse;
	border-style:ridge;
}

.HoverAlternatingGridItem
{
	background-color: rgb(230, 230, 255);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;

}
.HoverGridItem
{	
	background-color: rgb(230, 230, 255);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;

}

.HoverSubGridItem
{	
	background-color: rgb(230, 230, 255);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
}

.AlternatingDetailItem
{
	font-family: Verdana, Arial;
    font-size: 11px;	

}

.AlternatingGridItem
{
	background-color: rgb(253, 253, 253);
	font-family: Verdana, Arial;
    font-size: 11px;	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Enterprise Table
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.DetailTable
{
	border-width: 1px;
	border-collapse: collapse;
}

.SubTotal
{
	background-color: rgb(219, 234, 245);
	color: rgb(16, 101, 158);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;	
}

.Total
{
	background-color: rgb(255, 247, 229);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;	
}


.Label
{
	color: rgb(0, 102, 204); 
	font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    
}

.Context
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    font-weight: bold;
}

.Highlight
{
	color:  #0066cc;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    font-weight: bold;
}

.HighlightLabel
{
	color:	rgb(0, 51, 153);
	font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Enterprise Table
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
Table
{
	font-family: Verdana, Arial;
    font-size: 11px;
}



Table.Normal
{
	border-width: 0px;
	border-collapse: collapse;
	border-style: solid;
	text-align: left;
}

Table.PriceTable
{
	border-width: 1px;
	border-collapse: collapse;
	border-style: solid;
	
}

Table.ProductDetailTable
{
	border-left-color:White;
	border-left-style:none;
	border-right-color:White;
	border-right-style:none;
	
	border-style:dashed;
	border-collapse: collapse;
}

Td.Price
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  7.5pt;
}

Td.Qty
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  7.5pt;
    font-weight: bold;
}

Td.col1
{
	 color:Navy;
	 text-align:left;
	 font-weight:bold;
	 padding-left:40px;
	 padding-bottom:3px;
	 padding-top:3px;
	 padding-right:2px;
	 width:80px;
}

Td.header
{
	color:  #0066cc;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  9pt;
    font-weight: bold;
    padding-bottom: 10px;
    font-style:italic;
    text-decoration:underline;
}

Td.col2, Td.col3, Td.col4, Td.col5, Td.col6
{
	 color:Black;
	 padding-right:5px;
	 width:130px;
}

Td.col3
{
	 color:Purple;
}

Td.col4
{
	 color:GREEN;
}

Td.col5
{
	 color:Maroon;
}

Td.col6
{
	 color:Red;
}


Tr.odd
{
	background-color: white;
}

Tr.even
{
	background-color: #f5f5f5;
}
	
Tr.Price
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
}

Tr.Qty
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  7.5pt;
    font-weight: bold;	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Enterprise - CRM 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:80%;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Collapsible Panel
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.collapsible_heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
	text-align:left;
	cursor: pointer;
}



.addresscontainer{
position: relative;
 vertical-align:top;
}

.shadowcontainer
{
/* container width*/
/*background-color: #dfdfdf;*/
}

.shadowcontainer1 .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
right: -5px; /*shadow depth*/
}