.careLabelDotline {
    text-align: center;
}
.careLabelFrontVendorSize {
    font-size: x-large;
    text-transform: uppercase;
    text-align: center;
    font-weight:bold;
    font-family: 'Open Sans',serif;
}
.careLabelFrontVendorName {
    font-size: 125%;
    text-transform: uppercase;
    text-align: center;
    font-weight:bold;
    font-family: 'Open Sans',serif;
}
.careLabelFront {
    font-size: 95%;
    text-transform: uppercase;
    text-align: center;
    font-weight:bold;
    line-height: 97%;
    font-family: 'Open Sans',serif;
}
.careLabelBack {
    font-size:x-small;
    text-transform: uppercase;
    text-align: center;
    line-height: 95%;
    font-family: 'Open Sans',serif;
}

.careLabelLulus {
    font-size:95%;
    line-height: 98%;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Open Sans',serif;
}
.careLabelBackLulus {
    font-size:95%;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Open Sans',serif;
}

.careLabelBackFrancesca {
    font-size: 150%;
    text-align: center;
    line-height: 95%;
    text-transform: lowercase;
    font-family: 'Dynalight', cursive;
}
.careLabelSteps {
    color:#708090;
    font-weight:bold;
}

.numberCircle {
    border-radius: 50%;

    width: 36px;
    height: 36px;
    padding: 8px;

    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;

    font: 32px Arial, sans-serif;
}

