body
{
	/* Setup the background image and repeat*/
	background-image: url(Image/bg.jpg);
	background-repeat:repeat-x;
	background-color:white;
	/* Setup the default font for the site */
	font-family: Helvetica;
	font-size: 9pt;
	/* Remove all padding from the edges */
	padding:0px;
	margin:0px;
	/* Set the scrollbar details */
	/* JMBMOD
    adding useless line here after p2v of source system
	scrollbar-arrow-color: #003E6D;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #08000A;
	scrollbar-face-color: #00010A;
	scrollbar-highlight-color: #505050; */
}

a
{
	color: #3399ff;
}

TD, TR, Table
{
	border: none;
	border-bottom-style: none;
	border-collapse: collapse;
	border-top-style: none;
	margin: 0px;
	border-spacing: 0px;
	padding: 0px;
}

h2, h3, h4
{
	margin:0px;
	padding:0px;
}

/****************************************/
/* Login Specific CSS Classes			*/
/****************************************/

.LoginTable 
{
	border-collapse:collapse;
	border-spacing:0px;	
	padding:0px;
	margin:0px;	
}

.LoginTable td
{
	border-collapse:inherit;
	border-spacing:0px;	
	padding:0px;
	margin:0px;
	height:31px;
}

.LoginTable td div
{
	background-color:White; 
	height:31px;
}

.LoginLinks
{
	border-right:solid 1px black;
	float:left;
	padding:0px 7px;
	margin-top:3px;	
}

.LoginLinks a
{
	 color:Black;
	 text-decoration:none;
	 font-weight:bold;
}

.Overflow
{
	overflow:auto;
}

/*
 Statuses
 */
.Quoting
{
	background-image: url(Image/Statuses/statusprocessing.png);
	width:53px;
	height:22px;	
}

.Working
{
	background-image: url(Image/Statuses/statusworking.png);
	width:53px;
	height:22px;	
}

.Proofing
{
	background-image: url(Image/Statuses/statusproofing.png);
	width:53px;
	height:22px;	
}

.BrandReview
{
	background-image: url(Image/Statuses/statusbrandreview.png);
	width:53px;
	height:22px;	
}

.PrePress
{
	background-image: url(Image/Statuses/statusprepress.png);
	width:53px;
	height:22px;	
}

.Production
{
	background-image: url(Image/Statuses/statusproduction.png);
	width:53px;
	height:22px;	
}

.Delivered
{
	background-image: url(Image/Statuses/statusdelivered.png);
	width:53px;
	height:22px;	
}

.Cancelled
{
	background-image: url(Image/Statuses/statuscancel.png);
	width:53px;
	height:22px;	
}

.OnHold
{
	background-image: url(Image/Statuses/statusonhold.png);
	width:53px;
	height:22px;	
}

.GridCell 
{	
	border-left:solid 2px #231f20;
	border-bottom:solid 1px gray;
	margin-right:-2px;
	padding-left:3px;	
	font-size:8pt;
}

/*
Forms
 */
.FormLabel 
{
	padding:10px;
	width:150px;
}

/*
 Ticket Details Page
 */
 
 
.StandardContainer
{
	border:solid 1px white;
	padding:5px;
}

.StandardContainer div.Row
{
	background-color:Black;
	color:White;
	clear:left;
	padding:3px;
}

.StandardContainer div.AltRow
{
	background-color:Transparent;
	color:White;
	clear:left;
	padding:3px;
}

.StandardContainer div.Row div.Label, .StandardContainer div.AltRow div.Label
{
	float:left;
	width:100px;
}

.StandardContainer div.Row div.Value, .StandardContainer div.AltRow div.Value
{	
}

.StandardContainer div.ButtonContainer
{
	padding: 8px;
	border-top: 1px solid white;
}

.StandardContainer div.TransparentContainer
{
	background-color:Transparent;
}

.StandardContainer div.TransparentContainer div.Row
{
	background-color:#231f20;
	color:White;
	clear:left;
	padding:3px;
}

.StandardContainer div.TransparentContainer div.AltRow
{
	background-color:Transparent;
	color:White;
	clear:left;
	padding:3px;
}



.StandardContainer div.TransparentContainer div.Row div.Label, .StandardContainer div.TransparentContainer div.AltRow div.Label
{
	float:left;
	width:100px;
}

.StandardContainer div.TransparentContainer div.Row div.Value, .StandardContainer div.TransparentContainer div.AltRow div.Value
{	
}

.StandardContainer div.TransparentContainer div.Row div.Value .EditTextBox
{
	border:solid 1px gray;
	background-color:#231f20;
	width:65px;
	height:20px;
	font-size:8pt;
	color:White;
	padding-top:3px;
}

