﻿
#ftpnav{float:right;width:616px;text-align:right;}
#ftpnav .navitem
{
	float:right;
	margin-bottom:10px;
}

.PrintBTN{float:right;clear:both;}

/*****************		START LOGIN CONTROL			*****************/
#login
{
	
}
#login label
{
	float:left;
	width:100px;
}
#login input
{
	float:left;
}
/*****************		END LOGIN CONTROL			*****************/

/*****************		START ORDER / USER GRIDS		*****************/
#repeaterGrid
{
	clear:both;
	width:872px;
	background:#ffffff;
	color:#333333;
	font-size:13px;
	margin:0px 0px 70px 40px;
	color:#666666;
	font-family:Arial;	
}
#repeaterGridAdmin
{
	clear:both;
	width:872px;
	background:#ffffff;
	color:#333333;
	font-size:13px;
	margin:10px 0px 10px 0px;
	color:#666666;
	font-family:Arial;	
}
#repeaterGrid a, #repeaterGridAdmin a{color:#F58426;text-decoration:none;}
#repeaterGrid a:hover, #repeaterGridAdmin a:hover{color:#333333;}
#repeaterGrid #repeaterGridHeader, #repeaterGridAdmin #repeaterGridHeader{color:#666666;font-family:Arial;font-size:12px;font-weight:bold;}
#repeaterGrid .row, #repeaterGridAdmin .row{clear:both;margin:0px;padding:0px;}
#repeaterGrid .section, #repeaterGridAdmin .section
{
	float:left;
	padding:4px 0px 4px 17px;
	height:20px;
	border-bottom:1px solid #4D4D4F;
	overflow:hidden;
}

#section1{width:60px;}
#section2{width:98px;border-left:1px solid #4D4D4F;}
#section3{width:203px;border-left:1px solid #4D4D4F;}
#section4{width:212px;border-left:1px solid #4D4D4F;font-size:12px;font-weight:bold;}
#section5{width:82px;border-left:1px solid #4D4D4F;font-size:12px;font-weight:bold;}
#section6{width:110px;border-left:1px solid #4D4D4F;}
#section6 a{color:#333333;text-decoration:none;}
#section6 a:hover{color:#F58426;}

#repeaterGridHeader #section1{border-left:none;}
#repeaterGridHeader #section2{border-left:none;}
#repeaterGridHeader #section3{border-left:none;}
#repeaterGridHeader #section4{border-left:none;}
#repeaterGridHeader #section5{border-left:none;}
#repeaterGridHeader #section6{border-left:none;}
/*****************		END ORDER / USER GRIDS		*****************/


/*****************		POPUP WINDOWS		*****************/
#popupWindow
{
	padding:15px 35px 35px 35px;
	background:#ffffff;
	position:absolute;
	top:160px;
	margin-left:-230px;
	left:50%;
	width:410px;
	border:6px solid #F58426;
}

.winContents
{
	margin-top:3px;
}

.fileTable
{
	font-size:12px;
	font-family:Arial;
	width:100%;
	padding:10px;
}
.fileTable .row{clear:both;}
.fileTable .sectionLeft{float:left;padding:2px;width:182px;}
.fileTable .sectionLeft input{width:140px;}
.fileTable .sectionRight{float:left;padding:2px;width:220px;}
.fileTable #filetablehead{font-size:13px;font-weight:bold;}