.tabTitleFontSize {
    font-size:medium;
}
    .formPaddingBottom1 {margin-bottom: 0px !important}
    .gridPanelRowHtTall .x-grid3-row td {line-height: 20px;}
    
    .gridPanelRowHtMedium .x-grid3-row td {line-height: 12px;}
    .gridPanelRowHtMedium .x-grid3-hd-inner {line-height: 9px;}
    .gridPanelRowHtSmall .x-grid3-row td {line-height: 11px;}
    .gridPanelRowHtSmall .x-grid3-hd-inner {line-height: 7px;}
    
    .x-table-layout td {vertical-align:top;}

    .yellow-row {background-color: #FBF8B8;}
    .green-row {background-color: lime;}
    
    .chkboxgrayish {background-color: #E5E7E9;}
    .chkboxyellow {background-color: #FBF8B8; text-align: center;}
    
    .xsize-row {background-color: #819FF7;}
    .x-grid3-cell.size-header {background-color: #819FF7;}
    .x-grid3-cell.gray-background {background-color: #E6E6E6;}

    .x-grid3-hd.x-grid3-td-prodfab1 { background-color: #D6F5FF; }
    .x-grid3-hd.x-grid3-td-prodfab2 { background-color: #D6F5FF; }
    .x-grid3-hd.x-grid3-td-prodfab3 { background-color: #D6F5FF; }
    .x-grid3-hd.x-grid3-td-prodfab4 { background-color: #D6F5FF; }
    .x-grid3-hd.x-grid3-td-prodfab5 { background-color: #D6F5FF; }
    .x-grid3-hd.x-grid3-td-prodfab6 { background-color: #D6F5FF; }
    
    .x-grid3-hd.x-grid3-td-prodpp1 { background-color: #D6F5FF; }
    .x-grid3-hd.x-grid3-td-prodpp2 { background-color: #D6F5FF; }
    .x-grid3-hd.x-grid3-td-prodpp3 { background-color: #D6F5FF; }

    .x-grid3-hd.x-grid3-td-prodclbl1 { background-color: #D6F5FF; }
    .x-grid3-hd.x-grid3-td-prodclbl2 { background-color: #D6F5FF; }

    .x-grid3-hd.x-grid3-td-prodfit1 { background-color: #FFFFCC; }
    .x-grid3-hd.x-grid3-td-prodfit2 { background-color: #FFFFCC; }
    .x-grid3-hd.x-grid3-td-prodfit3 { background-color: #FFFFCC; }
    
    .x-grid3-hd.x-grid3-td-prodlbl1 { background-color: #FFFFCC; }
    .x-grid3-hd.x-grid3-td-prodlbl2 { background-color: #FFFFCC; }
    
    
                
    
    .swfupload {
        position: absolute;
        z-index: 1;
    }
    .x-form-helptext {
        font-size: 9px;
        color: #424242;
        /* color: #888; */
    }
    .combo-result-item {
        padding: 2px;
        border:  1px solid #FFFFFF;
    }
    .combo-result-item-over {
        border : 1px solid;
    }
    .combo-greenbar-on {
        font-weight:      bold;
        font-size:        11px;
        background-color: #FFFF99;
    }
    .combo-greenbar-off {
        font-size: 11px;
        color:     #555555;
    }
    .showOverFlow div{
        overflow: auto !important;
        white-space: normal !important;
    }
    
    .btn-no-hover td {
        background-image: none;
        background-color: #FF9900;
    }
    
.btn-without-hover td {
    padding-left:10px;
    text-align:left;
    border-bottom: 0px dotted #C0C0C0;
    background-image: none;
}

.btn-webstore-left td {
    font-size:15px;
    padding-left:10px;
    text-align:left;
    background-image: none;
}

.prodall-filter-cls label:hover{
    cursor: pointer;
}

#webstoreStyleList .x-grid3-header {
    display:none;
}
/* for progress bar cell */
    .x-grid3-progresscol .x-grid3-cell-inner {
        padding: 0px 0px 0px 5px;
    }

    .x-grid3-progresscol .x-progress-bar {
        height: 16px;
    }

    .x-grid3-progresscol .x-progress-inner {
        height: 16px;
    }

    .x-grid3-progresscol .x-progress-text-front-ie6 {
        padding: 2.5px 5px;
    }

    .x-grid3-progresscol .x-progress-text-front {
        padding: 2px 5px;
    }

    .x-progress-bar-red,.x-progress-bar-orange,.x-progress-bar-green {
        border-bottom: 1px solid #7fa9e4;
        float: left;
        height: 16px;
    }

    .x-progress-bar-red {
        background: #ff0000 url(../images/icons/progress-bg-red.gif) repeat-x scroll left center;
        border-top: 1px solid #ecb7ad;
    }

    .x-progress-bar-orange {
        background: #9cbfee url(../images/icons/progress-bg-orange.gif) repeat-x scroll left center;
        border-right: 1px solid #deab7e;
        border-top: 1px solid #d7b290;
    }

    .x-progress-bar-green {
        background: #00ff00 url(../images/icons/progress-bg-green.gif) repeat-x scroll left center;
        border-right: 1px solid #5bd976;
        border-top: 1px solid #79e18f;
    }
/* end progress bar cell */

.dataViewWrap {
    border: 1px #999999 solid;
    margin : 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #ffffcc;
    padding-bottom: 3px;
}

/* wkim word wrap in grid cell overrides 
.x-grid3-cell-inner { /*.x-grid3-hd-inner { 
  white-space: normal; /* changed from nowrap 
}
*/

/* fileuploadfield css */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

/* image float left/right mixing with text in grid panel */
img.floatLeft {
    float: left;
    margin: 4px;
}
img.floatRight {
    float: right;
    margin: 4px;
}

.rowclass-msg {
    color:rgb(30%,25%,60%);
    white-space:normal !important;
}

.cs-gridrowimage {
    height: 10px;
}
/* FileUploadField component styles */

/* old filter row
.filter-grid .x-grid3-header {
    background: #f9f9f9 url(../images/icons/hrow.gif) repeat-x left top;
}

.filter-grid .new-task-row {
    height: 26px;
}
.x-grid3-row-selected td, .x-grid3-locked .x-grid3-row-selected td{
	background-color: #ffff99 !important;
	color: black;
}
*/

/* new filter row */
.filter-row-grid .x-grid3-header {
    background: #f9f9f9 url(../images/filter-row-hrow.gif) repeat-x left top;
}

.filter-row-grid .filter-row-header {
    height: 26px;
}

tr.filter-row-header .filter-row-icon input {
    background-image: url(../images/filter-row-icon.png);
    background-repeat: no-repeat;
    padding-left: 16px;
}

/* group header */
td.ux-grid-hd-group-cell {
	background: url(../images/grid3-hrow.gif) repeat-x bottom;
}
td.ux-grid-hd-nogroup-cell .x-grid3-hd-inner {
	background: none;
}

/* dollarcss & emptycss used in actioncolumn for conditional displaying
   of icons */
.dollarcss{
    background-image:url(../images/icons/dollar.png);
    background-repeat: no-repeat;
    width: 15px;
    height:18px;
    cursor: pointer;
}
.fabrollcss{
    background-image:url(../images/icons/fabroll.png);
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
}
.fabriccss{
    background-image:url(../images/icons/fabric.png);
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
}
.emptycss{
    width: 0px;
    height:0px;
}
.pointerColorcss{
    background-image:url(../images/icons/purchase.png);
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    background-color: #009933;
    cursor: pointer;
}
.pointercss{
    background-image:url(../images/icons/purchase.png);
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    cursor: pointer;
}
/* for display pictures in inventory form -> Panel */
/* overflow-x: visible|hidden|scroll|auto|no-display|no-content; */
#wsdainvent-scrollable {
       overflow-x: auto;
       overflow-y: hidden;
       width:100%;
       height:153px;
}
#wsdainvent-pic-items {
    width: 250px; /* itemWidth x itemCount */
}
#proddainvent-scrollable {
       overflow-x: auto;
       overflow-y: hidden;
       width:100%;
       height:153px;
}
#proddainvent-pic-items {
    width: 250px; /* itemWidth x itemCount */
}
#stylepic-scrollable {
    white-space:nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    width:100%;
    height:375px;  /* 375 */
}
#stylepic-pic-items {
    width: 250px; /* itemWidth x itemCount */
}
#fabricpic-scrollable {
    white-space:nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    width:100%;
    height:310px;  /* 375 */
}
#fabricpic-pic-items {
    width: 250px; /* itemWidth x itemCount */
}
#webst-stylepic-scrollable {
       overflow-x: hidden;
       overflow-y: auto;
       width:100%;
       height:590px;
}
#webst-stylepic-pic-items {
    width: 400px; /* itemWidth x itemCount */
}
.webst-stylepic-pic-item{
    padding-left:5px;
    padding-top:5px;
    float:left;
}
#prodpic-scrollable {
       overflow-x: auto;
       overflow-y: hidden;
       width:100%;
       height:150px;
}
#prodpic-pic-items {
    width: 125px; /* itemWidth x itemCount */
}

.wsdainvent-pic-item .proddainvent-pic-item .stylepic-pic-item .fabricpic-pic-item .prodpic-pic-item{
    padding-left:5px;
    padding-top:5px;
    float:left;
}

/* for locking column grid view */
.x-grid3-locked, .x-grid3-unlocked {
	overflow: hidden;
	position: absolute;
}

.x-grid3-locked {
	border-right: 1px solid #99BBE8;
}

.x-grid3-locked .x-grid3-scroller {
	overflow: hidden;
}

.x-grid3-locked .x-grid3-row {
	border-right: 0;
}

.x-grid3-scroll-spacer {
	height: 19px;
}

.x-grid3-unlocked .x-grid3-header-offset {
	padding-left: 0;
}

.x-grid3-unlocked .x-grid3-row {
	border-left: 0;
}

/* customized header color/icon */
.x-grid3-hd-classProdExt2
.x-grid3-hd-classProdExt1,
.x-grid3-hd-classProdCancel,
.x-grid3-hd-classProdDue {
       background-color: #FFD6D6;
}

.x-grid3-hd-classProdMainLbl,
.x-grid3-hd-classProdCareLbl,
.x-grid3-hd-classProdPT {
       background-color: #FFFFCC;
}

.x-grid3-hd-classProdCutCutFab,
.x-grid3-hd-classProdCutCutOK,
.x-grid3-hd-classProdCutCutNo,
.x-grid3-hd-classProdCutDate,
.x-grid3-hd-classProdCutDue,
.x-grid3-hd-classProdCutVendor {
       background-color: #D6F5FF;
}

/* customized header color/icon for import grid panel*/
.x-grid3-hd-impclassProdCancel,
.x-grid3-hd-impclassProdDue {
       background-color: #FFD6D6;
}

.x-grid3-hd-impclassProdLbl {
       background-color: #FFFFCC;
}
.x-grid3-hd-impclassProdLblCareOk {
       background-color: #FFFFCC;
}

/* needed for lockingGridSummary Row // does not work. remove it later.
.x-grid3-summary-row {
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    color:#333;
    background: #f1f2f4;
}
.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight:bold;
    padding-bottom:4px;
}
.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left:16px;
}
.x-grid-hide-summary .x-grid3-summary-row {
    display:none;
}
.x-grid3-summary-msg {
    padding:4px 16px;
    font-weight:bold;
}
*/

/** vim: ts=4:sw=4:nu:fdc=4:nospell
 *
 * Ext.ux.form.LovCombo Example Application CSS File
 *
 * @author    Ing.Jozef Sakáloš
 * @copyright (c) 2008, by Ing. Jozef Sakáloš
 * @date      16. April 2008
 * @version   $Id: lovcombo.css 194 2008-04-17 00:16:12Z jozo $
 *
 */

#west-content a {
	text-decoration:none;
}
#west-content a:hover {
	text-decoration:underline;
}
#west {
	width:280px;
}
#center {
	width:640px;
}
#adsense-top {
	margin: 10px 0 10px 0;
}
#west-content {
	font-family:arial, sans-serif;
}
#center-content {
	font-family:arial, sans-serif;
	margin:0 0 0 10px;
	color:#777777;
}
#center-content h2 {
	font-size:16px;
	text-align:center;
}
#description {
	color:#777777;
	text-align:justify;
}
#description em {
	font-style:italic;
	font-weight:bold;
}
#description p {
	margin: 2px 0 8px 0;
}
.adsense {
	opacity:.55;
	filter:alpha(opacity=55);
	-moz-opacity:.55;
}
#change-log {
	padding:20px 0 0 20px;
}
#change-log ul {
	margin: 8px 0 0 1em;
	list-style:disc outside;
	text-align:justify;
}
#cts {
	margin: 20px;
	zoom:1;
}
/* eof LovCombo*/

