@charset "utf-8";
/* Begin - General Body */
body {
    background-image:url(../images/backgroundBg.png);
/*	background:url(../images/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(../images/topBg.png);
	background-repeat:no-repeat;
}

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


.doc-body {
	width:980px;
	background-image:url(../images/leftBg.png);
	background-repeat:repeat-y;
	min-height:100%;
	height:auto;
	
}

.doc-inner-body {
	width:950px;
	text-align:left;
	padding-top:80px;
	height:auto;
	min-height:100%;
}

.logo {
	/*background-image:url(../images/dystarlp-logo.gif);*/
  /* background-image:url(../images/dystarLogoFav.png);*/
   background-image:url(../images/dystarlplogo1.GIF);
   
	background-repeat:no-repeat;
	width:349px;
	height:104px;
	position:absolute;
	margin-top:-60px;
	margin-left:10px;
	cursor:pointer;
}

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

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

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

.top-icons #home {
	background-image:url(../images/home.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:100px;
	height:40px;
	float:left;
	padding-top:40px;
}



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


.top-icons #support-docs {
	background-image:url(../images/form1.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:100px;
	height:40px;
	float:left;
	padding-top:40px;
	
}
.top-icons #support-docs a { 
display: block; border-bottom: 2px solid #fff; background: #abc; text-decoration: none; padding: 3px 3px; }

.top-icons #support-docs a:hover { background: #789; }

.top-icons #support-docs ul li, .top-icons #support-docs ul li ul li  { width: 100px; }

.top-icons #support-docs ul, .top-icons #support-docs:hover ul li ul, #cssm1:hover ul li:hover ul li ul{ 
	display:none;
	list-style-type:none; 
	width: 120px;
	}

.top-icons #support-docs:hover ul, .top-icons #support-docs:hover ul li:hover ul, .top-icons #support-docs:hover ul li:hover ul li:hover ul { 
	display:block; 
	}
	
	
	
.top-icons #support-docs a { 
display: block; border-bottom: 2px solid #fff; background: #abc; text-decoration: none; padding: 3px 3px; }

.top-icons #support-docs a:hover { background: #789; }

.top-icons #support-docs ul li, .top-icons #support-docs ul li ul li  { width: 120px; }

.top-icons #support-docs ul, .top-icons #support-docs:hover ul li ul, #support-docs:hover ul li:hover ul li ul{ 
	display:none;
	list-style-type:none; 
	width: 120px;
	}

.top-icons #support-docs:hover ul, .top-icons #support-docs:hover ul li:hover ul, .top-icons #support-docs:hover ul li:hover ul li:hover ul { 
	display:block; 
	}

/*.top-icons #support-docs:hover ul li:hover ul, .top-icons #support-docs:hover ul li:hover ul li:hover ul { 
	position: absolute;
	left: 120px; top: 10;
	}

.top-icons #support-docs ul li ul, .top-icons #support-docs ul li ul li ul { clear: left; margin-top: -30px; }

#cssm3 { background-color: #c3f; padding: 3px; text-align: center; } 
#cssm1:hover #cssm3 { display:none; } */

.top-icons #change-password {
	background-image:url(../images/cp.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:100px;
	height:40px;
	float:left;
	padding-top:40px;
}

.top-icons #log {
	background-image:url(../images/report.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:100px;
	height:40px;
	float:left;
	padding-top:40px;
}

.top-icons #log a { 
display: block; border-bottom: 2px solid #fff; background: #abc; text-decoration: none; padding: 3px 3px; }

.top-icons #log a:hover { background: #789; }

.top-icons #log ul li, .top-icons #log ul li ul li  { width: 120px; }

.top-icons #log ul, .top-icons #log:hover ul li ul, #log:hover ul li:hover ul li ul{ 
	display:none;
	list-style-type:none; 
	width: 120px;
	}

.top-icons #log:hover ul, .top-icons #log:hover ul li:hover ul, .top-icons #log:hover ul li:hover ul li:hover ul { 
	display:block; 
	}
	
	
	
.top-icons #log a { 
display: block; border-bottom: 2px solid #fff; background: #abc; text-decoration: none; padding: 3px 3px; }

.top-icons #log a:hover { background: #789; }

.top-icons #log ul li, .top-icons #log ul li ul li  { width: 120px; }

.top-icons #log ul, .top-icons #log:hover ul li ul, #log:hover ul li:hover ul li ul{ 
	display:none;
	list-style-type:none; 
	width: 120px;
	}

.top-icons #log:hover ul, .top-icons #log:hover ul li:hover ul, .top-icons #log:hover ul li:hover ul li:hover ul { 
	display:block; 
	}

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

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

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

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

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

.bottom-colorr {
	height:30px;
	background-image:url(../images/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;
}

.trans-containerr {
	height:780px; 
	width:950px;
}

.trans-containe {
	height:1000px; 
	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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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-con {
	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-formm {
	margin-left:5px;
	width:900px;
	height:800px;
	float:left;
}
.input-legend {
	border-right:none; 
	border-bottom:none; 
	height:335px;
	border-color:#EAFFF1;
}

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

.input-legen {
	border-right:none; 
	border-bottom:none; 
	height:800px;
	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; }

#tr-eve{background-color:#DBDBF2;}
#tr-eve hover{background-color:#FOEEBD;}
#tr-od{background-color:#CCC;}
#tr-od hover{background-color:#FOEEBD;}

#trod{ background-color:#c4d5cb; color:#333333;}
#treve{ background-color:#e6eeea; color:#333333;}




.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(../images/thOptions.png);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	width:50px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-disp-green #thComments {
	background-image:url(../images/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-cpp {
/*	height:800px;
	
	width:955px;*/
	
	height:800px;
	
	width:955px;
}
.admin-er {
	height:800px;
	
	width:955px;
}
.admin-cpp-left {
	width:955px;
	height:850px;
	float:left;
	padding:5px 5px 5px 5px;
}


.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-cpp-left fieldset {
 	border-color:#096;
padding-top:20px;
	padding-bottom:20px;
		/*height:600px;*/
}

.admin-er-left {
	width:955px;
	height:500px;

	float:left;
	padding:5px 5px 5px 5px;
}

.admin-er-left fieldset {
	border-color:#096;
	padding-top:20px;
	padding-bottom:20px;
	/*height:800px;*/
}

.admin-cpp-left fieldset legend {
  color:#060;
	

	font-size:14px;
	font-weight:bold;
}

.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(../images/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(../images/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(../images/adminManageCustomers.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(../images/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(../images/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(../images/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;
}
.ex_menu{
	width:532px;
	margin-left:120px;
	margin-top:90px;
	position:absolute;
	left: -42px;
	top: 206px;
	height: 82px;
}
/* End - Admin Control Panel */