.fileList
{
	clear:both;
	margin-right:20px;
}
.fileListItem
{
	clear:both;
	font-family:Arial;
	font-size:12px;
	padding:0px;
}
.fileListItem .date{float:left;width:75px;color:#F58426;}
.fileListItem .fileName{float:left;width:115px;padding-right:5px;color:#333333;}
.fileListItem .delete{float:left;margin-right:5px;}
.proofApprove{clear:both;margin-top:15px;padding-top:5px;border-top:1px solid #4D4D4F;text-align:right;}
.proofApproveLB{float:right;}

.fileListItem a{color:#333333;}
.fileListItem a:hover{color:#F58426;}
a.fileDelete{color:#333333;font-size:11px;text-decoration:none;}
a.fileDelete:hover{color:#F58426;}

.deleteConfirmPanel
{
	clear:both;
	color:#333333;
	padding:15px 0px 0px 0px;
}
.deleteConfirmPanel b{font-size:17px;color:#5F6062;}
img.deleteArrow
{
	float:left;
	margin-right:8px;
	margin-top:2px;
}
/*****************		END POPUP WINDOWS		*****************/

/*****************		BEGIN QUOTE DETAILS		*****************/
.quoteDetails{background:#f2f2f2;padding:5px;}
.quoteDetails .ctrlContainer
{
	clear:both;
	border-bottom:0px solid #4D4D4F;
	
}
.quoteDetails .ctrlContainer label
{
	float:left;
	width:115px;
	font-weight:bold;
	padding:3px 5px 0px 5px;
}
.quoteDetails .ctrlContainer .quoteInfo
{
	float:left;
	margin-left:5px;
	border-left:0px solid #4D4D4F;
	width:300px;
	padding:3px 5px 0px 5px;
	border-bottom:0px solid #4D4D4F;
}


.quote-row, .quote-row-price
{
	clear:both;
	margin-bottom:14px;
	font-family:Arial;
}
.quote-row label{float:left;margin-right:10px;width:100px;font-size:13px; color:#5F6062;font-weight:bold;text-align:right;}
.quote-row .quoteRowItem{float:left;width:290px;font-size:12px; color:#4D4D4D;}

.quote-row-price
{
	border-top:1px solid #4D4D4F;
	padding-top:10px;
}
.quote-row-price label{float:left;margin-right:10px;width:90px;font-size:17px; color:#F58426;font-weight:bold;text-align:right;}
.quote-row-price .totalPrice{float:left;width:73px;font-size:13px;color:#5F6062;font-weight:bold;}

/*****************		END QUOTE DETAILS		*****************/

/*****************		BEGIN JOB DETAILS		*****************/

.jobcolumn{float:left;}
.jobheading
{
	font-size:15px;
	color:#5F6062;
	font-family:Arial;
	border-bottom:1px solid #4D4D4F;
	padding-bottom:8px;
	padding-left:10px;
	font-weight:bold;
}
.thedetails{padding-left:10px;border-right:1px solid #4D4D4F;height:150px;}
.JobContainer{clear:both;padding-top:2px;}
.JobContainer label{float:left;width:100px;font-weight:bold;color:#F58426;}

#job1 .JobContainer .jobInfo{float:left;width:72px;}
#job2 .JobContainer .jobInfo{float:left;width:92px;}
#job3 .JobContainer .jobInfo{float:left;width:162px;}
#job4 .JobContainer .jobInfo{float:left;width:130px;}

#job1{width:183px;margin-left:20px;}
#job2{width:203px;}
#job3{width:274px;}
#job4 .thedetails{width:233px;border-right:none;}



/*****************		END JOB DETAILS		*****************/


/*****************		BEGIN CONTACT INFO		*****************/
.userContactInfo .contactRow{clear:both;}
.userContactInfo .contactRow label
{
	float:left;
	font-family:Arial;
	font-size:13px;
	color:#F58426;
	font-weight:bold;
	margin-right:5px;
	width:110px;
}
.userContactInfo .contactRow .contactInfo
{
	float:left;
}
/*****************		END CONTACT INFO		*****************/


/*****************		BEGIN ADMIN ORDERS AREA		*****************/
#adminorders
{
	float:left;
	width:880px;
	padding:0px 30px 0px 30px;
	
	font-family:Arial;
	color:#5F6062;
	font-size:12px;
	line-height:18px;
}
.orderrow
{
	clear:both;
	padding:9px 0px;
	background:#E7E8E9;
	margin-top:3px;
}

.orderrow .orderrowsection
{
	float:left;
	font-family:Arial;
	border:none;
}
.orderrow:hover{cursor:pointer;background:#EFEFEF;}

.orderrow #orderrowsection1{width:46px;padding-right:15px;padding-left:10px;font-size:13px;font-weight:bold;}
.orderrow #orderrowsection2{width:200px;font-size:13px;font-weight:bold;}
.orderrow #orderrowsection3{width:60px;font-size:13px;font-weight:bold;text-align:center;}
.orderrow #orderrowsection4{width:176px;font-size:13px;color:#333333;}
.orderrow #orderrowsection5{width:102px;font-size:13px;color:#333333;}

.orderrow #orderrowsection5 a{font-family:Arial;font-size:13px;color:#333333;text-decoration:none;}
.orderrow #orderrowsection5 a:hover{text-decoration:underline;}

.orderrow #orderrowsection6{width:268px;font-size:13px;color:#333333;}

#orderheader{background:none;font-size:13px;font-weight:bold;color:#F58426;padding-bottom:5px;cursor:default;}
#orderrowheadsection1{width:56px;padding-right:15px;}
#orderrowheadsection2{width:200px;}
#orderrowheadsection3{width:60px;text-align:center;}
#orderrowheadsection4{width:176px;}
#orderrowheadsection5{width:102px;}
#orderrowheadsection6{width:268px;}
/*****************		END ADMIN ORDERS AREA		*****************/


/*****************		BEGIN ADMIN USERS AREA		*****************/
#adminusers
{
	float:left;
	width:880px;
	padding:0px 30px 0px 30px;
	
	font-family:Arial;
	color:#5F6062;
	font-size:12px;
	line-height:18px;
}
.usersrow
{
	clear:both;
	padding:9px 0px;
	background:#E7E8E9;
	margin-top:3px;
}
.usersrow a{font-family:Arial;font-size:12px;color:#5F6062;}
.usersrow a:hover{color:#F58426;}

.usersrow .usersrowsection
{
	float:left;
	font-family:Arial;
	border:none;
}
.usersrow:hover{cursor:pointer;background:#EFEFEF;}

.usersrow #usersrowsection1{width:58px;padding-right:15px;padding-left:15px;font-size:13px;font-weight:bold;}
.usersrow #usersrowsection2{width:205px;font-size:13px;font-weight:bold;}
.usersrow #usersrowsection3{width:179px;font-size:13px;color:#5F6062;}
.usersrow #usersrowsection4{width:78px;font-size:13px;color:#5F6062;text-align:center;margin-right:16px;}
.usersrow #usersrowsection5{width:52px;font-size:13px;color:#5F6062;text-align:center;margin-right:13px;}
.usersrow #usersrowsection6{width:55px;font-size:13px;color:#5F6062;}
.usersrow #usersrowsection7{width:97px;font-size:13px;color:#5F6062;text-align:center;margin-right:13px;}
.usersrow #usersrowsection8{width:83px;font-size:13px;color:#5F6062;text-align:center;}

#usersheader{background:none;font-size:13px;font-weight:bold;color:#F58426;padding-bottom:5px;cursor:default;}
#usersrowheadsection1{width:73px;padding-right:15px;}
#usersrowheadsection2{width:205px;}
#usersrowheadsection3{width:180px;}
#usersrowheadsection4{width:78px;text-align:center;margin-right:16px;}
#usersrowheadsection5{width:52px;text-align:center;margin-right:13px;}
#usersrowheadsection6{width:55px;}
#usersrowheadsection7{width:97px;text-align:center;margin-right:13px;}
#usersrowheadsection8{width:83px;text-align:center;}

.userDetails{margin-top:22px;}
#userInfo
{
	float:left;
	width:247px;
	padding:0px 0px 0px 48px;
	margin-bottom:10px;
	border-right:1px solid #9FA1A4;
}
#userInfo .contentLeft{float:left;width:33px;}
#userInfo .contentRight{float:left;width:208px;}
#shippingInfo
{
	float:left;
	padding-left:26px;
	margin-bottom:10px;
	width:292px;
}
#shippingInfo .contentLeft{float:left;width:47px;}
#shippingInfo .contentRight{float:left;width:220px;}
#shippingInfo strong{color:#5F6062;font-family:Arial;font-size:17px;}
#otherInfo
{
	border-left:1px solid #9FA1A4;
	padding-left:42px;
	margin-bottom:10px;
	width:223px;
	float:left;
}
#otherInfo .contentLeft{float:left;width:47px;}
#otherInfo .contentRight{float:left;width:176px;}

.contentRight{font-family:Arial;font-size:13px;color:#333333;}
.contentRight strong{font-family:Arial;font-size:17px;color:#5F6062;}
.contentRight b{font-family:Arial;font-size:13px;color:#F58426;}

.contentRight label{font-family:Arial;font-size:13px;color:#F58426;font-weight:bold;width:76px;float:left;display:block;}
#otherInfo label{width:inherit;float:none;display:inline;}

.contentRight a{font-family:Arial;font-size:11px;font-weight:bold;color:#F58426;text-transform:uppercase;text-decoration:none;}
.contentRight a:hover{color:#5F6062;}
.contentRight .lbDelete{margin-top:6px;float:left;}

.label{width:130px;}
input.editable{width:125px;}

.AddNewUser
{
	float:left;
	width:130px;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	color:#F58426;
	text-decoration:none;
	margin-top:7px;
}
.AddNewUser img{float:left;margin:-5px 10px 0px 35px;}
/*****************		END ADMIN USERS AREA		*****************/