﻿.fixedContent{
    min-width: 1144px;
    width: 1144px;
    margin: 0px auto;
    position: relative;
    height: 100%;    
}

.confirm {
    margin : 5px 0 10px 0;
    font-size : 14px;
    font-weight : normal;
}

.validationSummary 
{
    border: 1px solid #9E0000; 
    background: #F1F6E0 URL(images/validation_error.gif) no-repeat;
    padding: 10px;
    padding-left: 40px;
    color: #9E0000;
    margin: 8px 0 8px 0;
    font-size: 105%;
}

.validationError
{
    display: inline-block;
    background: URL(images/error.gif) no-repeat;
    width: 10px;
    height: 10px;
    vertical-align: middle;
}

.clear{
    clear: both;
}
.fSec{
    overflow: hidden;
}
    .fLeft{
        float: left;
    }
    
    .fLeft2 {
        float : left;
        margin-left : 20px;
    }	

    .fRight{
        float: right;
    }
    .btn-caption .fRight .button{
        margin-left: 8px;
        min-width: 90px;
    }

.link{
    color: #00ab67;
    font-size: 13px;
}
    .link:hover{
        border-bottom: 1px solid #00AB67;
    }
.productNameLbl{
    color: #00ab67;
    font-size: 16px;
}
/* header */
h2{
    font-size: 20px;
    font-weight: normal;
    line-height: 1.4;	
}
h3{
    color: #7f7f7f;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 16px;
    text-transform: uppercase;
}
    h3.alternate{
        color: #00ab67;
        font-size: 16px;
        text-transform: none;
    }
    h3.alternate a {
        color: #00ab67;
        font-size: 16px;
        text-transform: none;
    }
    h3.btn-row{
        height: 34px;
        line-height: 34px;
        padding-bottom: 10px;
    }
    h3.btn-row .fRight .button{
        text-transform: none;
        margin-left: 10px;
        min-width: 100px;
    }

	h3.alternate span,
	h3.alternate span a {
		font-size: 12px;
		color: #000;
	}

	h3.alternate span a:hover {
		border-bottom-color:#000;
	}
    
#seResult {
    text-transform : none;
    font-weight : bold;
}
    
.no-content {
    width : 97%;
    background : #eee;
    margin : 0 0 10px 0;
    border : 1px solid #dddddd;
    padding : 3% 0 0 3%;
    font-weight : bold;
    font-size : 18px;
    color : #FF0000;
}

input.InputLogin[type="password"],
input.InputLogin[type="text"],
textarea.text{
    margin: 0;
    padding: 0;
    outline: 0;
    border: 1px solid #a2a2a2;
    height: 24px;
    line-height: 24px;
    padding: 4px 3px;
    min-width: 20px;
    background: #fff url('images/bg-text.png') left top repeat-x;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    behavior: url(/styles/PIE/PIE.htc);
    position: relative;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
    input[type="password"]:active, input[type="password"]:focus,
    input[type="text"]:active, input[type="text"]:focus,
    textarea.text:focus{
        border: 1px solid #0d0;
    }


input.errorVal {
    border : 1px solid #FF0000;
}

#form1 {
    height: 100%;
}

#wrapper {
    background:#f5f5f5;
    min-width: 1144px;
    position:relative;
    min-height:100%;
}

/* button */
.button{
    display: inline-block;
    height: 32px;
    line-height: 32px;
    min-width: 20px;
    color: #f3f3f3;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    padding: 0 10px;
    
    background: url('images/bg-btn-green.png') repeat-x;
    background-position:  left top;

    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    text-align: center;
    
    border: 1px solid #008731;
    border-radius: 2px;
    -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
    
   -webkit-box-shadow: 0px 2px 3px #cacaca;
    -moz-box-shadow:    0px 2px 3px #cacaca;
    box-shadow:         0px 2px 3px #cacaca;
       
   behavior: url(/styles/PIE/PIE.htc);
   position: relative;
}
.hide{
    display: none;
}
    .bSilver{
        background: url('images/bSilver.png') repeat-x;
        border: 1px solid #a2a2a2;
        color: #7f7f7f;
        text-shadow: 0 1px 1px rgba(255,255,255,0.8);
        
        -webkit-box-shadow: 0px 2px 3px #dfdfdf;
        -moz-box-shadow:    0px 2px 3px #dfdfdf;
        box-shadow:         0px 2px 3px #dfdfdf;
    }
    .button:hover{
        background-position: left bottom;
    }
    .btnSelected{
        background-position: left bottom;
    }
        .btnSelected .ico{
            background: url('images/ico-tick-green.png') left center no-repeat;
            padding-left: 21px;
        }
    .btn-login .ico{
        position: absolute;
        right: 11px;
        top: 7px;
        height: 19px;
        width: 25px;
        background: url('images/ico-fwd.png') left top no-repeat;
    }
        .btn-login:hover .ico{
            right: 7px;
        }
    .addCart .ico, .addGroup .ico, .addCartList .ico{
            padding-left: 16px;
            background: url('images/ico-plus.png') left center no-repeat;
    }
    .addedCart{
        background: url('images/bGreen.png') left bottom repeat-x;
        border: 1px solid #008731;
        color: #084400;
        text-shadow: 0 1px 1px rgba(255,255,255,0.5);
    }
        .addedCart .ico{
            background: url('images/ico-tick-black.png') left center no-repeat;
            padding-left: 20px;
        }
.rule hr{
    border: dotted black;
    border-width: 1px 0 0 0;
    margin: 0px 0 18px 0;
}
.radius2{
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    behavior: url(/styles/PIE/PIE.htc);
}

