/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #dadada; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */



/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa; opacity: .3;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

/* form layout */
.product_row .name, .product_row .qty, .product_row .remove, .product_row .unit-price, .product_row .total-price {float:left;padding-left:9px;}
.product_row .name{padding-left:0;width:155px;}
.product_row .total-price, #product_list_headers { font-weight: bold;}
.product_row .unit-price {width: 72px;padding-right:42px !important;text-align:right;}
.product_row .qty { width: 75px;}
.product_row .qty input { width: 60px;}
.product_row .total-price { width: 100px;padding-right:28px !important;text-align:right;}
.limit-overflow { color: red;}

/* Partner Portal Forms */
#dealRegistrationForm .unit-price, #dealRegistrationForm .total-price{display:none;}
#dealRegistrationForm #products_row .input{width:100%;}
#dealRegistrationForm #products_row div{padding:5px 0;}
#dealRegistrationForm #products_row div input{margin-right:10px;}
#dealRegistrationForm #products_row div a{color:#ffffff;border-radius:5px;background:#1695a4;padding:4px 10px;}
#dealRegistrationForm #closedate_row .element{}
#dealRegistrationForm #closedated{width:114px;float:left;}
#dealRegistrationForm #closedatem{width:114px;float:left;}
#dealRegistrationForm #closedatey{width:114px;float:left;}
#dealRegistrationForm .element select{width:349px;padding:3px;}
#dealRegistrationForm .btn input{margin-right:362px;}
#dealRegistrationForm{padding:10px 0;}
#dealRegistrationForm p{padding:0 0 10px;}
#dealRegistrationForm .row{padding:6px 0;}
#dealRegistrationForm .product_row .qty{width:100px;}
#preferreddistributor_row{margin-top:10px;}
#dealRegistrationForm input.text{width:345px;}
#dealRegistrationForm textarea{width:345px;}
#products_row label{margin-right:95px;}
#dealRegistrationForm .label{width:100%;}
#dealRegistrationForm .label label{font-weight:bold;}
#dealRegistrationForm #products_row div input#products_autocomplete{width:335px;}
#dealRegistrationForm p{width:345px;}
#dealRegistrationForm input[type='checkbox'], #demoPurchaseForm input[type='checkbox']{margin:4px 15px 40px 0;float:left;}

#demoPurchaseForm #products_row .input{width:100%;padding:10px 0;}
#demoPurchaseForm #closedate_row .element .div{padding:10px 0;}
#demoPurchaseForm #products_row div a{color:#ffffff;border-radius:5px;background:#1695a4;padding:4px 10px;}
#demoPurchaseForm #products_row div a#products_add{margin-left:10px;}
#demoPurchaseForm #closedate_row .element{width:114px;}
#demoPurchaseForm #closedated{width:114px;float:left;}
#demoPurchaseForm #closedatem{width:114px;float:left;}
#demoPurchaseForm #closedatey{width:114px;float:left;}
#demoPurchaseForm .element select{width:349px;padding:3px;}
#demoPurchaseForm .btn input{margin-right:362px;}
#demoPurchaseForm{padding:10px 0;}
#demoPurchaseForm p{padding:0 0 10px;}
#demoPurchaseForm .row{padding:6px 0;}
#demoPurchaseForm input.text{width:345px;}
#demoPurchaseForm textarea{width:345px;}
#demoPurchaseForm #products_row div input#products_autocomplete{width:335px;}

#deal_products_steps_add_wrap #deal_products_col1{float:left;width:100%;margin-right:10px;}
#deal_products_steps_add_wrap #deal_products_col2{float:left;width:100%;}

#products_row label{margin-right:95px;}
#demoPurchaseForm .label{width:100%;}
#demoPurchaseForm .label label{font-weight:bold;}
#demoPurchaseForm p{width:345px;}
#product_list_headers{margin-top:20px;}
#products_container .product_row div{line-height:24px;}
#demoPurchaseForm #products_row div{padding:5px 0;}
#dealRegistrationForm #products_row div input#quantity_field{margin:0;}
#demoPurchaseForm #products_row div#product_list_headers{padding:5px 0 0 0;}