@charset "utf-8";
/* Begin - General Body */
body {
	background-image:url(../imgs/backgroundBg.png);
	background-repeat:repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.c { text-align:center; }
.l { text-align:left; }
.r { text-align:right; }
.j { text-align:justify; }
.b { font-weight:bold; }
.u { text-decoration:underline; }
.i { font-style:italic; }
.c-pointer { cursor:pointer; }

a:hover { text-decoration:none; }
a:visited { color:#114285; }
a:link {color:#114285; }

.page { text-align:center; height:33px;}
/*.page a:hover { color:#114285; text-decoration:none; }
.page a:visited { color:#114285; text-decoration:none; }
.page a:link {color:#114285; text-decoration:none; }*/

table td {text-align:left; }

input { border:1px solid #1e5192; width:180px; }

textarea { border:1px solid #1e5192; width:180px; }

select { border:1px solid #1e5192; width:183px; }

.form-ln input { border:1px solid #1e5192; width:220px; }

.form-ln textarea { border:1px solid #1e5192; width:220px; }

.form-ln select { border:1px solid #1e5192; width:223px; }

.form-ln .err-f {
	border:1px solid #C00;
}

.form-ln .button-blue {
	width:120px;
	height:24px;
	background-color:#086fb7;
	color:#FFF;
	cursor:pointer;
	border:1px solid #CCC;
}

.form-ln .button-green {
	width:120px;
	height:24px;
	background-color:#165531;
	color:#FFF;
	cursor:pointer;
	border:1px solid #699;
}

.form-ln .button-choco {
	width:120px;
	height:24px;
	background-color:#664734;
	color:#FFF;
	cursor:pointer;
	border:1px solid #699;
}

.form-ln .button-grey {
	width:120px;
	height:24px;
	background-color:#5b5a5a;
	color:#FFF;
	cursor:pointer;
	border:1px solid #699;
}


img { border:none; }

#load {
	text-align:right;
	position:absolute;
	margin-top:-10px;
	margin-left:850px;
	visibility:hidden;
	width:80px;
}

#status {
	width:250px;
}

.doc-layout {
	width:980px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}

.doc-top {
	width:980px;
	height:88px;
	background-image:url(../imgs/topBg.png);
	background-repeat:no-repeat;
}

.doc-bottom {
	width:980px;
	height:88px;
	background-image:url(../imgs/bottomBg.png);
	background-repeat:no-repeat;
}


.doc-body {
	width:980px;
	background-image:url(../imgs/leftBg.png);
	background-repeat:repeat-y;
}

.doc-inner-body {
	width:950px;
	text-align:left;
	padding-top:80px;
}

.logo {
	background-image:url(../imgs/dystarlp-logo.gif);
	background-repeat:no-repeat;
	width:349px;
	height:104px;
	position:absolute;
	margin-top:-60px;
	margin-left:20px;
	cursor:pointer;
}

.top-menu {
	width:600px;
	margin-left:360px;
	position:absolute;
	margin-top:-60px;
}

.top-icons {
	width:640px;
	height:80px;
	margin-left:315px;
	position:absolute;
	margin-top:10px;
}

.top-icons div {
	margin-left:10px;
	cursor:pointer;
}

.top-icons #home {
	background-image:url(../imgs/iconHome.png);
	background-repeat:no-repeat;
	background-position:top;
	width:80px;
	height:40px;
	float:left;
	padding-top:40px;
}

.top-icons #profile {
	background-image:url(../imgs/iconProfile.png);
	background-repeat:no-repeat;
	background-position:top;
	width:80px;
	height:40px;
	float:left;
	padding-top:40px;
}

.top-icons #support-docs {
	background-image:url(../imgs/iconSupportDocs.png);
	background-repeat:no-repeat;
	background-position:top;
	width:80px;
	height:40px;
	float:left;
	padding-top:40px;
}

.top-icons #change-password {
	background-image:url(../imgs/iconChangePassword.png);
	background-repeat:no-repeat;
	background-position:top;
	width:80px;
	height:40px;
	float:left;
	padding-top:40px;
}

.top-icons #log {
	background-image:url(../imgs/iconLog.png);
	background-repeat:no-repeat;
	background-position:top;
	width:80px;
	height:40px;
	float:left;
	padding-top:40px;
}

.top-icons #shipping-doc {
	background-image:url(../imgs/iconShippingDoc.png);
	background-repeat:no-repeat;
	background-position:top;
	width:80px;
	height:40px;
	float:left;
	padding-top:40px;
}

.top-icons #admin-cp {
	background-image:url(../imgs/iconAdminCp.png);
	background-repeat:no-repeat;
	background-position:top;
	width:80px;
	height:40px;
	float:left;
	padding-top:40px;
}

.menu-img {
	background-image:url(../imgs/menuImg.png);
	background-repeat:no-repeat;
	width:570px;
	height:96px;
}

.top-color {
	height:30px;
	background-image:url(../imgs/topColor.png);
	background-repeat:repeat-x;
	padding-bottom:10px;
	padding-left:20px;
}

.bottom-color {
	height:30px;
	background-image:url(../imgs/bottomColor.png);
	background-repeat:repeat-x;
	margin-top:20px;
}

