/* ### General Usercontrol Stuff ### */
/* # Description: All general styles for usercontrols # */
/* # Author: Dominick Wittmann # */
/* # Date: 2012-10-09 # */

#innen {margin:0; padding:0;height:100%;background:url("/images/usercontrols/common/border.gif") top right repeat-y;}

/* #### Start Usercontrol CheckOutRegister_Register #### */
/* # Description: CheckOutRegister_Register Details # */
/* # Author: Sudeer Konetigari # */
.ucCheckoutRegisterCreateAccount {float:left; width:100%; position:relative;border: 1px solid #cccccc;margin-bottom:15px; background:#ffffff;}
.ucCheckoutRegisterCreateAccount div.content {padding:3px;}
.ucCheckoutRegisterCreateAccount div.content p { padding-left:3px; padding-top:5px; padding-right:3px;}
.ucCheckoutRegisterCreateAccount div.content a { text-decoration:underline;}
.ucCheckoutRegisterCreateAccount div.left {float:left;width:30%; text-align:right; padding-top:3px; }
.ucCheckoutRegisterCreateAccount div.errorIcon {float:left; padding-top:3px; width:5%; padding-left:3px;}
.ucCheckoutRegisterCreateAccount div.right {float:left;text-align: left; width:60%}
.ucCheckoutRegisterCreateAccount div.newsletter div.newsletterLeft {float:left; padding:0; margin:0; width:20px;}
.ucCheckoutRegisterCreateAccount div.newsletter div.newsletterRight {float:left; width:150px;}
.ucCheckoutRegisterCreateAccount div.gtcs div.gtcsLeft {float:left; padding:0; margin:0;}
.ucCheckoutRegisterCreateAccount div.gtcs div.gtcsRight {float:left; padding-left: 3px;}
.ucCheckoutRegisterCreateAccount input.create-account-button {float:right; margin-top:10px; margin-right:5px; background:#0386fa; border:1px solid #0386fa;height: 29px;color: #ffffff;background-image: url(/images/usercontrols/icons/arrow-right.gif);background-repeat: no-repeat;background-position: center right;padding-right:25px;padding-left:20px;}
.ucCheckoutRegisterCreateAccount .validation-text {font-size:0.8em;}

/* #### Start Usercontrol CheckOutRegister_Login #### */
/* # Description: Login usercontrol on checkout step 1# */
/* # Author: Dominik Wittmann # */
.ucCheckOutRegisterLogin {position:relative; float:left; width:100%;border: 1px solid #cccccc;margin-bottom:15px; background:#ffffff; }
.ucCheckOutRegisterLogin div.content {padding:3px;}
.ucCheckOutRegisterLogin div.content p { padding-left:3px; padding-top:5px; padding-right:3px;}
.ucCheckOutRegisterLogin div.login-button {float:right;padding-top:20px;}
.ucCheckOutRegisterLogin div.lost-password {padding-top:25px; text-decoration:underline;}
.ucCheckOutRegisterLogin div.lost-password a {color: #666666;} 
.ucCheckOutRegisterLogin div.left {float:left;width:30%;text-align: right;}
.ucCheckOutRegisterLogin div.left div.content {padding-top:4px; padding-right:8px;}
.ucCheckOutRegisterLogin div.right {float:left;text-align: left; width:70%;}
.ucCheckOutRegisterLogin div.right div.content {margin-left:3px;}
.ucCheckOutRegisterLogin div.right div.content input.login-field {background: #fcfcd6; width:80%;}
.ucCheckOutRegisterLogin input.login-button {float: right; margin-right:5px;background:#fe7900;border:1px solid #fe7900;height: 29px;color: #ffffff;background-image: url(/images/usercontrols/icons/arrow-right.gif);background-repeat: no-repeat;background-position: center right;padding-right:25px;padding-left:20px;}

/* #### Start Usercontrol CheckOutRegister_GuestAccount #### */
/* # Description: Guest account if set to true in global.xml # */
/* # Author: Dominik Wittmann# */
.ucCheckOutRegisterGuestLogin {clear:left; width:100%;position:relative; float:left; border: 1px solid #cccccc;margin-bottom:15px; background:#ffffff; }
.ucCheckOutRegisterGuestLogin div.content {padding:3px;}
.ucCheckOutRegisterGuestLogin input.guest-button {background:#6b8196;border:1px solid #6b8196;height: 29px; color: #ffffff; background-image: url(/images/usercontrols/icons/arrow-right.gif);background-repeat: no-repeat;background-position: center right;padding-right:25px;padding-left:20px;}
.ucCheckOutRegisterGuestLogin div.button {float:right;padding-top:20px; margin-right:5px;}

/* #### Start Usercontrol Top Login  #### */
/* # Description: Usercontrol at the top if user is logged in or not logged in; inclusive popup window # */
/* # Author: Dominik Wittmann # */
.ucTopLogin {float:left;height:50px;width:300px;background:url("/images/usercontrols/common/border.gif") top right repeat-y;}
.ucTopLogin a {text-decoration:underline;}
.ucTopLogin div.content {float:right;width:290px;padding-right:10px;text-align:right;}
.ucTopLogin a.login {color: #ED8019;font-weight:normal;}
.ucTopLogin a.logout {color: #c60000;font-weight:normal;}
.ucTopLogin div.top {}
.ucTopLogin div.top div.pnlAdminLink {float:right; border-right:1px solid #cccccc;padding-right:3px;}
.ucTopLogin div.top div.pnlAdminLink a {color:#03a212;}
.ucTopLogin div.middle div.pnlImpersonatedWelcomeMessage span.lblImpersonatedUsername {color:#03a212;}
.ucTopLogin div.middle div.pnlImpersonatedWelcomeMessage a.lnkBtnBecomeYourself {color:#03a212;}
.ucTopLogin div.top div.pnlLogout {float:right; padding-left:3px;}
.ucTopLogin div.middle {clear:both;}
.ucTopLogin div.bottom {clear:both;}
.ucTopLogin div.bottom div.pnlMyOrders {float:right; border-right:1px solid #cccccc;padding-right:3px;}
.ucTopLogin div.bottom div.pnlMyDashboard {float:right; padding-left:3px;}


/* #### Start Usercontrol Top Login Panel  #### */
/* # Description: Popup Window if user clicks Login # */
/* # Author: Dominik Wittmann # */
.ucTopLoginPanel div.label {float:left;margin-top:10px;width:80px;}
.ucTopLoginPanel div.input {float:left;width:210px;margin-top:10px;}
.ucTopLoginPanel input.text {width:180px; background: #f8f8f8;}
.ucTopLoginPanel div.button {float:right;margin-top:10px;border:1px solid #072b79;background: #072b79;color: #ffffff;}
.ucTopLoginPanel input.button {border:1px solid #072b79;background: #072b79;color: #ffffff;}
.ucTopLoginPanel div.keep_logged_in {font-size:0.8em;float:left;}
.ucTopLoginPanel a.forgot_password {font-size:0.8em;text-decoration:underline;}
.ucTopLoginPanel a.create_account{font-size:0.8em;color: #f07f15;text-decoration:underline;}

/* #### Start Usercontrol Cart Overview  #### */
/* # Description: Top Icon for Cart and links  # */
/* # Author: Dominik Wittmann # */
.ucCartOverview {float:right;width: 130px;}
.ucCartOverview a {text-decoration:underline;}
.ucCartOverview div.cart-icon a {text-decoration:none;float:right;width:45px;height:31px;background:url("/images/usercontrols/others/basket.gif") top right no-repeat;}
.ucCartOverview div.cart-iconFull a {text-decoration:none;float:right;width:45px;height:31px;background:url("/images/usercontrols/others/basketFull.gif") top right no-repeat;}
.ucCartOverview p {padding-left:10px;}
.ucCartOverview div.items {float:right;text-align:right;}
.ucCartOverview div.links {clear:right;float:right;}
.ucCartOverview p.cart {float:left;height:20px;padding-left:10px;}
.ucCartOverview p.checkout {float:left;height:20px;}
.ucCartOverview a.checkout {color: #f07f15;padding-left:10px; background:url("/images/usercontrols/common/border.gif") top left repeat-y;}

/* #### Start Usercontrol Language Selector  #### */
/* # Description: Language Selector Dropdown  # */
/* # Author: Dominik Wittmann # */
.ucLanguageSelector {width:100px;margin-top:10px;float:right; z-index:-100;}
.ucLanguageSelector p {padding-top:3px;font-size:0.9em;width:55px;float:left;}
.ucLanguageSelector select {border: 1px solid #cccccc;background: #f0f0f0;font-size:0.9em;width:90px;}

/* #### Start Usercontrol Search  #### */
/* # Description: Search field and button  # */
/* # Author: Dominik Wittmann # */
.ucSearch {padding-top:80px;width:186px;height:28px;left:0;padding-left:15px;}
.ucSearch .search-field {border: 1px solid #000000;height:20px;float:left;width:110px;background: #ffffff; color:#666666; padding: 0 0 0 3px;}
.ucSearch .search-submit {border: 1px solid #000000;margin-left:5px; width:50px; height:22px; line-height:16px;float:left;font-size:0.9em;color: #ffffff;background: #000000;}

/* #### Start Usercontrol Save Item Dialog  #### */
/* # Description: Popup window which opens if item was saved successfully # */
/* # Author: Dominik Wittmann # */
/* Jquery gritter messages */ 
.ucSaveItemDialog a {height:23px; line-height:23px; color:#ffffff; text-decoration:underline;}
.ucSaveItemDialog img {border:0;}
.ucSaveItemDialog div.continueShopping {float:left; width:130px;}
.ucSaveItemDialog div.showCart {float:left; width:80px;}
.ucSaveItemDialog div.makeQuote {float:left; width:130px;}
.ucSaveItemDialog div.checkout {float:left; width:80px;}
.ucSaveItemDialog div.checkout a {background:#fe6613; padding:2px 10px 2px 10px; text-decoration:none; }

/* #### Start Usercontrol External Order ID #### */
/* # Description: Text field for external order id # */
/* # Author: Dominik Wittmann # */
.ucExternalOrderId {width:100%; margin-bottom:15px;background:#ffffff;border:1px solid #cccccc;margin-bottom:15px;}
.ucExternalOrderId div.content {padding:8px;}
.ucExternalOrderId input[type=text] {border:1px solid #cccccc;color: #666666;background: #fcfcd6; width:100%; }
.ucExternalOrderId input[type=submit] {border:1px solid #C9C206;padding:2px 5px 2px 5px; background:#C9C206; color:#ffffff;}

/* #### Start Usercontrol OrderCOmment  #### */
/* # Description: Shows an text area where user can enter an additional order comment # */
/* # Author: Dominik Wittmann # */
/* # Created: 18/06/2012 # */
.ucOrderingComment {width:100%;margin-bottom:15px;background:#ffffff;border:1px solid #cccccc;}
.ucOrderingComment div.content {padding:10px;}
.ucOrderingComment div.content p {padding:10px 0 10px 0;}
.ucOrderingComment .txtOrderingComment {margin-bottom: 10px;width: 99%;background:#ffffff; border:1px solid #cccccc;}
/* #### Start Usercontrol Claim Gift Certificates #### */
/* # Description: Gift Certificates # */
/* # Author: Dominik Wittmann # */
.ucClaimGiftCertificates { width:100%; margin-bottom:15px;border:1px solid #cccccc;}
.ucClaimGiftCertificates div.content {padding:5px 3px 5px 3px;}
.ucClaimGiftCertificates div.available-gifts {margin-top:10px;}
.ucClaimGiftCertificates div.available-gifts div.gift {margin-top:5px;padding-top:5px;border-top:1px dotted #cccccc;}
.ucClaimGiftCertificates input[type=text] { float:left; margin-top:10px; margin-bottom:5px; border:1px solid #cccccc;color: #666666;height:22px;line-height:22px;background: #fcfcd6;}
.ucClaimGiftCertificates input[type=submit] {float:right; margin-top:10px; margin-bottom:5px; border:1px solid #C9C206; height:22px; line-height:17px; padding:0 5px 0 5px; background:#C9C206; color:#ffffff;}

/* #### Start Usercontrol Promo Code #### */
/* # Description: Text Field Box for Promo Code # */
/* # Author: Dominik Wittmann # */
.ucPromoCode {width:100%;  margin-bottom: 15px;border: 1px solid #cccccc; background:#ffffff;}
.ucPromoCode h4 {padding: 5px 0 0 5px; text-transform:uppercase;}
.ucPromoCode div.content {padding:8px;}
.ucPromoCode input[type=text] {float:left;border:1px solid #cccccc;color: #666666;background: #fcfcd6; width:70%}
.ucPromoCode input[type=submit] {float:right;border:1px solid #C9C206; padding:2px 5px 2px 5px; background:#C9C206; color:#ffffff; width:25%;}

/* #### Start Usercontrol Price Agreement #### */
/* # Description: Text Field Box for Price Agreement # */
/* # Author: Dominik Wittmann # */
.ucPriceAgreement {width:100%;  margin-bottom: 15px;border: 1px solid #cccccc; background:#ffffff;}
.ucPriceAgreement h4 {padding: 5px 0 0 5px; text-transform:uppercase;}
.ucPriceAgreement div.content {padding:8px;}

/* #### Start Usercontrol Payment Methods #### */
/* # Description: Shows available payment options to the user. user has to select at least one (radio buttons) # */
/* # Components: old, comPrepayment, comCreditCard */
/* # Container: conSelection, conContent # */
/* # Author: gdwi # */
/* # Updated: 05-09-2014 # */
.ucPaymentMethods {width:100%; margin-bottom:15px;border:1px solid #cccccc;}
.ucPaymentMethods h2 {text-transform:uppercase;}
.ucPaymentMethods div.content {padding:5px;}
.ucPaymentMethods div.conSelection {float:left; width:25%;}
.ucPaymentMethods div.conContent {float:right; width: 73%;}
.ucPaymentMethods div.conContent div.errorBox {margin-top:8px; margin-bottom:8px;}
.ucPaymentMethods div.conContent div.infoBox {margin-top:8px; margin-bottom:8px;}
.ucPaymentMethods div.conContent div.successBox {margin-top:8px; margin-bottom:8px;}
.ucPaymentMethods div.conContent div.greyBox {margin-top:8px; margin-bottom:8px;}
.ucPaymentMethods div.comPrepayment { margin-top:10px; padding-top:10px; padding-bottom:10px;}
.ucPaymentMethods div.comPrepayment table {width:100%; border:1px solid #cccccc; }
.ucPaymentMethods div.comPrepayment table tr th {padding:5px; background: #444444; color:#ffffff; }
.ucPaymentMethods div.comPrepayment table tr td {padding:5px; border-bottom:1px solid #cccccc;}
.ucPaymentMethods div.comPrepayment table tr.inactive td { font-style:italic; color:#aaaaaa;}
.ucPaymentMethods div.comPrepayment table tr.inactive td span { color:#aaaaaa !important;}
.ucPaymentMethods div.comPrepayment table tr:nth-child(even) {background: #ffffff;}
.ucPaymentMethods div.comPrepayment table tr:nth-child(odd) {background: #f8f8f8;}
.ucPaymentMethods div.comPrepayment table tr:last-child td {border-bottom:0;}
.ucPaymentMethods div.comPrepayment table tr:hover {background-color: lightyellow;}
.ucPaymentMethods div.comPrepayment table tr th.amount, 
.ucPaymentMethods div.comPrepayment table tr td.amount  {text-align:right; }
.ucPaymentMethods div.comPrepayment table tr td.amount span.positive {color:green; }
.ucPaymentMethods div.comPrepayment table tr td.amount span.negative {color:red; }
.ucPaymentMethods div.comPrepayment div.sctEVOcardAssignment {margin-top:25px;}
.ucPaymentMethods div.comPrepayment div.sctEVOcardAssignment div.number {float:left; width: 59%;}
.ucPaymentMethods div.comPrepayment div.sctEVOcardAssignment div.number input {width:90px;}
.ucPaymentMethods div.comPrepayment div.sctEVOcardAssignment div.pin {float:left; width: 20%;}
.ucPaymentMethods div.comPrepayment div.sctEVOcardAssignment div.pin input {width:40px;}
.ucPaymentMethods div.comPrepayment div.sctEVOcardAssignment div.button {float:right; width: 20%;}
.ucPaymentMethods div.comPrepayment div.sctEVOcardAssignment div.button input {float:right;}
.ucPaymentMethods div.comPrepayment div.sctMessages {margin-top:25px;}

/* #### Start Usercontrol Mail Preferences #### */
/* # Description: Mail Preferences for the Order 4# */
/* # Author: Dominik Wittmann # */
.ucMailPreferences {width:100%;margin-bottom:15px;background:#ffffff;border:1px solid #cccccc;}
.ucMailPreferences div.content {padding:5px 3px 5px 3px;}
.ucMailPreferences div.configLine {clear:left; border-top:1px dotted #cccccc; padding-top:5px; padding-bottom:5px; }
.ucMailPreferences div.configLine div.left {clear:left; float:left; width:35%;}
.ucMailPreferences div.configLine div.left div.content {padding:5px; float:left; }
.ucMailPreferences div.configLine div.left div.content div {float:left; }
.ucMailPreferences div.configLine div.left div.content div.tooltip{ margin-left: 5px;}
.ucMailPreferences div.configLine div.right {float:left; width:65%; }
.ucMailPreferences div.configLine div.right div.content {padding:5px; float:left; width: 100%;}
.ucMailPreferences div.configLine div.right div.content input.text{ width: 75%;}

/* #### Start Usercontrol Preferences Gene Synthesis #### */
/* # Description: Gene Synthesis settings for the user 4# */
/* # Author: Dominik Wittmann # */
.ucPreferencesGeneSynthesis {width:100%;margin-bottom:15px;background:#ffffff;border:1px solid #cccccc;}
.ucPreferencesGeneSynthesis div.content {padding:5px 3px 5px 3px;}
.ucPreferencesGeneSynthesis div.configLine {clear:left; border-top:1px dotted #cccccc; padding-top:5px; padding-bottom:5px; }
.ucPreferencesGeneSynthesis div.configLine div.left {clear:left; float:left; width:35%;}
.ucPreferencesGeneSynthesis div.configLine div.left div.content {padding:5px; float:left;}
.ucPreferencesGeneSynthesis div.configLine div.left div.content div {float:left; }
.ucPreferencesGeneSynthesis div.configLine div.left div.content div.tooltip{ margin-left: 5px;}
.ucPreferencesGeneSynthesis div.configLine div.right {float:left; width:65%;}
.ucPreferencesGeneSynthesis div.configLine div.right div.content {padding:5px; float:left;}


/* #### Start Usercontrol Preferences Delivery #### */
/* # Description: Delivery Settings for the user 4# */
/* # Author: Dominik Wittmann # */
.ucPreferencesDelivery {width:100%;margin-bottom:15px;background:#ffffff;border:1px solid #cccccc;}
.ucPreferencesDelivery div.content {padding:5px 3px 5px 3px;}
.ucPreferencesDelivery div.configLine {clear:left; border-top:1px dotted #cccccc; padding-top:5px; padding-bottom:5px; }
.ucPreferencesDelivery div.configLine div.left {clear:left; float:left; width:35%;}
.ucPreferencesDelivery div.configLine div.left div.content {padding:5px; float:left;}
.ucPreferencesDelivery div.configLine div.right {float:left; width:65%; }
.ucPreferencesDelivery div.configLine div.right div.content {padding:5px; float:left;}
.ucPreferencesDelivery div.configLine div.right div.tooltip_left {padding:5px; margin-top:5px;}
.ucPreferencesDelivery a.edit {float:right;text-decoration:underline;font-size:0.8em;}


/* #### Start Usercontrol Order Feedback #### */
/* # Description: Feedback module for orders # */
/* # Author: Dominik Wittmann # */
/* # Created: 12-03-27 # */
.ucOrderFeedback {width:100%;margin-bottom:15px;background:#ffffff;border:1px solid #cccccc;}
.ucOrderFeedback div.content {padding:10px;}
.ucOrderFeedback p {padding-top:10px;padding-bottom:10px;}
.ucOrderFeedback .input-feedback {width:100%;border:1px solid #cccccc;background:#fdffd8;}
.ucOrderFeedback div.button {float:right;margin-top:10px;}
.ucOrderFeedback input[type=submit] {border:1px solid #C9C206; height:22px; line-height:17px; padding:0 5px 0 5px; background:#C9C206; color:#ffffff;}
.ucOrderFeedback div.rating {height:42px;border-bottom:1px solid #cccccc;}
.ucOrderFeedback div.rating div.left {float:left; margin-right:20px;}
.ucOrderFeedback div.rating div.right {float:left;}

/* #### Start Usercontrol Order Information #### */
/* # Description: Order Information for example on confirmation page # */
/* # Author: Dominik Wittmann # */
/* # Created: 12-03-27 # */
.ucOrderInformation {width:100%;margin-bottom:15px;background:#ffffff;border:1px solid #cccccc;}
.ucOrderInformation div.content {padding:3px;}
.ucOrderInformation div.orderInfo {border:1px solid #cccccc; margin: 10px 0 10px 0; padding:5px;}
.ucOrderInformation div.left {float:left;width:40%;}
.ucOrderInformation div.right {float:left; width:60%;}

/* #### Start Usercontrol Confirmation Next Actions #### */
/* # Description: Shows some links after submitting an order # */
/* # Author: Dominik Wittmann # */
/* # Created: 23/04/2012 # */
.ucConfirmationNextActions {width:100%;margin-bottom:15px;background:#ffffff;border:1px solid #cccccc;}
.ucConfirmationNextActions div.content {padding:10px;}
.ucConfirmationNextActions div.content p {padding:10px 0 10px 0;}
.ucConfirmationNextActions div.content a {text-decoration:underline;}
.ucConfirmationNextActions div.content div.left { float:left;width:150px;}
 
/* #### Start Usercontrol ConfirmationCustomText  #### */
/* # Description: Shows a control where marketing can show an additional confirmation text # */
/* # Author: Dominik Wittmann # */
/* # Created: 12/06/2013 # */
.ucConfirmationCustomText {width:100%;margin-bottom:15px;background:#ffffff;border:1px solid #cccccc;}
.ucConfirmationCustomText div.content {padding:10px;}
.ucConfirmationCustomText div.content p {padding:10px 0 10px 0;}
.ucConfirmationCustomText .txtOrderingComment {width:100%; background:#ffffff; border:1px solid #cccccc;}

/* #### Start Usercontrol ShippingDate #### */
/* # Description: Show Shipping date in country specific format # */
/* # Author: Dominik Wittmann # */
.ucShippingDate {width:100%; margin-bottom: 15px;border: 1px solid #cccccc; background:#ffffff;}
.ucShippingDate {text-transform:uppercase;}
.ucShippingDate div.content {padding: 10px;}
.ucShippingDate div.content div.item {height: 35px;}
.ucShippingDate div.content div.icon {float: left;width: 35px;padding-top: 5px;}
.ucShippingDate div.content div.text {float: left;width: 115px;padding-top: 5px;}
.ucShippingDate div.content div.text .shippingDate {font-weight: bold;}

/* #### Start Usercontrol MyCartLegend ####################### */
/* # Description: Displays all our Business Units,Item States and Warning Icons # */
/* # Author: Dominik Wittmann # */
/* # Updated: 2014-09-16 #*/
.ucMyCartLegend {width:100%; margin-bottom: 15px;border: 1px solid #cccccc; background:#ffffff;}
.ucMyCartLegend h4 {padding: 5px 0 0 5px; text-transform:uppercase;}
.ucMyCartLegend div.content {padding: 3px;}
.ucMyCartLegend div.content div.item {border-bottom: 1px dotted #cccccc; padding-top:3px;}
.ucMyCartLegend div.content div.item.legendWarningIcon {border-bottom: 0; }
.ucMyCartLegend div.content div.icon {float: left;width: 20%;}
.ucMyCartLegend div.content div.text {float: left;width: 80%;}


/* #### Start Usercontrol CustomerSupport #### */
/* # Description: Customer Support Details with Links and telephone number # */
/* # Author: Dominik Wittmann # */
.ucCustomerSupport {width:100%;border: 1px solid #cccccc; background:#ffffff; margin-bottom:15px;}
.ucCustomerSupport h4 {text-transform:uppercase;}
.ucCustomerSupport div.content {padding:3px; background:url("/images/usercontrols/others/support_small.jpg") top left no-repeat #ffffff; }
.ucCustomerSupport div.content div.text {float: right;text-align: right;}
.ucCustomerSupport div.content div.text a {text-align:right;text-decoration: underline; color:#666666;}

/* #### Start Usercontrol MyRelatedLinks #### */
/* # Description: Related Links to My Orders, ....  # */
/* # Author: Dominik Wittmann # */
.ucMyRelatedLinks {width:100%; margin-bottom: 15px;border: 1px solid #cccccc; background:#ffffff;}
.ucMyRelatedLinks h4 {text-transform:uppercase; margin:3px;}
.ucMyRelatedLinks div.content {padding: 10px;}
.ucMyRelatedLinks div.content div.link {clear: left;float: left; padding-top:5px;}
.ucMyRelatedLinks div.content div.link a {border-bottom: 1px dotted #666666;}

/* #### Start Usercontrol Cart Actions #### */
/* # Description: PDF, Print and Dropdown# */
/* # Author: Dominik Wittmann # */
/* # Updated: 2014-09-16 # */
.ucCartActions {float: right;border: 1px solid #cccccc;}
.ucCartActions div.Options { float:right;}
.ucCartActions div.OptionIcons {float:right;padding-top:2px;padding-right:5px;}
.ucCartActions div.OptionDropdown {float:right;}
.ucCartActions div.OptionDropdown select {border:1px solid #cccccc;height:25px;padding-top:3px;padding-bottom:3px;line-height:23px;}
.ucCartActions div.ActionsDate { clear:left;clear:right;text-align:right;padding-top:10px;width:300px;float: right;}

/* #### Start Usercontrol Product Details #### */
/* # Description: Product Details Light box Popup # */
/* # Author: Dominik Wittmann # */
.ucProductDetails {float: left;padding-top: 5px;margin-bottom: 10px;border: 1px solid #cccccc;font-size: 1.0em;}
.ucProductDetails div.row-a {float:left;background:#f0f0f0;border-top:1px solid #cccccc;width:100%; height:100%;}
.ucProductDetails div.row-b {float:left; background:#ffffff;border-top:1px solid #cccccc;width:100%; height:100%;}
.ucProductDetails div.left {width:100px;font-weight:bold;padding:3px;float:left;}
.ucProductDetails div.right {width:212px;float:left;padding:3px;}

/* #### Start Usercontrol Show Date #### */
/* # Description: Shows date in user specific format # */
/* # Author: Dominik Wittmann # */
/* # Updated: 2014-09-16 # */
.ucShowDate {float:right; text-align:right;}

/* #### Start Usercontrol My Cart #### */
/* # Description: My Cart Table for all items # */
/* # Author: Dominik Wittmann # */
.ucMyCart table.tablesorter {width:100%;}
.ucMyCart table.tablesorter th.expand {width:3%;text-align:left;}
.ucMyCart table.tablesorter th.type {width:6%;text-align:left;}
.ucMyCart table.tablesorter th.product {width:21%;text-align:left;}
.ucMyCart table.tablesorter th.productName {width:21%;text-align:left;}
.ucMyCart table.tablesorter th.amount {width: 16%;text-align:left;}
.ucMyCart table.tablesorter th.yourPrice {width:13%;text-align:right;}
.ucMyCart table.tablesorter th.price {width:17%;text-align:right;}
.ucMyCart table.tablesorter th.checkbox {width:3%;text-align:right;}
.ucMyCart table.tablesorter td.expand,  
.ucMyCart table.tablesorter td.type,  
.ucMyCart table.tablesorter td.product, 
.ucMyCart table.tablesorter td.productName, 
.ucMyCart table.tablesorter td.amount {text-align:left;}
.ucMyCart table.tablesorter td.price,  
.ucMyCart table.tablesorter td.checkbox {text-align:right;}
.ucMyCart table.tablesorter td.price a { text-decoration: underline;}
.ucMyCart table.tablesorter td.yourPrice {text-align:right;color:#219cfa;}
.ucMyCart table.tablesorter td.yourPrice a { text-decoration: underline;}
.ucMyCart table.tablesorter tr input.amount {width: 30px;padding-left: 2px;border: 1px solid #cccccc;background: #ffffff;height: 20px;line-height: 19px;}
.ucMyCart table.tablesorter tr td.total {color :#666666;text-align: right;height: 22px;}
.ucMyCart table.tablesorter tr.total td {height: 25px;color:#666666;font-weight: bold;padding-top: 3px;vertical-align: top;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;background: #eaf4fb;}
.ucMyCart a.quoteOnly {color:#219cfa; text-decoration:underline;}
.ucMyCart div.WorkingDays {width:150px;padding-top:5px;}
.ucMyCart div.WorkingDays div.image {float:left; width:40px;}
.ucMyCart div.WorkingDays div.text {float:left;padding-top:4px;width:110px;}
.ucMyCart div.amountBox {float:left;}
.ucMyCart div.actionBox {float: left;}
.ucMyCart div.promoInfo {margin-top:10px; font-size:0.8em;}
.ucMyCart div.itemState div.incomplete {background:url("/images/usercontrols/icons/incomplete.gif") top left no-repeat; width:14px;height:14px;float: left; }
.ucMyCart div.itemState div.valid {background:url("/images/usercontrols/icons/valid.gif") top left no-repeat; width:14px;height:14px;float: left; }
.ucMyCart div.itemState div.invalid {background:url("/images/usercontrols/icons/invalid.gif") top left no-repeat; width:14px;height:14px;float: left;  }
.ucMyCart div.itemState div.quoteOnly {background:url("/images/usercontrols/icons/quoteOnly.gif") top left no-repeat; width:14px;height:14px;float: left;  }


/* #### Start Usercontrol Cart Checkout #### */
/* # Description: Buttons for Checkout / Quote # */
/* # Author: Dominik Wittmann # */
.ucCartCheckOut {width:100%;float: left;margin-bottom: 10px;border: 1px solid #cccccc;}
.ucCartCheckOut div.boxLeft {float:left;width: 30%;}
.ucCartCheckOut div.boxRight {float:right; width:70%; }
.ucCartCheckOut input.button-orange {padding-left:10px; padding-right:10px;}
.ucCartCheckOut input.button-blue-bright {padding-left:10px; padding-right:10px;margin-right: 10px;}
.ucCartCheckOut input.button-grey-bright {padding-left:10px; padding-right:10px;}
.ucCartCheckOut .quoteLink {text-decoration:underline; margin-right:10px;float:right;margin-top:6px;color: #219cfa;}

/* #### Start Usercontrol Cart Last Items  ##### */
/* # Description: Show last items at the top on mouse over # */
/* # Author: Dominik Wittmann # */
.ucCartLastSavedItems { display:none; background:url("/images/usercontrols/others/ucCartLastSavedItems_border.gif") top left no-repeat #ffffff; width:180px; position:absolute; z-index:15; left:-1px; top:31px;height:130px; border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc; padding:0; }
.ucCartLastSavedItems div.topLastItems {padding:10px 5px 0 5px; text-align:left;  z-index:5;}
.ucCartLastSavedItems div.topLastItems p {padding:0; z-index:5;}
.ucCartLastSavedItems div.topLastItems div.headline {width:100%;  font-style:italic;  border-bottom:1px dotted #cccccc; margin-bottom:5px; z-index:5;text-align: right;}
.ucCartLastSavedItems div.topLastItems div.allItems {float:left; height:60px;}
.ucCartLastSavedItems div.topLastItems div.item {float:left;padding-top:2px;border-bottom: 1px dotted #f0f0f0; z-index:5;}
.ucCartLastSavedItems div.topLastItems div.item div.left {clear:left; float:left; width:130px; z-index:5;}
.ucCartLastSavedItems div.topLastItems div.item div.left a {width:130px; text-decoration:none; display:block; z-index:5;}
.ucCartLastSavedItems div.topLastItems div.item div.left a:hover {text-decoration:underline; z-index:5;}
.ucCartLastSavedItems div.topLastItems div.item div.right {float:left; width:30px; text-align:right; z-index:5;}
.ucCartLastSavedItems div.topLastItems div.item div.right a { background: #444444; color:#ffffff; padding: 0 3px 0 3px; text-decoration:none; z-index:5;}
.ucCartLastSavedItems div.topLastItems div.links { float:right;clear:left; z-index:5;}
.ucCartLastSavedItems div.topLastItems div.links p.cart a { padding-right:5px;}
.ucCartLastSavedItems div.topLastItems div.links p.checkout a { padding-left:5px; color:#ed8019;  border-left:1px solid #cccccc;}


/* #### Start Usercontrol Last Events  ##### */
/* # Description: Shows the three Last Events  # */
/* # Author: Dominik Wittmann # */
.ucLastEvents {margin-bottom:5px;padding: 3px;border: 1px solid #cccccc; background:#ffffff;}
.ucLastEvents h4 {margin:3px; padding:5px 0 0 5px;text-transform:uppercase; }
.ucLastEvents div.item { padding-top:10px; padding-bottom:10px;}
.ucLastEvents div.item div.details {clear:left;width:105px; float:left}
.ucLastEvents div.item div.status {width: 60px; text-align:center; float:left; padding-top:2px; font-size:10px;}
.ucLastEvents div.additional div.show-all {float:right}
.ucLastEvents div.additional div.show-all a {text-decoration:underline;}
.ucLastEvents div.confirmed {background:#b1b1b1; padding:4px 2px 4px 2px; color:#ffffff;}
.ucLastEvents div.review {background:#cccccc; padding:4px 2px 4px 2px; color:#ffffff;}
.ucLastEvents div.production {background:#96b117; padding:4px 2px 4px 2px; color:#ffffff;}
.ucLastEvents div.shipped {background:#869737; padding:4px 2px 4px 2px; color:#ffffff; }
.ucLastEvents div.void {background:#c20102; padding:4px 2px 4px 2px; color:#ffffff;}

/* #### Start Usercontrol MyOrders Search  ##### */
/* # Description: Search functionality for My Orders (simple & advanced & My Queries) # */
/* # Author: Dominik Wittmann # */
.ucMyOrdersSearch {margin-bottom:15px;width:100%;border: 1px solid #cccccc; background:#ffffff;}
.ucMyOrdersSearch div.inline {padding:10px;}
.ucMyOrdersSearch input.text, .ucMyOrdersSearch select.dropdown {width:100%;}
.ucMyOrdersSearch input.datepicker {width:65px;}

.ucMyOrdersSearch div.content {padding:0;}
.ucMyOrdersSimpleSearch div.left,
.ucMyOrdersAdvancedSearch div.left {float:left;width:45%;}
.ucMyOrdersSimpleSearch div.left div.label,
.ucMyOrdersAdvancedSearch div.left div.label {float:left;width:35%; padding-top:5px; }
.ucMyOrdersSimpleSearch div.left div.field,
.ucMyOrdersAdvancedSearch div.left div.field {float:left; width:52%; }
.ucMyOrdersSimpleSearch div.left div.infoIcon,
.ucMyOrdersAdvancedSearch div.left div.infoIcon {float:left; width:10%;margin-top:3px; margin-left:6px;}
.ucMyOrdersSimpleSearch div.right,
.ucMyOrdersAdvancedSearch div.right {float:left;width:55%;padding:0;margin:0;}
.ucMyOrdersSimpleSearch div.right div.label,
.ucMyOrdersAdvancedSearch div.right div.label {float:left;width:28%; padding-top:5px;}
.ucMyOrdersSimpleSearch div.right div.field,
.ucMyOrdersAdvancedSearch div.right div.field {float:left; width:71%;}
.ucMyOrdersSimpleSearch div.right div.infoIcon,
.ucMyOrdersAdvancedSearch div.right div.infoIcon {float:left; width:6%;margin-top:3px;margin-left:6px;}
.ucMyOrdersSimpleSearch div.entries,
.ucMyOrdersAdvancedSearch div.entries {float:right;}
.ucMyOrdersAdvancedSearch a.restoreDefaults, .ucMyOrdersSimpleSearch a.restoreDefaults {font-size:0.9em;float:right; padding-top:17px; padding-right:15px; color:#aaaaaa;}
.ucMyOrdersSimpleSearch div.button,
.ucMyOrdersAdvancedSearch div.button {float:right; padding-top:10px; margin-bottom:10px;}
.ucMyOrdersAdvancedSearch div.saveSearch {border-top:1px solid #cccccc;padding-top:20px; float:left; width:100%;}
.ucMyOrdersAdvancedSearch div.saveSearch div.textSave {float:left; padding-top:3px; width:20%;}
.ucMyOrdersAdvancedSearch div.saveSearch div.fieldSave {float:left; width:50%;}
.ucMyOrdersAdvancedSearch div.saveSearch div.buttonSave {float:left; width:29%; text-align:right;}
.ucMyOrdersAdvancedSearch div.saveSearch div.buttonSave .button-grey {width:90%;margin:0;padding:3px 0 3px 0;}
.ucMyOrdersAdvancedSearch div.saveSearch div.fieldSave div.error { float:left;margin-top:3px;}
/*.ucMyOrdersAdvancedSearch div.saveSearch div.button2 {float:right; width:30%; margin:0; padding:0;}
.ucMyOrdersAdvancedSearch div.saveSearch div.button2 .button-grey {float:right;margin:0;padding:0;background:red;}*/

.ucMyOrdersSearchQueries a {color:#666666; text-decoration:underline;}
.ucMyOrdersSearchQueries table {width:100%;}
.ucMyOrdersSearchQueries table tr {height:25px; line-height:25px;}
.ucMyOrdersSearchQueries table th{border:0;}
.ucMyOrdersSearchQueries table th.name { width:60%; }
.ucMyOrdersSearchQueries table th.options { width:40%;}
.ucMyOrdersSearchQueries input.useQuery {float:left; color:#ffffff; background:#00a6da; border: 1px solid #00a6da; padding:2px 5px 2px 5px; text-decoration:none;}
.ucMyOrdersSearchQueries input.useQuery:hover {background:#444444; border:1px solid #444444;}
.ucMyOrdersSearchQueries a.delete {float:right;}
.ucMyOrdersSearchQueries div.createNewQuery {margin-top:10px; margin-bottom:10px;}
.ucMyOrdersSearchQueries div.createNewQuery a {text-decoration:none;}
.ucMyOrdersSearchQueries div.createNewQuery a:hover {background:#444444; color:#ffffff;}

/* #### Start Usercontrol MyOrders Table  ##### */
/* # Description: Table including all orders # */
/* # Author: Dominik Wittmann # */
.ucMyOrdersTable {margin-bottom:15px;width: 100%;border: 1px solid #cccccc; background:#ffffff; }
.ucMyOrdersTable div.content {padding:10px;}
.ucMyOrdersTable a {text-decoration:none;}
.ucMyOrdersTable h4 {text-transform:uppercase;}
.ucMyOrdersTable table { border:0; padding:0; width:100%; }
.ucMyOrdersTable table td {height:20px; line-height:20px; }
.ucMyOrdersTable table.tablesorter th.orderDate {width:15%;   text-align:left;}
.ucMyOrdersTable table.tablesorter th.orderId {width:15%;text-align:left; }
.ucMyOrdersTable table.tablesorter th.yourOrderId {width:30%;text-align:left;}
.ucMyOrdersTable table.tablesorter th.type {width:10%;text-align:left; padding-left:8px;}
.ucMyOrdersTable table.tablesorter th.Status {width:15%;text-align:left;}
.ucMyOrdersTable table.tablesorter th.options {width:15%;text-align:left;}
.ucMyOrdersTable table.tablesorter tr.openDetails td {font-size:11px;}
.ucMyOrdersTable table.tablesorter tr.openDetails td a {text-decoration:underline;}
.ucMyOrdersTable div.trackingDetails {float:left; width:23px;}
.ucMyOrdersTable div.cancelOrder {float:left; width:20px;}
.ucMyOrdersTable div.openDetails {float:right; width:15px; }
.ucMyOrdersTable div.downloadFiles {float:right; width:15px; }
.ucMyOrdersTable table.tablesorter div.closed {background-image:url(/images/usercontrols/icons/open-arrow.gif);width:15px; height:15px; display:block;} 
.ucMyOrdersTable table.tablesorter div.opened {background-image:url(/images/usercontrols/icons/close-arrow.gif); width:15px; height:15px; display:block;}

/* #### Start Usercontrol MyOrders Table Details ##### */
/* # Description: Show detail order information (items) on click # */
/* # Author: Dominik Wittmann # */
.ucMyOrdersTableDetails {width:100%;}
.ucMyOrdersTableDetails div.content {padding:0;float:left; width:100%;}
.ucMyOrdersTableDetails div.content h5 { font-size: 1.1em; }
.ucMyOrdersTableDetails div.header {clear:left;float:left; width:100%;}
.ucMyOrdersTableDetails div.comments {float:left; width:40%; line-height:15px; border-right:1px dashed #666666;  }
.ucMyOrdersTableDetails div.comments div.content { margin-right:10px;  }
.ucMyOrdersTableDetails div.comments div.type {clear:left; float:left; width:30%;}
.ucMyOrdersTableDetails div.comments div.text {float:left; width:70%; }
.ucMyOrdersTableDetails div.documents {float:left; width:29%; line-height:15px; border-right:1px dashed #666666;  }
.ucMyOrdersTableDetails div.documents div.content { padding-right:10px; padding-left:10px;  }
.ucMyOrdersTableDetails div.links {float:right; width:30%; height:100%; }
.ucMyOrdersTableDetails div.links div.content {padding-left:10px;}
.ucMyOrdersTableDetails div.links div.content span.searchMatchedPONumber{font-weight:bold;}
.ucMyOrdersTableDetails div.orderItems { clear:both; width:100%; }
.ucMyOrdersTableDetails div.orderItems table { margin:10px 0 10px 0; padding:0;width:100%;  }
.ucMyOrdersTableDetails div.orderItems table th {background:#666666;color:#ffffff;border:0; height:13px; line-height:13px; }
.ucMyOrdersTableDetails div.orderItems table tr td {border:0; border-top:1px dashed #666666; height:16px; line-height:16px; }
.ucMyOrdersTableDetails div.orderItems table th.no {text-align:left;}
.ucMyOrdersTableDetails div.orderItems table th.product { text-align:left;}
.ucMyOrdersTableDetails div.orderItems table th.name { text-align:left;}
.ucMyOrdersTableDetails div.orderItems table th.showDetails { text-align:left;}
.ucMyOrdersTableDetails div.orderItems table th.trackStatus {text-align:left;}
.ucMyOrdersTableDetails div.orderItems table tr.searchMatchedRows td {background:#61243b; color:#ffffff;}
.ucMyOrdersTableDetails div.orderItems table tr.searchMatchedRows td a { color:#ffffff;}


/* #### Start Usercontrol Home Login Box  ##### */
/* # Description: Usercontrol if the user is logged out # */
/* # Author: Dominik Wittmann # */
.ucHomeLoggedOut {clear:left;width:170px;margin: 15px 8px 8px 8px;padding:5px;border:1px solid #cccccc; background:#ffffff;}
.ucHomeLoggedOut p.new-user-link {float:left;padding-top:5px;background:url(/images/usercontrols/icons/create_account.gif) center left  no-repeat;margin-left:5px;height:22px;}
.ucHomeLoggedOut p.new-user-link a{color:#FF6600;font-size: 0.9em;padding-left:23px;padding-top:5px;height:22px;text-decoration:underline;}
.ucHomeLoggedOut p.new-user {float:left;padding-top:5px;height:22px;}
.ucHomeLoggedOut div.form {border-top: 1px solid #cccccc;padding-right:3px;clear:left;}
.ucHomeLoggedOut div.form p {padding-top:6px;}
.ucHomeLoggedOut div.form a {font-size:0.9em;text-decoration:underline;color: #666666;}
.ucHomeLoggedOut input.field {padding-left:2px;width:100%;height:23px;line-height:23px;border:1px solid #cccccc;background: #faffbd;color:#666666;}
.ucHomeLoggedOut input.submit {float:right;padding:2px;border:#000066;background:#ef821c;color:#ffffff; height:25px; width:50px; border:0;}
.ucHomeLoggedOut p.small {font-size:10px;}

/* #### Start Usercontrol Home Logout Box  ##### */
/* # Description: Usercontrol if the user is logged in # */
/* # Author: Dominik Wittmann # */
.ucHomeLoggedIn {clear:left;width:170px;margin: 15px 8px 8px 8px;padding:5px;border:1px solid #cccccc;background:#ffffff;}
.ucHomeLoggedIn div.content {border-top: 1px solid #cccccc;padding-right:3px;clear:left;}
.ucHomeLoggedIn div.content p {padding-top:6px;}
.ucHomeLoggedIn div.content p a.lnbTopLoggedInAdministration {color:#03a212;}
.ucHomeLoggedIn div.content p.new-user {padding-top:6px; padding-bottom:6px; font-size: 0.9em;}
.ucHomeLoggedIn div.content a {font-size:0.9em;text-decoration:underline;  }
.ucHomeLoggedIn div.content a.logout { font-size:0.9em;text-decoration:underline;color: #c60000;}
.ucHomeLoggedIn div.content div.last-orders {margin-top:10px;margin-bottom:15px;border:1px solid #cccccc;padding:3px;background: #ffffff;}
.ucHomeLoggedIn div.pnlImpersonatedWelcomeMessage span.lblImpersonatedUsername {color:#03a212;}
.ucHomeLoggedIn div.pnlImpersonatedWelcomeMessage a.lnkBtnBecomeYourself {color:#03a212;}
.ucHomeLoggedIn div.content div.last-orders table {border-collapse:collapse;font-size:0.9em;width:165px;}

/* #### Start Usercontrol UserMessageRouter  ##### */
/* # Description: Common Control used to display the messages to the user such as Inline, Gritter, Confirmation, Alert, Information */
/* # Author: Sudeer Konetigari # */
.ucUserMessageRouter {margin-top: 5px;margin-bottom: 5px;padding: 3px; border: 1px solid #cccccc;}

/* #### Start Usercontrol UserCountryDialog  ##### */
/* # Description: User Country Dialog / Landing page Popup for Country / Region selection */
/* # Author: Dominik Wittmann # */
.ucUserCountryDialog .ui-dialog-titlebar-close {display: none;}
.ucUserCountryDialog { height:100%; width:770px;}
.ucUserCountryDialog div.content { font-size:11px;color:#444444; height:370px; width:770px;}
.ucUserCountryDialog div.header {position:relative;padding: 0;font-family: Helvetica, Arial, Verdana, sans-serif; height:260px; }
.ucUserCountryDialog div.header div.logo { margin-top:5px; margin-left:20px; float:left;background-image:url(/images/logo.gif);  background-repeat:no-repeat;background-position:left;width:229px;height:79px;}
.ucUserCountryDialog div.header div.world-map {clear:left; text-align:center; padding-top:30px;}
.ucUserCountryDialog div.header div.regionList {position:absolute;top:200px;left:7px;}
.ucUserCountryDialog div.header div.countryList {position:absolute;top:500px;left:7px;}
.ucUserCountryDialog div.dropdownSection {float:left; height:30px; border:1px solid #cccccc; background: #ffffff; padding:12px 5px 0 5px; position:absolute; top:200px; width:770px;} 
.ucUserCountryDialog div.dropdownSection div.regionText {float:left; width:100px; padding-top:1px;} 
.ucUserCountryDialog div.dropdownSection div.regionContainer {float:left; width:140px;} 
.ucUserCountryDialog div.dropdownSection select.regionDropdown {width:120px;} 
.ucUserCountryDialog div.dropdownSection div.countryText {float:left; width:110px;padding-top:1px;} 
.ucUserCountryDialog div.dropdownSection div.countryContainer {float:left; width:300px; } 
.ucUserCountryDialog div.dropdownSection select.countryDropdown {width:250px;} 
.ucUserCountryDialog div.dropdownSection div.buttonContainer {float:left; width:50px; } 
.ucUserCountryDialog div.additionalInfo {position:absolute; top:260px; border:1px solid #cccccc; background:#fffed7; padding:8px 5px 8px 5px; width:770px;}
.ucUserCountryDialog div.additionalInfo p {padding-top:2px;}
.ucUserCountryDialog div.additionalInfo a {font-weight:bold; text-decoration:underline;}
.ucUserCountryDialog div.footer {clear:left; font-size:10px; width:770px;}
.ucUserCountryDialog div.footer p {padding: 10px 20px 10px 0;text-align:center; color: #666666;}

/* #### Start Usercontrol ForgotPassword ####################### */
/* # Description: Send User function if user has forgot password # */
/* # Author: Dominik Wittmann # */
.ucForgotPassword {width:100%; margin-bottom: 15px; border: 1px solid #cccccc; background:#ffffff;}
.ucForgotPassword h4 {margin:0; padding: 5px 0 0 5px; text-transform:uppercase;}
.ucForgotPassword div.content {padding:5px;}
.ucForgotPassword div.information {}
.ucForgotPassword div.form {padding-top:20px;}
.ucForgotPassword div.form .label {}
.ucForgotPassword input.text {background: #fcfcd6; margin-left:10px; width:40%;}
.ucForgotPassword input.send-button {background:#fe7900;float:right;border:1px solid #fe7900;height: 29px;color: #ffffff;background-image: url(/images/usercontrols/icons/arrow-right.gif);background-repeat: no-repeat;background-position: center right;padding-right:25px;padding-left:20px; }

/* #### Start Usercontrol MyAccountLinks #### */
/* # Description: Related Links in My Account; only available for logged in users # */
/* # Author: Dominik Wittmann # */
.ucMyAccountLinks {width:100%; margin-bottom: 15px;border: 1px solid #cccccc; background:#ffffff;}
.ucMyAccountLinks h4 {text-transform:uppercase;}
.ucMyAccountLinks div.content {padding: 10px;}
.ucMyAccountLinks div.content div.link {clear: left;float: left; padding-top:2px;}
.ucMyAccountLinks div.content div.link a {text-decoration:underline;}

/* #### Start Usercontrol Products #### */
/* # Description: Lists all Products with a link # */
/* # Author: Dominik Wittmann # */
.ucProducts {margin-bottom: 15px;padding: 3px;border: 1px solid #cccccc; background:#ffffff;}
.ucProducts h4 {text-transform:uppercase;}
.ucProducts div.content {padding: 10px;}
.ucProducts div.content div.link {clear: left;float: left; padding-top:2px;}
.ucProducts div.content div.link a {text-decoration:underline;}

/* #### Start Usercontrol ChangePassword ####################### */
/* # Description: Change password of an user; only available if user is logged in # */
/* # Author: Dominik Wittmann # */
.ucChangePassword {width:100%;margin-bottom: 15px;border: 1px solid #cccccc; background:#ffffff; }
.ucChangePassword h4 {padding: 5px 0 0 5px; text-transform:uppercase;}
.ucChangePassword div.content {padding: 10px;}
.ucChangePassword div.informationText {padding-bottom:10px; border-bottom:1px dotted #cccccc;}
.ucChangePassword div.line {clear:left; padding-top:8px; width:100%;}
.ucChangePassword div.line div.label {float:left; width:25%; padding-top:3px; text-align:right;}
.ucChangePassword div.line div.errorIcon {float:left; width:8%; padding-top:3px;}
.ucChangePassword div.line div.field {float:left; width:67%; }
.ucChangePassword div.field input.text {float:left; width:100%; background: #ffffff;}
.ucChangePassword input.send-button {background:#fe7900;float:right;margin-top:5px; border:1px solid #fe7900;height: 29px;color: #ffffff;background-image: url(/images/usercontrols/icons/arrow-right.gif);background-repeat: no-repeat;background-position: center right;padding-right:25px;padding-left:20px;}
.ucChangePassword div.boxValid {margin-top:20px;}
.ucChangePassword div.boxInvalid {margin-top:20px;}

/* #### Start Usercontrol AddressList#### */
/* # Description: Boxes for Shipping and Billing Addresses # */
/* # Author: Dominik Wittmann # */
.ucAddressList {width:100%; position:relative;float:left;border: 1px solid #cccccc; background:#ffffff; margin-bottom:15px;}
.ucAddressList div.content {padding:3px;}
.ucAddressList div.content p {padding: 0 3px 0 3px; margin:10px 0 5px 0;}
.ucAddressList a {text-decoration:underline;color: #072b79;}
.ucAddressList div.item {clear:left; border-top:1px solid #cccccc; padding:3px; }
.ucAddressList div.small { float:left;padding-left:10px;font-size:10px;}
.ucAddressList div.radio{padding-top:5px;padding-left:5px;float:left;width:25px;}
.ucAddressList div.colRadio {width:10%; float:left;}
.ucAddressList div.colRadio div.content {padding-top:5px;padding-left:5px;}
.ucAddressList div.colAddress {width:60%; float:left;}
.ucAddressList div.colAddress div.address {float:left;padding-top:5px;width:255px;}
.ucAddressList div.colLinks {width:30%; float:left; }
.ucAddressList div.colLinks div.small {float:right;padding-top:5px;padding-right:3px;}
.ucAddressList div.colLinks div.isDefault {clear:both;float:right; margin-left:3px; padding-right:5px; margin-top:3px;  background-image: url(/images/usercontrols/icons/is_default.gif);background-repeat: no-repeat;height:11px;width:11px;}
.ucAddressList div.addAddress {position:absolute; bottom:-20px;background: #666666;height:17px;padding-left:10px;padding-right:10px;padding-top:3px;right:0;}
.ucAddressList div.addAddress a {text-decoration:none;color: #ffffff;}

/* #### Start Usercontrol AddressDialog #### */
/* # Description: Light boxes for adding and editing addresses # */
/* # Author: Dominik Wittmann # */
.ucAddressDialog {width:100%; float:left; z-index:9999; float:left;}
.ucAddressDialog div.content {background:#ffffff; margin:0px 0 10px 0; border:1px solid #cccccc; color: #666666; padding:3px;}
.ucAddressDialog div.form-elements {margin-top:10px;}
.ucAddressDialog div.left {clear:left;float:left;padding-top:3px;text-align:left;width:20%; margin-top:3px; }
.ucAddressDialog div.left div.text-left {float:right;text-align:right; padding-right:8px;}
.ucAddressDialog div.right {float:left;text-align:left;width:70%;  margin-top:3px;}
.ucAddressDialog div.right input.text,.ucAddressDialog div.right select  {float:left; width:98%;}
.ucAddressDialog div.icon {width:10%;float:left;margin-top:8px;}
.ucAddressDialog div.icon div.tooltip, .ucAddressDialog div.icon div.error {padding-left:3px;}
.ucAddressDialog .mandatory {padding-top:10px; font-size:0.9em; float:right;}
.ucAddressDialog div.not-editable {padding-top:3px;float:left;}
.ucAddressDialog input.continue-button {padding-right:25px;padding-left:20px;margin-right:15px;}
.ucAddressDialog div.innerText { float: left;}
.ucAddressDialog div.innerText div { float: left;}
.ucAddressDialog div.innerText div.isDefault {margin-left: 3px; padding-right: 5px; margin-top: 3px; background-image: url("/images/usercontrols/icons/is_default.gif"); background-repeat: no-repeat; height: 11px; width: 11px;}

/* #### Terms & Conditions / Distributor Dialog #### */
/* # Description: Dialog which opens if user can select distributor or has not accepted actual terms # */
/* # Author: Dominik Wittmann # */
.ucTermsConditionsDialog  {padding-top:20px;}
.ucTermsConditionsDialog div.content-box {width:650px;background: #f0f0f0;}
.ucTermsConditionsDialog div.infoText {border:1px solid #cccccc;background:#fff;margin-top:10px;}
.ucTermsConditionsDialog div.infoText p {padding:8px;}
.ucTermsConditionsDialog div.distributorBox {border:1px solid #cccccc;background:#ffffff;margin-bottom:10px;margin-top:20px;float:left;width:98%;}
.ucTermsConditionsDialog div.distributorBox p {padding: 8px 8px 20px 8px;}
.ucTermsConditionsDialog div.distributorBox div.address {float:left;border-right:1px solid #cccccc;padding-bottom:10px;}
.ucTermsConditionsDialog div.distributorBox div.addressLast {float:left;}
.ucTermsConditionsDialog div.distributorBox div.distributorAddress {float:left;width:150px;padding-left:10px;}
.ucTermsConditionsDialog div.distributorBox div.selectAddress {margin-left:20px;float:left;width:20px;}
.ucTermsConditionsDialog div.termBox {background:#ffffff;position:relative;width:100%;height:150px;overflow: -moz-scrollbars-vertical;overflow-y: scroll;clear:both;margin:15px 0 15px 0;padding:5px;border:1px solid #cccccc;}
.ucTermsConditionsDialog div.termBox a { text-decoration: underline;}

/* #### Address Summary Module #### */
/* # Description: This tool shows the selected Shipping or Billing Address # */
/* # Parameters: _AddressType # */
/* # Author: Dominik Wittmann # */
.ucAddressSummary {width:100%;margin-bottom:15px; border:1px solid #cccccc;}
.ucAddressSummary div.content {padding:10px;}
.ucAddressSummary a.edit {float:right;text-decoration:underline;font-size:0.8em;}

/* #### Payment Summary Module #### */
/* # Description: This control shows the sleeted payment Method # */
/* # Author: Dominik Wittmann # */
.ucPaymentSummary {width:100%; margin-bottom:15px;border:1px solid #cccccc;}
.ucPaymentSummary div.content {padding:10px;}
.ucPaymentSummary a.edit {float:right;text-decoration:underline;font-size:0.8em;}

/* #### Order Summary Control #### */
/* # Description: Shows an overview of all order items # */
/* # Author: Dominik Wittmann # */
/* # Created: 12-06-2012 # */
/* # Updated: 17-06-2014 # */
.ucOrderSummary {position:relative; float:left; width:100%; margin-bottom:15px; border: 1px solid #cccccc; }
.ucOrderSummary div.content {padding: 3px;}
.ucOrderSummary div.comSummaryPrices {width:100%; border-top:3px solid #666666;}
.ucOrderSummary div.comSummaryPrices div.newRow {clear:both;float:left; width:100%; padding-top:3px; padding-bottom:3px;}
.ucOrderSummary div.comSummaryPrices div.newRow div.text {float:left; text-align:right;width:79%; }
.ucOrderSummary div.comSummaryPrices div.newRow div.price {float:right; text-align:right;width:20%;}
.ucOrderSummary div.comSummaryPrices div.total {border-top:6px solid #444444; font-weight:bold;}
.ucOrderSummary div.comSummaryAddons table.tablesorter {width:100%;}
.ucOrderSummary div.comSummaryAddons table.tablesorter td.expand {width:3%;}
.ucOrderSummary div.comSummaryAddons table.tablesorter td.type {width:10%;text-align:left;}
.ucOrderSummary div.comSummaryAddons table.tablesorter td.product {width:32%;text-align:left;}
.ucOrderSummary div.comSummaryAddons table.tablesorter td.amount {width:16%;text-align:left;}
.ucOrderSummary div.comSummaryAddons table.tablesorter td.yourPrice {width:22%;text-align:right;color:#219cfa;}
.ucOrderSummary div.comSummaryAddons table.tablesorter td.price {width:17%;text-align:right;}
.ucOrderSummary div.comSummaryAddons table.tablesorter td.price a { text-decoration: underline;}
.ucOrderSummary div.comSummaryAddons table.tablesorter td.yourPrice a { text-decoration: underline;}


/* #### Start Pricing Details Usercontrol ### */
/* # Description: Shows pricing details for an item including kits and components# */
/* # Author: Dominik Wittmann# */
/* # Created: 22-03-2013 # */
.ucPricingDetails {}
.ucPricingDetails table {width:100%;}
.ucPricingDetails table tr th, .ucPricingDetails table tr td {padding:3px 5px 3px 5px; height:25px;}
.ucPricingDetails table tr th {background:#444444; color:#ffffff; text-align:left;}
.ucPricingDetails table tr td {background:#f0f0f0; color:#444444; text-align:left;}
.ucPricingDetails table tr th.textAlignRight, .ucPricingDetails table tr td.textAlignRight {text-align:right;}
.ucPricingDetails table tr th.partId { width:20%;}
.ucPricingDetails table tr th.partDescription { width:31%;}
.ucPricingDetails table tr th.amount { width:5%;}
.ucPricingDetails table tr th.tax { width:10%;}
.ucPricingDetails table tr th.priceEa { width:17%;}
.ucPricingDetails table tr th.price { width:17%;}
.ucPricingDetails table tr.kit td{border-bottom:2px solid #ffffff;}
.ucPricingDetails table tr.component td {border-bottom:2px solid #ffffff;background: #f8f8f8;}
.ucPricingDetails table tr.component td.icon {padding-left:35px; background: url(/images/usercontrols/icons/arrow.gif) no-repeat 8px 8px #f8f8f8;}
.ucPricingDetails table tr.sum td {background:#f0f0f0; color:#444444;font-weight:bold;}
.ucPricingDetails table tr.tax td {background:#f0f0f0; color:#444444;}
.ucPricingDetails table tr.total td {background:#666666; color:#ffffff;font-weight:bold;}


/* #### Start Usercontrol ChangeAddress ####################### */
/* # Description: Change contact address; only available if user is logged in # */
/* # Author: Dominik Wittmann # */
/* # Date: 25.06.2012 # */
.ucChangeAddress {width:100%; margin-bottom: 15px;border: 1px solid #cccccc; background:#ffffff;}
.ucChangeAddress h4 {text-transform:uppercase;}
.ucChangeAddress div.content {padding: 10px;}
.ucChangeAddress div.content a { text-decoration:underline;}
.ucChangeAddress div.line {clear:left; padding-top:8px; width:100%;}
.ucChangeAddress div.line div.label {float:left; width:25%; padding-top:3px; text-align:right;}
.ucChangeAddress div.line div.errorIcon {float:left; width:8%; padding-top:3px; text-align:right; }
.ucChangeAddress div.line div.errorIcon .error {float:right; text-align:right;}
.ucChangeAddress div.line div.field {float:left; width:65%;}
.ucChangeAddress div.field input.text,.ucChangeAddress div.field select  {float:left; width:100%; background: #ffffff;}
.ucChangeAddress input.create-account-button {float:right; margin-top:10px; margin-right:5px; background:#0386fa; border:1px solid #0386fa;height: 29px;color: #ffffff;background-image: url(/images/usercontrols/icons/arrow-right.gif);background-repeat: no-repeat;background-position: center right;padding-right:25px;padding-left:20px;}
.ucChangeAddress .validation-text {font-size:0.8em;}

/*.ucChangeAddress div.line {clear:left; padding-top:8px; width:100%;}
.ucChangeAddress div.line div.label {float:left; width:25%; padding-top:3px;}
.ucChangeAddress div.line div.errorIcon {float:left; width:8%; padding-top:3px;}
.ucChangeAddress div.line div.field {float:left; width:67%; } */ 

/* #### Start Usercontrol Validation User control  ##### */
/* # Description: Showing the alert messages in the validation control in check out Register Page */
/* # Author: Sudeer Konetigari # */
.ucValidationBlockControl {margin-top: 15px;margin-bottom: 5px;width: 100%; padding: 3px; border: 1px solid #cccccc;}


/* #### Start Usercontrol General Ordering Wizard #### */
/* # Description: Creates a wizard navigation bar and the content and the buttons at the bottom # */
/* # Author: Anja Markmann, Dominik Wittmann # */
.ucOrderingWizard div.navigationWizard {width:100%;border-top: 1px solid #cccccc; border-bottom:1px solid #cccccc; height:38px; background:#f0f0f0; margin-top:20px; margin-bottom:10px;}
.ucOrderingWizard div.navigationWizard ul {list-style:none;}
.ucOrderingWizard div.navigationWizard ul li { padding-left:30px;padding-right:20px; padding-top:12px; color:#cccccc; float:left; height:28px;line-height:16px ;border-right: 1px solid #cccccc;}
.ucOrderingWizard div.navigationWizard ul li:last-child {border-right:none;}
.ucOrderingWizard div.navigationWizard ul li.withoutRightBorder {border-right:0;}
.ucOrderingWizard div.navigationWizard ul li a {text-decoration:none; color:#666666;}
.ucOrderingWizard div.navigationWizard ul li a:hover {text-decoration: underline; color: #666666; cursor:pointer}
.ucOrderingWizard div.navigationWizard ul li.introItem {padding-left: 20px;color: #444444;}
.ucOrderingWizard div.navigationWizard ul li.step1 {background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/ordercontrols/1.gif)}
.ucOrderingWizard div.navigationWizard ul li.step2 {background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/ordercontrols/2.gif)}
.ucOrderingWizard div.navigationWizard ul li.step3 {background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/ordercontrols/3.gif)}
.ucOrderingWizard div.navigationWizard ul li.step4 {background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/ordercontrols/4.gif)}
.ucOrderingWizard div.navigationWizard ul li.step5 {background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/ordercontrols/5.gif)}
.ucOrderingWizard div.navigationWizard ul li.step6 {background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/ordercontrols/6.gif)}
/* # Checkout specific css # */
.ucOrderingWizard div.checkout div.navigationWizard ul li.step1-active {color: #ff6613;background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/checkout/1_active.gif)}
.ucOrderingWizard div.checkout div.navigationWizard ul li.step2-active {color: #ff6613;background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/checkout/2_active.gif)}
.ucOrderingWizard div.checkout div.navigationWizard ul li.step3-active {color: #ff6613;background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/checkout/3_active.gif)}
.ucOrderingWizard div.checkout div.navigationWizard ul li.step4-active {color: #ff6613;background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/checkout/4_active.gif)}
.ucOrderingWizard div.checkout div.navigationWizard ul li.step5-active {color: #ff6613;background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/checkout/5_active.gif)}
.ucOrderingWizard div.checkout div.navigationWizard ul li.step6-active {color: #ff6613;background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/checkout/6_active.gif)}
/* # Checkout RFI specific css  # */
.ucOrderingWizard div.rfi div.navigationWizard ul li.step1-active {color: #444444;background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/ordercontrols/ngs/1_active.gif)}
.ucOrderingWizard div.rfi div.navigationWizard ul li.step2-active {color: #444444;background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/ordercontrols/ngs/2_active.gif)}
.ucOrderingWizard div.rfi div.navigationWizard ul li.step3-active {color: #444444;background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/ordercontrols/ngs/3_active.gif)}
.ucOrderingWizard div.rfi div.navigationWizard ul li.step4-active {color: #444444;background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/ordercontrols/ngs/4_active.gif)}
.ucOrderingWizard div.rfi div.navigationWizard ul li.step5-active {color: #444444;background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/ordercontrols/ngs/5_active.gif)}
.ucOrderingWizard div.rfi div.navigationWizard ul li.step6-active {color: #444444;background-repeat: no-repeat;background-position: 8px 12px;background-image:url(/images/usercontrols/ordercontrols/ngs/6_active.gif)}
/* # NGS Ordering Wizard specific css # */
.ucOrderingWizard div.ucOrderingWizardNGS {width:100%;}
.ucOrderingWizard div.ucOrderingWizardNGS div.content {}
.ucOrderingWizard div.ucOrderingWizardNGS a {color:#5573A9;}
.ucOrderingWizard div.ucOrderingWizardNGS div.navigationWizard ul li.step1-active {background-repeat: no-repeat;background-position: 8px 12px;border-right: 1px solid #cccccc;background-image:url(/images/usercontrols/ordercontrols/ngs/1_active.gif)}
.ucOrderingWizard div.ucOrderingWizardNGS div.navigationWizard ul li.step2-active {background-repeat: no-repeat;background-position: 8px 12px;border-right: 1px solid #cccccc;background-image:url(/images/usercontrols/ordercontrols/ngs/2_active.gif)}
.ucOrderingWizard div.ucOrderingWizardNGS div.navigationWizard ul li.step3-active {background-repeat: no-repeat;background-position: 8px 12px;border-right: 1px solid #cccccc;background-image:url(/images/usercontrols/ordercontrols/ngs/3_active.gif)}
.ucOrderingWizard div.ucOrderingWizardNGS div.navigationWizard ul li.step4-active {background-repeat: no-repeat;background-position: 8px 12px;border-right: 1px solid #cccccc;background-image:url(/images/usercontrols/ordercontrols/ngs/4_active.gif)}
.ucOrderingWizard div.ucOrderingWizardNGS div.navigationWizard ul li.step5-active {background-repeat: no-repeat;background-position: 8px 12px;border-right: 1px solid #cccccc;background-image:url(/images/usercontrols/ordercontrols/ngs/5_active.gif)}
.ucOrderingWizard div.ucOrderingWizardNGS div.navigationWizard ul li.step6-active {background-repeat: no-repeat;background-position: 8px 12px;border-right: 1px solid #cccccc;background-image:url(/images/usercontrols/ordercontrols/ngs/6_active.gif)}


.ucOrderingWizardNGS div.buttons {float:right; margin-top: 10px;}
.ucOrderingWizardNGS div.innerContent {width:100%;}
.ucOrderingWizardNGS div.innerContent h1, 
.ucOrderingWizardNGS div.innerContent h2,
.ucOrderingWizardNGS div.innerContent h3, 
.ucOrderingWizardNGS div.innerContent h4,
.ucOrderingWizardNGS div.innerContent h5, 
.ucOrderingWizardNGS div.innerContent h6 {margin-bottom:10px;color:#5573A9;text-decoration:none;}
.ucOrderingWizardNGS div.innerContent div.name {float:left; width:20%}
.ucOrderingWizardNGS div.innerContent div.field {float:left; width:40%;}
.ucOrderingWizardNGS div.innerContent div.field input,.ucOrderingWizardNGS div.innerContent div.field select  {width:100%;}

/* step1 related css */
.ucOrderingWizardNGS div.step1 div.innerContent div.descriptions {margin-top:25px;}
.ucOrderingWizardNGS div.step1 div.innerContent div.descriptions ul {margin-top:10px;margin-left:30px; margin-bottom:10px;}
.ucOrderingWizardNGS div.step1 div.innerContent div.descriptions div.shortDescriptionPackage {background:#f0f0f0; border:1px solid #cccccc; color:#444444; width:100%; margin-bottom: 10px;}
.ucOrderingWizardNGS div.step1 div.innerContent div.descriptions div.shortDescriptionPackage div.text {padding:5px;}
.ucOrderingWizardNGS div.step1 div.innerContent div.descriptions div.longDescriptionPackage {background:#f9eed8;  border:1px solid #cccccc; color:#444444; width:100%; margin-bottom: 10px;}
.ucOrderingWizardNGS div.step1 div.innerContent div.descriptions div.longDescriptionPackage a {color:#e2b047; font-size: 0.9em; padding-left:3px;}
.ucOrderingWizardNGS div.step1 div.innerContent div.descriptions div.longDescriptionPackage #longDescription {clear:left; clear:right; display:none;padding-top:5px;}
.ucOrderingWizardNGS div.step1 div.innerContent div.descriptions div.longDescriptionPackage div.text {padding:5px;}
.ucOrderingWizardNGS div.step1 div.innerContent div.descriptions div.hintDescriptionPackage {background:#ffd1b8; border:1px solid #cccccc; color:#444444; width:100%; margin-bottom: 10px;}
.ucOrderingWizardNGS div.step1 div.innerContent div.descriptions div.hintDescriptionPackage div.text {padding:5px;}

/* step2 related css */
.ucOrderingWizardNGS div.step2 div.innerContent div.options {float:left;margin-top:10px; margin-bottom:10px; width:100%; }
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.headline {font-size:1.3em; margin-bottom:10px;color:#5573A9;text-decoration:none;}
.ucOrderingWizardNGS div.step2 div.innerContent div.options a {text-decoration:none;}
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.left {float:left;width:49%;margin-right: 5px;}
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.middle {float:left; width:1%;}
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.right {float:left;width:49%;}
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.option {margin-bottom:10px; padding:5px;color:#5573A9;} 
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.option div.description p {padding:5px;}
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.option div.description {}
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.option div.description ul {margin-top:10px;margin-left:30px;margin-bottom:10px;}
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.unchecked {border: 1px solid #5573A9; background:#B1BFD8;} 
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.unchecked div.description {background:#e2e8f1;}
.ucOrderingWizardNGS div.step2 div.innerContent div.options a:hover div.unchecked {background:#666666; color:#ffffff;} 
.ucOrderingWizardNGS div.step2 div.innerContent div.options a:hover div.unchecked div.description {background:#a7a7a7;} 
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.checked {border: 1px solid #79B585; background:#C5DFCA;}
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.checked div.description {background:#DFEEE2;}
.ucOrderingWizardNGS div.step2 div.innerContent div.options a:hover div.checked {background:#666666; color:#ffffff;} 
.ucOrderingWizardNGS div.step2 div.innerContent div.options a:hover div.checked div.description {background:#a7a7a7;} 
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.disabled {border: 1px solid #cccccc; background:#f0f0f0;color: #a7a7a7;} 
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.disabled div.description {background:#bbbbbb;color: #ffffff;}
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.option div.top {width:100%;}  
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.option div.top div.topLeft {float:left;width:60%;}  
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.option div.top div.topMiddle {float:left;width: 30%;text-align: right;}  
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.option div.top div.topRight {float:left;width:10%;}  
.ucOrderingWizardNGS div.step2 div.innerContent div.options div.option div.top div.topRight div.image {float:right;} 
.ucOrderingWizardNGS div.step3 div.innerContent div.item { clear:left;clear:right;float:left;border-top: 1px solid #dddddd;margin: 0; padding:0;width:100%;}
.ucOrderingWizardNGS div.step3 div.innerContent div.item div.question {width:40%; float:left; height:100%; padding-top:10px;}
.ucOrderingWizardNGS div.step3 div.innerContent div.item div.input {width:52%; float:left;min-height:60px; height:100%; display:block;background:url("/images/usercontrols/common/border_grey.gif") top left repeat-y #ffffff; padding-top:10px;  }
.ucOrderingWizardNGS div.step3 div.innerContent div.remarks { }

/* Package Summary related css */
.ucOrderingWizardNGS div.packageSummary {margin-bottom: 10px; width:100%;}
.ucOrderingWizardNGS div.packageSummary ul {margin-top:10px;margin-left:30px;margin-bottom:10px;}
.ucOrderingWizardNGS div.packageSummary div.left {float:left; font-weight:bold; width:20%;}
.ucOrderingWizardNGS div.packageSummary div.right {float:left; width:80%;}
.ucOrderingWizardNGS div.packageSummary div.dark {background:#ebebeb;padding:2px;}
.ucOrderingWizardNGS div.packageSummary div.light {background:#f5f5f5;padding:2px;}
.ucOrderingWizardNGS div.packageSummary div.blue {background:#e2e8f1; float:left; width:100%; padding: 3px 0 3px 0; margin:8px 0 8px 0; width:100%}
.ucOrderingWizardNGS div.packageSummary div.blue div.left {color:#5573A9; font-weight:normal; padding: 3px 0 3px 3px;  width:20%;}
.ucOrderingWizardNGS div.packageSummary div.blue div.right {color:#5573A9; font-weight:normal; padding: 3px 0 3px 0; width:75%;}

/* #### End Usercontrol Oder Wizard NGS  ##### */


/* #### Start Questionnaire HTML Rendering CSS ### */
/* # Description: Renders the forms which are created by the question manager # */
/* # Author: Dominik Wittmann# */
/* # Created: 30-01-2013 # */
.ucDisplayQuestionaire {width:100%;}
.ucDisplayQuestionaire div.inner {}
.ucDisplayQuestionaire div.section {width:100%;}
.ucDisplayQuestionaire div.section h3 {width:100%;margin-top:20px; margin-bottom:0;}
.ucDisplayQuestionaire div.section div.item { clear:left;clear:right;float:left;border-top: 1px solid #dddddd;margin: 0; padding:0;width:100%;}
/* Form specific CSS */
.ucDisplayQuestionaire input[type=text],
.ucDisplayQuestionaire input[type=password] {padding: 8px 5px; border: 1px solid #ccc; width: 85%; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fcfcfc; vertical-align: middle; -moz-box-shadow: inset 0 1px 3px #ddd; -webkit-box-shadow: inset 0 1px 3px #ddd; box-shadow: inset 0 1px 3px #ddd; color: #666;}
.ucDisplayQuestionaire textarea { padding: 6px 5px; border: 1px solid #ccc; width: 85%; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 3px #ddd; -webkit-box-shadow: inset 0 1px 3px #ddd; box-shadow: inset 0 1px 3px #ddd; background: #fcfcfc; color: #666; }
.ucDisplayQuestionaire input:focus { background: #fff; -moz-box-shadow: inset 1px 1px 2px #eee; -webkit-box-shadow: inset 1px 1px 2px #eee; box-shadow: inset 1px 1px 2px #eee;}
.ucDisplayQuestionaire select { border: 1px solid #ccc; padding: 5px 2px; width:85%;background: #fcfcfc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 1px 1px 2px #ddd; -webkit-box-shadow: inset 1px 1px 2px #ddd; box-shadow: inset 1px 1px 2px #ddd; color: #666;}
.ucDisplayQuestionaire select option {background:none;}
.ucDisplayQuestionaire select option:selected {background: #666666;}
.ucDisplayQuestionaire input[type=checkbox] {vertical-align:middle;}
.ucDisplayQuestionaire input[type=radio] {vertical-align:middle;}
/*Section CSS */
.ucDisplayQuestionaire label {vertical-align:middle; padding-top:2px;}
.ucDisplayQuestionaire div.section div.item div.question {width:40%; float:left; height:100%; padding-top:10px;}
.ucDisplayQuestionaire div.section div.item div.question div.description {clear:left; font-size:0.9em; color:#aaaaaa; padding-top:2px; }
.ucDisplayQuestionaire div.section div.item div.input {width:52%; float:left;min-height:60px; height:100%; display:block;background:url("/images/usercontrols/common/border_grey.gif") top left repeat-y #ffffff; padding-top:10px;  }
.ucDisplayQuestionaire div.section div.item div.input div.inner { padding-left: 10px;}
.ucDisplayQuestionaire div.section div.item div.infoColumn {width:8%; float:left;background-color: #FFFFFF;}
.ucDisplayQuestionaire div.section div.item div.infoColumn div.inner{padding:10px;}
.ucDisplayQuestionaire div.section div.item div.infoColumn {color:red;font-size:1.5em;}
.ucDisplayQuestionaire div.section div.item div.infoColumn div.mandatory {color:red;font-size:1.0em;}
/* Type specific CSS */
.ucDisplayQuestionaire div.section div.item div.textfield div.input input[type=text] {}
.ucDisplayQuestionaire div.section div.item div.number div.input input[type=text] {width:20%;}
.ucDisplayQuestionaire div.section div.item div.textarea div.input textarea {height:80px;}
.ucDisplayQuestionaire div.section div.item div.radiobutton div.input div.inputLine ul { list-style:none; margin:0;padding:0; }
.ucDisplayQuestionaire div.section div.item div.radiobutton div.input div.inputLine ul li { float:left; padding-bottom:7px; margin-right:10px; margin-top:5px;}
.ucDisplayQuestionaire div.section div.item div.radiobutton div.input div.inputLine ul li input {padding:0; margin:0; }
.ucDisplayQuestionaire div.section div.item div.radiobutton div.input div.inputLine ul li label { padding-left:5px; vertical-align:middle;}
.ucDisplayQuestionaire div.section div.item div.radiobuttonList div.input div.inputLine ul { list-style:none; margin:0;padding:0; }
.ucDisplayQuestionaire div.section div.item div.radiobuttonList div.input div.inputLine ul li { padding:0; margin:0 0 8px 0; }
.ucDisplayQuestionaire div.section div.item div.radiobuttonList div.input div.inputLine ul li input { padding:0; margin:0;}
.ucDisplayQuestionaire div.section div.item div.radiobuttonList div.input div.inputLine ul li label { padding-left:5px;vertical-align:middle; }
.ucDisplayQuestionaire div.section div.item div.checkboxList div.input div.inputLine ul { list-style:none; margin:0;padding:0; }
.ucDisplayQuestionaire div.section div.item div.checkboxList div.input div.inputLine ul li {padding:0;margin:0 0 8px 0; }
.ucDisplayQuestionaire div.section div.item div.checkboxList div.input div.inputLine ul li input {padding:0; margin:0; }
.ucDisplayQuestionaire div.section div.item div.checkboxList div.input div.inputLine ul li label { padding-left:5px; vertical-align:middle; }
.ucDisplayQuestionaire div.section div.item div.hidden div.inputLine {display:none;}
.ucDisplayQuestionaire div.section div.item div.dropdown div.input select {width:85%;}



/* #### Start Usercontrol My Cart #### */
/* # Description: My Wish list Table for all items # */
/* # Author: Dominik Wittmann # */
.ucMyWishList table.tablesorter {width:100%;}
.ucMyWishList table.tablesorter {width:100%;}
.ucMyWishList table.tablesorter th.expand {width:3%;text-align:left;}
.ucMyWishList table.tablesorter th.type {width:6%;text-align:left;}
.ucMyWishList table.tablesorter th.product {width:21%;text-align:left;}
.ucMyWishList table.tablesorter th.productName {width:21%;text-align:left;}
.ucMyWishList table.tablesorter th.amount {width: 16%;text-align:left;}
.ucMyWishList table.tablesorter th.yourPrice {width:13%;text-align:right;}
.ucMyWishList table.tablesorter th.price {width:17%;text-align:right;}
.ucMyWishList table.tablesorter th.checkbox {width:3%;text-align:right;}
.ucMyWishList table.tablesorter td.type,  
.ucMyWishList table.tablesorter td.product, 
.ucMyWishList table.tablesorter td.productName, 
.ucMyWishList table.tablesorter td.amount {text-align:left;}
.ucMyWishList table.tablesorter td.price,  
.ucMyWishList table.tablesorter td.checkbox {text-align:right;}
.ucMyWishList table.tablesorter td.price a { text-decoration: underline;}
.ucMyWishList table.tablesorter td.yourPrice {text-align:right;color:#219cfa;}
.ucMyWishList table.tablesorter td.yourPrice a { text-decoration: underline;}
.ucMyWishList table.tablesorter tr input.amount {width: 30px;padding-left: 2px;border: 1px solid #cccccc;background: #ffffff;height: 20px;line-height: 19px;}
.ucMyWishList table.tablesorter tr td.total {color :#666666;text-align: right;height: 22px;}
.ucMyWishList table.tablesorter tr.total td {height: 25px;color:#666666;font-weight: bold;padding-top: 3px;vertical-align: top;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;background: #eaf4fb;}
.ucMyWishList a.quoteOnly {color:#219cfa; text-decoration:underline;}
.ucMyWishList div.WorkingDays {width:150px;padding-top:5px;}
.ucMyWishList div.WorkingDays div.image {float:left; width:40px;}
.ucMyWishList div.WorkingDays div.text {float:left;padding-top:4px;width:110px;}
.ucMyWishList div.amountBox {float:left;}
.ucMyWishList div.actionBox {float: left;}
.ucMyWishList div.promoInfo {margin-top:10px; font-size:0.8em;}
.ucMyWishList div.itemState div.incomplete {background:url("/images/usercontrols/icons/incomplete.gif") top left no-repeat; width:14px;height:14px;float: left; }
.ucMyWishList div.itemState div.valid {background:url("/images/usercontrols/icons/valid.gif") top left no-repeat; width:14px;height:14px;float: left; }
.ucMyWishList div.itemState div.invalid {background:url("/images/usercontrols/icons/invalid.gif") top left no-repeat; width:14px;height:14px;float: left;  }
.ucMyWishList div.itemState div.quoteOnly {background:url("/images/usercontrols/icons/quoteOnly.gif") top left no-repeat; width:14px;height:14px;float: left;  }

/* #### Start Usercontrol AddressList#### */
/* # Description: Boxes for Shipping and Billing Addresses # */
/* # Author: Dominik Wittmann # */
.ucDistributerAddressList {width:100%; position:relative;border: 1px solid #cccccc; background:#ffffff; margin-bottom:15px;}
.ucDistributerAddressList div.content {padding:3px;}
.ucDistributerAddressList div.content p {padding: 0 3px 0 3px; margin:10px 0 5px 0;}
.ucDistributerAddressList a {text-decoration:underline;color: #072b79;}
.ucDistributerAddressList div.item {clear:left; border-top:1px solid #cccccc; padding:3px; }
.ucDistributerAddressList div.small { float:left;padding-left:10px;font-size:10px;}
.ucDistributerAddressList div.radio{padding-top:5px;padding-left:5px;float:left;width:25px;}
.ucDistributerAddressList div.colRadio {width:10%; float:left;}
.ucDistributerAddressList div.colRadio div.content {padding-top:5px;padding-left:5px;}
.ucDistributerAddressList div.colAddress {width:60%; float:left;}
.ucDistributerAddressList div.colAddress div.address {float:left;padding-top:5px;width:255px;}
.ucDistributerAddressList div.colLinks {width:30%; float:left; }
.ucDistributerAddressList div.colLinks div.small {float:right;padding-top:5px;padding-right:3px;}
.ucDistributerAddressList div.colLinks div.isDefault {clear:both;float:right; margin-left:3px; padding-right:5px; margin-top:3px;  background-image: url(/images/usercontrols/icons/is_default.gif);background-repeat: no-repeat;height:11px;width:11px;}
.ucDistributerAddressList div.addAddress {position:absolute; bottom:-20px;background: #666666;height:17px;padding-left:10px;padding-right:10px;padding-top:3px;right:0;}
.ucDistributerAddressList div.addAddress a {text-decoration:none;color: #ffffff;}

/* #### Instructions Usercontrol #### */
/* # Type: Usercontrol # */
/* # Description: Shows a instruction box # */
/* # Author: gdwi # */
/* # Created: 28-01-2014 # */
/* # Updated: 28-01-2014 # */
.ucInstructions {position:relative; width:100%;border: 1px solid #cccccc;margin-bottom:15px; background:#ffffff; }
.ucInstructions div.content {padding:3px;}

/* #### Navigation Bar #### */
/* # Type: Usercontrol # */
/* # Description: Shows a navigation bar with different steps # */
/* # Author: gdwi # */
/* # Created: 28-01-2014 # */
/* # Updated: 18-06-2014 # */
.ucNavigationBar {position:relative;width:100%;margin-bottom: 15px;}
.ucNavigationBar ul {width: 100%;float: left;margin: 0 0 0 0;padding: 0;list-style: none;background-color:#444444; }
.ucNavigationBar ul li {float: left; padding: 10px 15px;border-right: 1px solid #ffffff; color:#f8f8f8;}
.ucNavigationBar ul li a {display: block;text-decoration: none; color:#ffffff;text-decoration:underline;}
.ucNavigationBar ul li.active {display:block; background-color:#000000;}
.ucNavigationBar ul li.active a {text-decoration:none;}
.ucNavigationBar ul li.noLink a {text-decoration:none;}
.ucNavigationBar ul li.link:hover {background-color:#000000;}

/* #### Entry Format #### */
/* # Type: Usercontrol # */
/* # Description: Allows the customer to select his entry format # */
/* # Components: comManualEntry, comUpload, comCopyPaste*/
/* # Author: gdwi # */
/* # Created: 28-01-2014 # */
/* # Updated: 12-02-2014 # */
.ucEntryFormat {position:relative; width:100%;border: 1px solid #cccccc;background:#ffffff; margin-bottom:15px; }
.ucEntryFormat a {color:#444444; }
.ucEntryFormat div.content {padding:6px;}
.ucEntryFormat div#entryFormatSelection {float:left; width:30%; }
.ucEntryFormat div#entryFormatSelection ul {list-style:none;}
.ucEntryFormat div#entryFormatSelection ul li {margin:5px;} 
.ucEntryFormat div#entryFormatSelection ul li label {margin-left:5px;} 
.ucEntryFormat div#entryFormatContent {float:left; width:70%;background-image:url("/images/usercontrols/common/bg_border1px.gif"); background-position:left; background-repeat:repeat-y; min-height:100px;}
/* Manual Entry Component */
.ucEntryFormat div#entryFormatContent div#comManualEntry div.inner {padding:5px 5px 5px 10px;}
.ucEntryFormat div#entryFormatContent div#comManualEntry div.inner div.numberOfOligos {}
.ucEntryFormat div#entryFormatContent div#comManualEntry div.inner div.numberOfOligos div.text {float:left; padding-right:20px;}
.ucEntryFormat div#entryFormatContent div#comManualEntry div.inner div.numberOfOligos div.select {float:left;}
.ucEntryFormat div#entryFormatContent div#comManualEntry div.inner div.numberOfOligos div.select select.selNumberOfOligos {width:70px;}
.ucEntryFormat div#entryFormatContent div#comManualEntry div.inner div.infoSection {padding-top:15px;}
/* Upload Component */
.ucEntryFormat div#entryFormatContent div#comUpload div.inner {padding:5px 5px 5px 10px;}
.ucEntryFormat div#entryFormatContent div#comUpload div.inner div.downloadSection {padding-bottom:15px; border-bottom:1px solid #cccccc;}
.ucEntryFormat div#entryFormatContent div#comUpload div.inner div.uploadSection {margin-top:15px;}
.ucEntryFormat div#entryFormatContent div#comUpload div.inner div.errorBox {margin-top:15px;}
.ucEntryFormat div#entryFormatContent div#comUpload div.inner div.infoSection {margin-top:10px; margin-bottom:10px; }
/* Copy Paste Component */
.ucEntryFormat div#entryFormatContent div#comCopyPaste div.inner {padding:5px 5px 5px 10px;}
.ucEntryFormat div#entryFormatContent div#comCopyPaste div.inner div.textArea {}
.ucEntryFormat div#entryFormatContent div#comCopyPaste div.inner div.textArea textarea {height:120px;width:100%; }
.ucEntryFormat div#entryFormatContent div#comCopyPaste div.inner div.infoSection {margin-bottom:10px; }

/* #### Oligo Definition #### */
/* # Type: Usercontrol # */
/* # Description: Allows the user to define all his oligos # */
/* # Components: comInformation, comProperties, comOligoInput */
/* # Author: gdwi # */
/* # Created: 06-02-2014 # */
/* # Updated: 12-02-2014 # */
.ucOligoDefinition {position:relative; width:100%; border:1px solid #cccccc; background:#ffffff; margin-bottom:15px;}
.ucOligoDefinition > div.content {padding:0 6px 0 6px;}
.ucOligoDefinition a {color:#444444;text-decoration: underline;  }
/* Information Component */
.ucOligoDefinition div#comInformation {padding: 10px 0 10px 0; border-bottom:1px dotted #cccccc;}
.ucOligoDefinition div#comInformation > div.content {}
/* Properties Component */
.ucOligoDefinition div#comProperties {padding: 10px 0 10px 0; border-bottom:1px dotted #cccccc;}
.ucOligoDefinition div#comProperties div.propertyName {float:left; width:25%;}
.ucOligoDefinition div#comProperties div.propertyName > div.text {}
.ucOligoDefinition div#comProperties div.propertyValues {float:left; width:75%;}
.ucOligoDefinition div#comProperties div.propertyValues div.inputField {float:left; padding-right:20px;}
.ucOligoDefinition div#comProperties div.propertyValues div.inputField ul {list-style:none;}
.ucOligoDefinition div#comProperties div.propertyValues div.inputField ul li {float:left; padding-right:20px;}
.ucOligoDefinition div#comProperties div.propertyValues div.inputField ul li label { padding-left:20px;}


/* Oligo Definition Component */
.ucOligoDefinition div#comOligoInput {padding: 0 0 0 0; }
.ucOligoDefinition div#comOligoInput div.headerLine {padding:10px 0 0 0;}
.ucOligoDefinition div#comOligoInput div.headerLine div.headline {padding:10px 0 5px 0;}
.ucOligoDefinition div#comOligoInput div.headerLine div.headline a {padding: 0 3px 0 3px;}
.ucOligoDefinition div#comOligoInput div.headerLine div.oligoName {float:left; width:25%;}
.ucOligoDefinition div#comOligoInput div.headerLine div.oligoSequence {float:left; width:55%;}
.ucOligoDefinition div#comOligoInput div.inputLine {margin:2px 0 2px 0;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoName {float:left; width:25%;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoSequence {float:left; width:60%;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoSequence div.progressBar {clear:left; margin-top:5px;height: 19px;  background-image: url("/images/usercontrols/common/progress-bar.gif");background-repeat: no-repeat;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoSequence div.infoLine {clear:left; padding-top:2px;font-size:0.9em;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoSequence div.infoLine div.length {float:left;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoSequence div.infoLine div.length div.text {float:left;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoSequence div.infoLine div.length div.value {float:left;padding-left:3px;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoSequence div.infoLine div.gcContent {float:left;padding-left:20px;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoSequence div.infoLine div.gcContent div.text {float:left;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoSequence div.infoLine div.gcContent div.value {float:left;padding-left:3px;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoSequence div.infoLine div.temperature {float:left; padding-left:20px;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoSequence div.infoLine div.temperature div.text {float:left;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoSequence div.infoLine div.temperature div.value {float:left;padding-left:3px;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoSequence div.infoLine div.weight {float:left;padding-left:20px;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoSequence div.infoLine div.weight div.text {float:left;}
.ucOligoDefinition div#comOligoInput div.inputLine div.oligoSequence div.infoLine div.weight div.value {float:left;padding-left:3px;}
.ucOligoDefinition div#comOligoInput div.inputLine div.optionIcons {float:right; width:15%;}
.ucOligoDefinition div#comOligoInput div.inputLine div.optionIcons div.icon {float:right;padding-right:7px;}
.ucOligoDefinition div#comOligoInput div.inputLine div.optionIcons div.icon > div.complement {background-image:url(/images/usercontrols/icons/complement.gif); background-repeat:no-repeat; background-position:3px 3px; width:20px; height:20px;}
.ucOligoDefinition div#comOligoInput div.inputLine div.optionIcons div.icon > div.note {background-image:url(/images/usercontrols/icons/note.gif); background-repeat:no-repeat; background-position:3px 3px; width:20px; height:20px;}
.ucOligoDefinition div#comOligoInput div.inputLine div.optionIcons div.icon > div.delete {background-image:url(/images/usercontrols/icons/recyclebin.gif); background-repeat:no-repeat; background-position:3px 3px; width:20px; height:20px;}
.ucOligoDefinition div#comOligoInput div.inputLine div.optionIcons div.icon a {display:block; height:20px; width:20px; border:1px solid #cccccc;}
.ucOligoDefinition div#comOligoInput div.inputLine div.optionIcons div.icon a:hover {border:1px solid #444444;}
.ucOligoDefinition div#comOligoInput div.inputLine > div.oligoName > div.inputField input[Type="text"] {width:90%; border:1px solid #cccccc; color: #666666; height:22px; line-height:21px; font-size:inherit;font-family:inherit; padding-left:2px; background: #ffffff;}
.ucOligoDefinition div#comOligoInput div.inputLine > div.oligoSequence > div.inputField textarea {width:100%; border:1px solid #cccccc; color: #666666; height:22px !important; line-height:21px; font-size:inherit;font-family:inherit; padding-left:2px; background: #ffffff; }
.ucOligoDefinition div#comOligoInput div.inputLine > div.oligoSequence > div.inputField input[Type="text"] {width:100%; border:1px solid #cccccc; color: #666666; height:22px; line-height:21px; font-size:inherit;font-family:inherit; padding-left:2px; background: #ffffff;}
/* Add More Lines Component */
.ucOligoDefinition div#comAddMoreLines {border-top:1px dotted #cccccc;padding-top:15px;padding-bottom:10px;}
.ucOligoDefinition div#comAddMoreLines > div.link {float:right; padding:0 5px 0 0;}
.ucOligoDefinition div#comAddMoreLines > div.link input[type="text"].numberOfAdditionalLines {width:23px;padding:3px 3px; margin: 0 3px 0 3px;color:#444444; border:1px solid #cccccc;}


/* #### Button Control #### */
/* # Type: Usercontrol # */
/* # Description: Shows the buttons # */
/* # Author: gdwi # */
/* # Created: 28-01-2014 # */
/* # Updated: 12-00-2014 # */
.ucButtons {margin-top:10px;margin-bottom:10px; color:#ffffff;}
.ucButtons a { color:#444444; }
.ucButtons a.jButton { color:#ffffff;}
.ucButtons div.buttonsRight {float:right;}
.ucButtons div.buttonsLeft {float:left;}
.ucButtons div.buttonsRight div.previousNextNavigation {float:left; margin-top:5px;}
.ucButtons div.buttonsRight div.previousNextNavigation a {padding-right:10px;}

/* #### Create Group #### */
/* # Type: Usercontrol # */
/* # Description: Allows the customer to create a new group # */
/* # Author: gdwi # */
/* # Created: 22-06-2014 # */
/* # Updated: 25-07-2014 # */
.ucMyGroupsCreate {position:relative; width:100%;border: 1px solid #cccccc;margin-bottom:15px; background:#ffffff;}
.ucMyGroupsCreate h2 {text-transform:uppercase;}
.ucMyGroupsCreate div.content {padding:10px;}
.ucMyGroupsCreate div.groupName {float:left;margin-bottom:10px;width:100%;margin-top:20px;}
.ucMyGroupsCreate div.groupButtons {float:left;margin-top:10px; margin-bottom:20px;width:100%;}
.ucMyGroupsCreate div.text {float:left; width:30%;}
.ucMyGroupsCreate div.inputField {float:left; width:69%;}
.ucMyGroupsCreate div.inputField .groupNameField {width:60%;}
.ucMyGroupsCreate div.inputField .groupDescField {width:90%;}

/* To show the mandatory asterisks after the label with no color */
span.requiredFieldCharacter:before { content: "";}
span.requiredFieldCharacter:after { content: "*";}
a.disabledNaPriceLink{ text-decoration: none !important; cursor: text;}

/* #### Oligo Definition for Fully customized oligos #### */
/* # Type: Usercontrol # */
/* # Description: Allows the user to define all his oligos # */
/* # Components: comInformation, comOligoInput, comOligoBasics, comOligoOptions, comAddMoreLines */
/* # Author: gdwi # */
/* # Created: 14-04-2014 # */
/* # Updated: 14-04-2014 # */
.ucOligoDefinitionTotallyCustomized {position:relative;  width:100%; border:1px solid #cccccc; margin-bottom:15px;}
.ucOligoDefinitionTotallyCustomized h2 {text-transform:uppercase;}
.ucOligoDefinitionTotallyCustomized > div.content {padding:0 6px 0 6px;}
.ucOligoDefinitionTotallyCustomized a {color:#444444; text-decoration:underline;}
.ucOligoDefinitionTotallyCustomized h3 {font-size:1.0em;}
.ucOligoDefinitionTotallyCustomized optgroup {}
.ucOligoDefinitionTotallyCustomized optgroup option {padding-left:10px; }
.ucOligoDefinitionTotallyCustomized div.oligoItem {}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.header {background: #f0f0f0; border:1px solid #cccccc; padding:4px; height:14px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.header div.headline {float:left;clear:left;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.header div.openCollapse {float:left;font-size:0.9em; padding-left:5px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.header div.openCollapse a {color:#444444;text-decoration:underline;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.header div.applyToAll { float:right; clear:right; }
.ucOligoDefinitionTotallyCustomized div.oligoItem div.header div.applyToAll a {color:#999999; font-size:0.9em;}
.ucOligoDefinitionTotallyCustomized div.oligoItem  div.errorBox { margin-bottom:15px; margin-top:5px;}
/* Information Component */
.ucOligoDefinitionTotallyCustomized div.comInformation {padding: 10px 0 10px 0;}
.ucOligoDefinitionTotallyCustomized div.comInformation > div.content {}
/* Oligo Input Component */
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput  {position:relative;border-top:3px solid #444444;margin-top:25px; }
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.oligoItemName {position:absolute;padding:3px 7px;background:#444444; color:#ffffff;top:-12px; left:15px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.headerLine {padding:10px 0 0 0;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.headerLine div.headline {padding:10px 0 5px 0;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.headerLine div.headline a {padding: 0 3px 0 3px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.headerLine div.oligoName {float:left; width:25%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.headerLine div.oligoSequence {float:left; width:55%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine {margin:2px 0 8px 0;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoName {float:left; width:25%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoSequence {float:left; width:60%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoSequence div.progressBar {clear:left; margin-top:5px;height: 19px;  background-image: url("/images/usercontrols/common/progress-bar.gif");background-repeat: no-repeat;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoSequence div.infoLine {clear:left; padding-top:2px;font-size:0.9em;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoSequence div.infoLine div.length {float:left;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoSequence div.infoLine div.length div.text {float:left;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoSequence div.infoLine div.length div.value {float:left;padding-left:3px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoSequence div.infoLine div.gcContent {float:left;padding-left:20px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoSequence div.infoLine div.gcContent div.text {float:left;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoSequence div.infoLine div.gcContent div.value {float:left;padding-left:3px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoSequence div.infoLine div.temperature {float:left; padding-left:20px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoSequence div.infoLine div.temperature div.text {float:left;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoSequence div.infoLine div.temperature div.value {float:left;padding-left:3px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoSequence div.infoLine div.weight {float:left; padding-left:20px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoSequence div.infoLine div.weight div.text {float:left;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.oligoSequence div.infoLine div.weight div.value {float:left;padding-left:3px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.optionIcons {float:right; width:15%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.optionIcons div.icon {float:right;padding-right:7px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.optionIcons div.icon > div.complement {background-image:url(../../images/usercontrols/icons/complement.gif); background-repeat:no-repeat; background-position:3px 3px; width:20px; height:20px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.optionIcons div.icon > div.note {background-image:url(../../images/usercontrols/icons/note.gif); background-repeat:no-repeat; background-position:3px 3px; width:20px; height:20px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.optionIcons div.icon > div.delete {background-image:url(../../images/usercontrols/icons/recyclebin.gif); background-repeat:no-repeat; background-position:3px 3px; width:20px; height:20px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.optionIcons div.icon a {display:block; height:20px; width:20px; border:1px solid #cccccc;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine div.optionIcons div.icon a:hover {border:1px solid #444444;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine > div.oligoName > div.inputField input[Type="text"] {width:90%; border:1px solid #cccccc; color: #666666; height:22px; line-height:21px; font-size:inherit;font-family:inherit; padding-left:2px; background: #ffffff;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine > div.oligoSequence > div.inputField textarea {width:100%; border:1px solid #cccccc; color: #666666; height:22px; line-height:21px; font-size:inherit;font-family:inherit; padding-left:2px; background: #ffffff; }
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoInput div.inputLine > div.oligoSequence > div.inputField input[Type="text"] {width:100%; border:1px solid #cccccc; color: #666666; height:22px; line-height:21px; font-size:inherit;font-family:inherit; padding-left:2px; background: #ffffff;}

.ucOligoDefinitionTotallyCustomized div.oligoItem select {width:100px;}
/* Oligo Basics Component */
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics {}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions {}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.left{float:left;width:20%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.right{float:left;width:79%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.right div {float:left;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.modifications {margin-top:4px; padding-top:4px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.modifications div.showModifications {padding-bottom:5px;  }
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.modifications div.showModifications div.modi5s {float:left;margin-right:30px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.modifications div.showModifications div.modiIntern {float:left;margin-right:50px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.modifications div.showModifications div.modi3s {float:left;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.modifications div.showModifications div.modiIntern span.button {padding-left:10px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.modifications div.showModifications div.modiIntern span.button a {background:#444444; color:#ffffff; padding:3px 5px; text-decoration:none; font-size: 0.9em;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.modifications div.showModifications span.text {padding-right:10px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.modifications div.showModifications span.infoLink {padding-left:4px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.purificationScale {margin-top:4px; padding-top:8px;border-top:1px dotted #cccccc;margin-bottom:8px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.purificationScale div.block1 {clear:left;float:left;width:30%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.purificationScale div.block1 > div.purification {}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.purificationScale div.block1 > div.purification select {margin-left:10px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.purificationScale div.block2 {float:left;width:69%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.purificationScale div.block2 > div.scale {}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.purificationScale div.block2 > div.scale select {margin-left:10px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions {padding-top:10px;padding-bottom:10px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.selectedProperties {}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.selectedProperties ul {list-style:none;font-size:0.9em;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.selectedProperties ul li {float:left;color: #666666;padding-left:5px; padding-right:5px; border-right:1px solid #aaaaaa;}.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.selectedProperties ul li span.value {color:#fe6613;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoBasics div.showOptions div.selectedProperties ul li.change {border-right:0; float:right;}
/* Oligo Options component */
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions {}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions {padding-top:10px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.selectedProperties {}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.selectedProperties ul {list-style:none;font-size:0.9em;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.selectedProperties ul li {float:left;color: #666666;padding-left:5px; padding-right:5px; border-right:1px solid #aaaaaa;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.selectedProperties ul li span.value {color:#fe6613;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.selectedProperties ul li.change {border-right:0;float:right;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.left{float:left;width:20%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.right{float:left;width:79%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat {}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatType {}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatType ul {list-style:none;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatType ul li {float:left; padding-right:20px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatType label {}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatAdditions {float:left;margin-top:10px; width:100%; border-top: 1px dotted #cccccc; padding-top:10px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatAdditions div.block1 {clear:left; margin-bottom:10px; float:left;width:30%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatAdditions div.block1 ul {list-style:none;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatAdditions div.block1 ul li {float:left;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatAdditions div.block1 > div.left {float:left;width:60%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatAdditions div.block1 > div.right {float:left; width:39%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatAdditions div.block2 {margin-bottom:10px; float:left;width:69%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatAdditions div.block2 ul {list-style:none;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatAdditions div.block2 ul li {float:left;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatAdditions div.block2 > div.left {float:left;width:39%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatAdditions div.block2 > div.right {float:left; width:60%;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.deliveryFormat div.right div.deliveryFormatAdditions div.block2 > div.left div.text {text-align:right; padding-right:10px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.qualityControl {margin-top:8px; padding-top:8px;border-top:1px dotted #cccccc;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.qualityControl div.qualityControlOptions ul {list-style:none;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.qualityControl div.qualityControlOptions li {float:left; padding-right:20px;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.qcReport {clear:both;;margin-top:8px; padding-top:8px;border-top:1px dotted #cccccc;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.qcReport div.qcReportOptions ul {list-style:none;}
.ucOligoDefinitionTotallyCustomized div.oligoItem div.comOligoOptions div.showOptions div.qcReport div.qcReportOptions li {float:left; padding-right:20px;}
/* Add More Lines Component */
.ucOligoDefinitionTotallyCustomized div.comAddMoreLines {border-top:1px dotted #cccccc;padding-bottom:10px;padding-top:15px;padding-bottom:10px;}
.ucOligoDefinitionTotallyCustomized div.comAddMoreLines > div.link {float:right; padding:0 5px 0 0;}
.ucOligoDefinitionTotallyCustomized div.comAddMoreLines > div.link input[type="text"].numberOfAdditionalLines {width:23px;padding:3px 3px; margin: 0 3px 0 3px;color:#444444; border:1px solid #cccccc;}

/* #### Order Items Dialog  #### */
/* # Type: Usercontrol # */
/* # Description: Shows general, BU or SIT specific details of a selected item # */
/* # Author: gdwi # */
/* # Created: 08-05-2014 # */
/* # Updated: 08-05-2014 # */
.ucOrderItemDetialsDialog {}
.ucOrderItemDetialsDialog div.greyBox {margin-top:10px; margin-bottom:10px;}
.ucOrderItemDetialsDialog table {width:100%; }
.ucOrderItemDetialsDialog table td {border-bottom:1px dotted #cccccc;}
.ucOrderItemDetialsDialog table td ul.standardProperties {list-style:none;}
.ucOrderItemDetialsDialog table td ul.standardProperties li {float:left; padding-right: 15px;}
.ucOrderItemDetialsDialog table td ul.deliveryFormat {list-style:none;}
.ucOrderItemDetialsDialog table td ul.deliveryFormat li {float:left; padding-right: 15px;}

/* #### Plate Properties #### */
/* # Type: Usercontrol # */
/* # Description: Show the list of uploaded plates as well as the plate properties # */
/* # Components: comPlateList, comPlatePropertiesInput
/* # Author: gdwi # */
/* # Created: 04-06-2014 # */
/* # Updated: 04-08-2014 # */
.ucPlateProperties {}
.ucPlateProperties div.successBox {margin-bottom:20px;}
.ucPlateProperties div.comPlateList {float:left; width:18%;}
.ucPlateProperties div.comPlateList > div.container {width:100%;}
.ucPlateProperties div.comPlateList > div.container div.plate {margin-bottom:5px;}
.ucPlateProperties div.comPlateList > div.container div.plate div.plateImage {position:relative;background-repeat:no-repeat;height:84px; width:100%;}
.ucPlateProperties div.comPlateList > div.container div.plate div.plateImage > a {display:block;height:84px;text-decoration:none;}
.ucPlateProperties div.comPlateList > div.container div.plate div.plateImage > div.plateImageText {position:absolute; bottom:20px; right:0;background-color:#979797;}
.ucPlateProperties div.comPlateList > div.container div.plate div.plateImage > div.plateImageText > div {float:left;color:#ffffff;padding:2px 5px; padding-bottom:2px;}
.ucPlateProperties div.comPlateList > div.container div.plate div.plateImage > div.plateImageText > div.text {font-size:0.9em;}
.ucPlateProperties div.comPlateList > div.container div.plate div.plateImage > div.plateImageText > div > a {color:#ffffff; text-decoration:none;display:block;}
.ucPlateProperties div.comPlateList > div.container div.plate div.plateName {margin-top:2px;}
.ucPlateProperties div.comPlateList > div.container div.plate.new div.plateImage > div.plateImageText > div.status {font-size:0.9em;background-color:#444444;border-right:1px solid #ffffff;  }
.ucPlateProperties div.comPlateList > div.container div.pagination {margin-top:5px; padding-top:5px; }
.ucPlateProperties div.comPlatePropertiesInput {float:right; width:80%;}
.ucPlateProperties div.comPlatePropertiesInput > div.container {border:1px solid #cccccc;}
.ucPlateProperties div.comPlatePropertiesInput > div.container h2 {text-transform:uppercase;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content {padding:5px;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.newRow {margin-bottom:12px;padding-bottom:8px; border-bottom:1px dotted #cccccc;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.newRow:last-child { border-bottom:0;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div > div.left {float:left;width:20%;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div > div.right {float:right;width:79%;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.deliveryFormat div.right div.deliveryFormatType {}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.deliveryFormat div.right div.deliveryFormatType ul {list-style:none;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.deliveryFormat div.right div.deliveryFormatType ul li {float:left; padding-right:20px;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.deliveryFormat div.right div.deliveryFormatType label {}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.deliveryFormat div.right div.deliveryFormatAdditions {float:left;margin-top:10px; width:100%; border-top: 1px dotted #cccccc; padding-top:10px;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.deliveryFormat div.right div.deliveryFormatAdditions div.block1 {clear:left; margin-bottom:10px; float:left;width:30%;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.deliveryFormat div.right div.deliveryFormatAdditions div.block1 > div.left {float:left;width:60%; }
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.deliveryFormat div.right div.deliveryFormatAdditions div.block1 > div.right {float:left; width:39%;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.deliveryFormat div.right div.deliveryFormatAdditions div.block2 {margin-bottom:10px; float:left;width:69%;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.deliveryFormat div.right div.deliveryFormatAdditions div.block2 > div.left {float:left;width:20%;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.deliveryFormat div.right div.deliveryFormatAdditions div.block2 > div.right {float:left; width:79%;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.deliveryFormat div.right div.deliveryFormatAdditions div.block2 > div.left div.text {text-align:right; padding-right:10px;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.qualityControl ul {list-style:none;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.qualityControl li {float:left; padding-right:20px;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.qcReport ul {list-style:none;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.qcReport li {float:left; padding-right:20px;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.errorBox,
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.infoBox, 
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.successBox {margin-top:10px; margin-bottom:10px;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.multipleEdit {border-top: 1px dotted #cccccc;margin-top:5px; padding-top:10px;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.successBox {margin-top:10px; margin-bottom:10px;}
.ucPlateProperties div.comPlatePropertiesInput > div.container > div.content div.multipleEdit label {padding-left:3px;}

/* #### Plate Check #### */
/* # Type: Usercontrol # */
/* # Description: Shows a list of all plates together with details about the selected plate # */
/* # Components: comPlateList, comPlateDetails
/* # Author: gdwi # */
/* # Created: 05-06-2014 # */
/* # Updated: 19-08-2014 # */
.ucPlateCheck {}
.ucPlateCheck div.comPlateList {float:left; width:18%;}
.ucPlateCheck div.comPlateList > div.container {width:100%;}
.ucPlateCheck div.comPlateList > div.container div.plate {margin-bottom:5px;}
.ucPlateCheck div.comPlateList > div.container div.plate.selected div.plateName {color:#444444; font-weight:bold;}
.ucPlateCheck div.comPlateList > div.container div.plate div.plateImage {position:relative;background-repeat:no-repeat;height:84px; width:100%;}
.ucPlateCheck div.comPlateList > div.container div.plate div.plateImage > a {display:block;height:84px;text-decoration:none;}
.ucPlateCheck div.comPlateList > div.container div.plate div.plateImage > div.plateImageText {position:absolute; bottom:20px; right:0;background-color:#979797;}
.ucPlateCheck div.comPlateList > div.container div.plate div.plateImage > div.plateImageText > div {float:left;color:#ffffff;padding:2px 5px; padding-bottom:2px;}
.ucPlateCheck div.comPlateList > div.container div.plate div.plateImage > div.plateImageText > div.text {font-size:0.9em;}
.ucPlateCheck div.comPlateList > div.container div.plate div.plateImage > div.plateImageText > div > a {color:#ffffff; text-decoration:none;display:block;}
.ucPlateCheck div.comPlateList > div.container div.plate div.plateImage > div.platePrice {position:absolute; top:20px; right:0;background-color:#444444;}
.ucPlateCheck div.comPlateList > div.container div.plate div.plateImage > div.platePrice > div {float:left;color:#ffffff;padding:2px 5px; padding-bottom:2px;font-size:0.9em;}
.ucPlateCheck div.comPlateList > div.container div.plate div.plateName {margin-top:2px;}
.ucPlateCheck div.comPlateList > div.container div.plate.problem div.plateImage > div.plateImageText {position:absolute; bottom:20px; right:0;background-color:#bb0202;}
.ucPlateCheck div.comPlateList > div.container div.plate.problem div.plateImage > div.plateImageText > div.status {font-size:0.9em;background-color:#990000;border-right:1px solid #ffffff; }
.ucPlateCheck div.comPlateList > div.container div.plate.valid div.plateImage > div.plateImageText {position:absolute; bottom:20px; right:0;background-color:#759f26;}
.ucPlateCheck div.comPlateList > div.container div.plate.valid div.plateImage > div.plateImageText > div.status {font-size:0.9em;background-color:#5c7e1c; border-right:1px solid #ffffff; }
.ucPlateCheck div.comPlateList > div.container div.plate.active div.plateImage {}
.ucPlateCheck div.comPlateList > div.container div.pagination {margin-top:5px; padding-top:5px; }
.ucPlateCheck div.comPlateDetails {float:right; width:80%;}
.ucPlateCheck div.comPlateDetails > div.container {border:1px solid #cccccc;}
.ucPlateCheck div.comPlateDetails > div.container h2 {text-transform:uppercase;}
.ucPlateCheck div.comPlateDetails > div.container > div.content {padding:10px;}
.ucPlateCheck div.comPlateDetails > div.container div.plateInformation {}
.ucPlateCheck div.comPlateDetails > div.container div.plateInformation div.newRow {margin-bottom:5px;padding-bottom:3px; }
.ucPlateCheck div.comPlateDetails > div.container div.plateInformation div.newRow:last-child { border-bottom:0;}
.ucPlateCheck div.comPlateDetails > div.container div.plateInformation div > div.left {float:left;width:20%;}
.ucPlateCheck div.comPlateDetails > div.container div.plateInformation div > div.right {float:right;width:79%;}
.ucPlateCheck div.comPlateDetails > div.container div.plateInformation div.plateName input {width:50%;}
.ucPlateCheck div.comPlateDetails > div.container div.plateInformation div.plateNote textarea {width:99%;min-height: 60px;}
.ucPlateCheck div.comPlateDetails > div.container div.plateInformation div.plateOptionLinks {margin-bottom:10px;}
.ucPlateCheck div.comPlateDetails > div.container div.plateInformation div.plateOptionLinks a {float:right;}
.ucPlateCheck div.comPlateDetails > div.container div.plateInformation div.plateOptionLinks a.save {border:1px solid #666666; background:#666666; color: #ffffff; padding:2px 4px; text-decoration:none;}
.ucPlateCheck div.comPlateDetails > div.container div.plateInformation div.plateOptionLinks a.delete {background:#ffffff;border:0; padding-top:3px; color: #aaaaaa; margin-right:15px; text-decoration:underline;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods {margin-top:20px; margin-bottom:10px;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabPlateView ul {list-style:none;width:100%;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabPlateView ul li {float:left;margin-bottom:4px; margin-top:4px; width:100%; text-align:center; height:15px;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabPlateView ul li a {display:block; text-decoration:none;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabPlateView ul li.head {font-weight:bold;font-size:1.2em; }
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabPlateView ul li.left {font-weight:bold;font-size:1.2em;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabPlateView ul li.noBorder {border-top:0;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabPlateView ul li.notShown {width:4%;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabPlateView ul li.well {width:8%; }
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabPlateView ul li.clear {clear:left;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods .wellValid {background:url(../../images/usercontrols/icons/plates/wellValid.gif); background-repeat:no-repeat; background-position:center;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods .wellInvalid {background:url(../../images/usercontrols/icons/plates/wellInvalid.gif); background-repeat:no-repeat;background-position:center;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods .wellChanged {background:url(../../images/usercontrols/icons/plates/wellChanged.gif); background-repeat:no-repeat;background-position:center;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods .wellEmpty {background:url(../../images/usercontrols/icons/plates/wellEmpty.gif); background-repeat:no-repeat; background-position:center;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabGridView {}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabGridView table {width:100%; margin-top:10px; margin-bottom:10px;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabGridView table input.name {width:90%;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabGridView table input.sequence {width:98%;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabGridView table tr th {font-size:1.1em; padding-bottom:5px;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabGridView table tr td a {text-decoration:none; display:block;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabGridView table td.wellValid {background-position:left;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabGridView table td.wellInvalid {background-position:left;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabGridView table td.wellChanged {background-position:left;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabGridView table td.wellEmpty {background-position:left;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabGridView div.plateOptionLinks {margin-bottom:10px;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabGridView div.plateOptionLinks a {float:right;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.tabGridView div.plateOptionLinks a.save {border:1px solid #666666; background:#666666; color: #ffffff; padding:2px 4px; text-decoration:none;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.plateLegend {float:left;margin-top:5px; }
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.plateLegend ul {list-style:none;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.plateLegend ul li {float:left; padding-left:20px; margin-right:30px;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.plateLegend .wellValid {background-position:left;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.plateLegend .wellInvalid {background-position:left;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.plateLegend .wellChanged {background-position:left;}
.ucPlateCheck div.comPlateDetails > div.container div.plateDisplayMethods div.plateLegend .wellEmpty {background-position:left;}


/* #### Quick Order Control#### */
/* # Type: Usercontrol # */
/* # Description: Shows an order now action together with descritpion (optional) # */
/* # Components: comImages, comDescription, comPriceBox */
/* # Author: gdwi # */
/* # Created: 16-05-2014 # */
/* # Updated: 18-07-2014 # */
.ucQuickOrder {position:relative; width:100%;margin-bottom:15px;}
.ucQuickOrder h2 {text-transform:uppercase;}
.ucQuickOrder div.left { float:left; width: 55%;}
.ucQuickOrder div.right { float:right; width: 44%;}
.ucQuickOrder div.comImages {}
.ucQuickOrder div.comDescription {}
.ucQuickOrder div.comPriceBox {background:#666666; color:#ffffff;}
.ucQuickOrder div.comPriceBox label {padding-left:3px; padding-right:6px;}
.ucQuickOrder div.comPriceBox div.text {float:left; width:40%; padding-top:2px;}
.ucQuickOrder div.comPriceBox div.field {float:left; width:59%; }
.ucQuickOrder div.comPriceBox div.field div.price {padding-top: 2px;}
.ucQuickOrder div.comPriceBox div.showText {position:relative;margin-left:10px;padding-top:10px;}
.ucQuickOrder div.comPriceBox div.showText p {margin:5px 0;}
.ucQuickOrder div.comPriceBox div.showText ul {list-style:inside;list-style-image:url(../../images/usercontrols/icons/valid.gif);}
.ucQuickOrder div.comPriceBox div.showOptions div.option {border-top:1px solid #cccccc; padding:5px;}
.ucQuickOrder div.comPriceBox div.showOptions div.field ul {list-style:none;}
.ucQuickOrder div.comPriceBox div.showOptions div.field input {width:95%;}
.ucQuickOrder div.comPriceBox div.showOptions div.field select {width:95%;}
.ucQuickOrder div.comPriceBox div.showOptions div.field select.quantity {width:99%;}
.ucQuickOrder div.comPriceBox div.showTermsConditions {clear:left;border-top:2px solid #ffffff; padding:5px;}
.ucQuickOrder div.comPriceBox div.showTermsConditions a {color:#ffffff; text-decoration:underline;}
.ucQuickOrder div.comPriceBox div.showPrice {margin-bottom:30px; background:#444444;}
.ucQuickOrder div.comPriceBox div.showPrice div.option {border-top:2px solid #ffffff; border-bottom:2px solid #ffffff; padding:5px;}
.ucQuickOrder div.comPriceBox div.showPrice div.option div.price {font-weight:bold; }
.ucQuickOrder div.comPriceBox div.saveButton { margin-top:-20px; }
.ucQuickOrder div.comPriceBox div.saveButton input.saveButton {-moz-box-shadow:inset 0px 1px 0px 0px #fed897;-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;box-shadow:inset 0px 1px 0px 0px #fed897;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');background-color:#f6b33d;border:1px solid #ffffff;display:inline-block;color:#ffffff;font-family:Arial;font-size:15px;font-weight:bold;font-style:normal;height:33px;line-height:33px;padding-left:5px;padding-right:5px;text-decoration:none;text-align:center;text-shadow:1px 1px 0px #cd8a15;}
.ucQuickOrder div.comPriceBox div.saveButton  input.saveButton:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');background-color:#d29105; }
.ucQuickOrder div.comPriceBox div.saveButton input.saveButton:active {position:relative;top:1px;}

/* #### Oligo Preferences Usercontrol #### */
/* # Type: Usercontrol # */
/* # Description: Shows preferences for the BU oligonucleotides # */
/* # Components: comDocumentation, comTubeLabels # */
/* # Author: gdwi # */
/* # Created: 20-06-2014 # */
/* # Updated: 25-07-2014 # */
.ucOligoPreferences {position:relative; float:left; width:100%;border: 1px solid #cccccc;margin-bottom:15px; background:#ffffff;}
.ucOligoPreferences h2 {text-transform:uppercase;}
.ucOligoPreferences fieldset {border:1px solid #cccccc;padding:10px 5px 5px 5px;}
.ucOligoPreferences fieldset legend {font-weight:bold;}
.ucOligoPreferences > div.content {padding:5px;}
.ucOligoPreferences > div.content div.section {clear:both;float:left;margin-bottom:5px; width:100%;}
.ucOligoPreferences > div.content div.checkbox {float:left; min-width:25px;}
.ucOligoPreferences > div.content div.text {float:left;}
.ucOligoPreferences > div.content div.text {float:left;}
.ucOligoPreferences > div.content div.comTubeLabels {clear:left;margin:10px 0;}
.ucOligoPreferences > div.content div.comTubeLabels div.labelFormat div.labelFormatDesc {margin-bottom:10px;}
.ucOligoPreferences > div.content div.comTubeLabels div.labelFormat div.label {float:left;  margin-right:10px;}
.ucOligoPreferences > div.content div.comTubeLabels div.labelFormat div.label div.radioButton {padding-top:3px;}

/* #### Email Preferences Usercontrol #### */
/* # Type: Usercontrol # */
/* # Description: Shows a list of all available email settings (valid for all BUs) # */
/* # Author: gdwi # */
/* # Created: 13-06-2014 # */
/* # Updated: 16-06-2014 # */
.ucEmailPreferences {position:relative; width:100%;border: 1px solid #cccccc;margin-top:5px; margin-bottom:15px; background:#ffffff;}
.ucEmailPreferences h2 {text-transform:uppercase;}
.ucEmailPreferences > div.content {padding:5px;}
.ucEmailPreferences > div.content > div.newRow {clear:both;float:left;margin-bottom:10px; width:100%;}
.ucEmailPreferences > div.content fieldset {border:1px solid #cccccc; margin:5px;padding:0 5px 10px 5px;}
.ucEmailPreferences > div.content div.checkbox {float:left; min-width:25px;}
.ucEmailPreferences > div.content div.text {float:left;}
.ucEmailPreferences > div.content div.text > div.description{font-style:italic; color:#999999;}
.ucEmailPreferences > div.content div.orderInformation div.general {clear:both;float:left; margin-top: 8px;}
.ucEmailPreferences > div.content div.orderInformation div.camouflage {clear:both; float:left; margin-top: 8px; padding-left:15px;}
.ucEmailPreferences > div.content div.orderInformation div.additionalAddresses {clear:both; float:left; width:100%;margin-top: 8px; padding-left:15px;}
.ucEmailPreferences > div.content div.orderInformation div.additionalAddresses input {padding-left:5px;}

/* #### Shipping Options Usercontrol #### */
/* # Type: Usercontrol # */
/* # Description: Shows a list of all available shipping options # */
/* # COmponents: comGeneral, comDeliveryServices # */
/* # Author: gdwi # */
/* # Created: 18-06-2014 # */
/* # Updated: 24-06-2014 # */
.ucShippingOptions {position:relative; width:100%;border: 1px solid #cccccc;margin-bottom:15px; background:#ffffff;}
.ucShippingOptions h2 {text-transform:uppercase;}
.ucShippingOptions fieldset {border:1px solid #cccccc; margin:5px; padding:5px;}
.ucShippingOptions fieldset legend {font-weight:bold;}
.ucShippingOptions > div.content {padding:5px;}
.ucShippingOptions > div.content div.checkbox {float:left; min-width:25px;}
.ucShippingOptions > div.content div.text {float:left;}
.ucShippingOptions > div.content div.section {float:left;width:100%;}
.ucShippingOptions > div.content > div.comDeliveryServices {margin-top:5px;}
.ucShippingOptions > div.content > div.comDeliveryServices div.section {margin-top:5px; margin-bottom:5px;}
.ucShippingOptions > div.content > div.comDeliveryServices div.left {float:left; min-width:15px;}
.ucShippingOptions > div.content > div.comDeliveryServices div.right {float:left;}
.ucShippingOptions > div.content > div.comDeliveryServices div.right div.description {font-style:italic; color:#999999;}
.ucShippingOptions > div.content > div.comDeliveryServices div.right div.carrierOptions {margin-top:3px;}
.ucShippingOptions > div.content > div.comDeliveryServices div.right div.carrierOptions div.carrierText {float:left;}
.ucShippingOptions > div.content > div.comDeliveryServices div.right div.carrierOptions div.carrierNumber {float:left; margin-left:3px;}
.ucShippingOptions > div.content > div.comDeliveryServices div.right div.carrierOptions div.carrierBillTo {float:left; margin-left:8px;}

/* #### ucOrderProject  #### */
/* # Type: Usercontrol # */
/* # Description: Allows the user to name his project and upload a file# */
/* # Components: comOptions # */
/* # Author: gdwi # */
/* # Created: 04-08-2014 # */
/* # Updated: 07-08-2014 # */
.ucOrderProject {position:relative; width:100%;border: 1px solid #cccccc;margin-top:5px; margin-bottom:15px; background:#ffffff;}
.ucOrderProject h2 {text-transform:uppercase;}
.ucOrderProject div.content {padding:5px;}
.ucOrderProject div.comOptions {margin-top:5px;}
.ucOrderProject div.comOptions div.newRow {margin-bottom:10px;}
.ucOrderProject div.comOptions div.left {float:left; width:20%;}
.ucOrderProject div.comOptions div.right {float:right; width:75%;}
.ucOrderProject div.comOptions div.right input[type="text"],.ucOrderProject div.comOptions div.right select  {width:50%;}
.ucOrderProject div.comOptions div.right textarea  {width:95%; min-height:100px;}
.ucOrderProject div.comOptions div.addToCart div.button {float:right;}





































/* ################## MUST BE AT THE BOTTOM #################### */
/* # Description: This class name should always be at the bottom of all other classes. This is used for not to showing the borders  # */
/* # Author: Sudeer Konetigari # */
.noBorder {border: 0px;}