/* prod domestic month view calendar box items */
.post-container {
    margin: 0 0 0 15px;  
    overflow: auto
}
.post-thumb {
    float: left
}
.post-thumb img {
    display: block
}
.post-content {
    margin-left: 50px
}


.addItem { background-image:url(../images/icons/add.png) !important;}
.about { background-image:url(../images/icons/about_16.png) !important; }
.app_back {background-image:url(../images/icons/application_back.png) !important;}
.app_next {background-image:url(../images/icons/application_go.png) !important;}
.arrow_left { background-image:url(../images/icons/arrow_left.png) !important;}
.arrow_right { background-image:url(../images/icons/arrow_right.png) !important;}
.arrow-up { background-image:url(../images/icons/arrow-up.gif) !important;}
.arrowup { background-image:url(../images/icons/up.png) !important;}
.arrow-down { background-image:url(../images/icons/arrow-down.gif) !important;}
.arrowdown { background-image:url(../images/icons/down.png) !important;}
.arrow_undo { background-image:url(../images/icons/arrow_undo.png) !important;}
.attach { background-image:url(../images/icons/attach.png) !important;}
.barcode { background-image: url( ../images/icons/barcode.png) !important;}
.bogus { background-image: url( ../../images/window/bogus.png ) !important;}
.book_open {background-image:url(../images/icons/book_open.png) !important;}
.browser {background-image:url(../images/icons/browser.png) !important;}
.building {background-image:url(../images/icons/building.png) !important;}
.button{background-image:url(../images/icons/button.png) !important;}
.calendar{background-image:url(../images/icons/calendar.png) !important;}
.cancel{background-image:url(../images/icons/delete2.gif) !important;}
.cart{background-image:url(../images/icons/cart.png) !important;}
.cart2{background-image:url(../images/icons/cart2.png) !important;}
.ccards{background-image:url(../images/icons/ccards.png) !important;}
.chart{background-image:url(../images/icons/chart.png) !important;}
.chk{background-image:url(../images/icons/chk.png) !important;}
.chk3{background-image:url(../images/icons/chk3.png) !important;}
.clear{background-image:url(../images/icons/clear.png) !important;}
.close{background-image:url(../images/icons/close.png) !important;}
.clothing{background-image:url(../images/icons/clothing.png) !important;}
.config{background-image:url(../images/icons/config.png) !important;}
.colors{background-image:url(../images/icons/colors.png) !important;}
.colors2{background-image:url(../images/icons/colors2.png) !important;}
.combine{background-image:url(../images/icons/combine.png) !important;}
.comments{background-image:url(../images/icons/comments.png) !important;}
.contactUs {background-image:url(../images/icons/telephone.png) !important;}
.copy {background-image:url(../images/icons/copy.png) !important;}
.crmemo {background-image:url(../images/icons/crmemo.png) !important;}
.cross {background-image:url(../images/icons/cross.png) !important;}
.customer {background-image:url(../images/icons/customer.png) !important;}
.cut {background-image:url(../images/icons/cut.png) !important;}
.date_back {background-image:url(../images/icons/back.png) !important;}
.dashboard {background-image:url(../images/icons/dashboard.png) !important;}
.delete {background-image:url(../images/icons/delete.png) !important;}
.date_next {background-image:url(../images/icons/next.png) !important;}
.demo_icon{background-image:url(../images/icons/chart_organisation.png) !important;}
.detach{background-image:url(../images/icons/detach2.png) !important;}
.disk{background-image:url(../images/icons/disk.png) !important;}
.document{background-image:url(../images/icons/page.png) !important;}
.dollar1{background-image:url(../images/icons/dollar.png) !important;}
.dollar2{background-image:url(../images/icons/money_dollar.png) !important;}
.door_out{background-image:url(../images/icons/door_out.png) !important;}
.download{background-image:url(../images/icons/download.png) !important;}
.editItem { background-image:url(../images/icons/page_edit.png) !important;}
.email { background-image:url(../images/icons/email.png) !important;}
.exclamation {background-image:url(../images/icons/exclamation.png) !important;}
.excel {background-image:url(../images/icons/page_excel.png) !important;}
.excel2 {background-image:url(../images/icons/excel.png) !important;}
.feedback{background-image:url(../images/icons/feed.png) !important;}
.find{background-image:url(../images/icons/find.png) !important;}
.fabric{background-image:url(../images/icons/fabric.png) !important;}
.fabroll{background-image:url(../images/icons/fabroll.png) !important;}
.folder_orig { background-image:url(../images/icons/folder.png) !important;}
.folder_add { background-image:url(../images/icons/folder_add.png) !important;}
.folder_file { background-image:url(../images/icons/folder_page.png) !important;}
.folder_pic { background-image:url(../images/icons/folder_picture.png) !important;}
.global {background-image:url(../images/icons/global.png) !important;}
.go {background-image:url(../images/icons/go.png) !important;}
.group {background-image:url(../images/icons/group.png) !important;}
.gmap {background-image:url(../images/icons/gmap.png) !important;}
.house {background-image:url(../images/icons/house.png) !important;}
.help {background-image:url(../images/icons/help.png) !important;}
.hiflower {background-image:url(../images/icons/hiflower.png) !important;}
.import {background-image:url(../images/icons/import.png) !important;}
.in {background-image:url(../images/icons/in.png) !important;}
.inventory {background-image:url(../images/icons/inventory.png) !important;}
.invoice {background-image:url(../images/icons/invoice.png) !important;}
.invoice2 {background-image:url(../images/icons/invoice2.png) !important;}
.invoice3 {background-image:url(../images/icons/invoice3.png) !important;}
.invoice4 {background-image:url(../images/icons/invoice4.png) !important;}
.jeans {background-image:url(../images/icons/jeans.png) !important;}
.list {background-image:url(../images/icons/list.png) !important;}
.lock {background-image:url(../images/icons/lock.png) !important;}
.log {background-image:url(../images/icons/log-icon.png) !important;}
.map {background-image:url(../images/icons/map.png) !important;}
.manufacture {background-image:url(../images/icons/manufacture.png) !important;}
.magnify {background-image:url(../images/icons/magnify.png) !important;}
.movedn {background-image:url(../images/icons/arrow_down.png) !important;}
.moveup {background-image:url(../images/icons/arrow_up.png) !important;}
.new {background-image:url(../images/icons/new.png) !important;}
.new2{background-image:url(../images/icons/new2.png) !important;}
.note {background-image:url(../images/icons/note.png) !important;}
.noteAdd {background-image:url(../images/icons/note_add.png) !important;}
.notice {background-image:url(../images/icons/notice.png) !important;}
.order {background-image:url(../images/icons/order.png) !important;}
.package_green {background-image:url(../images/icons/package_green.png) !important;}
.packlist {background-image:url(../images/icons/packlist.png) !important;}
.page_edit {background-image:url(../images/icons/page_edit.png) !important;}
.page-next {background-image:url(../images/icons/page-next.gif) !important;}
.page-prev {background-image:url(../images/icons/page-prev.gif) !important;}
.pay {background-image:url(../images/icons/pay.png) !important;}
.pdf2 {background-image:url(../images/icons/pdf2.png) !important;}
.pdf3 {background-image:url(../images/icons/pdf.png) !important;}
.picdelete {background-image:url(../images/icons/picture_delete.png) !important;}
.point {background-image:url(../images/icons/Bullet-point.jpg) !important;}
.printer {background-image:url(../images/icons/printer.png) !important;}
.phone {background-image:url(../images/icons/phone.png) !important;}
.purchase {background-image:url(../images/icons/purchase.png) !important;}
.question {background-image:url(../images/icons/question.png) !important;}
.receive { background-image:url(../images/icons/receive.png) !important;}
.refresh { background-image:url(../images/icons/refresh.png) !important;}
.remove { background-image:url(../images/icons/delete.gif) !important;}
.rename { background-image:url(../images/icons/rename.gif) !important;}
.reopen { background-image:url(../images/icons/reopen.png) !important;}
.report { background-image:url(../images/icons/report.png) !important;}
.save{ background-image:url(../images/icons/saved.png) !important;}
.sample { background-image:url(../images/icons/clothing.png) !important;}
.sewing {background-image:url(../images/icons/sewing.png) !important;}
.server{background-image:url(../images/icons/server.png) !important;}
.share{background-image:url(../images/icons/share.png) !important;}
.shipping{ background-image:url(../images/icons/shipping.png) !important;}
.shipout{ background-image:url(../images/icons/shipout.png) !important;}
.sizezoom{ background-image:url(../images/icons/sizezoom.png) !important;}
.special {background-image:url(../images/icons/special.png) !important;}
.star { background-image: url( ../../images/icons/star.png ) !important;}
.star3 {background-image:url( ../images/icons/star3.png ) !important;}
.style { background-image: url( ../images/icons/style.png) !important;}
.stop { background-image: url( ../images/icons/stop.png) !important;}
.summary { background-image: url( ../images/icons/summary.png) !important;}
.time {background-image:url(../images/icons/time.png) !important;}
.tabs {background-image:url(../images/icons/table_multiple.png) !important;}
.trash {background-image:url(../images/icons/trash.png) !important;}
.terms {background-image:url( ../images/icons/terms.png ) !important;}
.connect {background-image:url(../images/icons/fam/connect.gif) !important;}
.unlock {background-image:url(../images/icons/unlock.png) !important;}
.usaflag {background-image:url(../images/icons/usaflag.png) !important;}
.uploadfile {background-image:url(../images/icons/upload.png) !important;}
.user-kid {background-image:url(../images/icons/fam/user_green.gif) !important;}
.user_red {background-image:url(../images/icons/user_red.png) !important;}
.user_suit {background-image:url(../images/icons/user_suit.png) !important;}
.view {background-image:url(../images/icons/view.png) !important;}
.warning {background-image:url(../images/icons/warning.png) !important;}
.web{background-image:url(../images/icons/web.png) !important;}
.wrench {background-image:url(../images/icons/wrench.png) !important;}

