/* ===== MAIN ==================================================== */
body{
	background: #fbfafa;
	color: #4e4e4e;
}
.ui-tooltip{
	background: #ffffff;
}
/* ===== TOP BAR ==================================================== */
#topBar{
	color: #4e4e4e;
	background: url(../images/bg_top_bar.png) repeat-x left top;
}
#topBar .version{
	background: url(../images/sep_top_bar.png) no-repeat top right ;
}
#topBar .smallSeparator{
	background: url(../images/sep_top_bar.png) no-repeat top left ;
}
#topBar #loggedIn{
	background: #ffffff;
	border-color: #dddddd;
	-webkit-box-shadow: 0px 0px 2px #666666;
	-moz-box-shadow: 0px 0px 2px #666666;
	box-shadow: 0px 0px 2px #666666;
	color: #333333;
	font-size: 11px;
	display: none;
}
/* ===== HEADER ==================================================== */
#header .search input{
	background: url(../images/images.png) -57px 0 no-repeat;
	color: #4e4e4e;

}
#header .search .searchBtn{
	background: url(../images/images.png) -264px 0 no-repeat;
}
#header .search .searchBtn:hover,
#header .search .searchBtn:focus,
#header .search .searchBtn:focus-within{
	background: url(../images/images.png) -297px 0 no-repeat;
}
#header .loggedUser{
	border-left: 1px solid #e7e7e7;
}
#header .loggedUser .position,
#header .loggedUser .manager{
	color: #4e4e4e;
}
#header .loggedUser .logOut{
	background: url(../images/images.png) -36px 0 no-repeat;
}

#header .loggedUser .logOut:hover,
#header .loggedUser .logOut:focus,
#header .loggedUser .logOut:focus-within{
	background: url(../images/images.png) -36px -44px no-repeat;
}
/* ===== MAIN MENU ==================================================== */
#mainMenu{
	background: url(../images/bg_under_menu.png) top right no-repeat;
}
#mainMenu li a .text{
	color: #4e4e4e;
	text-shadow: 1px 1px 1px #ffffff;
}
/* -------------------------------------------------------------- */
#mainMenu li a .text{
	background: url(../images/bg_menu.png) top right no-repeat;
	color: #4e4e4e;
}
#mainMenu li a .rBorder{
	background: url(../images/bg_menu.png) -4px -150px no-repeat;
}
/* -------------------------------------------------------------- */
#mainMenu li a:hover .text,
#mainMenu li a:focus .text,
#mainMenu li a:focus-within .text{
	background: url(../images/bg_menu.png)  right -100px no-repeat;
}
#mainMenu li a:hover .lBorder,
#mainMenu li a:focus .lBorder,
#mainMenu li a:focus-within .lBorder{
	background: url(../images/bg_menu.png) -6px -150px no-repeat;
}
#mainMenu li a:hover .rBorder,
#mainMenu li a:focus .rBorder,
#mainMenu li a:focus-within .rBorder{
	background: url(../images/bg_menu.png) -10px -150px no-repeat;
}
/* -------------------------------------------------------------- */
#mainMenu li.active a .text{
	background: url(../images/bg_menu.png)  right -50px no-repeat;
	color: #ffffff;
	text-shadow: 1px 1px 1px #b54919;
}
#mainMenu li.active a .lBorder{
	background: url(../images/bg_menu.png) -0px -150px no-repeat;
}
#mainMenu li.active a .rBorder{
	background: url(../images/bg_menu.png) -2px -150px no-repeat;
}
#mainMenu li.active a{
	background: url(../images/orange_arrow.png) center bottom no-repeat;
}



/* -------------------------------------------------------------- */
#mainMenu li:first-child:focus .text,
#mainMenu li:first-child:focus-within .text,
#mainMenu li:first-child:hover .text{
	background: url(../images/bg_menu.png)  left -100px no-repeat;
}
#mainMenu li:first-child.active .text{
	background: url(../images/bg_menu.png)  left -50px no-repeat;
}
#mainMenu li:first-child .text{
	background: url(../images/bg_menu.png)  left 0px no-repeat;
}

/* ===== MAIN MENU 2 ==================================================== */

#mainMenu2{
	border-color: #d6d6d6;
	background: #f7f7f7;
}
#mainMenu2 li a{
	color: #4e4e4e;
	background: #f7f7f7;
	border-color: #dddddd;
	-moz-box-shadow:inset 0px 0px 1px #cccccc;
	-webkit-box-shadow:inset 0px 0px 1px #cccccc;
	box-shadow:inset 0px 0px 1px #cccccc;
	text-shadow: 1px 1px 1px #ffffff;

}
#mainMenu2 li a:focus,
#mainMenu2 li a:focus-within,
#mainMenu2 li a:hover{
	background: #fbfafa;
	-moz-box-shadow:inset 0px 0px 1px #cccccc;
	-webkit-box-shadow:inset 0px 0px 1px #cccccc;
	box-shadow:inset 0px 0px 1px #cccccc;
}
#mainMenu2 li.active a{
	background: url(../images/bg_menu.png) -30px -150px no-repeat;
	border-color: #eb5a24;
	color: #ffffff;
	-moz-box-shadow:inset 0px 0px 1px #e15e00;
	-webkit-box-shadow:inset 0px 0px 1px #e15e00;
	box-shadow:inset 0px 0px 1px #e15e00;
	text-shadow: 1px 1px 1px #b54919;


}
#mainMenu2 li:first-child a{
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

/* ===== LEFT MENU ==================================================== */

#leftMenu{
	border: 1px solid #d6d6d6;
}
#leftMenu li a{
	-moz-box-shadow:inset 0px 0px 1px #ececec;
	-webkit-box-shadow:inset 0px 0px 1px #ececec;
	box-shadow:inset 0px 0px 1px #ececec;
	border-bottom: 1px solid #d6d6d6;
	background: #f7f7f7;
	color: #4e4e4e;
	line-height: 17px;
}
#leftMenu li a span{
	color: #000000;
}
#leftMenu li.active a{
	background: url(../images/left_menu_arrow.png) left center no-repeat #ffefe4;
}
#leftMenu li.forefather a{
	background: url(../images/grey_left_menu_arrow.png) left center no-repeat #ededed;
}
#leftMenu li a:hover{
	background-color: #ebebea;
}