.StandardContainer div.OrangeContainer
{
	background-color:#E87724;
	padding:5px;	
}

.StandardContainer div.OrangeContainer div.Row
{
	background-color:Transparent;
	color:White;
	clear:left;
	padding:3px;
	border-bottom:solid 1px white;
}

.StandardContainer div.OrangeContainer div.AltRow
{
	background-color:Transparent;
	color:White;
	clear:left;
	padding:3px;
	border-bottom:solid 1px white;
}

.StandardContainer div.OrangeContainer div.Row div.Label, .StandardContainer div.OrangeContainer div.AltRow div.Label
{
	float:left;		
	width:auto;
	padding-right:10px;
}

.StandardContainer div.OrangeContainer div.Row div.Value, .StandardContainer div.OrangeContainer div.AltRow div.Value
{	
	margin-left:10px;
}

.StandardContainer div.OrangeContainer div.AltRow .EditTextBox, .StandardContainer div.OrangeContainer div.Row div.Value .EditTextBox
{
	border:solid 1px gray;
	background-color:#E87724;
	width:65px;
	height:20px;
	font-size:8pt;
	color:White;
	padding-top:3px;
}

.StandardContainer div.YellowContainer
{
	background-color:#FEBE10;
	padding:5px;
	color:Black;
}

.StandardContainer div.YellowContainer div.Confirmed
{
	padding:10px;
	color:black;
	font-weight:bold;
}

.StandardContainer div.YellowContainerPadded
{
	background-color:#FEBE10;
	padding:5px;
	margin: 5px;
	padding-bottom: 8px;
	padding-top: 8px;
}

.StandardContainer div.YellowContainer div.RequiredAction
{
	color:Black;
}

.StandardContainer div.GreenContainer
{
	background-color: #8cc63f;
	padding: 5px;
	margin: 5px;
	padding-bottom: 2px;
	padding-top: 8px;
}

.StandardContainer div.BlackContainer
{
	background-color: #231f20;
	padding: 5px;
	margin: 5px;
	padding-bottom: 2px;
	padding-top: 8px;
}


.StandardContainer div.RedContainer
{
	background-color:#CC6666;
	padding:5px;
}

.StandardContainer div.GreenContainer div.FileScroller
{
    /* JMBMOD 
	overflow-y: scroll; 
	height: 100px;
	*/
}

.StandardContainer div.GreenContainer div.FileScroller div.FileContainer
{
	background-color: #282828;
	color: #ffffff;
	padding-bottom: 3px;
	padding-top: 5px;
	margin-top: 3px;
}

.StandardContainer div.GreenContainer div.FileScroller div.GreenScrollPadding
{
	width: 5px; 
	background-color: #8cc63f; 
	float: right; 
	/*height: 100%; */
	margin-top: 3px;
}

.StandardContainer div.GreenContainer div.FileScroller div.FileContainer div.FileName
{
	float:left;
	width:140px;
	padding-left: 3px;
	overflow: hidden;
	height: 15px;
}

.StandardContainer div.GreenContainer div.FileScroller div.FileContainer div.FileName a
{
	color: #ffffff;
}

.StandardContainer div.GreenContainer div.FileScroller div.FileContainer div.FileName
{
	padding-right: 3px;
}

/*
	Black Container
 */
 
.StandardContainer div.BlackContainer div.FileScroller
{
    /* JMBMOD
	overflow-y: scroll; 
	height: 100px;*/
}

.StandardContainer div.BlackContainer div.FileScroller div.FileContainer
{
	background-color: #282828;
	color: #ffffff;
	padding-bottom: 3px;
	padding-top: 5px;
	margin-top: 3px;
}

.StandardContainer div.BlackContainer div.FileScroller div.GreenScrollPadding
{
	width: 5px; 
	background-color: #8cc63f; 
	float: right; 
	/*height: 100%; */
	margin-top: 3px;
}

.StandardContainer div.BlackContainer div.FileScroller div.FileContainer div.FileName
{
	float:left;
	width:140px;
	padding-left: 3px;
	overflow: hidden;
	height: 15px;
}

.StandardContainer div.BlackContainer div.FileScroller div.FileContainer div.FileName a
{
	color: #ffffff;
}

.StandardContainer div.BlackContainer div.FileScroller div.FileContainer div.FileName
{
	padding-right: 3px;
}

 
 /* *********** */

.StandardContainer div.NoteGrid
{	
	color:White;			
}

.StandardContainer div.NoteGrid div.NoteRepeater
{
    /* JMBMOD
	overflow-y: scroll;
	overflow-x: hidden; */
	height: 270px;
}

.StandardContainer div.NoteGrid div.NoteItem
{
	background-color:#3E7990;
	clear:both;
	padding:5px;
	margin:3px 0px 2px 0px;
}