.trans-img {
	width:425px;
	height:340px;
	float:left;
	margin-top:10px;
}

.trans-container {
	height:380px; 
	width:950px;
}

.err {
	color:#C00;
	font-size:10px;
}

.error {
	color:#C00;
	font-size:12px;
}

.msg {
	color:#005300;
	font-size:12px;
}

.err-f {
	border:1px solid #C00;
}

.title-blue {
	height:30px;
	background-image:url(../imgs/title-blue.png);
	background-repeat:repeat-x;
	padding-left:20px;
	padding-top:5px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin-bottom:30px;
}

.title-orange {
	height:30px;
	background-image:url(../imgs/title-orange.png);
	background-repeat:repeat-x;
	padding-left:20px;
	padding-top:5px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin-bottom:30px;
}

.title-green {
	height:30px;
	background-image:url(../imgs/title-green.png);
	background-repeat:repeat-x;
	padding-left:20px;
	padding-top:5px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin-bottom:30px;
}

.title-purple {
	height:30px;
	background-image:url(../imgs/title-purple.png);
	background-repeat:repeat-x;
	padding-left:20px;
	padding-top:5px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin-bottom:30px;
}


.title-choco {
	height:30px;
	background-image:url(../imgs/title-choco.png);
	background-repeat:repeat-x;
	padding-left:20px;
	padding-top:5px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin-bottom:30px;
}


.title-grey {
	height:30px;
	background-image:url(../imgs/title-grey.png);
	background-repeat:repeat-x;
	padding-left:20px;
	padding-top:5px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin-bottom:30px;
}

.intro-content {
	margin-left:40px;
}

.intro-content p {
	color:#6852a4;
	font-weight:bold;
	font-size:14px;
}

.intro-content ul {
	list-style:square;
}

.intro-content li {
	color:#6852a4;
	font-weight:bold;
}

.intro-content #mission {
	font-weight:bold;
	color:#086fb7;
	margin-top:50px;
}

.intro-content #mission-content {
	margin-left:30px;
}

.intro-content #mission p {
	color:#086fb7;
	font-weight:bold;
	font-size:14px;
}


/* End - General Body */



/* Begin - Form Stuff */

.filters {
	margin-bottom:20px;
}

