/* base
----------------------------------------------- */
	
*{
	padding: 0;
		margin-left: 0;
	margin-right: 0;
}
	
html, body, form, fieldset
{
	margin: 0;
	padding: 0;
	color: #444;
	font-family: "Trebuchet MS" ,Trebuchet,Verdana,Sans-Serif;
	font-size: 12px;
	line-height: 1.6em;
}

form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%;
	
}



/* layout
----------------------------------------------- */

body
{ 
	text-align: center; 
	background: #000 url(images/layup/body-bg.jpg) repeat-x;
 }


#wrapper{
	width: 811px;
	margin: 0 auto;
	padding: 0px 0 30px;
	text-align: left;
	}

#ctl00_header{
	
	height: 249px;
	width: 811px;
	overflow:visible;
	}

#ctl00_header #phone{
	position: absolute;
	bottom: 10px;
	right: 20px;
	}
	
#nav
{
	padding-top:81px;
	padding-left:390px;
	
	z-index:100;
}
#nav a
{
	color:White;
	text-decoration:none;
	padding:0;
	border:0;
}
#nav a:hover
{
	background-color:#aaaaaa;
	text-decoration:none;
	
}
/* 
#ctl00_header #nav a
	{
		padding-left:15px;
		padding-right:15px;
	}

#ctl00_header #nav td
{
	text-align:left;
}
#ctl00_header #nav a:hover
{
	color:Black;
	background-color:#dddddd;
	}
*/

hr
{
	margin-top:0px;
	margin-bottom:0px;
}
#ctl00_header #logo{
	position: absolute;
	top: 3px;
	right: -32px;
	width: 149px;
	
	}

#content{
	width: 748px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	position:relative;
	left:60px;
	background:white;
	
	}
	
	
	#main{
	float: left;	/* Opera 5 */
	\width: 712px;	/* IE5Win */
	w\idth: 712px;	/* Others */
	padding: 15px 10px 40px 25px;
	position: relative;
	}
	


/* footer
----------------------------------------------- */

#footer
{
	margin-left: 18px;
	padding-top: 5px;
	padding-left:5px;
	color: #fff;
	background: url(images/layup/footer.jpg) no-repeat;
	height: 54px;
	width: 811px;
}

#footer a
{
	color:#fff;
}

#bottomNav { padding: 3px 0 0 45px;}
#bottomNav ul{	padding: 0; margin:0; list-style: none;  }
#bottomNav ul li{
	font-family: "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
	float: left;
	display: block;
	padding: 0 0.2em;
	}
#bottomNav ul li a{
	color: #fff;
	font-size: 0.9em;
	padding: 0 0.3em;
	margin: 0 0.2em;
	} 	

#bottomNav ul li a:hover{
	color: #fff;
	background-color:#008;
	}

#footerinfo{ float: right; margin-right: 40px; font-size:10px;}


/* typography
----------------------------------------------- */