/* content 
---------------------------------*/
#content{
    position: relative;
    z-index: 1;
}

    .lSidebarLayout .fixedContent{
        overflow: hidden;
    }
    .lSidebarLayout .loginPane{
        width: 369px;
        padding: 0 16px;
        min-height: 334px;
        float: left;
        background: #fdfdfd;
        font-size: 13px;
    }	
        .lSidebarLayout .loginPane h2{
            padding: 24px 0 18px 0;
        }
        .lSidebarLayout .loginPane .row{
            padding-bottom: 16px;
        }
            .lSidebarLayout .loginPane .row label{
                font-size: 13px;
                font-weight: bold;
                width: 110px;
                display: inline-block;
                height: 34px;
                line-height: 34px;
            }
            .lSidebarLayout .loginPane .row.rowRemem  label{
                font-weight: normal;
            }
            .lSidebarLayout .loginPane .row span{
                display: inline-block;
            }
            .lSidebarLayout .loginPane .rowAccount{
                padding-top: 10px;
            }
            
            .lSidebarLayout .loginPane .row .text{
                width: 251px;
            }
            .loginPane .row.rowRemem{
                padding: 10px 0 26px 0;
            }
            .lSidebarLayout .loginPane .row .button{
                display: block;
            }
            .lSidebarLayout .loginPane .rowError .msg{
                text-align: center;
                background: url('images/bg-error.png') left top repeat-x;
                border: 1px solid #ff5d5d;
                position: relative;
                line-height: 32px;
            }
                .lSidebarLayout .loginPane .rowError span{
                    color: #e70000;
                    text-shadow: 0 1px 1px rgba(255,255,255,0.5);
                    display: inline-block;
                    height: 22px;
                    line-height: 22px;
                    font-weight: bold;
                    padding-left: 32px;
                    background: url('images/ico-alert.png') left top no-repeat;
                }
/* full width content */
.fullConent .main-content{
    display: block;
}
    
.chkLbl{
    width: auto !important;
    height: auto !important;
    line-height: 1.4 !important;
    margin-left: 4px;
}
    .lSidebarLayout .main-content{
        float: right;
        width: 712px;
    }
/* main -content */
        .container h2{
            border-bottom: 1px dotted #000;
            margin-bottom: 12px;
            padding-bottom: 2px;
        }
            .container h2.alternate{
                border-bottom: none;
            }
        .container p{
            padding-bottom: 20px;
            text-align: justify;
        }
    .container .caption{
        height: 34px;	
        overflow: hidden;	
        padding-bottom: 4px;
    }
    .container .caption.alternate{
        height: 16px;
    }
        .container .caption p{
            font-size: 12px;
            padding: 0;
            line-height: 34px;
        }
        .container .caption p.alternate{
            line-height: 14px;
        }
        .container .btn-caption .fLeft p{
            line-height: 34px;
        }
    .caption .row{
        height: 34px;
    }
    .caption .group{
        display: inline-block;
        margin-right: 20px;
    }
    .caption.select-caption{
        height: 34px;
        overflow: visible;
    }
    .caption .row .lbl{
        display: inline-block;
        font-weight: bold;
        width: 80px;
        vertical-align: top;
    }
        .caption .row .value{
            display: inline-block;
        }
        .caption .row select{
            width: 80px;
        }
.caption .view{
    padding-top: 16px;
}
    .caption .view .link{
        border-bottom: none;
        color: #000;
        padding-left: 20px;
        margin-left: 10px;
        display: inline-block;
    }
        .caption .view b{
            padding-left: 10px;
        }
        .caption .view .link.inActive{
            border-bottom: none;
            color: #00AB67;
        }
        .caption .view .tableView{
            background: url('images/ico-table.png') left center no-repeat;
        }
        .caption .view .graphView{
            background: url('images/ico-graph.png') left center no-repeat;
        }
.ico-links {
    display: inline-block;
    height: 16px;
	width: 16px;
    color: #000;
    font-size: 13px;
	margin: 0px !important;
	border-bottom: 0px solid !important;
}	
.ico-links.print{	
    background: url('images/ico-print.png') left top no-repeat;	
}
.ico-links.dwldPDF{
    background: url('images/ico-pdf.png') left top no-repeat;
}
.ico-links.dwldCSV{
    background: url('images/ico-csv.png') left top no-repeat;
}
.ico-links.export{
    background: url('images/ico-export.png') left top no-repeat;
}
.ico-links.import{
    background: url('images/ico-import.png') left top no-repeat;
}
.ico-links.typeXLS{
    background: url('images/ico-XLS.png') left top no-repeat;
}

.ico-links.typeXML{
    background: url('images/ico-XML.png') left top no-repeat;
}

.ico-links:hover{
    color: #00AB67;
}
	
.print{
    display: inline-block;
    background: url('images/ico-print.png') left top no-repeat;
    height: 16px;
    padding-left: 20px;
    color: #000;
    margin-left: 20px;	
    font-size: 13px;
}
/*.dwldPDF{
    display: inline-block;
    background: url('images/ico-pdf.png') left top no-repeat;
    height: 16px;
    padding-left: 20px;
    color: #000;
    margin-left: 20px;
    font-size: 13px;
}
    .dwldPDF:hover, .print:hover{
        color: #00AB67;
    }*/
    

/* productListView table*/
.productListView table{
    width: 100%;
    background: #fff;
}
    .productListView table td{
        height: 143px;
        border: solid #d5d5d5;
        border-width: 1px 0;
        vertical-align: middle;
        padding: 0 12px;
    }
    .productListView table td:first-child{
        text-align: center;
        border-left: 1px solid #d5d5d5;
        border-right: 1px solid #d5d5d5;
        padding: 0;
    }
    .userListView table td:first-child{
        text-align: left;
        padding: 0 12px;
        border-right:none;
        }
    .productListView table td:last-child{
        border-right: 1px solid #d5d5d5;
        padding-left: 0;
        text-align: center;
    }
        .productListView table td img{
            vertical-align: middle;
            max-width : 120px;
            max-height : 129px;
        }
        .productListView table p{
            padding-bottom: 8px;
            font-size: 12px;
            text-align: left;
        }
        .productListView table .priceTag{
            font-size: 16px;
            padding-bottom: 0;
            font-weight: bold;
        }
            .productListView table .priceTag span {
                display: inline-block;
                font-weight: normal;
                font-size: 12px;
            }
        .productListView table td .pDesc1 b{
            padding-right: 4px;
        }
        .productListView table td .pDesc1 .sep{
            padding: 0 10px;
        }
        .productListView h3{
            padding-bottom: 15px;
        }
        .productListView td .button{
            width: 149px;
            margin-bottom: 10px;
        }
