/* default body style */
body
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    color: #00004e;
    background-color: #ffffff;
    margin:0;
    padding:0;
    height:100%;
}

html
{
    margin:0;
    padding:0;
    height:100%;
}

#container 
{
    min-width: 960px;
    min-height:100%;
    position:relative;
}

#header
{
    height: 90px;
    width:100%;
    background: #ffffff url(../../images/topGraphicGradient.gif) repeat-y 176px;
    
}

#header #systemLogo
{
    float: left;
    background: url(../../images/topGraphic.jpg) no-repeat;
    height: 90px;
    width: 176px;
    background-color: #176397;
}

#header #businessLogo
{
    float:right;
    background: url(../../images/corelogiclogo.png) no-repeat;
    height:71px;
    width:235px;
    padding-right:10px;
}

#header #welcome 
{
    float:right;
    clear:right; 
    text-align:right;
    padding-right:10px;
    color: #004466;
    font-size:8pt;
    white-space:nowrap;
}

#header #welcome a:link,a:active,a:visited
{
    text-decoration:none;
    color: #004466;
}
#header #welcome a:hover
{
    text-decoration:underline;
}

#content 
{
    padding-bottom:20px;
}

#footer 
{
    width:100%;
    position:absolute;
    bottom:0;
    background-color: #356a9e;
    text-align: center;
    height: 20px;
    color: #ffffff;
    border-top: solid 2px orange;
    clear:both;
}



/* Formating for talon data grid. Used in skin file. */
table.grid 
{
    font: normal 11px arial;
}

.notes table.grid 
{
    font: bold 9pt arial;
}

table.grid td
{
    height:25px;
    padding: 0px 3px 0px 3px;
    border: lightgrey 1px solid;
    cursor: pointer;
    vertical-align:middle;
}

table.grid th
{
    padding: 0px 3px 0px 3px;
}

table.grid tr.gridEvenRow 
{
    background-color: #ffffff;
    color: #404040;
}

table.grid tr.gridOddRow 
{
    background-color: #f5f5f5;
    color: #404040;
}

table.grid tr.gridParentRow 
{
    background-color: #ffffcc;
    color: #404040;
}

table.grid tr.gridSelectedRow 
{
    background-color: #FFCC66;
    font-weight:bold;
    color:#663399;
}

table.grid .gridHeader
{
    height:25px;
    background-color: #356a9e;
    font-weight:bold;
    color:#ffffff;
}

table.grid .gridHeader a
{
    color:#ffffff;
}

table.grid .gridPager
{
    background-color: #FFFFCC;
    font-weight:bold;
    color:#330099;
    text-align:center;
}

table.grid .gridFooter
{
    background-color: #FFFFCC;
    color:#404040;
}

/* nested tables */
table.grid td table
{
    border: none;
}
table.grid td table tr
{
    border: none;
}
table.grid td table td
{
    border: none;
}

#orderMgmtSelect 
{
    float:left;
    width:215px;    
    background-color:#ffffff;
    overflow: hidden;
    padding-bottom: 35px;
}

#orderMgmtSelect .contentSectionPanel
{
    border: solid 1px silver;
    margin:0;
     white-space:nowrap;
}

#orderMgmtSelect .contentSectionPanel #searchCriteria td
{
    white-space:nowrap;
    vertical-align:middle;    
}

#orderMgmtSelect .contentSectionPanel span
{
    position:static;
}

#orderMgmtSelect .contentSectionPanelHeader
{
    background-color:#356a9e;
    color: #ffffff;
    padding: 0px 5px 0px 5px;
}

#orderMgmtResize
{
    text-align:left;
    background-color:#356a9e;
    float:left;
    cursor: e-resize;
}

#orderMgmtResize img
{
    cursor: pointer;
}


#orderMgmtGrid
{
    float:left;
    overflow-x:scroll;
    background-color:#ffffff;
}


#login a
{
    font-size:10pt;
}

#login .loginForm
{
    text-align:center;
    width:450px;
    height:150px;
}

#login .logincontentAnnounce 
{
    font-size:13pt;
    font-weight:bold;
    padding:50px 0px 20px 0px;
}

#login .loginTitle 
{
  font-size:9pt;
  color:#003366;
  padding:5px 5px 15px 5px;
  
}

#login .loginLabel 
{
  padding-left:50px;
  font-size:9pt;
  color:#003366;
  white-space:nowrap;
  text-align:center ;
}