a{	color: #607eb7;	text-decoration: none; display:inline;}
a:hover{ background-color:#888; display:inline;}



a img{ border: none; }
.guide-icon a:hover{ background-color: Transparent; border-bottom: none;}

h1,
h2,
h3,
h4{
	font-family: "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
	}

h1 {
	color: #333;
	font-size: 2.2em;
	font-weight: normal;
	margin: 0.5em 0 0.4em 0;
	line-height: .9em;
	}

h1 a{ color: #333; }

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #607eb7;
	margin: 5px 0 0px 0;
	line-height: 1.3em;
	text-align: justify;
  	}

h3 {
	font-size: 1.2em;
	line-height: 1.6em;
	color: #607eb7;
	display: block;
	padding-top: 5px;
	}
	
h4 {
	font-size: 1.2em;
	line-height: 1.6em;
	color: #333333;
	display: block;
	padding-top: 20px;
	margin-bottom: 10px;
	}

ol {
	margin: 0.2em 0 1em 0;
	padding-left: 2.25em;
	}

p 
{
	font-size:12px;
	font-weight:normal;
	margin-bottom: 1.5em;
	text-align: justify;
	line-height: 16px;
	}		

ul{
	margin: 1em 0;
	padding-left: 16px;
	}
ul li{
	padding: 0 0 0.2em 0.4em;
	line-height: 1.4em;
	background: url(images/content/bullet.gif) no-repeat 0 5px;
	}

small{ font-size: 0.8em; }

.title{ font-size: 0.9em; font-style: italic;}



/* clearing
----------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

/* menu 
----------------------------------------------- */
.MainMenu
{
	
}
.MainMenu a
{
	
}
.MainMenu a:hover
{
	
}
.MI
{
}

.MIH /* Menu Item Hover */
{
}
.MI a,a:hover
{
	color:White;	
}

.PM /* Popup Menu */
{
	border:2px solid #666666;
	font-size:12px;
}



.PM a
{
	color:#888888;
	display:block;
	
	
}

.PMI /* Popup Menu Item */
{
	
	
}
.PMIH /* Popup Menu Item Hover */
{
	
}


/* STYLES FOR COLUMNS 
----------------------------------------------*/
#columnOne {
	FLOAT: left; MARGIN-BOTTOM: 10px; WIDTH: 135px; 
}
#columnTwo {
	BACKGROUND: url(images/layup/dotBkg.gif) repeat-y; FLOAT: right; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 0px; 
	
}

.C1 {
	FLOAT: left; MARGIN-BOTTOM: 10px; WIDTH: 135px; 
}
.C2 {
	 BACKGROUND: url(images/layup/dotBkg.gif) repeat-y; FLOAT: right; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 0px;
	
}

#ctl00_CPH_lblError, #ctl00_CPH_LblError

{
	color:Red;
}

.val
{
	padding: 1px;
	border: 1px solid #dddddd;
	font-weight: bold;
	background-color: #fff;
	color: red;
}

.val1
{
	float:right;
	padding: 1px;
	border: 1px solid #dddddd;
	font-weight: bold;
	background-color: #fff;
	color: red;
}
.err
{
	float:right;
	position:absolute;
	top:6px;
	right:0px;
	
	
	background:Yellow;
	color:Red;
	font-weight:bold;
	font-size:14px;
	
}


.SpecParts, .SpecPartsHeadings
{
	
	
}
.SpecParts TD, .SpecPartsHeadings TD
{
	height:20px;
	border-bottom:1px solid #aaaaaa;
	background-color:#eeeeee;
	padding:2px;
	width:100px;
	
}

.SpecPartsHeadings TD
{
	border-bottom:1px solid #aaaaaa;
	background-color:#eeeeee;
}