/* pagination */
.pagination{
    font-size: 12px;
    line-height: 20px;
    height: 22px;
    padding-top: 16px;
}
    .pagination p{
        padding: 0;
    }
    .pagination ul{
        overflow: hidden;
        padding-left: 6px;
        display: inline-block;
    }
        .pagination ul li{
            float: left;
            line-height: 20px;
            margin-left: 7px;
        }
            .pagination ul li .link{
                line-height: 20px;
                display: inline-block;
                font-size: 12px;
                border: none;
            }
                .pagination ul li .link:hover{
                    color: #8b0000;
                }
            .pagination select{
                width: 30px;
            }
            .pagination ul li.active a{
                color: #000;
            }
                .pagination ul li.active a:hover{
                    border: none;
                }
            .pagination .fRight span, .pagination .fRight ul{
                float: left;
            }
            .pagination .selectSmall{
                vertical-align: top;
                display: inline-block;
                margin: 0 8px;
            }
    
        
.addToCustomGr{
    padding-right: 9px;
    background: url('images/bullet-arrow.png') 99% 60% no-repeat;
    color: black;
    font-size: 13px;
}	
    .addToCustomGr:hover{
        background: url('images/bullet-arrow.png') 100% 60% no-repeat;
    }

    
.productList{
    overflow: hidden;
}
    .productList .list{
        float: left;
        width: 300px;
        height: 350px;
        border: 1px solid #d5d5d5;
        background: #fff;
        margin-left: 7px;
    }
        .productList .list:first-child{
            margin-left: 0;
        }
        .productList .list .itemImg{
            text-align: center;
            height: 154px;
            border-bottom: 1px solid #d5d5d5;
        }
            .productList .list .itemImg img{
                margin-top: 22px;
                max-width : 110px;
                max-height : 110px;
            }
        .productList .itemDetails h3{
            padding: 12px 14px;
        }
        .productList .itemDetails p{
            padding: 0 14px 10px; 
            text-align: left;
            height : 55px;
        }
        .productList .itemDetails .btnRow{
            height: 34px;
        }
        .productList .itemDetails .priceTag{
            background: #e6e6e6;
            display: inline-block;
            height: 34px;
            line-height: 34px;
            position: relative;
            margin-right: 13px;
            width: 91px;
            text-align: center;
            font-size: 16px;
        }
            .productList .itemDetails .priceTag .arrow{
                background: url('images/ico-arrow.png') right top no-repeat;
                position: absolute;
                right: -13px;
                top: 0;
                width: 13px;
                height: 34px;
            }
        .productList .itemDetails .options{
            overflow: hidden;
            padding-top: 20px;
            padding-left: 26px;
        }
            .productList .itemDetails .options li{
                float: left;
                margin-right: 16px;
            }
            .productList .itemDetails .options li a{
                padding-right: 9px;
                background: url('images/bullet-arrow.png') 99% 60% no-repeat;
                color: #000;
                font-size: 13px;
            }
                .productList .itemDetails .options li a:hover{
                    background: url('images/bullet-arrow.png') 100% 60% no-repeat;
                }
    .productList .addCart{
        width: 149px;		
        float: right;
        margin-right: 14px;
    }		
    
.allContent .productList .list{
    width: 225px;
    height: 350px;
}
    .allContent .productList .priceTag{
        background: none;
        text-align: left;
    }
    .allContent .productList .btnRow{
        text-align: center;
    }
        .allContent .productList .addCart{
            float: none;
        }
    

.form{
    font-size: 13px;
}
    .form .row{
        padding-bottom:11px;
    }        
        .form .row .lbl{
            display: inline-block;
            width: 200px;
            background: url('images/colon.png') 100% 15px no-repeat;
            line-height: 34px;
            height: 34px;
            margin-right: 16px;
            font-weight: bold;
            vertical-align: top;
        }
            .form .row .lbl.noBg{
                background: none;
            }
        .form.alternate .row .lbl{
            width: 200px;
        }
        .form .row.alternate .lbl{
            line-height: 14px;
            background: url('images/colon.png') 100% 5px no-repeat;
        }
        .form .row .value{
            display: inline-block;	
        }
        .form .row .value.textLbl, .textLbl{
            display: inline-block;	
            line-height: 34px;
        }
        .form .row .value.radVal{
            padding-top: 8px;
            height: 34px;
        }
            .search .text,
            .form .row .value .text {
                width: 255px;
            }
            
            .form .row .value .dateText{
                width: 100px;
            }

            .form .row .value .twoColText{
                width: 192px;
            }
                  
            .form .row .value .errorVal,
            .form .row .value textarea.errorVal, 
            .form .row .value select.errorVal
            {
                border : 1px solid #FF0000;
            }

			.form .row .value.linkText{
                display: inline-block;
				
				height: 34px;
				line-height: 34px;
            }
            
            .errVal {
                color : #FF0000;
                font-weight : bold;
                font-style : italic;
            }
            
            .form .row.samallTxt .value .text{
                width: 58px;
            }
            .form .row .value textarea.text{
                width: 459px;
            }
            .form .row .value select{
                width: 231px;
            }
            .form .row .value .subRow{
                display: block;
                padding-bottom: 9px;
            }
            .form .row .value .subGroup{
                margin-left: 84px;
                display: inline-block;
                line-height: 34px;
            }
                .form .row .value .subGroup:first-child{
                    margin-left: 0;
                }
            .form .row.aRight{
                text-align: right;
            }
            .form .btn-row .button{
                margin-left: 10px;
                width: 167px;
            }
        .form .row .jqTransformRadio{
            margin-top: 8px;
        }
                 
        .form .btnRegister{
            width: 185px;
        }
    .form .twoColumn{
        overflow: hidden;
    }
    .filterPane .form .oneColumn{
        overflow: visible;
        min-height: 70px;
    }
    .filterPane .form .twoColumn{
        overflow: visible;
    }

    .filterPane.alternate .form .twoColumn{
        min-height: 198px;
    }
        .form .twoColumn .fLeft:first-child{
            margin-right: 22px;
        }
    .form .row .helpTxt{
        color: #7f7f7f;
        font-size: 13px;
    }

.viewForm .row {
    padding-bottom: 10px;
}

.viewForm .row .value {
    height: 16px;
    line-height: 16px;
}

.viewForm .row .lbl {
    height: 16px;
    line-height: 16px;
    background: url('images/colon.png') 100% 6px no-repeat;
}

