@charset "utf-8";
/* CSS Document */

@media print {
  body * {
    font-size: 16pt;
    visibility:hidden;
  }
  
   .printContent {
		display: block;
		margin: 0px;
   }

  .printContent * {
    font-size: 16pt;
    visibility:visible;
  }
  
   #printHeader {
    font-size: 12pt;
    visibility:visible;
	display:block;
	text-align: left;
	width: 700pt;
  }
  
   table#productionTable { white-space:nowrap; display: block; margin-left: auto; margin-right: auto; cellspacing: none; }
 
  table#productionTable td, table#productionTable th{
	border: thin solid black;
	font-size: 11pt;
  }
  
	table#productionTable td.prodNumsQty, table#productionTable th.prodNumsQty {
	  width: 50pt;
	 }

	table#productionTable td.prodNumsName, table#productionTable th.prodNumsName {
	  width: 500pt;
	 }

 	table#productionTable td.prodNumsOO,table#productionTable th.prodNumsOO {
	  display:block;
	  width: 50pt;
	 }
	 
  table.comi td {
    font-size: 12pt;
  }
  
  table.comi {
	width: 80%;
	margin-left: 40pt;
  }
  
   #distroTable {
    font-size: 16pt;
	margin-left: 70pt;
  }
  
  .noPrint {
    visibility:hidden;
  }
  
  .printContent {
	margin-top: -240pt;
	margin-left: auto;
	margin-right: auto;
  }
  
}


* {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	font-family: sans-serif;
}

.hidden {
	display: none;
}

a {
	text-decoration: none;
}

input[type=button] {
	cursor: pointer;
}
	

.profileHeader:hover {
	cursor: pointer;
}

.hov:hover {
	cursor: pointer;
		
}

input {
	color: #444444;
}



.itemNames1 {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
	background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
}

hr {
	margin-bottom:8px;
	color: #0DDDDD;
	display:none;
}


.cal, .grid {
	border-collapse:collapse;
	border: 1px solid #00dddd;
}

.grid * td {
	border: 1px solid #00dddd;
}

.calCell {
	border: 1px solid #00dddd;
	background: white;	
}

.qtybox1 {
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;	
	background: white;
}

 	table#productionTable td.prodNumsOO, table#productionTable th.prodNumsOO {
	  display: none;
	 }

.calHead {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
	background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
}

.calItem {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
	background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 

}

.inputBG {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
	background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

 
input {
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
	background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
	
	text-align: center; 
	text-indent: 4px; 
	height: 23px; 
	border: 1px solid #AAAAAA; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;	
}


.qtyBox1, .qtyBox2 {
	background: white;
	font-weight: bold;
}

.button {
	height: 25px;
}

.button:hover {
	cursor: hand;
	cursor: pointer;	
}


.dateInput {
	background: transparent;
	width: 120px;
}

.dateInput:hover {
	cursor: hand;
	cursor: pointer;
}

image {
	border: 0px;
}


.pcForm * select {
	width: 140px;
}

#pcDeadline {
	width: 208px;	
}

#tabs {
	position: relative; 
	float: left; 
	margin-top: 10px; 
	width: 930px; 
	display: none;
}

.dispTable * tr {
	height: 40px;
	text-align: center;
}

.dispTable * tr:hover {
	background: #00DDDD;
}

.row2 {

}

.dispTable * td {
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: middle;
}

.profileHeader {
	height: 16px;
	font-weight: bold;
	background-color: #AADFFF;
	width: 878px;
	padding: 6px;
	border-style: solid;
	border-width: 0px;
	display:none;
	border: 0px #0DDDDD solid;
	border-bottom-width: 1px; 
}

.alt {
	background-color: #0FF;
}

.over {
	background: #000;
}

.profileContent {
	background-color: #0FF;
	width: 890px;
	display:none;
	border: 0px #0DDDDD solid;
	border-bottom-width: 1px;
}


#overlay {
	position: absolute;
	opacity: .80;
	background-color: #000;
	z-index: 800;	
	width: 2000px;
	height: 900px;
	overflow: hidden;	
    top: 0px;
    left: 0px;
}


