﻿body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666666;
	background: #FFFFFF;
}

html {
	margin-left: 0px;
}

h1 
{
	font-family: "Arial Black",Arial,Helvetica,sans-serif;
	color: #333;
	font-size: 20px;
	line-height: 30px;
	margin: 0;
}

h2 
{
	color: #3C7E9D;
	font-size: 17px;
	line-height: 26px;
	font-weight: bold;
	margin: 0;
}

h3 
{
	color: #999;
	font-size: 12px;
	padding-top: 0px;
	margin-top: 0px;
}

fieldset
{
	padding: 1em;
}

legend
{
	font-size: 12px;
}

TableHeading {
	font-family: verdana; 
	font-size: 14px; 
	text-align: left;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 5px;
	background-color: #E2E2E2; 
	border: 1px solid #FFFFFF; 
	border-right-color: #B5B5B5; 
	border-bottom-color: #B5B5B5; 
	vertical-align: middle;
}

.AlternatingRow td.DataCell { 
	background-color: #F6F6F8; 
	border-right: 1px solid #E6E6E6; 
	border-bottom: 1px solid #E6E6E6; 
	font-family: verdana; 
	font-size: 10px; 
	cursor: default;
}

.calendar {
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	border-collapse: collapse;
	background-color: #FFFFFF;
	cursor: default;
}

.calendar td {
	font-size: 11px;
}

.calendar_button {
	border: none;
	cursor: pointer;
}

.DataCell { 
	cursor: default;
	padding: 3px; 
	border-right: 1px solid #EAE9E1; 
	border-bottom: 1px solid #EAE9E1; 
	font-family: verdana; 
	font-size: 10px; 
} 

.DataRow { 
	background-color: #FFFFFF; 
}

.DataRow td.FirstDataCell {
	padding-left: 3px; 
}

.day {
	width: 25px;
	cursor: pointer;
	text-align: center;
	border-width: 1px;
	border-color: #F6F6F6;
	border-style: solid;
}

.dayheader {
	width: 25px;
	text-align: center;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	font-weight: bold;
	background-color: #FFFFFF;
}

.dayhover {
	width: 25px;
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	border-width: 1px;
	border-color: #F6F6F6;
	border-style: solid;
}

.DefaultTab {
	color: black; 
	background-image: url(Images/Tabgrid/tab_bg.gif);
	font-family: MS Sans Serif, Verdana; 
	font-size: 10px; 
	cursor: default;
}

.DefaultTabHover {
	color: black; 
	background-image: url(Images/Tabgrid/hover_tab_bg.gif);
	font-family: MS Sans Serif, Verdana; 
	font-size: 10px; 
	cursor: default;
}



.DesignCssClass 
{
	font-family: Arial,Helvetica,sans-serif;
	color: #333;
	font-size: 12px;
	background-image: none;
}

.DesignCssClass a 
{
	color: #3C7E9D;
}

.DesignCssClass a:hover 
{
	color: #3C7E9D;
	text-decoration: underline;
}

.Grid {
	border: 1px solid #7C7C94; 
	background-color: #FFFFFF; 
	cursor: pointer; 
}

.GridFooter {
	cursor: default;
	padding:5px;
	font-family: "Verdana", Monospace;
	font-size: 8px;
}

.GridFooter a {
	color: Black;
	font-weight: bold;
}

.GridHeadingCellText {
	font-family: verdana; 
	font-size: 11px; 
	text-align: left;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 5px;
}

.GridHeadingCellHover {
	padding-left: 99px;
}

.GridHeadingCell  { 
	background-image: url(Images/Gridview/header_bg.gif);   
	background-color: #E9E9EB; 
	padding: 0px;
	padding-left: 5px;
	border-bottom: 1px solid #6593CF; 
}

.GridHeadingProductCell  { 
	background-image: url(Images/Gridview/header_bg.gif);   
	background-color: #E9E9EB; 
	padding-left: 5px;
	border-bottom: 1px solid #6593CF; 
	font-family: verdana; 
	font-size: 11px; 
	text-align: left;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 5px;
}

.HighlightCssClass 
{
	background-color: #cee2ec;
}

.Level2Tab {
	font-family: Verdana; 
	font-size: 11px; 
	cursor: pointer;
}

.Level2TabHover {
	font-family: Verdana; 
	font-size: 11px; 
	text-decoration: underline;
	cursor: pointer;
}

