/* ***** SETUP BODY ***** */
body{
background-color:#000000; /* Background of document */
margin:0;
padding:10px;
}
/* ***** END BODY ***** */


/* ***** SETUP CONTAINERS ***** */
#maincontainer{
width: 900px; /*Width of main container*/
height: 650px; /*Height of main containter */
margin: 0 auto; /*Center container on page*/
background: url(../borders/backTemplate.jpg) top left no-repeat;
position:relative;
}

#topmenucontainer{
width: 180px; /*Width of main container*/
height: 138px; /*Height of main containter */
position:absolute;
top:89px;
left:39px;
}

#midmenucontainer{
width: 180px; /*Width of main container*/
height: 371px; /*Height of main containter */
position:absolute;
top:246px;
left:39px;
}

#botmenucontainer{
width: 180px; /*Width of main container*/
height: 157px; /*Height of main containter */
position:absolute;
top:456px;
left:39px;
}

#headingcontainer{
width: 480px; /*Width of main container*/
height: 138px; /*Height of main containter */
position:absolute;
top:119px;
left:248px;
}

#loadarea{
width:346px;
height:300px;
position:absolute;
top:244px;
left: 487px;
}

/* ****** MAIN CONTENT CSS ****** */
#maincontentcontainer{
width: 275px; /*Width of main container*/
height: 338px; /*Height of main containter */
position:absolute; top:244px; left:247px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

#maincontentcontainer ul{
margin-top:2px;

}

#maincontentcontainer li a{
text-decoration:none;
color:#999999;
}

#maincontentcontainer li a:hover{
color:#acd5db;
}

#maincontentcontainer a{
text-decoration:none;
color:#999999;
}

#maincontentcontainer a:hover{
color:#3366FF;
}

#maincontentcontainer input{
border: 0;
width: 170px;
}

#maincontentcontainer label{
padding-bottom:15px;
font-weight:bold;
}

#maincontentcontainer td{
padding-bottom:10px;
}
/* ***** END OF MAIN CONTENT CONTAINERS ***** */
/* ****** QUOTE CONTAINER ****** */
#quotecontainer{
width: 607px; /*Width of main container*/
height: 338px; /*Height of main containter */
position:absolute; top:244px; left:247px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

#quotecontainer .leftinput{
border: 0;
width: 212px;
}

#quotecontainer .smallinput{
border: 0;
width: 77px;
}

#quotecontainer .rightinput{
border: 0;
width: 166px;
}

#quotecontainer textarea{
border: 0;
width:166px;
height:62px;
}

#quotecontainer td{
padding-bottom:12px;
}
/* ***** END OF QUOTE CONTAINER ***** */

/* ****** ORDER CONTAINER ****** */
#ordercontainer{
width: 607px; /*Width of main container*/
height: 338px; /*Height of main containter */
position:absolute; top:244px; left:247px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

#ordercontainer .longinput{
border: 0;
width: 310px;
}

#ordercontainer .shortinput{
border: 0;
width: 133px;
}

#ordercontainer textarea{
border: 0;
width:310px;
height:114px;
}

#ordercontainer td{
padding-bottom:12px;
}
/* ***** END OF ORDER CONTAINER ***** */

/* ***** APPROVE FORM CONTAINER ***** */
#approvecontainer{
width: 577px; /*Width of main container*/
height: 185px; /*Height of main containter */
position:absolute; top:390px; left:247px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

#approvecontainer a{ color:#000000; }

#approvecontainer .filename{
width:232px;
background:#ffffff;
border:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-left:6px;
}

#approvecontainer .yourname{
width:157px;
height:17px;
background:#ffffff;
border:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-left:6px;
}

#approvecontainer .checks{
margin:0;
}

#approvecontainer .comments{
width:577px;
height:40px;
background:#ffffff;
border:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-left:8px;
padding-top:3px;
padding-bottom:0px;
overflow:auto;
}

/* ***** END OF CONTAINERS ***** */





/* ***** TOP LEFT MENU ***** */
.menuheadingtop{
position:absolute;
top:18px;
left:21px;
color: #acd5db;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

.menuheadingtop a{
color:#333;
text-decoration:none;
}

.menuheadingtop a:active, a:hover{
color:#acd5db;
}

.menubuttonstop{
list-style-type: none;
margin: 0;
padding: 48px 21px;
}

.menubuttonstop li{
color: #acd5db;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
line-height: 11px;
margin-bottom: 9px;
}

.menubuttonstop li a{
text-decoration: none;
color: #a09e9e;
}

.menubuttonstop li a:hover, a:active{
color: #acd5db;
}
/* ***** END OF TOP LEFT MENU ***** */


/* ***** MID LEFT MENU ***** */
.menuheadingmid{
position:absolute;
top:16px;
left:21px;
color: #333;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

.menubuttonsmid{
list-style-type: none;
margin: 0;
padding: 46px 21px;
}

.menubuttonsmid li{
color: #acd5db;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
line-height: 9px;
margin-bottom: 9px;
}

.menubuttonsmid li a{
text-decoration: none;
color: #a09e9e;
}

.menubuttonsmid li a:hover, menubuttonsmid li a:active{
color: #acd5db;
}
/* ***** END OF MID LEFT MENU ***** */

/* ***** BOTTOM LEFT MENU ***** */
.menuheadingbot{
position:absolute;
top:16px;
left:21px;
color: #333;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

.menubuttonsbot{
list-style-type: none;
margin: 0;
padding: 46px 21px;
}

.menubuttonsbot li{
color: #acd5db;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
line-height: 9px;
margin-bottom: 9px;
}

.menubuttonsbot li a{
text-decoration: none;
color: #a09e9e;
}

.menubuttonsbot li a:hover, menubuttonsbot li a:active{
color: #acd5db;
}
/* ***** END OF BOTTOM LEFT MENU ***** */


/* ****** BUTTON ****** */

.button{
background-image:url(../borders/button.gif);
position:absolute;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
text-align:center;
padding: 4px 0 0 0;
}

.button a{
color:#000;
text-decoration:none;
height:21px;
width:126px;
display:block;
}

.button2{
background-image:url(../borders/button2.gif);
position:absolute;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
text-align:center;
padding: 4px 0 0 0;
}

.button2 a{
color:#acd5db;
text-decoration:none;
height:21px;
width:206px;
display:block;
}

/* ****** END OF BUTTON ****** */

/* ***** HEADINGS ***** */
.heading {
position:absolute;
top:0px;
left:0px;
color: #333;
font-size: 21px;
font-family: Arial, Helvetica, sans-serif;
}

.subheading {
position:absolute;
top:36px;
left:0px;
color: #999;
font-size: 15px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
}