/* rLayout */
    .rLayout .main-content{
        float: left;	
        width: 920px;
    }
    .rLayout .rightSidebar{
        float: right;
        width: 193px;
    }	
    /* all content layout 3 column */
    
        .allContent .leftSidebar{
            float: left;
            width: 193px;
            margin-right: 30px;
        }
        .allContent .main-content{
            float: left;
            width: 700px;
        }

        .allContent .main-content .no-right-sidebar {
            float: left;
            width: 920px;
        }

        .allContent .rightSidebar{
            float: right;
            width: 193px;
        }
        .allContent .leftSidebar .button{
            width: 171px;
            margin-bottom: 13px;
        }

     /* all content layout 2 column */
            
        .allContent .left-content{
            float: left;
            width: 900px;
            padding-top: 0;
        }
        .allContent .right-sidebar-content{
            float: right;
            width: 193px;
        }
.list-link{
    margin-top: -12px;
    padding-bottom: 10px;
}
    .list-link li{
        height: 32px;
        border-top: 1px dotted #b3b3b3;
        line-height: 32px;
    }
        .list-link li:first-child{
            border-top: none;
        }
        .list-link li .link{
            line-height: 1.4;
            display: inline-block;
        }
        .list-link li.active .link{
            color: #000;
            font-weight: bold;		
            width: 188px;	
            background: url('images/bullet-big.png') 100% 10px no-repeat;		
            line-height: 32px;
        }
        .list-link li.active .link:hover{
            border-bottom: none;
        }
        .list-link .removableLI{
            color: #00AB67;
            font-size: 13px;
            line-height: 19px;
            display: inline-block;
            width: 191px;
            background: url('images/ico-red-close.png') 100% 0 no-repeat;
            float: right;
            height: 20px;
            width: 20px;
            margin-top: 8px;
        }

        .list-link .se-active {
            font-weight : bold;
            color : #777;
        }

        
            .list-link .removableLI:hover{
                background: url('images/ico-red-close.png') 100% -34px no-repeat;
            }
        .compareList li{
            color: #00AB67;
        }
        .compareList li:first-child{
            color: #000;
        }
        .rightSidebar .button{
            width: 171px;	
            margin-bottom: 27px;
            margin-top: -5px;
        }
/* carousel */
.carousel{
    overflow: hidden;
    position: relative;
    height: 179px;
}
    .carousel .caroReel{
        width: 4580px;
        overflow: hidden;
        height: 179px;
        position: absolute;
        left: 0;
        top: 0;
    }
        .carousel .caroReel .item{
            width: 1144px;
            height: 179px;
            background: #16c0ff;
            float: left;
        }
            .carousel .caroReel .item.clr2{
                background: #ffc0ff;
            }
        .carousel .caroNav{
            text-align: center;
            height: 13px;
            z-index: 10;
            bottom: 22px;
            position: absolute;
            width: 100%;
        }
            .carousel .caroNav a{
                border-radius: 7px;
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
                behavior: url(/styles/PIE/PIE.htc);
                position: relative;
                height: 13px;
                width: 13px;
                background: #fff;
                display: inline-block;
                margin-left: 6px;
            }
                .carousel .caroNav a.active{
                    background: #b5ebff;
                }

/* ============================================================================
   breadcrumb
   ============================================================================ */
.breadcrumb { 
    padding: 20px 0px; 
}

ul.breadcrumb { 
    list-style: none; 
    margin: 0; 
    display: block; 
    overflow: hidden; 
}

ul.breadcrumb li { 
    margin: 0; 
    padding: 0 8px 0 0; 
    float: left; 
}

ul.breadcrumb li a { 
    color: #00b760; 
    text-decoration: none; 
}

ul.breadcrumb li a:hover { 
    text-decoration: underline; 
}

ul.breadcrumb li a, 
ul.breadcrumb li span { 
    font-size: 12px; 
    padding-left: 8px; 
}

ul.breadcrumb li:first-child a, 
ul.breadcrumb li:first-child span {
     padding-left: 0; 
}

ul.breadcrumb li:before { 
    content: " "; 
    width: 5px; 
    height: 8px; 
    background: transparent url(Images/ico-breadcrumb-trail.png) no-repeat 0 0; 
    display: inline-block; 
}

ul.breadcrumb li:first-child:before { 
    content: " "; 
    display: none 
}

ul.breadcrumb li.current a { 
    cursor: default; 
    color: #333; 
}

ul.breadcrumb li:hover a, 
ul.breadcrumb li a:focus { 
    text-decoration: underline; 
}

ul.breadcrumb li.current:hover a, 
ul.breadcrumb li.current a:focus { 
    text-decoration: none; 
}

/* ============================================================================
   ph box
   ============================================================================ */
.phBox{
    padding-bottom: 20px;	
}
    .phBox .phno{
        height: 52px;
        border: solid #d5d5d5;
        border-width: 1px 1px 0 1px;
        background: #fff;
        font-size: 17px;
        line-height: 52px;
        text-align: center;
    }
        .phBox .phno span{
            background: url('images/ico-telephone.png') left center no-repeat;
            padding-left: 28px;
            height: 24px; 
            line-height: 24px;
            display: inline-block;
        }
    .phBox .time{
        background: url('images/bg-green.png') left bottom no-repeat;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        text-shadow: 0 1px 1px rgba(0,0,0,0.2);
        color: #fffffe;
        text-align: center;
    }

.btn-row-alternate, .container p.btn-row-alternate{
    padding-top: 12px;
    padding-bottom: 0;
}
.btn-row-alternate.top, .container p.btn-row-alternate.top{	
    padding: 0 0 12px 0;
}
    .btn-row-alternate .button{
        min-width: 89px;
        margin-right: 11px;
        padding: 0 20px;
    }