.month {
	background-color: #F6F6F6;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
}

.nextprev {
	cursor: pointer;
	height: 25px;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
}

.othermonthday {
	color: #999999;
}

.outofrangeday {
	visibility: hidden;
}

.PagerText { 
	font-family: verdana; 
	font-size: 11px; 
}

.picker {
	background-color: #FFFFFF;
	border: 1px gray solid;
	font-size: 12px;
	font-weight: bold;
	font-family: "Verdana",monospace;
	padding: 2px;
	cursor: pointer;
}

.requiredFields {
	background-color: #FFFFB3;
}

.selectedday {
	width: 25px;
	background-color: #FBE694;
	color: #000000;
	border-width: 1px;
	border-color: #BB5503;
	border-style: solid;
	font-weight: bold;
}

.SelectedLevel2Tab {
	background-color: #F6F6F6;
	font-family: Verdana; 
	font-size: 11px; 
	border: 1px solid #AAAAAA;
	border-right-color: #F6F6F6;
	border-bottom-color: #F6F6F6;  
}

.SelectedRow {
	background-color: #FFEEC2; 
}

.SelectedRow td.DataCell { 
	cursor: default; 
	padding: 2px; 
	padding-left: 3px; 
	padding-bottom: 3px; 
	font-family: verdana; 
	font-size: 10px; 
	border-bottom: 1px solid #4B4B6F; 
	border-top: 1px solid #4B4B6F; 
	border-right: 0px; 
}

.SelectedTab {
	color: black; 
	background-image: url(Images/Tabgrid/selected_tab_bg.gif);
	font-family: MS Sans Serif, Verdana; 
	font-size: 10px; 
	cursor: default;
}

.selector {
	width: 14px;
	cursor: pointer;
	text-align: left;
	vertical-align: middle;
	background-color: #FFFFFF;
}

.SelectorCell { 
	background-color: #E2E2E2; 
	border: 1px solid #FFFFFF; 
	border-right-color: #B5B5B5; 
	border-bottom-color: #B5B5B5; 
}

.SourceCssClass 
{
	font-family: "Consolas","Lucida Console","Courier New",monospace;
	font-size: 12px;
	padding: none;
	border: none;
	background-image: none;
}

.title {
	font-weight: bold;
	background-color: #D7D7E5;
}

.TopGroup {
	z-index: 99;
	position: relative;
}

.TopSubGroup {
	z-index: 99;
	position: relative;
}

.validatorCalloutHighlight {
	background-color: #FFCCCC;
}

#AddProductDiv 
{
	position: static;
	left: 0px;
	top: 80px;
	width: 890px;
	height: 231px;
}

#content {
	background: #FFFFFF;
	position: absolute;
	top: 700px;
	width: 650px;
	height: 500px;
}

#content2 {
	background: #FFFFFF;
	position: absolute;
	top: 700px;
	width: 650px;
	height: 500px;
}

#ContentDiv {
	height: 500px;
}

#ContentDiv .padding {
	padding: 25px;
	
}

#header {
	background: #E2E2E2;
	position: static;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 35px;
}

#header2 {
	background: #FFFFFF;
	position: static;
	top: 37px;
	left: 0px;
	width: 80px;
	height: 20px;
}

#header3 {
	background: #FFFFFF;
	position: static;
	top: 37px;
	left: 80px;
	width: 300px;
	height: 20px;
}

#HeaderDiv {
	height: 80px;
	
}

#LoginBody {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666666;
	background: #FFFFFF;
	background-image: url(Images/Login/login_bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

#LoginDiv {
	background-image: url(Images/Login/login_bg.jpg);
	left: 219px;
	width: 709px;
	top: 167px;
	height: 317px;
}

#LoginBoxDiv {
	z-index: 101;
	width: 231px;
	height: 111px;
	left: 472px;
	top: 75px;
}

#LoginFooterPanel {
	background: #FFFFFF;
	position: absolute;
	width: 30%;
	height: 35px;
	font-size: 10px;
	left: 393px;
	line-height: normal;
	top: 502px;
	text-align: center;
}

#PageDiv {
	width: 800px;
	margin: auto;
	padding: 0px;
}

.StandardButton 
{
	background-color:#FFFBFF;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	font-family:Verdana;
	font-size:0.8em;
	color:#284775;
}

.AdsImageCssClass img
{
    
    height: 100px;
}


.RedRow
{
	background-color: #F00000;
}
