/* For Links */
A.login1:active, A.login1:visited, A.login1:link {color: #004080; text-decoration: underline;}
A.login1:hover {color: #178BFF; text-decoration: underline;}
A.header1:active, A.header1:visited, A.header1:link {color: #FFDDAA; text-decoration: underline;}
A.header1:hover {color: #FFCCCC; text-decoration: underline;}
A.menu1:active, A.menu1:visited, A.menu1:link {color: #EFEFDF; text-decoration: none;}
A.menu1:hover {color: #AAAAAA; text-decoration: none;}
A.menu2:active, A.menu2:visited, A.menu2:link {color: #3F3F3F; text-decoration: none;}
A.menu2:hover {color: #004080; text-decoration: none;}

/* For Links - on Blue */
A.local1:active, A.local1:visited, A.local1:link {color: #FFCC33; text-decoration: none;}
A.local1:hover {color: #99CC66; text-decoration: none;}
A.wide1:active, A.wide1:visited, A.wide1:link {color: #006699; text-decoration: none;}
A.wide1:hover {color: #BB6600; text-decoration: none;}

/*For Comments - on Blue*/
h1 {font-family: Tahoma; font-size:10pt; color:#FF9999; text-decoration:none}
/*For Errors - on Blue */
h2 {font-family: Tahoma; font-size:10pt; color:#FFCCAA; text-decoration:none}
/*For Headings - on Beige */
h3 {font-family: Tahoma; font-size:10pt; color:#000000; text-decoration:none}
/*For Errors - on Beige */
h4 {font-family: Tahoma; font-size:10pt; color:#993300; text-decoration:none}


table.listtable
{
font-family:tahoma;
font-size:10pt;
color:#004080;
border-color:#020202;
}
table.listtable TH
{
font-family:tahoma;
font-size:10pt;
color:#FFFFFF;
/*background-color:#5F5F5F;*/
background-color:#546966;
}
table.listtable TR:nth-child(odd)
{
background-color: #e5e5e5;
}
table.listtable TR:nth-child(even)
{
background-color: #ededed;
}
table.listtable TR.new
{
background-color: #FF8080;
}


table.transactiontable
{
font-family:tahoma;
font-size:10pt;
color:#000000;
}
table.transactiontable TH
{
font-family:tahoma;
font-size:10pt;
color:#535353;
background-color:#D5D5D5;
border-color:#AFAFAF;
border-left-style: solid; border-left-width: 1; 
border-right-style: solid; border-right-width: 1;
border-top-style: solid; border-top-width: 1; 
border-bottom-style: solid; border-bottom-width: 1;
padding: 5px;
}
table.transactiontable TR:nth-child(odd)
{
background-color: #E5E5E5;
}
table.transactiontable TR:nth-child(even)
{
background-color: #EDEDED;
}table.transactiontable TR:hover
{
background-color: #519CDF;
}
table.transactiontable TD
{
border-color:#AFAFAF;
border-left-style: solid; border-left-width: 1; 
border-right-style: solid; border-right-width: 1;
border-top-style: solid; border-top-width: 1; 
border-bottom-style: solid; border-bottom-width: 1;
padding: 5px;
}



table.transactiontable2
{
font-family:tahoma;
font-size:10pt;
color:#000000;
}
table.transactiontable2 TH
{
font-family:tahoma;
font-size:10pt;
color:#535353;
background-color:#D5D5D5;
border-color:#AFAFAF;
border-left-style: solid; border-left-width: 1; 
border-right-style: solid; border-right-width: 1;
border-top-style: solid; border-top-width: 1; 
border-bottom-style: solid; border-bottom-width: 1;
padding: 5px;
}
table.transactiontable2 TR:nth-child(odd)
{
background-color: #E5E5E5;
}
table.transactiontable2 TR:nth-child(even)
{
background-color: #EDEDED;
}
table.transactiontable2 TD
{
border-color:#AFAFAF;
border-left-style: solid; border-left-width: 1; 
border-right-style: solid; border-right-width: 1;
border-top-style: solid; border-top-width: 1; 
border-bottom-style: solid; border-bottom-width: 1;
padding: 5px;
}




table.listtablehover
{
font-family:tahoma;
font-size:10pt;
color:#004080;
border-color:#020202;
}
table.listtablehover TH
{
font-family:tahoma;
font-size:10pt;
color:#FFFFFF;
/*background-color:#5F5F5F;*/
background-color:#546966;
}
table.listtablehover TR:nth-child(odd)
{
background-color: #e5e5e5;
}
table.listtablehover TR:nth-child(even)
{
background-color: #ededed;
}
table.listtablehover TR.new
{
background-color: #FF8080;
}
table.listtablehover TR:hover {
	background-color: #ffff99;
}

.topmenutable
{
border-color:#020202;
border-right-style: solid; border-right-width: 1;
}
.topmenutable  TD
{
font-family:tahoma;
font-size:10pt;
font-weight:bold;
color:#004080;
background-color: #AFAFAF;
border-color:#020202;
border-left-style: solid; border-left-width: 1; 
border-right-style: solid; border-right-width: 0;
border-top-style: solid; border-top-width: 1; 
border-bottom-style: solid; border-bottom-width: 1;
}
.topmenutable  TD.current
{
font-weight:bold;
background-color: #7B90C0;
}

table.attribtable
{
font-family:tahoma;
font-size:10pt;
color:#004080;
border-color:#020202;
}
table.attribtable TH
{
font-family:tahoma;
font-size:10pt;
color:#FFFFFF;
background-color:#8C8C8C;
}
table.attribtable TR:nth-child(odd)
{
background-color: #e5e5e5;
}
table.attribtable TR:nth-child(even)
{
background-color: #ededed;
}
table.attribtable TR.new
{
background-color: #FF8080;
}
table.attribtable TD.error
{
background-color: #FF0000;
}


table.stagestable
{
font-family:tahoma;
font-size:10pt;
color:#004080;
border-color:#020202;
}
table.stagestable TH
{
font-family:tahoma;
font-size:10pt;
color:#FFFFFF;
/*background-color:#5F5F5F;*/
background-color:#546966;
}



table.printtable
{
	font-family:verdana;
	font-size:10pt;
}
table.printtable TH
{
	color:#FFFFFF;
	background-color:#3E3E3E;
}
table.printtable TD
{
	border-bottom: 1pt solid #0099CC;
}




table.printtablerecon
{
	font-family:verdana;
	font-size:10pt;
}
table.printtablerecon TH
{
	color:#FFFFFF;
	background-color:#3E3E3E;
}
table.printtablerecon TD
{
	border-bottom: 1pt solid #0099CC;
}





table.listtableprint
{
font-family:tahoma;
font-size:10pt;
color:#004080;
border-color:#020202;
}
table.listtableprint TH
{
font-family:tahoma;
font-size:10pt;
color:#FFFFFF;
/*background-color:#5F5F5F;*/
background-color:#546966;
border-color:#000000;
border-left-style: solid; border-left-width: 1; 
border-right-style: solid; border-right-width: 1;
border-top-style: solid; border-top-width: 1; 
border-bottom-style: solid; border-bottom-width: 1;
}
table.listtableprint TR:nth-child(odd)
{
background-color: #e5e5e5;
}
table.listtableprint TR:nth-child(even)
{
background-color: #ededed;
}
table.listtableprint TR.new
{
background-color: #FF8080;
}
table.listtableprint TD.new
{
background-color: #FF8080;
border-color:#000000;
border-left-style: solid; border-left-width: 1; 
border-right-style: solid; border-right-width: 1;
border-top-style: solid; border-top-width: 1; 
border-bottom-style: solid; border-bottom-width: 1;
}


select#menu {
  -webkit-appearance: button;
  -webkit-border-radius: 0px;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: 
    -webkit-linear-gradient(#242E46, #242E46 40%, #242E46);
  background-position: center right;
  border:  none;
  color: inherit;
  font-size: inherit;
  font-weight: bold;
  margin: 0;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;}
  
.customerdetailsbox { 
   display: none; 
   background: #E5E5E5; 
   width: 900px; 
   height: 385px; 
   float: left; 
   margin: 20px; 
   color: white; 
}

.extrameasurementsbox { 
   display: none; 
   background: #EAD5D5; 
   width: 500px; 
   height: 385px; 
   float: left; 
   margin: 20px; 
   color: white; 
}

.notesbox { 
   display: none; 
   background: #DEEBD3; 
   width: 500px; 
   height: 385px; 
   float: left; 
   margin: 20px; 
   color: white; 
}


#customerdetails { 
   position: absolute; 
   top: 200px; 
   left: 0px; 
}

#extrameasurements { 
   position: absolute; 
   top: 200px; 
   left: 700px; 
}

#notes { 
   position: absolute; 
   top: 200px; 
   left: 200px; 
}

.button {
     background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:2px solid #444; 
     cursor: pointer;
}

.delbutton{
	background-color: #E35252;
	border: none;
	color: white;
	padding: 8px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
}

.cancelbutton{
	background-color: #52E352;
	border: none;
	color: white;
	padding: 8px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
}



th.rotate {
  /* Something you can count on */
  height: 350px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(0px, 160px)
    /* 45 is really 360 - 45 */
    rotate(270deg);
  width: 30px;
}
th.rotate > div > span {
  /*border-bottom: 1px solid #ccc;*/
  padding: 5px 10px;
}












table.reporttable
{
font-family:tahoma;
font-size:10pt;
color:#004080;
border-color:#020202;
}
table.reporttable TH
{
font-family:tahoma;
font-size:10pt;
color:#FFFFFF;
background-color:#546966;
border-color:#000000;
border-left-style: solid; border-left-width: 1; 
border-right-style: solid; border-right-width: 1;
border-top-style: solid; border-top-width: 1; 
border-bottom-style: solid; border-bottom-width: 1;
}
table.reporttable TR:nth-child(odd)
{
background-color: #e5e5e5;
}
table.reporttable TR:nth-child(even)
{
background-color: #ededed;
}
table.reporttable TR.new
{
background-color: #FF8080;
}
table.reporttable TD.new
{
background-color: #FF8080;
border-color:#000000;
border-left-style: solid; border-left-width: 1; 
border-right-style: solid; border-right-width: 1;
border-top-style: solid; border-top-width: 1; 
border-bottom-style: solid; border-bottom-width: 1;
}




#content {
	position: relative;
}
#content img {
	position: absolute;
	top: 0px;
	right: 0px;
}



.sectionpic{
	position: absolute;
	top: 300;
	left: 800;
	display: block;
	height: 60px;
	width: 100%;
	background-color: #FFF;
	font-size: 15px;
	color: #000;
}



.savebutton{
	background-color: #5252E3;
	border: none;
	color: white;
	padding: 4px 12px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 4px 2px;
	cursor: pointer;
}


.cancelbutton{
	background-color: #E35252;
	border: none;
	color: white;
	padding: 4px 12px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 4px 2px;
	cursor: pointer;
}

.nextbutton{
	background-color: #003366;
	border: none;
	color: white;
	padding: 4px 12px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
}

.loginbutton {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.logintext {
	
	width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: 100%;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

#login_page_wrap {  
	position: fixed;
	top: 20%;
	left: 40%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);	
}		


@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

.square{
    float:left;
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
    margin:5px;
    padding: 5px !important;
    text-align: center;
	background-color:#DFDFDF;
	border:2px solid #CFCFCF;
}