/* ===== TABS ==================================================== */

.tabLinks li,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #dddddd;
	background: #f7f7f7 ;
	font-size: 12px;
	text-shadow: none;
}

.tabsAsLinks .tabLinks li:hover,
.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 {
	border: 1px solid #cecece;
	background: #f7f7f7 ;
	-moz-box-shadow:inset 0px -2px 0px #eaeaea;
	-webkit-box-shadow:inset 0px -2px 0px #eaeaea;
	box-shadow:inset 0px -2px 0px #eaeaea;
}
.tabLinks li.active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #dddddd;
	border-bottom: none;
	background: #ffffff;
	color: #ff6a00;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.tabLinks li.active:hover{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: none;
	background: #ffffff;
	border-color:  #dddddd;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ff6a00;
	text-decoration: none;
}

.tabs.ui-widget-content {
	background:none;
	border: none;
}

.tabs.ui-tabs .ui-tabs-panel {
	border: 1px solid #dbdada;
	background: #ffffff;
	border-width: 1px;
}

.noTabs{
	border: 1px solid #dbdada;
	background: #ffffff;
	border-width: 1px;
}

.fakeTab{
	border: 1px solid #dddddd;
	border-top: none; ;
	background: #ffffff;
}
.fakeTabLine{
	border-top: 1px solid #dddddd;
}
/* ===== BUTTON ==================================================== */
.button{
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#efefef 100%); /* W3C */

	border-color: #dddddd;
}
.button:hover{
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05),inset 0px 0px 3px #b7b7b7;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 0px 3px #b7b7b7;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 0px 3px #b7b7b7;

}

/* ===== BUTTON WITH ICON ==================================================== */
.buttonWithIcon{
	background: url(../images/bg_button.png) left bottom repeat-x;
	-moz-box-shadow:inset 0px 0px 2px #c7c7c7;
	-webkit-box-shadow:inset 0px 0px 2px #c7c7c7;
	box-shadow:inset 0px 0px 2px #c7c7c7;

}
.button.buttonWithIconNoHoverNoCursor{
	background: url(../images/bg_button.png) left bottom repeat-x !important;
	-moz-box-shadow:inset 0px 0px 2px #c7c7c7;
	-webkit-box-shadow:inset 0px 0px 2px #c7c7c7;
	box-shadow:inset 0px 0px 2px #c7c7c7;
        cursor:context-menu !important;
        height:22px !important;
}
.button.buttonWithIconNoHoverNoCursor:hover{
	background: url(../images/bg_button.png) left bottom repeat-x !important;
	-moz-box-shadow:inset 0px 0px 2px #c7c7c7;
	-webkit-box-shadow:inset 0px 0px 2px #c7c7c7;
	box-shadow:inset 0px 0px 2px #c7c7c7;
        cursor:context-menu !important;
        height:22px !important;
}
.buttonWithIcon.active{
	background: url(../images/bg_button.png) left top repeat-x;
	-moz-box-shadow:inset 0px 0px 1px #ad4000;
	-webkit-box-shadow:inset 0px 0px 1px #ad4000;
	box-shadow:inset 0px 0px 1px #ad4000;
}
.buttonWithIcon:hover{
	background: url(../images/bg_button.png) left top repeat-x;
	-moz-box-shadow:inset 0px 0px 2px #9d3000;
	-webkit-box-shadow:inset 0px 0px 2px #9d3000;
	box-shadow:inset 0px 0px 2px #9d3000;
}
.buttonWithIcon.active:hover{
	background: url(../images/bg_button.png) left center repeat-x;
}
.buttonWithIcon .name{
	text-shadow: 0 0 1px #ffffff;
}
.buttonWithIcon.active .name,
.buttonWithIcon:hover .name{
	text-shadow: 0 0 1px #c95400;
	color: #ffffff;
}

.buttonWithIcon.button.editable_button {
    margin-left: 15px;
	margin-top: 15px;
    margin-bottom: 0px;
    height: 24px;
    width: 11px;
    padding: 0px 10px 0 3px
}

.buttonWithIcon.button.editable_button .icon{
    margin-top: 3px;
}

.button.btn-orange {
	background: url(../images/bg_button.png) left top repeat-x;
	-moz-box-shadow:inset 0px 0px 2px #9d3000;
	-webkit-box-shadow:inset 0px 0px 2px #9d3000;
	box-shadow:inset 0px 0px 2px #9d3000;
	text-shadow: 0 0 1px #c95400;
	color: #ffffff;
}

.button.btn-orange:hover {
	-moz-box-shadow:inset 0px 0px 6px #9d3000;
	-webkit-box-shadow:inset 0px 0px 6px #9d3000;
	box-shadow:inset 0px 0px 6px #9d3000;
}


/* ===== ICONS ==================================================== */
.icon.customlinen{	                                                        background: url(../images/icons/ASSORTMENT_CUSTOMLINENS.png) 0px 0px no-repeat;}
.icon.overnight{	                                                        background: url(../images/icons/TRUCK-BOX.png) 0px 0px no-repeat;}
.icon.phone{	                                                        background: url(../images/icons/MOBILE_PHONE_OFF.png) 0px 0px no-repeat;}
.icon.monogrammed {	                                                        background: url(../images/icons/MONOGRAMMING.png) 0px 0px no-repeat;}
.icon.gift {	                                                            background: url(../images/icons/sticky-note--pencil.png) 0px 0px no-repeat;}
.icon.custom {	                                                            background: url(../images/icons/HAMMER.png) 0px 0px no-repeat;}
.icon.unwanted_customer {	                                                background: url(../images/icons/user-silhouette.png) 0px 0px no-repeat;}