#login .loginTextBox 
{
  font-size:9pt;
  width:160px;
}

#login .loginButton 
{

  font-size:9pt;
  color:#003366;
  white-space:nowrap;
}

#login .loginFailure 
{
	font-size:9pt;
	color:Red;
}

.toolbar 
{
    background-image: url(../../images/toolgrad.gif);
}

.toolbar span
{
    padding-left:5px;    
}

/***********************************************************************
* General page layout: top image header, left nav bar, content area
* Content area often broken into: [parent info], master record info,
* subordinate tabs.
***********************************************************************/
/*
.TD 
{
 text-align:center;
   vertical-align:top;
}
/*
/* Page dimensions */

.pageDiv
{
    border: solid 2px #356a9e;
    background-color: white;
    width: 980px;
    height: 100%;
    text-align: left;
    overflow: visible;
}


.popup body
{
    background-color: white;
}


.header
{
    height: 71px;
    background-color: white;
    border-width: 0px;
}

.footer
{
    font-family: Arial;
    color: White;
    background-color: #356a9e;
    text-align: center;
    height: 20px;
}

/***********************************************************************
* Top header bar - title/image.
***********************************************************************/
.topHeaderBar
{
    background-image: url(../../images/topHeaderBar.jpg);
    background-repeat: no-repeat;
    width: 980px;
    height: 71px;
    overflow: hidden;
}

.topHeaderTitleText
{
    font-style: italic;
    font-size: 10pt;
    font-weight: bold;
    white-space: nowrap;
    color: #DDFFDD;
    position: absolute;
    top: 77px;
    left: 200px;
    width: 900px;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
}

.topHeaderTitleHome
{
    position: absolute;
    top: 15px;
    left: 300px;
    width: 32px;
    height: 32px;
    overflow: hidden;
}

.topHeaderTitleAbout
{
    position: absolute;
    top: 15px;
    left: 480px;
    width: 32px;
    height: 32px;
    overflow: hidden;
}

.topHeaderTitleLogout
{
    position: absolute;
    top: 15px;
    left: 560px;
    width: 32px;
    height: 32px;
    overflow: hidden;
}


.topHeaderBodySeparator
{
    background-color: Orange;
    width: 100%;
    height: 2px;
    overflow: hidden;
}

.bodyBelowLogo
{
    width: 980px; /*height:630px;*/
    overflow: hidden;
    text-align: left;
}

/***********************************************************************
* Left navigation bar (treeview)
***********************************************************************/

.leftNav
{
    color: #004466;
    font-size: 8pt;
    font-weight: bold;
    background-image: url(images/bg_leftNav.gif);
    background-repeat: repeat-y; /* height:630px;*/
    width: 140px;
    overflow: hidden;
}

.leftNav a
{
    text-decoration: none;
    color: #004466;
}

.leftNav a:hover
{
    text-decoration: none;
    color: #cc0000;
    font-weight: normal;
}

.leftNavStaticItems
{
    border-style: none;
    border-width: 0px;
}

.leftNavLevel1
{
    height: 14px;
    width: 135px;
    padding-left: 5px;
    white-space: normal;
}

.leftNavLevel2
{
    height: 14px;
    width: 130px;
    padding-left: 10px;
    white-space: normal;
    font-weight: normal;
}

.leftNavHover
{
    color: Red;
}

.leftNavSelected
{
    background-color: #B0C4DE;
    color: #ffffff;
    font-weight: bold;
}

.leftNavSelected a
{
    color: #ffffff;
}

.leftNavContentSeparator
{
    background-image: url(images/separator_vert.gif);
    background-repeat: repeat-y;
    background-position: top; /*height:630px;*/
    width: 7px;
    overflow: hidden;
}

/***********************************************************************
* Content section of page (MasterHeader, Master, Detail)
***********************************************************************/

.contentSection
{
    color: #004466;
    background-color: #ECF2F9; /*height:630px;*/
    width: 840px;
    text-align: left;
    vertical-align: top;
    overflow: hidden;
}

/* Set default hyperlink decoration to none for contentSection */
/* (Note: Setting globally interfered with leftNav settings.) */
.contentSection A, .contentSection A:visited
{
    text-decoration: none;
    color: #004466;
}