/* I'm not happy to have to include this hack but since we're using floating elements */
		/* this is needed, if anyone have a better solution, please keep me posted! */
		.x-grid3-body:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
		.x-grid3-body { display: inline-block; }
		/* Hides from IE Mac \*/
		* html .x-grid3-body { height: 1%; }
		.x-grid3-body { display: block; }
		/* End Hack */

		.ux-explorerview-large-icon-row { width: 110px; height: 150px; float: left; margin: 5px 0 0 5px; border-top: 1px solid #EDEDED; }
		.ux-explorerview-large-icon-row .x-grid3-row-table { width: 100%; }
		.ux-explorerview-large-icon-row .x-grid3-row-table td { text-align: center; }
		.ux-explorerview-large-icon-row .x-grid3-row-table td img {	margin: 10px 0; }

		.ux-explorerview-detailed-icon-row { width: 290px; height: 205px; float: left; margin: 5px 0 0 5px; border-top: 1px solid #EDEDED; }
		.ux-explorerview-detailed-icon-row .x-grid3-row-table { width: 100%; }
		.ux-explorerview-detailed-icon-row .x-grid3-row-table td.ux-explorerview-icon { width: 50px; }
		.ux-explorerview-detailed-icon-row .x-grid3-row-table td span { color: #aaaaaa; }

#img-chooser-dlg .details{
    padding: 10px;
    text-align: center;
}
#img-chooser-dlg .details-info{
    border-top: 1px solid #cccccc;
    font: 11px Arial, Helvetica, sans-serif;
    margin-top: 5px;
    padding-top: 5px;
    text-align: left;
}
#img-chooser-dlg .details-info b{
    color: #555555;
    display: block;
    margin-bottom: 4px;
}
#img-chooser-dlg .details-info span{
    display: block;
    margin-bottom: 5px;
    margin-left: 5px;
}

