#titleform{
	background-color:#9999FF;
	height: 30px;
	color:#000000;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif
}

#myform{
	width:956px;
	padding:3px;
	border:0px;

}
th{
color:#F90;
text-align:left;
}
#indentno{
	display: block;
	width: 172px;
	padding: 3px 3px 3px 2px;
	border: 1px solid #0070bf;
	font-size: 13px;
	text-transform:uppercase
}
#tatday{
	display: block;
	width: 150px;
	padding: 3px 3px 3px 2px;
	border: 1px solid #0070bf;
	font-size: 13px;
}
#pooriginator{
	display: block;
	width: 250px;
	padding: 3px 3px 3px 2px;
	border: 1px solid #0070bf;
	font-size: 13px;
	text-transform:uppercase
}
#repairorderno{
	display: block;
	width: 250px;
	padding: 3px 3px 3px 2px;
	border: 1px solid #0070bf;
	font-size: 13px;
	text-transform:uppercase
}
#contractno{
	display: block;
	width: 250px;
	padding: 3px 3px 3px 2px;
	border: 1px solid #0070bf;
	font-size: 13px;
	text-transform:uppercase
}
#otherref{
	display: block;
	width: 250px;
	padding: 3px 3px 3px 2px;
	border: 1px solid #0070bf;
	font-size: 13px;
	text-transform:uppercase
}
#qty{
	display: block;
	width: 30px;
	padding: 3px 3px 3px 2px;
	border: 1px solid #0070bf;
	font-size: 13px;
	background-color:#FFCC66
}
#amount{
	display: block;
	width: 80px;
	padding: 3px 3px 3px 2px;
	border: 1px solid #0070bf;
	font-size: 13px;
	background-color:#FFCC66
}
#rdonly{
	background-color:#FF9999
}



#navigation
{
	background-color:#9999FF;
	height: 30px;
	color:#000000;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif
}
#contractbase{
	display: block;
	width: 150px;
	padding: 3px 3px 3px 2px;
	border: 1px solid #0070bf;
	font-size: 13px;

}


/*-----------------------------------------------*/
<!--
/* begin some basic styling here                     */
body {
	
	background: #FFF;
	color: #000;
	font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0;
	background: #fff url(../images/bg.png) repeat-x;

	
}
 
table, td, a {
	color: #000;
	font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif
}
 
h1 {
	font: normal normal 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0
}
 
h2 {
	font: normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0
}
 
h3 {
	font: normal normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #008000;
	margin: 0 0 15px 0
}
/* end basic styling                                 */
 
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #963;
	height: 285px;
	overflow: auto;
	width: 956px
}
 
/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 956px
}
 
/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 740px
}
 
/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 956px
}
 
/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}
 
/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}
 
/* make the TH elements pretty */
thead.fixedHeader th {
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}
 
/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}
 
/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}
 
/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 250px;
	overflow: auto;
	width: 100%
}
 
/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}
 
tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}
 
/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 200px
}
 
html>body thead.fixedHeader th + th {
	width: 240px
}
 
html>body thead.fixedHeader th + th + th {
	width: 316px
}
 
/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 200px
}
 
html>body tbody.scrollContent td + td {
	width: 240px
}
 
html>body tbody.scrollContent td + td + td {
	width: 300px
}
-->

/*----------------------------------------------*/
	#tableNavigation{
		width:956px
	}
	#navigation{
		text-align:right
	}

	#content{
	padding: 10px 0 0 0;
	}
	#content a{
	border: 0;
	color: #fff;
	text-decoration: none;
	}
	#content a:hover{
	border: 0;
	color: #DFE44F;
	background: none;
	}
	#content p{
	margin: 0;
	padding: 5px;
	line-height: 1.5em;
	text-align: justify;
	border: 1px solid #73A405;
	}
	.important-info{border: 1px solid #ccc; background: #eee; padding: 10px; font-weight: bold; margin-bottom: 10px;}

/*--------------------milkysweet------------------------------------------*/
code{
color: #555;
background: #eee;
}
.codeholder{
color: #555;
padding: 5px;
background: #eee;
border: 1px solid #ccc;
}
div.monitor{
	background-color:#33CC33;
	color:#000;
	padding:5px;
	height:18px;	
	font-size:12px;
}
#headmenu{
	padding:5px;
	height:18px;
	background-color:#9966FF;
	color:#FFF;
	font-size:12px;
}
#wrapper{
width: 770px;
margin: 0 0 0 55px;
}
#logo{
width: 202px;
height: 65px;
padding: 0 0 0 6px;
}
div.topright{
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:350px;
}
#side{
float: left;
width: 215px;
height: 298px;
margin: 0 0 0 0px;
background: url(../images/sidebg.gif) no-repeat;
}
#sidenav{
width: 202px;
margin: 2 2 2 6px;
}
#sidenav a{
padding: 3px;
color: #777;
display: block;
text-align: center;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
border-bottom: 1px dashed #ddd;
}
#sidenav a:hover{
	width: 196px;
	color: #0000FF;
	background: #FFFF00;
}
#main{
float: right;
width: 530px;
margin: 110px 0 0 0;
}
#main h2{
margin: 0;
padding: 0;
color: #F37397;
font-size: 18px;
}
#main p{
margin: 0;
padding: 10px 0 10px 0;
line-height: 1.5em;
}
#main a{
color: #F37397;
font-weight: bold;
text-decoration: none;
border-bottom: 2px solid #6FB9E9;
}
#main a:hover{
color: #003366;
background: #99CEEF;
border-bottom: 2px solid #6FB9E9;
}
#footer{
clear: both;
width: 956px;
margin: 0 300px;
font-size: 10px;
text-align: right;
padding: 20px 0 10px 0;
}
#footer p{
margin: 0;
padding: 5px 0 10px 0;
border-top: 1px solid #ddd;
}
.boxholder{
	padding: 5px;
	background: #3296FA;
	border: 1px solid #ddd;
}
.boxheader{
	padding: 5px;
	background: #3296FA;
	border: 0px solid #ddd;
}
a img{
border: 0;
}


#box, #box2, #box3{
background: #FFE8EE;
}
.boxholder p.text{
margin: 0;
height: 100px;
padding: 10px;
}
.important-info{border: 1px solid #ccc; background: #eee; padding: 3px; font-weight: bold; margin-bottom: 3px; width:952px

}
-->