#header
{
  width:800px;
  font-family:Georgia;
  font-size:36px;
  color: #cecece;
  background-color: #ffffff;
  border:solid 1px #663399;
  height:110px;
}

#content
{
  width:800px;
  height:600px;
  text-align:left;
  background-color:#ffffff;
  border:solid 1px #663399;
}

#footer
{
  width:800px;
  height:35px;
  font-family:Times New Roman;
  font-size:1em;
  color: #ffffff;
  background-color: #663399;
  border:solid 1px #663399;
  text-align:center
}

#footer a
{
  font-family:Times New Roman;
  font-size:1em;
  color: #ffffff;
}

/*
    Deselected tab.  The left most cell that contains the tab left corner .gif
*/
.deSTabLeft	{
	background-color:#DEEAF3;
	border-left: 0 solid #6699CC;
	border-top: 0 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 1 solid #6699CC;
	border-collapse: separate;
	
	background-image: url(images/DeSelectedTab_1x1.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	cursor:hand;
}

/*
    Deselected tab.  The center cell that contains the tab text
*/
.deSTabCenter	{
	background-color:#DEEAF3;
	border-left: 0 solid #6699CC;
	border-top: 1 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 1 solid #6699CC;
	font-family: tahoma;
	font-size: .7em;
	color: #000000;
	font-weight: normal;
	padding-bottom:2;
	cursor:hand;
}

/*
    Deselected tab.  The right most cell that contains the tab right corner .gif
*/
.deSTabRight	{
	background-color:#DEEAF3;
	border-left: 0 solid #6699CC;
	border-top: 0 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 1 solid #6699CC;

	background-image: url(images/DeSelectedTab_1x1.gif);
	background-repeat: repeat-y;
	background-position: top right;
	cursor:hand;
}

/*
     Selected tab.  The left most cell that contains the tab left corner .gif
*/
.selTabLeft	{
	background-color:#ffffff;
	border-left: 0 solid #6699CC;
	border-top: 0 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 0 solid #ffffff;
	
	background-image: url(images/selectedTab_1x1.gif);
	background-repeat: repeat-y;
	background-position: top left;
	
	cursor:default;
}

/*
    Selected tab.  The center cell that contains the tab text
*/
.selTabCenter	{
	background-color:#ffffff;
	border-left: 0 solid #6699CC;
	border-top: 1 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 0 solid #ffffff;
	font-family: tahoma;
	font-size: .7em;
	color: #000000;
	font-weight: bold;
	padding-bottom:2;
	cursor:default;
}

/*
    Selected tab.  The right most cell that contains the tab right corner .gif
*/
.selTabRight	{
	background-color:#ffffff;
	border-left: 0 solid #6699CC;
	border-top: 0 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 0 solid #ffffff;
	
	background-image: url(images/selectedTab_1x1.gif);
	background-repeat: repeat-y;
	background-position: top right;
	cursor:default;
}

.spacerTab	{
	background-color:transparent;
	border-bottom: 1 solid #6699CC;
}

/*
    Hover style.  The left most cell that contains the tab left corner .gif
*/
.hoverTabLeft	{
	background-color:#FFEBA6;
	border-left: 0 solid #6699CC;
	border-top: 0 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 1 solid #6699CC;
	border-collapse: separate;
	
	background-image: url(images/DeSelectedTab_1x1.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	cursor:hand;
}

/*
    Hover style.  The center cell that contains the tab text
*/
.hoverTabCenter	{
	background-color:#FFEBA6;
	border-left: 0 solid #6699CC;
	border-top: 1 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 1 solid #6699CC;
	font-family: tahoma;
	font-size: .7em;
	color: #000000;
	font-weight: normal;
	padding-bottom:2;
	cursor:hand;
}

/*
    Hover style.  The right most cell that contains the tab right corner .gif
*/
.hoverTabRight	{
	background-color:#FFEBA6;
	border-left: 0 solid #6699CC;
	border-top: 0 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 1 solid #6699CC;
	

	background-image: url(images/DeSelectedTab_1x1.gif);
	background-repeat: repeat-y;
	background-position: top right;
	cursor:hand;
}

.hiddenTab
{
  display:none;
}

#arForm
{
  /*font-family:Arial;
  font-size:.8em;
  font-weight:bold;*/
}

#arForm .label
{
  float:left;
  width:150px;
  text-align:right;
  color:#585880;
  font-size:.9em;
  font-family:Verdana;
}

#arForm .input
{
  float:left;
  text-align:left;
}

.DepotHeader
{
  background-color:#cecece;
  color:#663399;
  font-weight:bold;
  font-size:0.7em;
  border-left:2px solid #663399;
}

.DepotItem
{
  font-size:.7em;
  Font-family:Verdana;
  font-weight:bold;
  background-color:#FFEEFF;
  Color:#585880;
  height:20px;
}

.DepotAltItem
{
  font-size:.7em;
  Font-family:Verdana;
  font-weight:bold;
  Color:#585880;
  height:20px
}

.textBox
{
  font-size:.9em;
  font-family:Verdana;
  color:#585880;
  border:1pt solid #585880;
}

.labelStyle
{
  color:#000000;
  background-color:transparent;
  font-Size:.9em;
  font-family:Verdana;
}

.buttonStyle
{
  font-size:.9em;
  font-family:Verdana;
  color:#585880;
  border:solid 1pt #585880;
  background-color:#FFEEFF;
}

.DepotPrice
{
  font-family:Verdana,Arial;
  font-size:12px;
  font-weight:bold;
  color:#000000;
}

.CustHeader,td.CustHeader
{
  background-color:#cccccc;
  color:#000000;
  font-family:Times New Roman;
  font-size:10px;
  font-weight:bold;
  height:25px;
  border:solid 1px #663399
}

.CustDetails
{
  background-color:#ffffff;
  color:#000000;
  font-size:9px;
  border:solid 1px #a3a0d7;
}

.EditCust
{
  background-color:#cccccc;
  height:500px;
  width:500px;
  position:absolute;
  border:ridge 5px #0000ff;
  font-size:10px;
  font-weight:bold
}

.CostHeader
{
  background-color:#cecece;
  color:#663399;
  font-weight:bold;
  font-size:1em;
  border-left:2px solid #663399;
}

.CostItem,td.CostItem
{
  font-size:.9em;
  Font-family:Verdana;
  background-color:#38F7F4;
  Color:#585880;
}

.CostAltItem,td.CostAltItem
{
  font-size:.9em;
  Font-family:Verdana;
  Color:#585880;
}

a.CustomerLinks 
{
  font-size:12px;
  text-decoration:underline;
  Color:#585880;
}

.ShipItem,td.ShipItem
{
  font-size:.8em;
  background-color:#F8F7F4;
}

.ShipAltItem,td.ShipAltItem
{
  font-size:.8em;
}

.CreateUserTextBoxStyle
{
  Font-Size:.9em;
  Font-family:Verdana;
  Color:#585880;
  Border: solid 1pt transparent;
  Background-Color:#FFFFFF
}

.CreateUserTitleStyle
{
  Font-Size:.9em;
  Font-family:Verdana;
  Font-weight:bold;
  Color:#585880;
  Border:solid 1pt #CCCCCC;
}

.CreateUserLabelStyle
{
  Color:#000000;
  Background-Color:transparent;
  Font-Size:.9em;
  Font-family:Verdana;
  text-align:right
}

.UsersHeader
{
  background-color:#cecece;
  color:#663399;
  font-weight:bold;
  font-size:1em;
  border-left:2px solid #663399;
}

.UsersItem,td.UsersItem
{
  font-size:.8em;
  Font-family:Verdana;
  background-color:#F8F7F4;
  Color:#585880;
}

.UsersAltItem,td.UsersAltItem
{
  font-size:.8em;
  Font-family:Verdana;
  Color:#585880;
}

.ErrorMsg
{
  color:#ff0000;
  font-style:italic
}

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

.modalPopup
{
  background-color:#cecece;
  border-width:3px;
  border-style:solid;
  border-color:#000080;
  padding:3px;
  width:700px;
  max-height:90%;
  overflow:auto
}