﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	/*font-family: Geneva, Tahoma, Verdana, sans-serif;
	font-size: 14px; */
	font-family: 'Open Sans', Arial, sans-serif; 
	font-size: 14px; 
	color: #666;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a:link {
    color: #666;
    text-decoration: none;
}
            
a:visited {
    color: #E30514;
}
a:hover {
    color: #E30514;
}
a:active {
    color: #E30514;
}

h1 
{
    font-family: 'Open Sans', Arial, sans-serif; 
	font-size: 16px;
}
            
table {
	border-collapse: collapse;
	border-spacing: 0;	        
} 

.mastertable
{
    border: 1px solid;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    border-bottom-color: #666;
    width: 1150px;
}
.master
{
    background-color: Black;   
    text-align: right;
    font-weight:bold;
    color: #E30514;                          
    width: 1920px;
    height: 40px;
    width: 1150px;  
}
.menuitem
{
    /*font-weight:bold;*/
    height: 30px;
    width: 350px;
    border-width: 0px;
    color: #E30514; 
    padding-left: 50px;  
    text-align:center;
    text-indent: 20px;    
    vertical-align:top;                
}

.loginAccountInfo
{
    width: 150px;
    height: 150px;
    padding: 10px 10px 10px 10px;
}

.loginUsername
{
    width: 100px;   
}
.loginPassword 
{
    width: 100px;   
}

.loginKeepMeLoggedIn
{
  font-size: 12px;  
}

.loginFailureNotification
{
    font-size: 1.2em;
    color: #E30514;
}

.loginButton
{
}

.DocumentHeaderTitle
{
    font-weight: bold;
    font-size: larger;
    height: 30px;
    vertical-align:bottom;
}

.DocumentHeader
{
    background-color: #f6f6f6;
    width:1150px;
}

.DocumentHeaderLabel
{
    width: 150px;
    vertical-align: middle; 
    text-align: left;
}

.DocumentHeaderData
{
    width: 150px;
    vertical-align: middle;
    height: 25px;
}

.DocumentHeaderDataLabel
{
    width: 150px;
    vertical-align: middle;
    height: 25px;
}

.DocumentAddLineTitle
{
    font-weight: bold;
}

.DocumentAddLineErrorMessage
{
    font-weight: bold;
    color: #E30514;
}           
.DocumentHeaderLabel
{
    width: 150px;
    padding-right: 10px;
    vertical-align: middle; 
    color: #666;
}
.DocumentHeaderData
{
    width: 150px;
    vertical-align: middle; 
    color: #666;
}
.DocumentHeaderButton
{
    width: auto;
    color: #666;
}
.DocumentHeaderLookupButton
{
    padding-left: 5px;
    width: 30px;
    color: #666;
}

.DocumentHeaderFreeText
{
    font-family: 'Open Sans', Arial, sans-serif; 
    font-size: 14px;
    height: 200px; 
    width:300px; 
    overflow:visible;
    color: #666;
}

/*
.DocumentLine  
{
    font-size: 14px;
    background-color: White; 
    margin: 0px 4px 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse;     
}
*/

/*.DocumentLine
{
  margin: 0 0 40px 0
  width: 100%
  box-shadow: 0 1px 3px rgba(0,0,0,0.2)
  display: table
  @media screen and (max-width: 580px)
    display: block
}*/

div
{
    padding-left:0px;    
}

.divMargin
{
    padding-left:10px;    
}

.DocumentLine
{
    width: 1150px;
}

.DocumentLine td { 
    padding: 2px; 
    border: 0px solid;    
}
.DocumentLine th  
{ 
  font-size: 15px;
  font-weight: 900;
  color: #E30514;
  background: #D3D3D3;
  height: 30px;
  vertical-align: middle;
}

.DocumentLine .NonAlternating
{
  font-size: 14px;
  background: white;
  height: 20px; 
}

.DocumentLine .NonAlternating a:hover
{
  font-size: 14px;
  height: 20px; 
  border: 0px solid;
}