/* table */
.data-table{
            width: 100%;
            background: #fff url('images/bg-th.png') left top repeat-x;
            font-size: 13px;
        }
            .data-table thead th{				
                border-right: 1px solid  #088f5a;
                height: 35px;
                text-align: left;
            }
                .data-table thead th a{
                    color: #fffffe;
                    display: block;
                    line-height: 35px;
                    padding: 0 6px;
                    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
                }
                    .data-table thead th .short{
                        background: url('images/ico-updn.png') 99% 50% no-repeat;
                        padding-right: 15px;
                        line-height : 15px;
                        text-align : left;
                    }
                    .data-table thead th.multiLine a{
                        line-height: 14px;
                        padding: 2px 0 2px 2px;
                    }
                    .data-table thead th.multiLine .short{
                        padding-right: 15px;
                    }
                .data-table td .jqTransformRadioWrapper{
                    float: none;
                }
                .data-table thead th span{
                    color: #fffffe;
                    display: block;
                    line-height: 15px;
                    padding: 0 6px;
                    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
                }
                .data-table p{
                    text-align: left;
                    padding: 0;
                }
                .data-table th{
                    vertical-align: middle;
                }
                .data-table td{
                    vertical-align: middle;
                    padding: 0 7px;
                    border-bottom: 1px solid #8B8B8B;
                }
                .default-table td{
                    height: 37px;
                }
                    .data-table td a{
                        display: inline-block;
                        margin-bottom: 2px;
                        border-bottom: 1px solid transparent;					
                    }
                    .data-table .even td{
                        background: #f5f5f5;
                    }
                    .data-table th:first-child{
                        text-align: center;
                        padding: 0;
                        
                    }
                     .data-table td:first-child{
                        text-align: left;
                        padding: 0;
                        border-left: 1px solid #8B8B8B;
                    }
                    .default-table th, .default-table th:first-child{
                        text-align: left;
                    }
                    .default-table td, .default-table td:first-child{
                        text-align: left;
                        padding: 0 6px;
                    }
                    .data-table tbody{
                        border-right: 1px solid #8B8B8B;
                    }
                        .data-table th:first-child{
                            border-left: 1px solid #088F5A;
                        }
                    
    .data-table .jqTransformCheckboxWrapper{
        display: inline-block;
        float: none;
        border: none;
    }
        .data-table .jqTransformCheckboxWrapper .jqTransformCheckbox{
            padding: 0px;
            border: none;
        }
    .search-table td{
        height: 125px;
    }
.data-table thead th .ico{
    text-align: center;
}
.data-table thead th a.remove{
    background: url('images/ico-close-alt.png') 4px 3px no-repeat;
    display: inline-block;
    width: 30px;
    height: 29px;
    padding: 0;
    margin: 0;
    border: none ;
}
    .data-table thead th a.remove:hover{
        background: url('images/ico-close-alt.png') 4px -32px no-repeat;
    }
.data-table tbody td a.remove{
    background: url('images/ico-red-close.png') 100% 0 no-repeat;
    display: inline-block;
    width: 28px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: none ;
}
    .data-table tbody td a.remove:hover{
        background: url('images/ico-red-close.png') 100% -34px no-repeat;
    }
    .data-table select{
        width: 36px;
    }

table .row .lbl{
    font-weight: bold;
    background: url('images/colon.png') right center no-repeat;
    width: 100px;
    display: inline-block;
    padding-left: 120px;
    margin-right: 50px;
}
    table.balance-table .row{
        height: 25px;
        line-height: 25px;
    }
    table.balance-table .row:first-child{
    
        padding-top: 10px;
    }

.product-table tbody td{
    height: 123px;
}
    .product-table tbody td p.details{
        line-height: 1;
        font-size: 12px;
    }
.product-table tbody .selectSmall{
    display: inline-block;
    margin-left: 18px;
}
#content .grandTotal{
    font-weight: bold;
    padding-left: 650px;
    font-size: 14px;
    margin-top: 20px;
}
    #content .grandTotal label{
        background: url('images/colon.png') right center no-repeat;
        display: inline-block;
        width: 80px;
        margin-right: 20px;
    }
    #content .grandTotal.alternate label{
        width: 120px;
    }

#content .btn-row-alt{
    overflow: hidden;
}
    #content .btn-row-alt .button{
        min-width: 123px;
        margin-left: 10px;
    }
        #content .btn-row-alt .fLeft .button{
            margin-left: 0px;
        }
    
/* product detais page */	
.productShortDetails{
    overflow: hidden;
}
    .productShortDetails h3{
        padding-bottom: 10px;
    }
    .productShortDetails .productImg{
        height: 144px;
        width: 134px;
    }
    .productShortDetails .fLeft:first-child{
        margin-right: 10px;
    }
    .productShortDetails .priceTag{
        font-size: 16px;
        padding-bottom: 16px;
    }
    .productShortDetails .button{
        margin-right: 10px;
        min-width: 149px;
    }
    