.icon.gift_registry_orders{                                                  background: url(../images/icons/gift_registry_order.png) 0px 0px no-repeat;}
.icon.vouchers{                                                             background: url(../images/icons/CMS_VOUCHERS.png) 0px 0px no-repeat;}
.icon.mailchimp{                                                             background: url(../images/icons/mailchimp.png) 0px 0px no-repeat;}
.icon.catalog{                                                             background: url(../images/icons/book-open-text-image.png) 0px 0px no-repeat;}
.icon.related{                                                             background: url(../images/icons/related.png) 0px 0px no-repeat;}
.icon.professional{                                                             background: url(../images/icons/USER-BUSINESS.png) 0px 0px no-repeat;}
.icon.stericycle{                                                             background: url(../images/icons/SALES_STERICYCLE.png) 0px 0px no-repeat;}
.icon.comment{                                                             background: url(../images/order_comment.png) 0px 0px no-repeat;}

.fedex_logo_button {
	background: url(../images/icons/fedex_logo.jpg) 0px 0px no-repeat;
	width: 45px;
	height: 22px;
	background-size: contain;
	margin: 2px 1px 0 1px;
	padding-top: 1px;
}

.ups_logo_button {
	background: url(../images/icons/UPS_logo.png) 6px 1px no-repeat;
	width: 12px;
	height: 22px;
	background-size: contain;
	margin: 2px 1px 0 1px;
	padding-top: 1px;
}

.usps_logo_button {
	background: url(../images/icons/USPS_logo.png) 0px 1px no-repeat;
	width: 72px;
	height: 22px;
	background-size: contain;
	margin: 2px 1px 0 1px;
	padding-top: 1px;
}



.icon.calendar{	                                                            background: url(../images/images.png) 0px 0px no-repeat;}
.button.active .icon.calendar,
.button:hover .icon.calendar, .icon.calendar.active, .icon.calendar:hover{	background: url(../images/images.png) -18px 0px no-repeat;}

.icon.ask{	                                                                background: url(../images/images.png) 0px -18px no-repeat;}
.icon.note{	                                                                background: url(../images/sticky-note.png) no-repeat;}
.button:active .icon.ask,
.button:hover .icon.ask, .icon.ask.active, .icon.ask:hover{          	    background: url(../images/images.png) -18px -18px no-repeat;}

.icon.doc{                                  	                            background: url(../images/images.png) 0px -36px no-repeat;}
.button.active .icon.doc,
.button:hover .icon.doc, .icon.doc.active, .icon.doc:hover{          	    background: url(../images/images.png) -18px -36px no-repeat;}

.icon.plus{                                 	                            background: url(../images/images.png) 0px -54px no-repeat;}
.button.active .icon.plus,
.button:hover .icon.plus, .icon.plus.active, .icon.plus:hover{        	    background: url(../images/images.png) -18px -54px no-repeat;}

.icon.tool{                                 	                            background: url(../images/images.png) 0px -72px no-repeat;}
.button.active .icon.tool,
.button:hover .icon.tool, .icon.tool.active, .icon.tool:hover{              background: url(../images/images.png) -18px -72px no-repeat;}

.icon.bin{                                  	                            background: url(../images/images.png) 0px -90px no-repeat;}
.button.active .icon.bin,
.button:hover .icon.bin, .icon.bin.active, .icon.bin:hover{          	    background: url(../images/images.png) -18px -90px no-repeat;}

.icon.arrRight{                             	                            background: url(../images/images.png) 0px -108px no-repeat;}
.button.active .icon.arrRight,
.button:hover .icon.arrRight, .icon.arrRight.active, .icon.arrRight:hover{	background: url(../images/images.png) -18px -108px no-repeat;}

.icon.arrDown{                              	                            background: url(../images/images.png) 0px -126px no-repeat;}
.button.active .icon.arrDown,
.button:hover .icon.arrDown, .icon.arrDown.active, .icon.arrDown:hover{  	background: url(../images/images.png) -18px -126px no-repeat;}

.icon.dialog{                               	                            background: url(../images/images.png) 0px -144px no-repeat;}
.button.active .icon.adialog,
.button:hover .icon.adialog, .icon.adialog.active, .icon.dialog:hover{   	background: url(../images/images.png) -18px -144px no-repeat;}

.icon.ok{                                   	                            background: url(../images/images.png) 0px -162px no-repeat;}
.button.active .icon.ok,
.button:hover .icon.ok, .icon.ok.active, .icon.ok:hover{           	        background: url(../images/images.png) -18px -162px no-repeat;}

.icon.x{                                    	                            background: url(../images/images.png) 0px -180px no-repeat;}
.button.active .icon.x,
.button:hover .icon.x, .icon.x.active, .icon.x:hover{                  	    background: url(../images/images.png) -18px -180px no-repeat;}

.icon.xNoFrame{                                    	                        background: url(../images/images.png) -36px -90px no-repeat; right: 10px; display:none;}
.button.active .icon.xNoFrame,
.button:hover .icon.xNoFrame, .icon.xNoFrame.active, .icon.xNoFrame:hover{  background: url(../images/images.png) -36px -108px no-repeat;}

.icon.onOff{                                    	                        background: url(../images/images.png) 0px -198px no-repeat;}
.button.active .icon.onOff,
.button:hover .icon.onOff, .icon.x.onOff, .icon.onOff:hover{                background: url(../images/images.png) -18px -198px no-repeat;}

.icon.draganddrop{                                    	                        background: url(../images/images.png) 0px -234px no-repeat;}
.button.active .icon.draganddrop,
.button:hover .icon.draganddrop, .icon.x.draganddrop, .icon.draganddrop:hover{   background: url(../images/images.png) -18px -234px no-repeat;}

.icon.external{                                    	                        background: url(../images/images.png) 0px -216px no-repeat;}
.button.active .icon.external,
.button:hover .icon.external, .icon.x.external, .icon.external:hover{       background: url(../images/images.png) -18px -216px no-repeat;}

.icon.draganddropblack{                                    	                        background: url(../images/images.png) 0px -252px no-repeat;}
.button.active .icon.draganddropblack,
.button:hover .icon.draganddropblack, .icon.x.draganddropblack, .icon.draganddropblack:hover{   background: url(../images/images.png) -18px -252px no-repeat;}

