/*========================================================================
 *						 TITLE:			Default Style Sheet
 *						  SITE:			www.eliteprinting.net/orders
 *						AUTHOR:			Graham Wheeler
 *======================================================================*/


/************************************************************

                  BASE ELEMENTS AND CLASSES

*************************************************************/
body, body.PopUp
{
  margin: 0;
  background: #505050;
  font: 10px Verdana, Geneva, Arial, Helvetica;
  color: #000000;
}
body.PopUp
{
  background: #DDDDCC;
}

a
{
  color: #D21A1E;
  text-decoration: underline;
}

a:hover
{
  color: #D21A1E;
  text-decoration: none;
}

label
{
  font: bold 11px Verdana, Geneva, Arial, Helvetica;
  vertical-align: middle;
}

.Cloaked
{
  display: block;
  visibility: hidden;
}

.Hidden
{
  display: block;
  visibility: hidden;
}


/************************************************************

                  TOP-LEVEL PAGE STRUCTURE

*************************************************************/
#SiteHeader
{
  background: #505050;
  font: 10px Verdana, Geneva, Arial, Helvetica;
  padding: 0px 20px 0px 20px;
  border-bottom: 1px solid #ffffff;
}

#PageHeader
{
  background: url('images/bg_headerbar.gif');
  color: #ffffff;
  font: bold 11px Verdana, Geneva, Arial, Helvetica;
  /*padding: 0px 20px 0px 20px;*/
  padding: 0px;
}

#TitleBar, #PopUpTitleBar
{
  background: #aa0000;
  padding: 0px 0px 0px 0px;
  font: 11px Myriad, Verdana, Geneva, Arial, Helvetica;
  color: #ffffff;
}
#PopUpTitleBar
{
  background: #505050;
  font: bold 16px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica;
}

#ContentSection, #PopUpContentSection
{
  border-top: 1px solid #ffffff;
  padding: 20px;
  background: #DDDDCC;
  border-bottom: 1px solid #ffffff;
}

#PopUpContentSection
{
  border: 0px;
  font: 11px Myriad, Verdana, Geneva, Arial, Helvetica;
}


#PageFooter
{
  background: #505050;
  padding: 20px;
  font: 10px Verdana, Geneva, Arial, Helvetica;
  color: #ffffff;
}

#PageFooter a
{
  color: #DDD9BB;
  text-decoration: underline;
}

#PageFooter a:hover
{
  color: #DDD9BB;
  text-decoration: none;
}

#lblMessage
{
  font: bold 10px Verdana;
}



/************************************************************

                          TEXT STYLES

*************************************************************/
.small
{
  font: 10px Verdana, Geneva, Arial, Helvetica;
}

.small-bold
{
  font: bold 10px Verdana, Geneva, Arial, Helvetica;
}

.colored-small
{
  color: #D21A1E;
  font: 10px Verdana, Geneva, Arial, Helvetica;
}

.bold-colored-small
{
  color: #D21A1E;
  font: bold 10px Verdana, Geneva, Arial, Helvetica;
}

.bold-colored-medium
{
  color: #D21A1E;
  font: bold 12px Verdana, Geneva, Arial, Helvetica;
}

.bold-medium
{
  font: bold 12px Verdana, Geneva, Arial, Helvetica;
}

.bold-colored-large
{
  color: #D21A1E;
  font: bold 16px Verdana, Geneva, Arial, Helvetica;
}

.FormLabel, .FormLabelHighlight, .NotEditable
{
  font: bold 11px Verdana, Geneva, Arial, Helvetica;
  padding: 6px;
  text-align: right;
}

.FormLabelHighlight
{
  color: #D21A1E;
}

.staticText
{
  font: 11px Verdana, Geneva, Arial, Helvetica;
  padding: 2px 2px 2px 10px;
}

.NotEditable
{
  font-size: 9px;
  color: #aa0000;
}
.ulist
{
  list-style: square url('images/bullet_ulist_red.gif');
}
.ulist li
{
  padding: 2px 0px 2px 0px;
}


/************************************************************

                    CONTAINER ELEMENTS

*************************************************************/
.ViewTabs
{
  background: url('images/bg_tabs_02.gif');
}

.WizardStepBar
{
  background: url('images/bg_stepbar.gif');
}

.WizardPageContainer
{
  padding: 10px;
}

.ContentSection, .GroupManagerControlContent
{
  border-top: 1px solid #ffffff;
  padding: 20px;
  background: #DDDDCC;
  border-bottom: 1px solid #ffffff;
}

.GroupManagerControlContent
{
  border-top: 0px;
  padding-top: 10px;
}

.ContentBoxHeader, .ContentBoxHeader2, .FormContentBoxHeader
{
  padding: 8px 8px 8px 10px;
  background: #b8b8a4;
  border: 1px solid #B8B8A4;
  font: bold 16px "Trebuchet MS" , Verdana, Geneva, Arial, Helvetica;
  color: #000000;
  vertical-align: middle;
}