/* comparision page */
.comparisionCols{
    overflow: hidden;
    margin-top: 34px;
    font-size: 13px;
}
    .comparisionCols .labelCol{
        width: 168px;
    }
    .comparisionCols .labelCol ul{
        border: 1px solid #008b54;		
        border-width: 1px 0px 0 1px;
        margin-top: 143px;

        background: rgb(14,204,128); /* Old browsers */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlY2M4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFiNjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(14,204,128,1) 0%, rgba(0,171,103,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,204,128,1)), color-stop(100%,rgba(0,171,103,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(14,204,128,1) 0%,rgba(0,171,103,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(14,204,128,1) 0%,rgba(0,171,103,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(14,204,128,1) 0%,rgba(0,171,103,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(14,204,128,1) 0%,rgba(0,171,103,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ecc80', endColorstr='#00ab67',GradientType=0 ); /* IE6-8 */	
        
    }
        .comparisionCols .labelCol ul li{
            border-top: 1px solid #27df96;
            border-bottom: 1px solid #008b54;
            height: 32px;
            line-height: 32px;			
            font-size: 13px;
            text-shadow: 0 1px 1px rgba(0,0,0,0.7);
            color: #fffffe;
            font-weight: bold;
            text-align: center;
        }
    .comparisionCols .productCol ul{
        width: 176px;
        border: solid #8b8b8b;
        border-width: 1px 0 1px 1px;
        background: #fff;
    }
        .comparisionCols .productCol.last ul{
            border-right: 1px solid #8B8B8B;
        }
    .comparisionCols .productCol .even ul{
        background: #f5f5f5;
    }
        .comparisionCols .productCol li{
            height: 34px;
            line-height: 34px;
            text-align: center;
        }
        
        .comparisionCols .productCol ul li.last{
            height: 66px;
            line-height: 66px;
        }
        .comparisionCols .productCol .img{		
            height: 132px;
            padding: 5px 0;
        }
        .comparisionCols .button{
            width: 119px;
        }
.sForm label{
    font-weight: bold;
    width: 90px;
    margin-right: 10px;
    display: inline-block;
    background: url('images/colon.png') right center no-repeat;
}

#content .subTotal{
    padding-left: 570px;
    padding-top: 18px;
}
    #content .subTotal p{
        font-size: 14px;		
        padding-bottom: 10px;
    }
    #content .subTotal label{
        display: inline-block;
        width: 182px;
        background: url('images/colon.png') right center no-repeat;
        margin-right: 16px; 
    }
    #content .subTotal #grandTotalItem,
    #content .subTotal #grandTotal {
        font-weight: bold;
    }
        
.editCurrentInfo .button{
    min-width: 100px;	
    margin-right: 10px;
}	
/* tabs */
.tabs {
    border-bottom: 1px solid #b7b7b7;
    margin-bottom: 10px;
    padding-top: 13px;
}
.tabs ul{
    overflow: hidden;	
    margin-bottom: -1px;
}
    .tabs ul li{
        float: left;
        background: #e2e2e2;
        border: 1px solid #b7b7b7;
        width: 152px;
        height: 35px;
        margin: 0 8px; 		
    }
    .tabs ul li.active{
        background: url('images/bg-tab-active.png') left top repeat-x;
        border-bottom: 1px solid #f5f5f5;
    }
        .tabs ul li a{
            display: block;
            color: #7f7f7f;
            font-size: 13px;
            line-height: 35px;
            text-align: center;
        }
        .tabs ul li.active a{
            font-weight: bold;
            color: #000;
        }
.tabBodies .tabBody{
    position: relative;
}
    .tabBodies .btnEdit{
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 20px;
    }

/* question list */
.queList li{	
    padding-left: 26px;
    background: url('images/ico-que.png') left top no-repeat;
    padding-bottom: 18px;
}
.queList li.ans{
    background: url('images/ico-ans.png') left top no-repeat;
}
.queList li.que{
    font-size: 13px;
    font-weight: bold;
}
.queList li a{
    display: inline-block;
    border-bottom: 1px solid transparent;
}

.searchInput{
    overflow: hidden;
}
    .searchInput .alternateText{
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        behavior: url(/styles/PIE/PIE.htc);
        position: relative;
        background : #fff; 
        border: solid #d6d6d6;
        border-width: 1px 0 0 1px;
         float: left;
         height: 34px;
         padding: 0;
         color: #7f7f7f;
         font-size: 13px;
         text-indent: 8px;
         width: 149px;
    }
        .searchInput .alternateText:active, .searchInput .alternateText:focus{
             border: solid #d6d6d6;
            border-width: 1px 0 0 1px;
        }
    .searchInput .btnZoomType{
        display: inline-block;
        height: 34px;
        width: 43px;
        padding-bottom: 1px;
        background: url('images/ico-zoom2.png') left top no-repeat;
        float: left;
    }
        .searchInput .btnZoomType:hover{
            background: url('images/ico-zoom2.png') left bottom no-repeat;
        }

.filterPane{
    background: #fff;
    padding: 19px 7px 0px 7px;
    margin-top: 6px;
    border: 1px solid #B7B7B7;
}
.ui-datepicker-trigger{
    height: 26px;
    width: 26px;
    margin: 0px 0 0 4px;
    vertical-align: middle;
}
.filterPane .form .row .value .datepicker{
    width: 80px;
}
.filterBtns, .container .filterBtns{
    text-align: right;
}
    .filterPane .button{
        min-width: 80px;
    }
        
/* demoLinks */
.demoLinks{
    background: #fff;	
    width: 250px;
    position: fixed;
    left: 0;
    top: 0; 
    border: 1px solid #ccc;
    padding: 0;
    z-index: 100;
}
    .demoLinks li{
        background: #EEE !important;
        border: 1px solid #ccc;
        margin: 5px;	
        list-style: none;
    }
    .demoLinks li:hover{
        border: 1px solid #f0f;
    }
        .demoLinks li a{
            font-size: 11px;
            text-decoration: none;
            color: #666;
        }
        
/* modal 
------------------------------------*/
.modal{
    position: fixed;
    z-index: 999;
    left: -1000000px;
    top: 100px;
    min-width: 400px;
    min-height: 200px;	
    
}
    .modal.flyout, .modal.custom {
        position: absolute;
    }
    .modal .header{
        background: url('images/bg-modal-head.png') left top repeat-x;
        height: 41px;	
        position: relative;	
        line-height: 41px;
        padding-left: 14px;
        color: #fffffe;
        font-size: 18px;
        
        border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
       -webkit-border-radius: 2px 2px 0 0;
       behavior: url(/styles/PIE/PIE.htc);
    }
    .modal .arrow{
        position: absolute;
        right: 296px;
        top: -12px;
        z-index: 100;
        background: url('images/bg-arrow-t.png') left top no-repeat;
        height: 13px;
        width: 29px;
        display: none;
    }
        .modal.flyout .arrow{
            display: block;
        }
    .modal .btnClose{
        position: absolute;
        right: 12px;
        top: 10px;
        background: transparent url('images/ico-close.png') left top no-repeat;
        height: 17px;
        width: 16px;
    }
        .modal .btnClose:hover{
            background: #333 url('images/ico-close.png') left top no-repeat;
        }
    .modal .mContent{
        padding: 9px 13px 14px 13px;
        border: solid #c1c1c1;
        border-width: 0 1px 1px 1px;
        background: #f5f5f5;
        
        border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
       -webkit-border-radius: 0 0 2px 2px;
        
        -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
        -moz-box-shadow:    0px 2px 5px rgba(0, 0, 0, 0.15);
        box-shadow:         0px 2px 5px rgba(0, 0, 0, 0.15);
    }
        .modal table{
            width: 100%;
            background: #fff url('images/bg-th.png') left top repeat-x;
            font-size: 13px;
            margin : 0 0 10px 0;
        }
            .modal table thead th{				
                border-right: 1px solid  #088f5a;
                height: 35px;
                text-align: left;
            }
                .modal table thead th a{
                    color: #fffffe;
                    display: block;
                    line-height: 35px;
                    border-left: 1px solid #47d59d;					
                    padding: 0 4px;
                    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
                }
                    .modal table thead th .short{
                        background: url('images/ico-updn.png') 96% 50% no-repeat;
                    }
                .modal table thead th span{
                    color: #fffffe;
                    display: block;
                    line-height: 35px;
                    border-left: 1px solid #47d59d;					
                    padding: 0 6px;
                    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
                }
                .modal table input[ type="text"]{
                    line-height: 16px;
                    height: 16px;
                }
                .modal table .total td{
                    font-weight: bold;
                }
        .modal .button{
            min-width: 100px;
        } 
.aMid{
    text-align: center !important;
}
.aRight{
    text-align: right !important;
}
                .modal table thead th:first-child a{
                    border-left: 1px solid  #088f5a;
                    padding-left: 10px;
                }
            .modal table td,
            .modal table th{
                vertical-align: middle;
            }
            .modal table tbody td{
                border-bottom: 1px solid #8b8b8b;
                height: 37px;	
                padding: 0 6px;			
            }
            .modal table tbody .even td{
                background: #f5f5f5;
            }
                .modal table tbody td:first-child{
                    border-left: 1px solid #8b8b8b;
                    padding-left: 10px;
                }
                .modal table tbody{
                    border-right: 1px solid #8b8b8b;
                }
                .modal table thead th:first-child{
                    border-left: 1px solid #088F5A;
                }
                .modal table thead th:first-child a{
                    border-left: none;
                }
        .modal .btn-row{
            text-align:  center;
            padding-bottom: 10px;
            padding-top: 10px;
        } 
            .modal .btn-row .button{
                margin-left: 10px;
            }
        .modal .singleLine{
            padding: 40px 0 34px 0;
            text-align: center;
            font-size: 14px;
            line-height: 18px;
        }
        /* modal form */
        .modal .mForm{
            font-size: 14px;
        }
            .modal .mForm .row{
                overflow: hidden;
                line-height: 34px;
            }
            .modal .mForm .row.newGrRow .txtQty{
                width: 191px;
            }
                .modal .mForm .row .subGroup{
                    display: inline-block;
                    min-width: 200px;
                    margin-right: 5px;
                }
                    .modal .mForm .row .subGroup .jqTransformRadio{
                        margin-top: 8px;
                    }
                .modal .mForm .row .lbl{
                    font-weight: bold;
                    display: inline-block;
                    width: 	145px;
                    background: url('images/colon.png') right center no-repeat;	
                }
                .modal .mForm .row .val{
                    margin-left: 55px;
                    display: inline-block;
                    max-width: 200px;
                }
                .modal .mForm .row.selectRow .lbl{
                    vertical-align: top;
                }
                    .modal .mForm .row.selectRow {
                        overflow: visible;
                        height: 34px;
                    }
                    .modal .mForm .row.selectRow select{
                        width: 166px;
                    }
.mForm .twoCol{
    overflow: hidden;
}
    .mForm .twoCol .fLeft:first-child{
        margin-right: 16px;
    }


.backgroundOverlay {
    position: fixed;
    left: 0;
    top: 0;
    background: url('images/overlay-bg.png') left top repeat;
    min-width: 1144px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999;
}
#selectAccountModal{
    width: 698px;
    height: 333px;
}
#shoppingCartModal{
    width: 393px;
    height: 229px;
}
    #shoppingCartModal .mContent{
        height: 168px;
    }
    #shoppingCartModal .btn-row .button{
        width: 115px;
    }