.contentMasterHeader
{
    background: url(../../images/bg_contentHeaderBar.jpg) repeat-x;
    font-size: 11pt;
    font-weight: bold;
    color: #ffffff;
    width: 100%;
    height: 20px;
    padding: 0px 0px 0px 0px;
    vertical-align:middle;
    
}

.contentMasterHeaderRed
{
    width: 100%;
    height: 20px;
    padding: 3px 15px 2px 5px;
    overflow: hidden;
    background-color: Red;
    text-align: left;
    padding-left: 10px;
    white-space: nowrap;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

.contentMasterHeaderItem
{
    width: 400px;
    text-align: left;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
}

.contentSectionHeader
{
    background-image: url(images/bg_SectionHeader.jpg);
    background-repeat: repeat-x;
    background-color: red;
    font-size: 10pt;
    font-weight: bold;
    color: gray;
    width: 100%;
    height: 20px;
}

.contentSectionWrapper
{
    border: solid 1px silver;
}

.contentSectionPanel
{
    border: solid 1px silver;
    overflow: hidden;   
}
.contentSectionPanelImageButton
{
	margin:0px 0px 0px 0px;
}

.contentSectionPanel .contentSectionPanelHeader
{
    width: 100%;
    height: 18px;
    background-color: #356a9e;
    color: White;
    font: bold 10pt arial;
    padding: 0px 0px 0px 0px;
    text-indent: 10px;
    text-align: left;
    vertical-align:middle;
}

#centralContent 
{
    padding:25px 0px 0px 0px;
    text-align:center;
}

#centralContent .contentSectionPanel
{
    height:225px;
    width: 260px;
}

#centralContent table tr td
{
    padding: 3px 5px 20px 5px;
}

#centralContent table tr td img
{
    padding: 3px 0px 20px 0px;
}

#centralContent table tr td a
{
    padding-left: 5px;
    line-height:1.75;
    text-decoration: none;
}

#centralContent table tr td a:hover
{
    text-decoration: underline;
}
#centralContent .displayColumn
{
 display :inline;
}


/*
* Heading with gradient coloring for use without .ContentSectionPanel
*/
.contentSectionNoPanelHeader
{
    width: 100%;
    height: 18px;
    background-color: #356a9e;
    color: White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    padding: 0px 5px 0px 5px;
    text-align: left;
   
}



.guidelineList
{
    background-color: silver;
}


.contentDetail
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.contentDetailVariable
{
    border-width: 0px;
    padding: 0; /* filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#ecf2f9,endcolorstr=#B4D1E5); */
    width: 100%;
    height: 485px;
}

.contentSingleForm
{
    background-image: url(images/bg_contentSingleForm.gif);
    background-repeat: repeat-x;
    padding: 5px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Input prompts, text boxes and other form controls. */
.contentPrompt
{
    font-weight: bold;
    white-space: nowrap;
    height: 15px;
    padding-right: 8px;
    vertical-align: middle;
}

.contentTextbox
{
    height: 15px;
    width: 180px;
}

.contentCheckbox
{
    font-weight: bold;
}

.contentDropdown
{
    height: 20px;
    width: 180px;
    margin-top: 2px;
}

.contentListBox
{
    width: 180px;
    margin-top: 2px;
    margin-bottom: -8px; /* Correction for appearance on IE. */
}

.calendarDropDown
{
    font-family: Verdana;
    font-size: 7pt;
    background-color: #CCCCCC;
    font-weight: bold;
    color: Black;
    border-width: 0;
}


.contentTitle
{
    font-size: 18pt;
    color: #336699;
    width: 100%;
    padding: 0px;
}

.contentMessage
{
    height: 15px;
    width: 400px;
    padding: 2px 5px 0px 15px;
    overflow: hidden;
}

.contentPanelTitle
{
    font-size: 10pt;
    font-weight: bold;
}

.contentWarningMessage
{
    font-weight: bold;
    color: #cc0000;
    height: 15px;
    width: 400px;
    padding: 2px 5px 0px 15px;
    overflow: hidden;
}

.contentAnnounce
{
    font-size: 14pt;
}

.contentValidationSummary
{
    font-size: 8pt;
    color: Red;
    background-color: #ffffcc;
    border: solid 1px red;
    margin: 5px;
    width: 100%;
}

.contentGridWrapper
{
    border: solid 1px #ffffff;
    height: 490px;
    width: 815px;
    overflow: auto;
}

.contentGrid
{
    background-color: #CEE3EF;
    width: 795px;
}

.contentGridHeader
{
    background-color: #556b2f;
}

.contentGridAlternatingRow
{
    background-color: #FFEEEE;
}

.contentGridSelectedRow
{
    background-color: #336699;
    color: #ffffff;
}

.contentGridHyperLink
{
    color: #ff0000;
    white-space: nowrap;
    white-space: nowrap;
}

.contentGridItemStyle
{
    padding-right: 5px;
}

.contentGridCheckbox
{
    height: 12px;
    overflow: hidden;
    vertical-align: top;
}

.contentPanel
{
    border: solid 1px #999;
}

.contentPanelGrooved
{
    border: border-right: thin groove;
    border-top: thin groove;
    border-left: thin groove;
    border-bottom: thin groove;
    border-right: thin groove;
}

.reqFieldIndicator
{
    color: Red;
}

.displayText
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
}

.displayTextPrompt
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    white-space: nowrap;
}