.ContentBoxHeader2
{
  background: #ffffff;
  color: #000000;
}

.FormContentBoxHeader
{
  padding: 2px 2px 2px 10px;
}

.WizardBox
{
  background: #ececde;
  color: #000000;
  padding: 0px;
  border: 1px solid #B8B8A4;
  margin: 20px;  
  font: 10px Verdana, Geneva, Arial, Helvetica;
}

.ContentBox, .ContentBox2, .FormContentBox
{
  background: #ECECDE;
  color: #000000;
  padding: 10px;
  border: 1px solid #B8B8A4;
  border-top: 0px;
  margin-bottom: 20px;  
  font: 10px Verdana, Geneva, Arial, Helvetica;
}

.FormContentBox
{
  background: #f5f5dc;
}

.ContentBox2
{
  border-top: 1px solid #b8b8a4;
}

.ToolBarContainer
{
  background: url('images/bg_toolbar_01.gif');
}
.ValidationErrorList
{
  list-style-type: square;
  font: bold 12px Verdana, sans-serif;
  color: #d21a00;
}


/************************************************************

                        FORM ELEMENTS

*************************************************************/
.Thumbnail, .ProductListImage
{
  border: 1px solid #b8b8a4;
}

.RadioButton
{
  font: bold 11px Verdana, Geneva, Arial, Helvetica;
}

.Button, .DropDownListM, .DropDownListL, .SmallTextBox,
.TextBox, .TextBox2C, .TextArea, .TextArea_OrderFormInstructions
{
  font: 10px Verdana, Geneva, Arial, Helvetica;
  border: 1px solid #B8B8A4;
  background: #ffffff;
  display: inline;
}

.DropDownListM, .DropDownListL, .TextBox
{
  width: 160px;
  height: 18px;
  padding: 0px;
  margin: 4px;
}

.DropDownListL
{
  width: 250px;
}

.DropDownListS
{
  width: 200px;
  height: 16px;
  padding: 0px;
  margin: 0px;
  font: 10px Verdana, Geneva, Arial, Helvetica;
  border: 1px solid #B8B8A4;
  background: #ffffff;
  display: inline;
}

.DisabledTextBox
{
  font: 10px Verdana, Geneva, Arial, Helvetica;
  border: 1px solid #B8B8A4;
  background: #b8b8a4;
  display: inline;
  padding: 2px;
  width: 160px;
  height: 18px;
  margin: 4px;
}

.TextBox
{
  padding: 2px;
}

.TextArea_OrderFormInstructions
{
  border: 0px;
  width: 100%;
  height: 100px;
  margin: 0px;
  padding: 5px;
  font-size: 12px;
}

.TextBox2C
{
  width: 20px;
  height: 18px;
  padding: 2px;  
}

.RadioButtonList LABEL
{
  font: bold 10px Verdana, Geneva, Arial, Helvetica;
  vertical-align: text-top;
}

.SmallFormTD
{
  padding-top: 2px;
  padding-bottom: 2px;
}

.SmallTextBox
{
  font: 10px Verdana;
  width: 140px;
}

.SmallTextBoxLabel
{
  font: bold 10px Verdana;
  width: 60px;
  text-align: right;
  padding-right: 4px;
}

.tableCellLabel
{
  font: bold 11px Verdana, Geneva, Arial, Helvetica;
  text-align: right;
}
.tableCellField
{
  font: 13px Verdana, Geneva, Arial, Helvetica;
}
.radioButton label
{
   vertical-align: text-top;
}
.textBox, .textArea
{
  font: 10px Verdana, Geneva, Arial, Helvetica;
  border: 1px solid #B8B8A4;
  background: #ffffff;
  display: inline;
  padding: 2px;
}
.textArea
{
  width: 560px;
  height: 100px;
}

/************************************************************

                      COMPLEX CONTROLS

*************************************************************/
.DataList, .DataGrid
{
  background: #ECECDE;
  color: #000000;
  border: 1px solid #b8b8a4;
  border-top: 0px;
  font: 10px Verdana, Geneva, Arial, Helvetica;
}

.DataGridHeader
{
  font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.TableHeaderBar, .ListHeader
{
  background: #ffffff;
  font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000000;
}

.NavButton
{
  margin: 0px 0px 10px 10px;
}

.ProductListItem, .ProductListAltItem, .DataListItem, .DataListAltItem, .DataGridAltItem
{
  padding: 0px;
  font: 10px Verdana, Geneva, Arial, Helvetica;
}

.DataListItem, .DataGridItem
{
  background: #FFFFFF;
  
}

.DataListAltItem, .DataGridAltItem
{
  background: #f4f4f0;
}

.ProductListSelectedItem, .SelectedListItem, .DataGridSelectedItem
{
  background: #ffffff;
  border: 1px solid #000000;
}

.TitleBarText
{
  font: bold 18px Myriad, Verdana, Geneva, Arial, Helvetica;
  color: #333333;
}