.profileSpan {
	margin-right: 10px; 
	float: right;
	display:none;
}



.message {
	background-color: #FFF;
	width: 200px;
	z-index: 0;
}


.layer {
	margin-top: 4px;
	padding: 0;
	width: 900px;
	position: relative;
	float: left;
}

.layer2 {
	margin-top: 4px;
	padding: 0;
	width: 900px;
	position: relative;
	float: left;
}
 
.heading {
	margin: 1px;
	color: #fff;
	padding: 3px 10px;
	cursor: pointer;
	position: relative;
	float: left;
	background-color: #CCF;
	width: 900px;
}

.heading2 {
	margin: 1px;
	color: #fff;
	padding: 3px 10px;
	cursor: pointer;
	position: relative;
	float: left;
	background-color:  #CCF;
	width: 900px;
}

.content {
	padding: 5px 10px;
	background-color: #FFFBF0;
	position: relative;
	float: left;
	width: 890px;
	margin-left: -4px;
	margin-bottom: 6px;
}

.content2 {
	padding: 5px 10px;
	background-color: #3FF;
	position: relative;
	float: left;
	width: 890px;
	margin-left: -7px;
	border: 1px solid #DDDDDD;
}

.sm_radius {
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	border-style: solid;
	border-width: 1px;
}

.lg_radius {
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	border-style: solid;
	border-width: 1px;
}

.radius_top {
	-moz-border-top-right-radius: 15px; 
	-moz-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px; 
	-webkit-border-top-left-radius: 15px;
	border-top-right-radius: 15px; 
	border-top-left-radius: 15px;
}

.dispTable {
 	background: #F1F1F1;
	width: 890px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
	padding-bottom: 12px;
}

.dispTableNarrow {
 	background: #F1F1F1;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
	padding-bottom: 12px;
}

.radius_bottom {
	-moz-border-bottom-right-radius: 15px; 
	-moz-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px; 
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px; 
	border-bottom-left-radius: 15px;
	border-style: solid;
	border-width: 1px;
}

.tip-yellowsimple {
	z-index:1000;
	text-align:left;
	border:1px solid #c7bf93;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:6px 8px;
	min-width:50px;
	max-width:300px;
	color:#000;
	background-color:#fff9c9;
	/**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}
.tip-yellowsimple .tip-inner {
	font:12px/16px arial,helvetica,sans-serif;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-yellowsimple .tip-arrow-top {
	margin-top:-6px;
	margin-left:-5px; /* approx. half the width to center it */
	top:0;
	left:50%;
	width:9px;
	height:6px;
	background:url(../img/tip-yellowsimple_arrows.gif) no-repeat;
}
.tip-yellowsimple .tip-arrow-right {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:0;
	top:50%;
	left:100%;
	width:6px;
	height:9px;
	background:url(../img/tip-yellowsimple_arrows.gif) no-repeat -9px 0;
}
.tip-yellowsimple .tip-arrow-bottom {
	margin-top:0;
	margin-left:-5px; /* approx. half the width to center it */
	top:100%;
	left:50%;
	width:9px;
	height:6px;
	background:url(../img/tip-yellowsimple_arrows.gif) no-repeat -18px 0;
}
.tip-yellowsimple .tip-arrow-left {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:-6px;
	top:50%;
	left:0;
	width:6px;
	height:9px;
	background:url(../img/tip-yellowsimple_arrows.gif) no-repeat -27px 0;
}


.newsPost { width: 520px; display: block; margin-left:10px; margin-right: 10px; float: left; margin-top: 20px; font-size: 11px; }
.postImageContainer { width: 35%; }
.postImage { width: 200px; height: 160px; }
.postContentContainer { width: 60%; text-align: left; margin-right: 10px; }
.postTitle { width: 100%; font-size: 14px; font-weight: bold; margin: 10px; float: left; }
.postDate { width: 100%; margin: 10px; float: left; padding-left: 20px; font-size: 10px; font-weight: 600; }
.postContent { width: 100%; margin: 10px; float: left; font-weight: normal; }