.orderManagement a
{
    text-decoration: none;
    color: #404040;
}

.orderManagement a:Hover
{
    text-decoration: underline;
}

.treeView a:Hover
{
    text-decoration: underline;
}

.treeView
{
    font-size: 8pt;
    text-decoration: none;    
}

.treeViewSelectedNode 
{
    color:Black;
}

.contentComment
{
    font-style: italic;
    font-size: 10px;
    color: Gray;
}


/***********************************************************************
* Content tabs, implement tabbed dialog tabs via DIVs and styles
***********************************************************************/
.tab
{
    background-image: url(images/bg_contentHeaderBar.jpg);
    background-repeat: repeat-x;
    font-weight: bold;
    color: #000066;
    height: 24px;
    padding: 2px 0px 0px 5px;
    width: 100%;
    text-align: left;
    overflow: hidden;
}

.tab a
{
    color: #004466;
    text-decoration: none;
    letter-spacing: 1px;
    display: block;
    float: left;
    padding: 4px 10px 4px 10px;
}

.tabItem
{
    background-image: url(images/tab_r_curve.gif);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #999999;
    border-bottom: solid 1px #B0C4DE;
    display: block;
    float: left;
}

.tabItem a
{
    background-image: url(images/tab_l_curve.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #004466;
}

.tabItemCurrent
{
    background-image: url(images/tab_r_curve.gif);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #ECF2F9;
    border-bottom: solid 1px #ECF2F9;
    display: block;
    float: left;
}

.tabItemCurrent a
{
    background-image: url(images/tab_l_curve.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #004466;
}

.tabContent
{
    clear: both;
    padding-left: 10px;
    padding-top: 5px;
}

/***********************************************************************
* Error message styles
***********************************************************************/

.errorTitle
{
    font-size: 12pt;
    font-weight: bold;
    color: #CC3333;
}

.errorMessage
{
    font-size: 10pt;
    font-weight: bold;
    color: #CC3333;
}

.errorInstruction
{
    font-size: 8pt;
    font-weight: bold;
    width: 500px;
}

.errorDetail
{
    width: 500px;
    height: 160px;
}

/***********************************************************************
* Gridview MouseOver
***********************************************************************/
.gridMouseOver
{
    background-color: #B0C4DE;
}



.tableOF
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}
.tableOF tr
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}

.popup Body
{
    background-color: white;
}

.popupOF Body
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #00004e;
    white-space: nowrap;
    font-size: 11px;
}

.contentPromptOF
{
    font-weight: bold;
    white-space: nowrap;
    font-size: 11px;
    vertical-align: middle;
}

.sortAscHeaderStyle
{
    background-image: url(../../images/sort_asc.gif);
    background-color: #8dbdd8;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 2px;
    font-weight: bold;
}

.sortDescHeaderStyle
{
    background-image: url(../../images/sort_desc.gif);
    background-color: #8dbdd8;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 2px;
    font-weight: bold;
}

.resizeHandle
{
    width: 2px;
    height: 400px;
    background-image: url(../../images/HandleGrip.png);
    overflow: hidden;
    cursor: e-resize;
    text-align: left;
}

/* Search forms can use smaller input boxes to save space for more inputs. */
.searchForm .contentTextbox
{
    width: 100px;
}

.searchForm .contentDropdown
{
    width: 111px;
}

.searchForm .contentListBox
{
    width: 111px;
}

.gridBottomFormView
{
    vertical-align: top;
    text-align: left;
}