/* FIXED UP THE ANCHOR STYLES */
a{	color: #607eb7;	text-decoration: none; display:inline;}
a:visited{	color: #607eb7;	text-decoration: none; display:inline;}
a:hover{ color: white;	background-color:#888; display:inline;}



/* Specs */
.P1,.P2,.P3,.P4,.P5,.P6,.P7,.P8,.P9,.P10,.P11,.PC,.PT1,.PT2,.PT3,.PT4,.PT5,.PT6,.PT7,.PT8,.PT9,.PT10,.PT11,.PTC
{
	height:22px; overflow:hidden;
	width:175px;
	background-color:#dddddd;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #aaaaaa;
}
.PTC
{
	
	margin-top:2px;
}
.PT1,.PT2,.PT3,.PT4,.PT5,.PT6,.PT7,.PT8,.PT9,.PT10,.PT11,.PTC
{
	width:100px;

}
.PC
{
	
	overflow:visible;
}
.PC input, .PTC input
{
	font-size:10px;
	
}
.P1,.PT1
{
	text-align:center;
}
.P9,.PT9 /* Finsihing */
{
	height:50px; overflow:auto;
}

.P3,.PT3 /* Description*/
{
	height:50px; overflow:auto;
}


/* DATE PICKER EO.EB */
a.eo_calendar_style1_title_button
{
	width: 21px;
	height: 17px;
	border-right: #f3f3f3 1px solid;
	border-top: #f3f3f3 1px solid;
	border-left: #f3f3f3 1px solid;
	border-bottom: #f3f3f3 1px solid;
	background-color: transparent;
}         


a.eo_calendar_style1_title_button:hover
{
	width: 21px;
	height: 17px;
	border-right: #0044ff 1px solid;
	border-top: #0044ff 1px solid;
	border-left: #0044ff 1px solid;
	border-bottom: #0044ff 1px solid;
	background-color: #aaaaff;
}   

.DP_1 /* CALENDAR */
{
	background-color: #ebe9ed;
	border-right: #555568 1px solid;
	border-top: #555568 1px solid;
	border-left: #555568 1px solid;
	border-bottom: #555568 1px solid;
}
.DP_2 /* DAY HEADER */
{
	background-color: #ae9c86;
	border-bottom-color: #555566;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: black;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
}
.DP_3 /* DAY */
{
	border-right: #cfd9c2 1px solid;
	border-top: #cfd9c2 1px solid;
	border-left: #cfd9c2 1px solid;
	border-bottom: #cfd9c2 1px solid;
}.DP_4 /* DAY HOVER */
{
	background-color: #ddeefe;
	border-right: #bbbbb8 1px solid;
	border-top: #bbbbb8 1px solid;
	border-left: #bbbbb8 1px solid;
	border-bottom: #bbbbb8 1px solid;
}
.DP_5
{
	color: gray;
	border-right: #cfd9c2 1px solid;
	border-top: #cfd9c2 1px solid;
	border-left: #cfd9c2 1px solid;
	border-bottom: #cfd9c2 1px solid;
}
.DP_6 /* MONTH */
{
	background-color: #cfd9c0;
	cursor: pointer;

	font-family: verdana;
	font-size: 8pt;
}
.DP_7 /* SELECTED DAY*/
{
	background-color: White;
	border-right: darkkhaki 1px solid;
	border-top: darkkhaki 1px solid;
	border-left: darkkhaki 1px solid;
	border-bottom: darkkhaki 1px solid;
}

.GVR0
{
	background-color:#f5f5f5;
	vertical-align:top;
}
.GVR1
{
	
	vertical-align:top;
}
.GVRT
{
	background-color: #CFDAE9;
	font-weight: bold;
}

.GVRH
{
	background-color: #CFDAE9;
	font-weight: bold;
}

.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
}

.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	padding:0px;
	background-color:#001144;
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

.AJAXProgress
{
	padding:5px;
	background-color:#004;
	color:White;
}



/* SCHEDULER */
.ScheduleWindow
{
	width: 700px;
	height:400px;
	border: 1px solid red;
	overflow: auto;
}
.Months
{
	height:21px;
	border-bottom:1px solid black;
}
.Month
{
	border-right:1px solid black;
	padding-bottom:3px;
	
	width:200px;
}
.MonthName
{
	padding:3px;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
}
.Weeks
{
	height:20px;
	border-bottom:1px solid black;
}
.Week
{
	border-left:1px solid black;
	padding-bottom:3px;
	width:70px;
	
	
}
.WeekName
{
	padding:3px;
	font-size:12px;
	font-weight:bold;
	
}

.Days
{
	border-bottom:1px solid black;
	
	height:18px;
}
.Day,.Weekend,.Today
{
	
	height:15px;
	overflow:hidden;
	text-align:center;
	background-color:White;
	padding-bottom:3px;
	font-size:10px;
	border-right:1px solid black;
}

.Hours
{
	border-bottom:1px solid black;
	
	height:18px;
}
.Hour
{
	height:15px;
	overflow:hidden;
	text-align:center;
	background-color:White;
	padding-bottom:3px;
	font-size:10px;
	border-right:1px solid black;
}
.HourName
{
	padding:3px;
	font-size:10px;
}



.Weekend
{
	background-color: #ffffc4;
}
.Today
{
	background-color:#797a79;
	color:White;
}

.SpecLine /* height 25 */
{
	border-bottom:1px solid #cccccc;
	background-image: url(images/Sched1.gif);
	background-repeat: repeat;
	padding-bottom:2px;
	
	padding-top:2px;
	font-size:0px;
	height:28px;
	overflow:hidden;
}
.Spec,.SpecHover
{
	height: 20px;
	border: 1px solid #cccccc;
	
}
.SpecHover
{
	border:3px solid red;
	cursor:pointer;
}
.art,.artd,.buf,.bufd,.pro,.prod,.dis,.disd,.inv,.invd
{
	float:left;
	height:12px;
	
}

.art
{
	background-image: url(images/Sched/art.gif);
	background-repeat: repeat;
}

.buf
{
	background-image: url(images/Sched/Buf.gif);
	background-repeat: repeat;
}
.pro
{
	background-image: url(images/Sched/Pro.gif);
	background-repeat: repeat;
}
.dis
{
	background-image: url(images/Sched/Dis.gif);
	background-repeat: repeat;
}
.inv
{
	background-image: url(images/Sched/inv.gif);
	background-repeat: repeat;
}
.artd
{
	background-image: url(images/Sched/artd.gif);
	background-repeat: repeat;
}

.bufd
{
	background-image: url(images/Sched/Bufd.gif);
	background-repeat: repeat;
}
.prod
{
	background-image: url(images/Sched/Prod.gif);
	background-repeat: repeat;
}
.disd
{
	background-image: url(images/Sched/Disd.gif);
	background-repeat: repeat;
}
.invd
{
	background-image: url(images/Sched/invd.gif);
	background-repeat: repeat;
}

.SpecTitle
{
	font-size:10px;
	padding-left:2px;
	padding-right:2px;
	background-color:#C5C5C5;
	color:black;
	clear:both;
	
}
.Hand
{
	cursor:pointer;
}


.pnlFilters
{
	background-color:#f5f5f5;border:1px solid black;padding:3px;
	padding-top:0px;
}

.pnlFilters a:hover
{
	color:Red;
}

.delbutton
{
	background-color: #FFCCCC;
	font-weight: bold;
	color: #FF0000;
	border: thin solid #FF0000;
	cursor:pointer;
	padding:4px;
}

.revisebutton
{
	background-color: #FFCC66;
	font-weight: bold;
	color: #CC6600;
	border: thin solid #996600;
	cursor:pointer;
	padding:4px;
}
.loginbutton
{
	background-color: #CCFFCC;
	font-weight: bold;
	color: #339933;
	border: thin solid #008000;
	cursor:pointer;
	padding:4px;
}
.button,.buttonred,.savebutton
{
	background-color: #CCCCCC;
	font-weight: bold;
	color: #666666;
	border: thin solid #666666;
	cursor:pointer;
	padding:2px;
}
.savebutton
{
	background-color: #CCFFCC;
	color: #339933;
}
.buttonred
{
	background-color: #FFBFBF;
}

.newbutton
{
	background-color: #CCFFCC;
	font-weight: bold;
	color: #339933;
	border: thin solid #008000;
	cursor:pointer;
}

.totalMargin
{
	padding: 4px;
	background-color: #DDE3D7;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 3px;
	text-align: center;
	color: #008000;
	font-family: Arial, Helvetica, sans-serif;
}

.ClientStatus
{
	text-align:center;
	font-size:120%;
	font-weight:bold;
	padding:10px;

}

.ClientStatus .notes
{
	font-size:75%;
	padding:5px;
	background-color:white;
	margin-top:5px;
	font-weight:normal;
}
.comments
{
	border: 1px solid #663300; overflow:auto; background-color: #FFFFCC; color: #663300; 
	padding:2px;
}