#addToCartModal{
    width: 250px;
    height: 279px;
}
#addToCartModal.alternate{
    width: 650px;
}
    #addToCartModal .mContent{
        height: 218px;
    }
    #addToCartModal .btn-row .button{
        width: 115px;
    }
#showMsg{
    width: 393px;
    height: 229px;
}
    #showMsg .btn-row .button{
        width: 115px;
    }
#notificationPopup{
    
}	
    
    
/* table column width */
.tw32{
    width: 32px;
}
.tw42{
    width: 42px;
}
.tw48{
    width: 48px;
}
.tw50{
    width: 50px;
}
.tw58{
    width: 58px;
}
.tw60{
    width: 60px;
}
.tw72{
    width: 72px;
}
.tw75{
    width: 75px;
}
.tw80{
    width: 80px;
}
.tw90{
    width: 90px;
}
.tw100{
    width: 100px;
}
.tw104{
    width: 104px;
}
.tw105{
    width: 105px;
}
.tw110{
    width: 110px;
}
.tw115{
    width: 115px;
}
.tw116{
    width: 116px;
}
.tw120{
    width: 120px;
}
.tw125{
    width: 125px;
}
.tw140{
    width: 140px;
}
.tw143{
    width: 143px;
}
.tw150{
    width: 150px;
}
.tw165{
    width: 165px;
}
.tw175{
    width: 175px;
}
.tw200{
    width: 200px;
}
.tw225{
    width: 225px;
}
.tw213{
    width: 213px;
}
.tw255{
    width: 255px;
}
.tw332{
    width: 332px;
}


.tw{
    width: 0px;
}

/* Language Bar */
    .lang-bar {
        padding : 5px 0 0 0;
    }
    
    .lang-bar li {
        padding : 0 0 0 10px;
        float : left;
        font-size: 13px;	
        color: #fffffe;		
    }

        .lang-bar li a {
            color: #00ab67;
            font-weight : bold;
        }
        
        .lang-bar li a:hover {
            color : #FFF;
        }
        
        .lang-bar li a.active {
            text-decoration : underline;
        }