.StandardContainer .NoteGrid .NoteItem .LeftIcon
{
	padding:10px 10px 0px 10px;
}

.StandardContainer div.NoteGrid div.NoteItem div.TopRow
{
	height:24px;
}

.StandardContainer div.NoteGrid div.NoteItem * div.NoteItemCell
{
	float:left;
}

.StandardContainer div.WhiteTitle
{
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
}

.StandardContainer div.BlackTitle
{
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
}
 
 .ProjectBriefColumnHeading
{
	background-image: url(Image/detailprojbrief.png);
	background-repeat:no-repeat;
	height:28px;
	width:233px;
}

 .ProjectDatesColumnHeading
{
	background-image: url(Image/detailprojdates.png);
	background-repeat:no-repeat;
	height:28px;
	width:233px;
}

 .ProjectUsersColumnHeading
{
	background-image: url(Image/detailprojusers.png);
	background-repeat:no-repeat;
	height:28px;
	width:233px;
}

.ProjectWorkflowColumnHeading
{
	background-image: url(Image/detailprojflow.png);
	background-repeat:no-repeat;
	height:28px;
	width:244px;
}

.ProjectTimelineColumn
{	
	width:480px;
	float:none;
	display:block;		
}

.DateLabel
{
	border:solid 1px white;
	color:White;
	text-align:center;
	padding:5px;
}

.DateEditTextBox
{
	border:solid 1px gray;
	background-color:Transparent;
	width:65px;
	height:20px;
	font-size:8pt;
	color:White;
	padding-top:3px;
	text-align:center;
}

.Heading
{
	background-image: url(Image/detailprojtime.png);
	background-repeat:no-repeat;
	height:28px;	
}
 
.JobId
{
	color:White;
	font-size:25px;
	margin-left:25px;
	font-family: Helvetica;
	font-weight:normal;
}

/* Note Grid */

.NoteHeading
{
	background-image: url(Image/detailprojnotes.png);
	background-repeat:no-repeat;
	height:28px;	
}

.NoteGridBackground
{
	/*height:150px;*/
	background-image: url(Image/Notes/projectnotegradiant.png);
	padding:5px;	
}

.NoteGrid
{
}

.NoteGrid div.AllNoteHeader
{
	float:left;
	background-image: url(Image/Notes/projectnotescount.png);
	width:213px;
	height:19px;
	padding:5px 0px 0px 10px;
	color:White;	
}

.NoteGrid div.Body
{
	background-color:#3E7990;
	/*height:100px;*/
	clear:both;
	padding:3px;
}

.NoteGrid a
{
	color: white;
	text-decoration: none;
	font-style: italic;
}

.NoteHeaderCell
{
	color:White;
	font-weight:bold;
	background-color: #1D495A; 
	height: 20px;
}

.NoteItem
{
	background-color: #3E7990;
	width: 447px;
}

.NoteGrid div.Body div.NoteItemCell
{
	color:White;
	font-weight:bold;
}

/* Note Types
*/

.ProductionNoteType
{
	background-image: url(Image/Notes/nproduction.png);
	margin-top:5px;
	width:58px;
	height:16px;	
}

.PrivateNoteType
{
	background-image: url(Image/Notes/nprivate.png);
	margin-top:5px;
	width:58px;
	height:16px;	
}

.InternalNoteType
{
	background-image: url(Image/Notes/ninternal.png);
	margin-top:5px;
	width:58px;
	height:16px;	
}

.DesignNoteType
{
	background-image: url(Image/Notes/ndesign.png);
	margin-top:5px;
	width:58px;
	height:16px;	
}

.ChangeRequestNoteType
{
	background-image: url(Image/Notes/nchange.png);
	margin-top:5px;
	width:58px;
	height:16px;	
}

.AdministrativeNoteType
{
	background-image: url(Image/Notes/nadmin.png);
	margin-top:5px;
	width:58px;
	height:16px;	
}

.ScheduleNoteType
{
	background-image: url(Image/Notes/nschedule.png);
	margin-top:5px;
	width:58px;
	height:16px;	
}

.OtherNoteType
{
	background-image: url(Image/Notes/nother.png);
	margin-top:5px;
	width:58px;
	height:16px;	
}

/* Job Creator */
.JobWizardScreen
{
	margin: 20px;
	margin-left: 100px;
	color: White;
	width: 700px;
}

.tdJobWizard
{
	border-top: 1px solid #3399ff;
	padding: 5px;
	vertical-align: top;
}

.BigTitle
{
	font-size: 18pt;
	color: #eeeeee;
	padding-bottom: 8px;
}


.ModalBackground
{
	background-image: url(Image/modalbackground.png);
}

.ModalContainer
{
	background-color: #323232;
	color: #ffffff;
	padding: 20px;
}