.gridBottomRightCommands
{
    vertical-align: top;
    text-align: right;
}

/* for laying out colums of input prompts */

.inputFormFirstColumn
{
    padding: 5px 0px 10px 10px;
}

.inputFormNextColumn
{
    padding: 5px 0px 10px 25px;
}

/***********************************************************************
* User control layout styles
***********************************************************************/
.popupNotePanel
{
    display: none;
    position: absolute;
    z-index: 971;
    width: 420px;
    height: 200px;
    left: 250px;
    top: 250px;
    border-style: outset;
    border-width: 1px;
    border-color: #000000;
    background-color: #d8d8d8;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.popupNotePanelIframe
{
    display: none;
    position: absolute;
    z-index: 970;
    width: 420px;
    height: 200px;
    left: 250px;
    top: 250px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    background-color: #d8d8d8;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.aboutBoxPanel
{
    display: none;
    position: absolute;
    z-index: 981;
    width: 420px;
    height: 150px;
    left: 250px;
    top: 250px;
    border-style: outset;
    border-width: 2px;
    border-color: #0033cc;
    background-color: #d0dfef;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.aboutBoxPanelIframe
{
    display: none;
    position: absolute;
    z-index: 980;
    width: 420px;
    height: 150px;
    left: 250px;
    top: 250px;
    border-style: solid;
    border-width: 2px;
    border-color: #0033cc;
    background-color: #d0dfef;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.popupErrorPanel
{
    display: none;
    position: absolute;
    z-index: 991;
    width: 550px;
    height: 400px;
    left: 200px;
    top: 150px;
    border-style: outset;
    border-width: 2px;
    border-color: #0033cc;
    background-color: #d0dfef;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.popupErrorPanelIframe
{
    display: none;
    position: absolute;
    z-index: 990;
    width: 550px;
    height: 400px;
    left: 200px;
    top: 150px;
    border-style: solid;
    border-width: 2px;
    border-color: #0033cc;
    background-color: #d0dfef;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}



/*
	table with solid boarder
*/

.TableWithBorder
{
    border: solid 1px #999999;
}



/***********************************************************************
* styles for loading.html page.  This page displays in modal iframe while src url is loading.
***********************************************************************/
.modalLoadingBody
{
    background-color: #efefef;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}

.modalLoadingText
{
    font-style: italic;
    font-size: 9pt;
    color: #666666;
    padding-top: 20px;
    padding-left: 20px;
}


.modalPanel {
	border: solid 1px black;
	background-color:White;
}
.modalBox {
	background-color : #f5f5f5;
	border-width: 3px;
	border-style: solid;
	border-color: Blue;
	padding: 3px;
}

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

/* Modal popup pages */
.modalPopUp {
	background-color: White;
}


/*
	Ajax tab control style
*/

.ajax__tab_Talon .ajax__tab_header
{
    padding-left:10px;
}

.ajax__tab_Talon .ajax__tab_tab
{
    background-color: #9B9B9B;
    height: 20px;
    margin: 0;
    padding: 5px 0px 0px 0px;
    font: bold 9pt arial;
    
}

.ajax__tab_Talon .ajax__tab_inner
{
    padding-left: 15px;
    background: url(../../images/graytableft.png) no-repeat left top;
}

.ajax__tab_Talon .ajax__tab_outer
{
   border:0;
   padding-right: 10px;
   background: url(../../images/graytabright.png) no-repeat right top;
   border-right: solid 1px #ffffff;
}

.ajax__tab_Talon .ajax__tab_active .ajax__tab_tab
{
    background-color:#356a9e;
    color: #ffffff;
}

.ajax__tab_Talon .ajax__tab_active .ajax__tab_outer
{
    background: url(../../images/bluetabright.png) no-repeat right top;
}

.ajax__tab_Talon .ajax__tab_active .ajax__tab_inner
{
    background: url(../../images/bluetableft.png) no-repeat left top;
}


.ajax__tab_Talon .ajax__tab_body
{

    border-top:solid 2px #356a9e;
}



/* Use this class for tooltip style popups anywhere in the application. */
a.tooltip
{
    color: #000000;
    text-decoration: none;
}

a.tooltip:hover
{
    position: relative;
    background-color: #ff0;
}

a.tooltip span
{
    display: none;
}

a.tooltip:hover span
{
    display: inline;
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 1px 1px 1px 1px;
    border: 1px solid black;
    background-color: white;
    color: #000000;
    text-align: left;
}

.autoCompleteList
{
    max-height: 200px;
    overflow: auto;
    border: solid 1px gray;
    background-color: White;
    margin: 0px;
    padding: 0px;
    text-align: left;
    width: auto;   
    list-style-type: none;
    cursor: pointer;
}

.orderHoldPending
{
    background-image: url(../../images/OnHoldBlue.png);
    background-repeat: no-repeat;
    background-position: 30% 40%;
}

.orderHoldPendingPastDue
{
    background-image: url(../../images/OnHoldRed.png);
    background-repeat: no-repeat;
    background-position: 30% 40%;
}

.orderHoldPendingForClientLogin
{
    background-image: url(../../images/OnHoldBlueClientLogin.png);
    background-repeat: no-repeat;
    background-position: 30% 40%;
}

.orderHoldPendingPastDueForClientLogin
{
    background-image: url(../../images/OnHoldRedClientLogin.gif);
    background-repeat: no-repeat;
    background-position: 30% 40%;
}

.orderCancelled
{
    background-image: url(../../images/cancelwatermark.png);
    background-repeat: no-repeat;
    background-position: 30% 40%;
}

.orderCancelledForClientLogin
{
    background-image: url(../../images/clientcancelwatermark.png);
    background-repeat: no-repeat;
    background-position: 30% 40%;
}


/***********************************************************************
* Title bar of Modal Pop-up that is also the drag handle for moving
***********************************************************************/
.dragHandleTitle
{
    width: 100%;
    height: 18px;
    background-color: #356a9e;
    color: #ffffff;
    font: bold 10pt arial;
    padding: 0px 0px 0px 0px;
    text-align: left;
    text-indent: 5px;
    vertical-align:middle;
}


/* 
	To be used as for priniting purposes only.
	When viewed on the UI the form element will not display.

	i.e. If you want a header to show up on a report and not on the aspx form use this class.

*/
.reportHeader
{
    display:none;
}


/*The styles used on the view/print order page */
.blueBG 
{ 
	background-color: #356a9e; 
	color: White; 
	font-weight: bold; 
}

.blueBG12px 
{ 
	background-color: #356a9e; 
	color: White; 
	font-weight: bold; 
	font-size: 12px; 
	padding: 5px 5px 0 5px;
}

.viewPrintLogo
{
    background: url(../../images/corelogiclogo.png) no-repeat left center;    
    width: 235px;
    height: 71px;   
}

/*Reporting styles*/
.Hide
{
	display: none;
}

.Show
{
	display: block;
}

.resizeReportBar
{
	background-color: #356a9e; 
	vertical-align: top;
    cursor: e-resize;
}

#resizeDiv .contentSectionPanelHeader
{
    background-color:#356a9e;
    color: #ffffff;
    padding: 0px 5px 0px 5px;
}

#resizeDiv .contentSectionPanel
{
    border: solid 1px silver;
    margin:0;
    white-space:nowrap;
}

#reportingDiv .contentSectionPanel
{
    border: solid 1px silver;
    overflow: hidden;   
}

.filterPanel 
{
	border: solid 1px silver;
    margin:0;
}

.filterPanelHeader
{
	background-color:#356a9e;
    color: #ffffff;
    font-size:9pt;
    padding: 0px 5px 0px 5px;
    height:25px;
    font-weight:bold;
    line-height:1.8;
    
}

.liteGrid 
{
	border-collapse:collapse;
	border:solid 1px #C0C0C0;
}

.liteGrid th
{
	height:25px;
    background-color: #356a9e;
    font-weight:bold;
    color:#ffffff;
    padding: 0px 5px 0px 5px;
    border: lightgrey 1px solid;
    
}

.liteGrid td
{
	height:25px;
    padding: 0px 3px 0px 3px;
    border: lightgrey 1px solid;
    cursor: pointer;
    vertical-align:middle;
}

.liteGrid .even
{
	 background-color: Transparent;
     color: #404040;
}

.liteGrid .odd
{
	background-color: #f5f5f5;
    color: #404040;
}

.liteGrid .groupHeader 
{
	padding:0;
	border-bottom:none;
	padding: 0px 5px 0px 5px;
}

.liteGrid .groupItem 
{
	padding:0;
	border-top:none;
	border-bottom:none;
	padding: 0px 5px 0px 5px;
}
.liteGrid a:visited
{
	text-decoration:underline;
}