/* this is for Zooming Images */
.magnifyarea { /* CSS to add shadow to magnified image. Optional */
	box-shadow: 5px 5px 7px #818181;
	-webkit-box-shadow: 5px 5px 7px #818181;
	-moz-box-shadow: 5px 5px 7px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
	background: white;
}

.targetarea { /* CSS for container div(s) of the zoomable image */
	width: 325px; /* wide or wider than the widest zoomable image */
	height: 338px; /* high or higher than the tallest zoomable image */
	margin-top:3px;
}

#two { /* Added CSS for second target div of zoomable images */
	height: 243px; /* high or higher than the tallest zoomable image */
}

.targetarea img { /* zoomable image */
	margin: auto; /* for horizontal centering */
	display: block; /* also for horizontal centering */
	position: relative; /* along with on the fly calculations in script, for vertical centering */
	border-width: 0;
}

.thumbs { /* divs holding the trigger links - styles optional, used here to center their links below their respective zoomable image */
	padding-top: 25px;
	width: 325px;
	text-align: center;
}

.thumbs a { /* trigger links on the thumbnail images */
	text-decoration: none; /* avoid underlines of images, text or spaces in these links */
}

.thumbs img { /* trigger images - the thumbnails used to load new zoomable images into the targetarea */
	border-width: 0; /* avoid default borders in some browsers */
}

#description, #description2 {
	position: absolute; /* required for description folows image bottom (descpos: true) */
	width: 325px; /* should be width of zoomable image container (.targetarea) */
	text-align: center;
	font: bold 95% sans-serif;
	margin-top: 3px; /* when following image bottom, this sets a fixed distance for that */
	color: #222;
	background-color: #fff;
}
/* END OF ZOOM IMAGE */