.DocumentLine .Alternating { font-size: 14px; color: #666; height: 20px; background: #f6f6f6 repeat-x top; }

.DocumentLine .Selected { font-size: 14px;color:white; height: 20px; background: #E30514 repeat-x top; }

.DocumentLine .Pager { color:#666; font-size: 13px; font-weight: 900;Background: #D3D3D3 repeat-x top; }
.DocumentLine .Pager table { margin: 5px 0;}
.DocumentLine .Pager td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    line-height: 14px; 
    }   
.DocumentLine .Pager a { color: #666; font-size: 13px; background: #D3D3D3; text-decoration: none; height: 30px; }
.DocumentLine .Pager a:hover { color: #E30514; font-size: 13px; background: #D3D3D3; text-decoration: none; height: 30px; }

.DocumentLine .DocumentLineHeaderLeft { color: #666; font-weight: bold; text-align: left;}
.DocumentLine .DocumentLineHeaderRight { color: #666; font-weight: bold; text-align: right;}


.DocumentLineSelect
{
    width: 100px;
    text-align: left;
    vertical-align: middle;
}
.DocumentLineItemNo
{
    width: 100px;
    text-align: left;
    vertical-align: middle;
}
.DocumentLineDescription
{
    width: 250px;
    text-align: left;
    vertical-align: middle;
}
.DocumentLineMark
{
    width: 100px;
    text-align: left;
    vertical-align: middle;
}
.DocumentLineQuantity
{
    width: 100px;
    text-align: right;
    vertical-align: middle;
}
.DocumentLineYourReference
{
    width: 120px;
    text-align: left;
    vertical-align: middle;
}
.DocumentLineContact
{
    width: 100px;
    text-align: left;
    vertical-align: middle;
}
.DocumentLineAddress
{
    width: 100px;
    text-align: left;
    vertical-align: middle;
}
.DocumentLineCheckBox
{
    text-align: center;
    vertical-align: middle;    
}
.DocumentLineDate
{
    width: 90px;
    text-align: left;
    vertical-align: middle;
}

.Button
{
    vertical-align: middle;
    width: auto;
}

.LookupButton
{
    vertical-align: middle;
    text-align: left;        
    width: 20px;
}
.AddItemTable
{
    height: 50px;
    text-align: left;
    vertical-align: middle;
    margin-top: 10px;
    background-color: #f6f6f6;
    width: 1150px;
}
.AddItemTable td
{
    height: 30px;
    vertical-align: middle;
}

.AddItemHeaderItemNo
{
    width: 50px;
}
.AddItemHeaderDescription
{
    width: 200px;
}
.AddItemHeaderMark
{
    width: 90px;
}
.AddItemHeaderQuantity
{
    width: 90px;
}
.AddItemHeaderButton
{
    color: #666;
}
.AddItemItemNo
{
    width: 50px;
}
.AddItemDescription
{
    width: 200px;
}
.AddItemMark
{
    width: 90px;
}
.AddItemQuantity
{
    width: 90px;
}
.AddItemButton
{
    vertical-align: middle;
    width: auto;
    text-align: center;
}
.CommandTable            
{
    height: 50px;
    text-align: left;
    vertical-align: middle;
    margin-top: 10px;
    background-color: white;
    width: auto;
}
.FilterTable            
{
    height: 50px;
    text-align: left;
    vertical-align: middle;
    margin-top: 10px;
    background-color: #f6f6f6;
    width: 1150px;
}

.FilterLabel
{
    width: 150px;
    vertical-align: middle;
    text-align: left;
}
.FilterData
{
    width: 60px;
    vertical-align: middle;
}
.FilterButton
{
    vertical-align: middle;
    width: 50px;
    text-align: center;
}
.FilterLookupButton
{
    vertical-align: middle;
    width: 30px;
}
.FilterImage
{
    vertical-align: middle;
}
.FilterCheckBox
{
    width: 10px;
    text-align: left;
}

.DeleteButton
{
    text-align: right;
}

.Cldr
{
    background-color: #f6f6f6;
    border-color: White;
    border-width: 1px;
    font-family: 'Open Sans', Arial, sans-serif; 
    font-size: 14pt;
    color: #E30514;
    height: 190px;
    width: 350px;
}
.CldrTitleStyle
{
        font-style: normal;
    font-weight: normal;
}
.CldrDayHeaderStyle
{
        font-style: normal;
    font-weight: normal;
}
.CldrDayStyle
{
    background-color: #f6f6f6;
    font-style: normal;
    font-weight: normal;
}
.CldrSelectedDayStyle
{
    background-color:#f6f6f6;
    font-style: normal;
    font-weight: bold;
}
.CldrSelectorStyle
{
    background-color:#E30514;
    font-style: normal;
    font-weight: bold;
}
.CldrPrevNext
{
    font-style: normal;
    font-weight: normal;
}
.CldrWeekendDayStyle
{
    font-style: italic;
    color: #E30514;
}
.CldrToday
{
    background-color: #666;
}