.icon.batteryFull{             background: url(../images/images.png) -54px -216px no-repeat;}
.icon.batteryThreeQuarters{    background: url(../images/images.png) -36px -198px no-repeat;}
.icon.batteryLow{              background: url(../images/images.png) -36px -216px no-repeat;}
.icon.batteryEmpty{            background: url(../images/images.png) -54px -198px no-repeat;}
.icon.new{                     background: url(../images/images.png) -36px -234px no-repeat;}
.icon.warning1{                background: url(../images/images.png) -36px -252px no-repeat;}
.icon.warning2{                background: url(../images/images.png) -54px -252px no-repeat;}
.icon.packet{                  background: url(../images/packet.png) no-repeat;}
.icon.calendar-day{            background: url(../images/calendar-day.png) no-repeat;}
span .icon.error{                   background: url(../images/images.png) -54px -180px no-repeat;}


.iconSmall.calendar{	                                                                    background: url(../images/images.png) -80px -34px no-repeat;}
.button.active .iconSmall.calendar,
.button:hover .iconSmall.calendar, .iconSmall.calendar.active, .iconSmall.calendar:hover{	background: url(../images/images.png) -98px -34px no-repeat;}

.iconSmall.ask{	                                                                            background: url(../images/images.png) -80px -52px no-repeat;}
.button:active .iconSmall.ask,
.button:hover .iconSmall.ask, .iconSmall.ask.active, .iconSmall.ask:hover{          	    background: url(../images/images.png) -98px -52px no-repeat;}

.iconSmall.doc{                                  	                                        background: url(../images/images.png) -80px -70px no-repeat;}
.button.active .iconSmall.doc,
.button:hover .iconSmall.doc, .iconSmall.doc.active, .iconSmall.doc:hover{          	    background: url(../images/images.png) -98px -70px no-repeat;}

.iconSmall.plus{                                 	                                        background: url(../images/images.png) -80px -88px no-repeat;}
.button.active .iconSmall.plus,
.button:hover .iconSmall.plus, .iconSmall.plus.active, .iconSmall.plus:hover{        	    background: url(../images/images.png) -98px -88px no-repeat;}

.iconSmall.tool{                                 	                                        background: url(../images/images.png) -80px -106px no-repeat;}
.button.active .iconSmall.tool,
.button:hover .iconSmall.tool, .iconSmall.tool.active, .iconSmall.tool:hover{               background: url(../images/images.png) -98px -106px no-repeat;}

.iconSmall.bin{                                  	                                        background: url(../images/images.png) -80px -124px no-repeat;}
.button.active .iconSmall.bin,
.button:hover .iconSmall.bin, .iconSmall.bin.active, .iconSmall.bin:hover{          	    background: url(../images/images.png) -98px -124px no-repeat;}

.iconSmall.arrRight{                             	                                        background: url(../images/images.png) -80px -142px no-repeat;}
.button.active .iconSmall.arrRight,
.button:hover .iconSmall.arrRight, .iconSmall.arrRight.active, .iconSmall.arrRight:hover{	background: url(../images/images.png) -98px -142px no-repeat;}

.iconSmall.arrDown{                              	                                        background: url(../images/images.png) -80px -160px no-repeat;}
.button.active .iconSmall.arrDown,
.button:hover .iconSmall.arrDown, .iconSmall.arrDown.active, .iconSmall.arrDown:hover{  	background: url(../images/images.png) -98px -160px no-repeat;}

.iconSmall.dialog{                               	                                        background: url(../images/images.png) -80px -178px no-repeat;}
.button.active .iconSmall.adialog,
.button:hover .iconSmall.adialog, .iconSmall.adialog.active, .iconSmall.dialog:hover{   	background: url(../images/images.png) -98px -178px no-repeat;}

.iconSmall.ok{                                   	                                        background: url(../images/images.png) -80px -196px no-repeat;}
.button.active .iconSmall.ok,
.button:hover .iconSmall.ok, .iconSmall.ok.active, .iconSmall.ok:hover{           	        background: url(../images/images.png) -98px -196px no-repeat;}

.iconSmall.x{                                    	                                        background: url(../images/images.png) -80px -214px no-repeat;}
.button.active .iconSmall.x,
.button:hover .iconSmall.x, .iconSmall.x.active, .iconSmall.x:hover{                  	    background: url(../images/images.png) -98px -214px no-repeat;}

.iconSmall.onOff{                                    	                                    background: url(../images/images.png) 0px -198px no-repeat;}
.button.active .iconSmall.onOff,
.button:hover .iconSmall.onOff, .iconSmall.x.onOff, .iconSmall.onOff:hover{                 background: url(../images/images.png) -18px -198px no-repeat;}




.icon.error{                                    	                        background: url(../images/images.png) -36px -180px no-repeat;}
.icon.error:hover{                                                          background: url(../images/images.png) -54px -180px no-repeat;}
.icon.remove{
  width: 38px;
  height: 30px;                      
  background: url(../images/remove.png) no-repeat;
}
.icon.hover{
  width: 38px;
  height: 30px;                      
  background: url(../images/remove.png) no-repeat;
}


/* ===== DATATABLE ==================================================== */
.dataTable tfoot tr th,
.dataTable thead tr th{
	background: #fe6a00; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,   #f0f0f0 0%, #e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,   #f0f0f0 0%, #e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,   #f0f0f0 0%, #e0e0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom,   #f0f0f0 0%, #e0e0e0 100%); /* W3C */
	color: #555555;
	text-shadow: 0px 0px 1px #ffffff;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.dataTable thead tr th{
	border-top: 1px solid #cccccc;
}