/* auto complete */
.auto-complete {
    border: 1px solid #ccc;
    background-color: #fff;
    position: absolute;
    left: 3px;
    top: 25px;
    color: #000;
    width:96%;
}
.auto-complete li {
    border-bottom: 1px solid #ccc;
    position: relative;
}
.search .auto-complete li {
    height: 36px;
    line-height: 36px;
}
.auto-complete li img {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -14px;
}
.search .auto-complete li a {
    display: block;
    position: static;
    width: auto;
    text-indent: 0;
    direction: inherit;
    color: #000;
    height: 36px;
    line-height: 36px;
    background: transparent none;
    padding-left: 42px;
}
.search .auto-complete li a strong {
    color: #00ab67;
}
.search .auto-complete li a:hover {
    background-color: #f5f5f5;
    text-decoration: none;
}	
.auto-complete .last-li {
    padding: 0;
    text-align: center;
    border-bottom: none;
}
.search .auto-complete li .go-searchs {
    padding: 0;
    display: block;
    position: static;
    width: auto;
    text-indent: 0;
    direction: inherit;
    color: #000;
    height: 36px;
    line-height: 36px;
    background: transparent none;
}
.search .go-searchs strong {
    display: inline-block;
    padding-right: 11px;
    position: static;
    width: auto;
    height: auto;
    text-indent: 0;
    direction: inherit;
    color: #000;
}
.search .link-user {
    background: transparent none;
    display: inline;
    padding: 0;
    position: static;
    text-indent: 0;
    direction: inherit;
    color: #000;
}		
        
.rLab {
    color : #FF0000;
}

.selVis {
    overflow : visible;
}

.acStatPend {
    color : #00AB67;
    font-weight: bold;
	text-transform:uppercase;
}

.acStatDeac {
    color : #FF0000;
    font-weight: bold;
	text-transform:uppercase;
}

.acStatApp {
    color : #1fb25a;
    font-weight : bold;
}

.tApp {
    color : #1fb25a;
}

.groupError {
    width : 100%;
    margin : 20px 0 20px 0;
    background : #ececec;
    border : 1px solid #000000;
    color : #FF0000;
    font-weight : bold;
}

.groupError  H2 {
    font-weight : bold;
    margin : 10px 25px 10px 25px;
}

.auHide {
    text-overflow : ellipsis;
}

.ajax__calendar_container
{  
   z-index: 10000;
}
  

.fullText:hover {
    text-decoration : underline;
    color : #1fb25a;
}

.importSuccess {
    text-align : center;
    color : #FF0000;
    margin : 10px 0 10px 0;
    font-size : 14px;
}

.itemDel {
    margin : 5px 0 0 0;
    height : 80px;
    overflow : auto;
}

.itemDel li {
    margin : 0 0 5px -25px;
}

.tooltip {
    display : inline;
    position : relative;
}

.tooltip:hover:after {
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}


.tooltip:hover:before {
    border : solid;
    border-color : #333 transparent;
    border-width : 6px 6px 0 6px;
    bottom : 20px;
    content:"";
    left :50%;
    position:absolute;
    z-index : 99;
}

.eMatch {
    color : #1fb25a;
    font-style : italic;
}

.eNoMatch {
    color : #ff0000;
    font-style : italic;
}
span.error {
    color : #ff0000;
    font-style : italic;
}
.scrollTable2{
    height : 200px;
    overflow : auto;
}

.sideNav {
    margin-top: -12px;
    padding-bottom: 10px;
    height : 300px;
    overflow : auto;
}

.sideNav ul {
    overflow: hidden;
}

.sideNav li{
    border-top: 1px dotted #b3b3b3;
}
.sideNav li:first-child{
    border-top: none;
}
.sideNav li .link{
    display: inline-block;
    line-height: 16px;
    font-size: 13px;
    background: url(images/nav_bullet.png) left center no-repeat;
    padding-left:10px;
    margin: 8px 0 8px 5px;
}
.sideNav li ul li .link{
    margin-left: 20px;
}
.sideNav li ul li ul li .link{
    margin-left: 30px;
}
.sideNav li ul li ul li ul li .link{
    margin-left: 40px;
}
.sideNav li ul li ul li ul li ul li .link{
    margin-left: 50px;
}
.sideNav li ul.last li a {
    color: #000;
    background: none;
}

.sideNav li .link.active{
    font-weight: bold;
    width: 188px;
    background: url('images/nav_bullet_active.png')  left center no-repeat;
    line-height: 16px;
}

.sideNav li ul.last li a.link.active{
    font-weight: bold;
    background: none;
}
.sideNav li a.link:hover{
    border-bottom: none;
}

.noBottom{
    border-bottom: none !important;
}


.userListView table td {
    height:auto;
}

.userListView table .alternate {
    padding-top:10px;
}   

.adminUserMainContent {
    padding-bottom:50px;
}

.adminUserTable .text {
	width:100px;
}

.adminUserTable select {
    width: 100%;
    margin:10px 0;
    border:gray 1px solid;
    height:65px;
}

.role-link {
    margin:0 5px;
}

.adminUserTable td a.jqTransformSelectOpen {
    border-bottom:none;
}

.adminUserTable a.user-link:hover {
    text-decoration:underline;
    border-bottom:none;
}
    
.associationsBox table {
    border:none;
    border-collapse:separate;
    background:#f5f5f5;
}

.associationsBox table tbody {
	border:none;
}

.associationsBox table tbody td {
    vertical-align:middle;
    border:none;
}

.associationsBox table tbody td:first-child {
	border:none;
	padding: 0px;
}

.associationsBox table td ul a.selected {
    background:url(images/selected-bg.png) repeat-x 0 0;
    height:29px;
    padding-top:0;
    padding-bottom:0;
    overflow:hidden;
    line-height:29px;
    border:none;
}

.hidden,
.associationsBox table td ul a.hidden{
	display: none;
}

.associationsBox table .listWrap {
        position:relative;
}

/*.copy li{
    background-image: url(images/icon_list-bullet-green.gif);
    background-repeat: no-repeat;
    display: list-item;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 13px;
    height: 22px;
    line-height: 8px;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 0px;
    padding-top: 0px;
    text-align: left;
}*/

.copy li {
	text-indent: -22px;
    padding-left: 22px;
	padding-bottom: 10px;
}

.copy li:before {
    content: '\02192\00a0';
    background: transparent url(images/icon_list-bullet-green.gif) 0px 2px no-repeat;
    display: inline-block;
    text-indent: -9999px;
	width: 22px;
	height: 9px;
}

.small-help,
.small-help .link {
	font-size: 10px;
}

.page-home .main-content.container p {
	padding-bottom: 10px;
}

.page-home .main-content.container li {
	padding-left: 44px;
}

.error a { 
    color: #00b760; 
    text-decoration: none; 
}

.error a:hover { 
    text-decoration: underline; 
}