.filters input { border:1px solid #1e5192; width:120px; }

.filters textarea { border:1px solid #1e5192; width:120px; }

.filters select { border:1px solid #1e5192; width:123px; }

.filter-spot { background-color:#F0EEBD; }

.input-form {
	margin-left:5px;
	width:515px;
	height:340px;
	float:left;
}

.input-legend {
	border-right:none; 
	border-bottom:none; 
	height:335px;
	border-color:#EAFFF1;
}

.button-blue {
	width:120px;
	height:24px;
	background-color:#086fb7;
	color:#FFF;
	cursor:pointer;
	border:1px solid #CCC;
}

.button-green {
	width:120px;
	height:24px;
	background-color:#165531;
	color:#FFF;
	cursor:pointer;
	border:1px solid #699;
}

.button-choco {
	width:120px;
	height:24px;
	background-color:#664734;
	color:#FFF;
	cursor:pointer;
	border:1px solid #699;
}

.button-grey {
	width:120px;
	height:24px;
	background-color:#5b5a5a;
	color:#FFF;
	cursor:pointer;
	border:1px solid #699;
}

.legend-title {
	color:#005300;
	font-weight:bold;
	font-size:14px;
}

.form-disp-green {
	
}

.form-disp-green #tr-even:hover { background-color:#F0EEBD; }
.form-disp-green #tr-odd:hover { background-color:#F0EEBD; }

.form-disp-green #tr-th {
	background-color:#165531;
	text-align:center;
	color:#FFF;
}

.form-disp-green #tr-even {
	background-color:#e6eeea;
}

.form-disp-green #tr-odd {
	background-color:#c4d5cb;
}

.form-disp-green #thOptions {
	background-image:url(../imgs/thOptions.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thOrderId {
	background-image:url(../imgs/thOrderId.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thItemId {
	background-image:url(../imgs/thItemId.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thRegion {
	background-image:url(../imgs/thRegion.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thCustomerPo {
	background-image:url(../imgs/thCustomerPo.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thDystarLpOrderReceiptDate {
	background-image:url(../imgs/thDystarLpOrderReceiptDate.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thDystarLpSalesOrderNo {
	background-image:url(../imgs/thDystarLpSalesOrderNo.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thSoldToCustomer {
	background-image:url(../imgs/thSoldToCustomer.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thPaymentTerms {
	background-image:url(../imgs/thPaymentTerms.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thCustomerShipTo {
	background-image:url(../imgs/thCustomerShipTo.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thDestination {
	background-image:url(../imgs/thDestination.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thProductName {
	background-image:url(../imgs/thProductName.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thProductRange {
	background-image:url(../imgs/thProductRange.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thTotalQty {
	background-image:url(../imgs/thTotalQty.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thPackaging {
	background-image:url(../imgs/thPackaging.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thCustomerReqDeliveryDate {
	background-image:url(../imgs/thCustomerReqDeliveryDate.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thOrderStatus {
	background-image:url(../imgs/thOrderStatus.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thProductWarehouseDate {
	background-image:url(../imgs/thProductWarehouseDate.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thEstimatedShippingDate {
	background-image:url(../imgs/thEstimatedShippingDate.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-green #thComments {
	background-image:url(../imgs/thComments.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

.form-disp-opaque-blue {
	
}

.form-disp-opaque-blue #tr-even:hover { background-color:#F0EEBD; }
.form-disp-opaque-blue #tr-odd:hover { background-color:#F0EEBD; }

.form-disp-opaque-blue #tr-th {
	/*578fb7 608aa6*/
	background-color:#245a7e;
	text-align:center;
	color:#FFF;
}

.form-disp-opaque-blue #tr-even {
	background-color:#f2f8fb;
}

.form-disp-opaque-blue #tr-odd {
	background-color:#cee2f1;
}

.form-disp-orange {
	
}

.form-disp-orange #tr-even:hover { background-color:#F0EEBD; }
.form-disp-orange #tr-odd:hover { background-color:#F0EEBD; }

.form-disp-orange #tr-th {
	background-color:#b68964;
	text-align:center;
	color:#FFF;
}

.form-disp-orange #tr-even {
	background-color:#eee2d9;
}

.form-disp-orange #tr-odd {
	background-color:#dac8b9;
}


.form-disp-choco {
	
}

.form-disp-choco #tr-even:hover { background-color:#F0EEBD; }
.form-disp-choco #tr-odd:hover { background-color:#F0EEBD; }

.form-disp-choco #tr-th {
	background-color:#7a4e33;
	text-align:center;
	color:#FFF;
}

.form-disp-choco #tr-even {
	background-color:#eaded7;
}

.form-disp-choco #tr-odd {
	background-color:#dcc8bb;
}


.form-disp-grey {
	
}

.form-disp-grey #tr-even:hover { background-color:#F0EEBD; }
.form-disp-grey #tr-odd:hover { background-color:#F0EEBD; }

.form-disp-grey #tr-th {
	background-color:#666666;
	text-align:center;
	color:#FFF;
}

.form-disp-grey #tr-even {
	background-color:#e5e3e3;
}

.form-disp-grey #tr-odd {
	background-color:#c5c5c5;
}


.form-disp-purple {
	
}

.form-disp-purple #tr-even:hover { background-color:#F0EEBD; }
.form-disp-purple #tr-odd:hover { background-color:#F0EEBD; }

.form-disp-purple #tr-th {
	background-color:#6d5b7a;
	text-align:center;
	color:#FFF;
}

.form-disp-purple #tr-even {
	background-color:#ede9f0;
}

.form-disp-purple #tr-odd {
	background-color:#cdc6d2;
}

.add-form{
	padding-left:50px;
	text-align:left;
}
/* End - Form Stuff */



/* Begin - Admin Control Panel */
.admin-cp {
	height:315px;
	width:955px;
}

.admin-cp-left {
	width:465px;
	height:300px;
	float:left;
	padding:5px 5px 5px 5px;
}

.admin-cp-right {
	width:465px;
	height:300px;
	float:left;
	padding:5px 5px 5px 5px;
}

.admin-cp-left fieldset {
	border-color:#096;
	padding-top:20px;
	padding-bottom:20px;
	height:250px;
}

.admin-cp-left fieldset legend {
	color:#060;
	font-size:14px;
	font-weight:bold;
}

.admin-cp-left div {
	cursor:pointer;
	margin-left:8px;
}

.admin-cp-left #manage-users {
	background-image:url(../imgs/adminManageUsers.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	float:left;
	width:135px;
	height:40px;
	padding-top:55px;
}

.admin-cp-left #manage-users1 {
	background-image:url(../imgs/adminManageUsers1.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	float:left;
	width:135px;
	height:40px;
	padding-top:55px;
}

.admin-cp-left #manage-customers {
	background-image:url(../imgs/adminManageCustomers.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	float:left;
	width:135px;
	height:40px;
	padding-top:55px;
}

.admin-cp-left #add-customer {
	background-image:url(../imgs/adminAddCustomer.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	float:left;
	width:135px;
	height:40px;
	padding-top:55px;
}

.admin-cp-left #manage-affiliates {
	background-image:url(../imgs/adminManageAffiliates.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	float:left;
	width:135px;
	height:40px;
	padding-top:55px;
}

.admin-cp-right div {
	cursor:pointer;
	margin-left:8px;
}

.admin-cp-right #add-fields {
	background-image:url(../imgs/adminAddField.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	float:left;
	width:135px;
	height:40px;
	padding-top:55px;
}

.admin-cp-right #edit-fields {
	background-image:url(../imgs/adminAlterField.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	float:left;
	width:135px;
	height:40px;
	padding-top:55px;
}

.admin-cp-right fieldset {
	border-color:#76a0bd;
	padding-top:20px;
	padding-bottom:20px;
	height:250px;
}

.admin-cp-right fieldset legend {
	color:#086fb7;
	font-size:14px;
	font-weight:bold;
}
/* End - Admin Control Panel */