.dataTable thead tr th.sorting {
	background: url('../images/datatable/sort_both.png') no-repeat center right, #f0f0f0; /* Old browsers */
	background: url('../images/datatable/sort_both.png') no-repeat center right, -moz-linear-gradient(top,  #f0f0f0 0%, #e0e0e0 100%); /* FF3.6+ */
	background: url('../images/datatable/sort_both.png') no-repeat center right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: url('../images/datatable/sort_both.png') no-repeat center right, -webkit-linear-gradient(top,  #f0f0f0 0%, #e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/datatable/sort_both.png') no-repeat center right, -o-linear-gradient(top,  #f0f0f0 0%, #e0e0e0 100%); /* Opera 11.10+ */
	background: url('../images/datatable/sort_both.png') no-repeat center right, -ms-linear-gradient(top, #f0f0f0 0%, #e0e0e0 100%); /* IE10+ */
	background: url('../images/datatable/sort_both.png') no-repeat center right, linear-gradient(to bottom,  #f0f0f0 0%, #e0e0e0 100%); /* W3C */
	padding-right: 25px;
}
.dataTable thead tr th.sorting_asc{
	background: url('../images/datatable/sort_asc.png') no-repeat center right, #f0f0f0; /* Old browsers */
	background: url('../images/datatable/sort_asc.png') no-repeat center right, -moz-linear-gradient(top,  #f0f0f0 0%, #e0e0e0 100%); /* FF3.6+ */
	background: url('../images/datatable/sort_asc.png') no-repeat center right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: url('../images/datatable/sort_asc.png') no-repeat center right, -webkit-linear-gradient(top,  #f0f0f0 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/datatable/sort_asc.png') no-repeat center right, -o-linear-gradient(top,  #f0f0f0 0%,#e0e0e0 100%); /* Opera 11.10+ */
	background: url('../images/datatable/sort_asc.png') no-repeat center right, -ms-linear-gradient(top,  #f0f0f0 0%,#e0e0e0 100%); /* IE10+ */
	background: url('../images/datatable/sort_asc.png') no-repeat center right, linear-gradient(to bottom,  #f0f0f0 0%,#e0e0e0 100%); /* W3C */
	padding-right: 25px;
}
.dataTable thead tr th.sorting_desc{
	background: url('../images/datatable/sort_desc.png') no-repeat center right, #f0f0f0; /* Old browsers */
	background: url('../images/datatable/sort_desc.png') no-repeat center right, -moz-linear-gradient(top,  #f0f0f0 0%, #e0e0e0 100%); /* FF3.6+ */
	background: url('../images/datatable/sort_desc.png') no-repeat center right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: url('../images/datatable/sort_desc.png') no-repeat center right, -webkit-linear-gradient(top,  #f0f0f0 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/datatable/sort_desc.png') no-repeat center right, -o-linear-gradient(top,  #f0f0f0 0%,#e0e0e0 100%); /* Opera 11.10+ */
	background: url('../images/datatable/sort_desc.png') no-repeat center right, -ms-linear-gradient(top,  #f0f0f0 0%,#e0e0e0 100%); /* IE10+ */
	background: url('../images/datatable/sort_desc.png') no-repeat center right, linear-gradient(to bottom,  #f0f0f0 0%,#e0e0e0 100%); /* W3C */
	padding-right: 25px;
}
.dataTable thead tr th.sorting_asc_disabled{
	background: url('../images/datatable/sort_asc_disabled.png') no-repeat center right, #f0f0f0; /* Old browsers */
	background: url('../images/datatable/sort_asc_disabled.png') no-repeat center right, -moz-linear-gradient(top,  #f0f0f0 0%, #e0e0e0 100%); /* FF3.6+ */
	background: url('../images/datatable/sort_asc_disabled.png') no-repeat center right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: url('../images/datatable/sort_asc_disabled.png') no-repeat center right, -webkit-linear-gradient(top,  #f0f0f0 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/datatable/sort_asc_disabled.png') no-repeat center right, -o-linear-gradient(top,  #f0f0f0 0%,#e0e0e0 100%); /* Opera 11.10+ */
	background: url('../images/datatable/sort_asc_disabled.png') no-repeat center right, -ms-linear-gradient(top,  #f0f0f0 0%,#e0e0e0 100%); /* IE10+ */
	background: url('../images/datatable/sort_asc_disabled.png') no-repeat center right, linear-gradient(to bottom,  #f0f0f0 0%,#e0e0e0 100%); /* W3C */
	padding-right: 25px;
}
.dataTable thead tr th.sorting_desc_disabled{
	background: url('../images/datatable/sort_desc_disabled.png') no-repeat center right, #f0f0f0; /* Old browsers */
	background: url('../images/datatable/sort_desc_disabled.png') no-repeat center right, -moz-linear-gradient(top,  #f0f0f0 0%, #e0e0e0 100%); /* FF3.6+ */
	background: url('../images/datatable/sort_desc_disabled.png') no-repeat center right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: url('../images/datatable/sort_desc_disabled.png') no-repeat center right, -webkit-linear-gradient(top,  #f0f0f0 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/datatable/sort_desc_disabled.png') no-repeat center right, -o-linear-gradient(top,  #f0f0f0 0%,#e0e0e0 100%); /* Opera 11.10+ */
	background: url('../images/datatable/sort_desc_disabled.png') no-repeat center right, -ms-linear-gradient(top,  #f0f0f0 0%,#e0e0e0 100%); /* IE10+ */
	background: url('../images/datatable/sort_desc_disabled.png') no-repeat center right, linear-gradient(to bottom,  #f0f0f0 0%,#e0e0e0 100%); /* W3C */
	padding-right: 25px;
}


.dataTable thead tr th:last-child{
	border-right: 1px solid #cccccc;
}
.dataTable tfoot tr th:last-child{
	border-right: 1px solid #cccccc;
}
.dataTable tbody tr td{
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.dataTable tbody tr.odd td{
	background-color: #fafafa;
}
.dataTable tbody tr.even td{
	background-color: #ffffff;
}
.dataTable tbody tr:not(.noHover):hover td{
	background-color: #f5f5f5;

}
.dataTable tbody tr.odd:not(.noHover):hover td{
	background-color: #f1f1f1;
}
.dataTable tbody tr td:last-child{
	border-right: 1px solid #dddddd;
}
.dataTable tbody tr td.dragable{
	background-image: url(../images/drag-dot.png);
        background-repeat: repeat;
}
.dataTable tbody td.dark{
	background-color: #ebebea;
}
.dataTable tbody td .magnification{
	background: #f7f7f7;
	border-color: #c7c7c7;
	-webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow:  0 1px 2px rgba(0, 0, 0, 0.2);
}
.dataTable tbody td .wholesalers thead th,
.dataTable tbody td .wholesalers td,
.dataTable tbody td .attributes td{
	border-bottom: 1px dotted #d8d8d8;
}
.dataTable tbody td .wholesalers tr td{
	color: #aaaaaa;
}
.dataTable tbody td .wholesalers tr:first-child td{
	color: #4E4E4E;
}
.dataTable tbody td .attributes .key{
	color: #aaaaaa;
}

/**
    custom 
*/
.dataTable tbody tr.inactive.odd td{
	background-color: #fff0f0;
}
.dataTable tbody tr.inactive.even td{
    background-color: #fff2f2;
}
.dataTable tbody tr.inactive:not(.noHover):hover td{
	background-color: #f4ebeb;
}
.dataTable tbody tr.inactive.odd:not(.noHover):hover td{
	background-color: #f4ebeb;
}



.dataTable tbody tr.active.odd td{
}
.dataTable tbody tr.active.even td{
}
.dataTable tbody tr.active:not(.noHover):hover td{
}
.dataTable tbody tr.active.odd:not(.noHover):hover td{
}


.dataTable tfoot input{
	color: #555555;
}
.dataTable .chbSwitcher{
	background: url(../images/images.png) -57px -31px no-repeat;
}
.dataTable .chbSwitcher.active{
	background: url(../images/images.png) -57px -51px no-repeat;
}
.dataTable .chbSwitcher:hover,
.dataTable .chbSwitcher.active:hover{
	background: url(../images/images.png) -57px -71px no-repeat;
}

/* ------------------------------------------------------------------ */
.underTable .massAction{
	background: url(../images/dotted_arrow.png) left top no-repeat;
}

/* ------------------------------------------------------------------ */

.paginate_active{
	color: #ff6a00;
	font-family: OpenSansBold;
}

.paginate_button:hover{
	color: #ff6a00;
	text-decoration: none;
}
.paginate_button_disabled:hover,
.paginate_button_disabled{
	color: #b2b2b2;
}

.paginate_button.first{
	background: url(../images/pagination.png) left -61px no-repeat;
}
.paginate_button.first:hover{
	background: url(../images/pagination.png) left -101px no-repeat;
}
.paginate_button.first.paginate_button_disabled{
	background: url(../images/pagination.png) left -81px no-repeat;
}

.paginate_button.previous{
	background: url(../images/pagination.png) left -181px no-repeat;
}
.paginate_button.previous:hover{
	background: url(../images/pagination.png) left -221px no-repeat;
}
.paginate_button.previous.paginate_button_disabled{
	background: url(../images/pagination.png) left -201px no-repeat;
}


.paginate_button.next{
	background: url(../images/pagination.png) right -121px no-repeat;
}
.paginate_button.next:hover{
	background: url(../images/pagination.png) right -161px no-repeat;
}
.paginate_button.next.paginate_button_disabled{
	background: url(../images/pagination.png) right -141px no-repeat;
}



.paginate_button.last{
	background: url(../images/pagination.png) right -1px no-repeat;
}
.paginate_button.last:hover{
	background: url(../images/pagination.png) right -41px no-repeat;
}
.paginate_button.last.paginate_button_disabled{
	background: url(../images/pagination.png) right -21px no-repeat;
}

/* ===== LOGINBOX ==================================================== */

#loginBox{
	border-color: #dddddd;
	-moz-box-shadow:inset 0px 0px 1px #f4f4f4;
	-webkit-box-shadow:inset 0px 0px 1px #f4f4f4;
	box-shadow:inset 0px 0px 1px #e4e4e4;
}
/* ===== ERRROR & OK ==================================================== */
.alert{
	color: #ffffff;

}
.jGrowl-notification,
.alert.alertOk{
	border-color: #72a925;
	-webkit-box-shadow: inset 0 0 1px #609614;
	-moz-box-shadow: inset 0 0 1px #609614;
	box-shadow: inset 0 0 1px #609614;

	text-shadow: 0px 0.6px 1px #396100;

	background: url(../images/alert_ok.png) no-repeat 10px center  #6aa519; /* Old browsers */
	background: url(../images/alert_ok.png) no-repeat 10px center , -moz-linear-gradient(top,  #80c029 0%, #6aa519 100%); /* FF3.6+ */
	background: url(../images/alert_ok.png) no-repeat 10px center , -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80c029), color-stop(100%,#6aa519)); /* Chrome,Safari4+ */
	background: url(../images/alert_ok.png) no-repeat 10px center , -webkit-linear-gradient(top,  #80c029 0%,#6aa519 100%); /* Chrome10+,Safari5.1+ */
	background: url(../images/alert_ok.png) no-repeat 10px center , -o-linear-gradient(top,  #80c029 0%,#6aa519 100%); /* Opera 11.10+ */
	background: url(../images/alert_ok.png) no-repeat 10px center , -ms-linear-gradient(top,  #80c029 0%,#6aa519 100%); /* IE10+ */
	background: url(../images/alert_ok.png) no-repeat 10px center , linear-gradient(to bottom,  #80c029 0%,#6aa519 100%); /* W3C */
}
.jGrowl-notification.alertError,
.alert.alertError{
	border-color: #d84343;
	-webkit-box-shadow: inset 0 0 1px #b31515;
	-moz-box-shadow: inset 0 0 1px #b31515;
	box-shadow: inset 0 0 1px #b31515;
	text-shadow: 0px 0.6px 1px #b31515;

	background: url(../images/alert_error.png) no-repeat 10px center  #6aa519; /* Old browsers */
	background: url(../images/alert_error.png) no-repeat 10px center , -moz-linear-gradient(top,  #f74b4b 0%, #da3434 100%); /* FF3.6+ */
	background: url(../images/alert_error.png) no-repeat 10px center , -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f74b4b), color-stop(100%,#da3434)); /* Chrome,Safari4+ */
	background: url(../images/alert_error.png) no-repeat 10px center , -webkit-linear-gradient(top,  #f74b4b 0%,#da3434 100%); /* Chrome10+,Safari5.1+ */
	background: url(../images/alert_error.png) no-repeat 10px center , -o-linear-gradient(top,  #8f74b4b 0%,#da3434 100%); /* Opera 11.10+ */
	background: url(../images/alert_error.png) no-repeat 10px center , -ms-linear-gradient(top,  #f74b4b 0%,#da3434 100%); /* IE10+ */
	background: url(../images/alert_error.png) no-repeat 10px center , linear-gradient(to bottom,  #f74b4b 0%,#da3434 100%); /* W3C */
}

.jGrowl-notification.alertInfo,
.alert.alertInfo{
	color: #4e4e4e;

	border-color: #89bfd3;
	-webkit-box-shadow: inset 0 0 1px #6eabc1;
	-moz-box-shadow: inset 0 0 1px #6eabc1;
	box-shadow: inset 0 0 1px #6eabc1;

	text-shadow: 0px 0.6px 1px #ffffff;

	background: url(../images/alert_info.png) no-repeat 10px center  #6aa519; /* Old browsers */
	background: url(../images/alert_info.png) no-repeat 10px center,  -moz-linear-gradient(top,  #9edcf3 0%, #8ad1e7 100%); /* FF3.6+ */
	background: url(../images/alert_info.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f74b4b), color-stop(100%,#8ad1e7)); /* Chrome,Safari4+ */
	background: url(../images/alert_info.png) no-repeat 10px center, -webkit-linear-gradient(top,  #9edcf3 0%,#8ad1e7 100%); /* Chrome10+,Safari5.1+ */
	background: url(../images/alert_info.png) no-repeat 10px center, -o-linear-gradient(top,  #9edcf3 0%,#8ad1e7 100%); /* Opera 11.10+ */
	background: url(../images/alert_info.png) no-repeat 10px center, -ms-linear-gradient(top,  #9edcf3 0%,#8ad1e7 100%); /* IE10+ */
	background: url(../images/alert_info.png) no-repeat 10px center, linear-gradient(to bottom,  #9edcf3 0%,#8ad1e7 100%); /* W3C */
}

/* ===== DIALOG ==================================================== */

.ui-dialog.ui-widget-content{
	background: url(../images/bg_pop_up.png) repeat-x top left #f06e36;
	border-color: #ce5e20 ;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:  0 2px 5px rgba(0, 0, 0, 0.5);
	box-shadow:  0 2px 5px rgba(0, 0, 0, 0.5);
}
.ui-dialog .ui-dialog-content.ui-widget-content{
	background: #fbfafa;
}
.ui-dialog .ui-widget-header{
	background: none;

	text-shadow: 1px 1px 1px #c1592b;
}
.ui-dialog .ui-widget-header span{
	color: #ffffff;
}

.ui-widget .ui-widget-header .ui-button{
	background: url(../images/images.png) 0px -180px no-repeat transparent;
	width: 18px;
	height: 18px;
}
.ui-widget .ui-widget-header .ui-button:hover{
	background: url(../images/images.png) -18px -180px no-repeat;
}
/* ===== RADIOS ==================================================== */

.tabs .buttons .ui-state-active,
.tabsAsLinks .buttons .ui-state-active,
.radios.buttons.ui-buttonset  .ui-state-active{
	border: 1px solid #d56331;
	background: #FE6A00;
	color: #ffffff;
	text-shadow:  1px 1px 1px #B54919;
}
/* ===== CHECKBOX & RADIO ==================================================== */
.ez-checkbox {
	background: transparent url('../images/images.png') -54px -162px no-repeat;
}
.ez-radio {
	background: transparent url('../images/images.png') -36px -162px no-repeat;
}
.ez-checkbox:hover{
	background: transparent url('../images/images.png') -54px -144px no-repeat;
}
.ez-radio:hover{
	background: transparent url('../images/images.png') -36px -144px no-repeat;
}
.ez-checked:hover,
.ez-checked {
	background: transparent url('../images/images.png') -54px -126px no-repeat;
}
.ez-selected:hover,
.ez-selected {
	background: transparent url('../images/images.png') -36px -126px no-repeat;
}


/* ===== SELECT ==================================================== */
.selectboxit-container{

}

/* ===== FRAME'Y ==================================================== */
.fieldset{
	border-color: #e6e6e6;
	-webkit-box-shadow: inset 0 0 2px  #e6e6e6;
	-moz-box-shadow: inset 0 0 2px #e6e6e6;
	box-shadow: inset 0 0 2px #e6e6e6;
	background: #f7f7f7;
}
.fieldset.noFrame,
.fieldset.clean{
	background: none;
	border-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}
.fieldset .legend{
	text-shadow: 1px 1px 1px #ffffff;

}
.fieldset input.grey{
	color: #999999;
	border-color: #cecece;
}
.fieldset .hint{
	color: #999999;
}

.fieldset .category-thumbnails {
    float: left;
    width: 100px;
    height: auto;
    min-height: 110px;
    background-color: #fff;
    border: 1px dashed #dfdfdf;
    margin-right: 8px;
    margin-bottom: 5px;
    position: relative;
}

.fieldset .category-thumbnails > span {
    text-overflow: ellipsis;
    width: 96px;
    white-space: nowrap;
    overflow: hidden;
    display:inline-block;
    padding: 2px;
    background: #fff;
    opacity: 1;
    position: absolute;
    top: 0;
    z-index: 1;
}

.fieldset .category-thumbnails:hover > span {
    text-overflow: clip;
    white-space: normal;
    overflow: auto;
    display:inline-block;
    opacity: 0.8;
}

.fieldset .category-thumbnails .image-container, 
.fieldset .category-thumbnails .buttons-container {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 0;
}

.fieldset .category-thumbnails .image-container > img {
    margin: 17px auto 0 auto;
}

.fieldset .category-thumbnails .image-container > img.no-span {
    margin: 10px auto 0 auto;
}

.fieldset .category-thumbnails .buttons-container {
    position: absolute;
    width: 100%;
    height: 110px;
    text-align: center;
}

.fieldset .category-thumbnails .buttons-container .buttonCenter {
    margin: 48px auto;
    float: none;
    width: 25px;
    z-index: 2;
}

.fieldset .category-thumbnails .buttons-container .buttonHover {
    margin: 6px auto;
    float: none;
    width: 40px;
    opacity: 0;
}

.fieldset .category-thumbnails .buttons-container .buttonHover:first-child {
    margin-top: 35px;
}

.fieldset .category-thumbnails .buttons-container .buttonHover.singleButton:first-child {
    margin-top: 48px;
}

.fieldset .category-thumbnails .buttons-container:hover .buttonHover {
    opacity: 1;
}

.fieldset .color_image_content {
        border: 1px dashed #dfdfdf;
        float: left;
        background-color: #fff;
        margin: 2px;
}
.fieldset div.magnificationWrap,
div.magnificationWrapHover {
    	position: relative;
        cursor: pointer;
}
.fieldset div.magnificationWrap div.magnification, 
div.magnificationWrapHover div.magnification {
    	position: absolute;
        cursor: pointer;
        z-index: 25;
        padding: 2px;
        border: 1px dashed #dfdfdf;
        background-color: #fff;
        text-align: center;
        font-weight: bold;
}
.fieldset label + p {
        margin-left: 150px;
        display: block;
        padding: 4px 10px 0 0px;
        font-family: OpenSans;
        line-height: 16px;
        font-size: 12px;
}
.fieldset label + p a {
        color: #ff6a00;
}

div.magnificationWrapHover {
    cursor: pointer; 
    margin: 2px; 
    float: left;
}
div.magnificationWrapHover div.magnification {
    display: none;
    top: 35px;
    left: -92px;
}
div.magnificationWrapHover {
    width: 20px;
    height: 20px;
}
div.magnificationWrapHover div.magnification span {
    display: inline-block;
}
div.magnificationWrapHover:hover div.magnification {
    display: block;
}
div.magnificationWrapHover div.magnification div.magni-arrow {
    width: 10px;
    height: 10px;
    position: relative;
    background: white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 48%;
    top: -6px;
    /* float: left; */
    position: absolute;
    /* z-index: -1; */
    border-top: 1px dashed #dfdfdf;
    border-left: 1px dashed #dfdfdf;
}

.color-border-red {
    border: 1px solid rgb(204, 0, 0);-webkit-box-shadow: 0px 0px 5px 0px rgba(204, 0, 0, 0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(204, 0, 0, 0.5);box-shadow: 0px 0px 5px 0px rgba(204, 0, 0, 0.5);
}
.color-border-green {
    border: 1px solid rgb(0, 204, 0);-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 204, 0, 0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(0, 204, 0, 0.5);box-shadow: 0px 0px 5px 0px rgba(0, 204, 0, 0.5);
}
/* ===== IMPORTANT ERROR ==================================================== */
.importantError{
	background: #ffffff;
	border-color: #dddddd;
	-moz-box-shadow:inset 0px 0px 1px #cccccc;
	-webkit-box-shadow:inset 0px 0px 1px #cccccc;
	box-shadow:inset 0px 0px 1px #cccccc;
}
/* ===== AUTOCOMPLETE ==================================================== */
.ui-menu.ui-autocomplete{
	background: #ffffff;
	border-color: #dddddd;
}
.ui-menu.ui-autocomplete .ui-menu-item a:hover{
	background: #ff6a00;
	color: #ffffff;
	margin: 0;
	text-shadow: 1px 1px 1px #B54919;
}


/* ===== DATEPICKER ==================================================== */
.ui-datepicker{
	background: #ffffff;
	border: 1px solid #dddddd;
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	border: 1px solid #cccccc;
}
.ui-datepicker .ui-widget-header{
	background: #f0f0f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0f0f0 0%, #e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f0f0f0 0%, #e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f0f0f0 0%, #e0e0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f0f0f0 0%, #e0e0e0 100%); /* W3C */
	border: 1px solid #cccccc;
}
.ui-datepicker .ui-state-active{
	border: 1px solid #f17739;
	background: #f17739;
	color: #ffffff;
	font-family: OpenSansSemiBold;
}

/* ===== GLOBAL ==================================================== */
textarea,
input{
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	background: #F9F9F9;
	border-color: #cecece;
}
textarea.error,
input.error{
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px rgba(250, 0, 0, 0.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px rgba(250, 0, 0, 0.4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px rgba(250, 0, 0, 0.4);
	background: #F9F9F9;
	border-color: #dd0000;
}
textarea[disabled=disabled],
textarea[readonly],
textarea[readonly=readonly],
input[disabled=disabled],
input[readonly],
input[readonly=readonly]{
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	background: #e9e9e9;
	border-color: #cecece;
}
textarea.error:active,
textarea.error:focus,
textarea.error:hover,
input.error:active,
input.error:focus,
input.error:hover{
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px rgba(250, 0, 0, 0.8);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px rgba(250, 0, 0, 0.8);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px rgba(250, 0, 0, 0.8);
}

textarea:active,
textarea:focus,
textarea:hover,
input:active,
input:focus,
input:hover{
	-moz-box-shadow:inset 0px 0px 1px #cccccc, 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow:inset 0px 0px 1px #cccccc, 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0px 0px 1px #cccccc, 0 1px 2px rgba(0, 0, 0, 0.05);
}
.selectboxit.error,
.buttons.error{
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px rgba(250, 0, 0, 0.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px rgba(250, 0, 0, 0.4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px rgba(250, 0, 0, 0.4);
	background: #F9F9F9;
	border-color: #dd0000;
}
.buttons.error label{
	border-color: #dd0000;
}
hr{
	border-color: #dbdada;
}
.lightGray{
	color: #cccccc;
}
.green{
	color: #39b204;
}
.red{
	color: #f90502;
}
.orange{
    color: #ff6a00 !important;
}

.underline:hover {
    text-decoration: underline !important;
}