/********************************************************/
/*  Filename:   StyleSheet.css
    
    Author:     AspDotNetStorefront.com
    
    Theme:      Admin_Default
    
    Synopsis:   Contains ONLY theme-wide CSS classes.
                This file is automatically loaded by a
                child-page when the theme is set to
                Admin_Default.
                                                        */
/********************************************************/



/********************************************************/
/* DEFAULT ELEMENT STYLES                               */
/********************************************************/

TD, SPAN, LI, BODY, P
{
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

HTML, BODY
{
    height: 100%;
    margin: 0px;
    padding: 0px;
}
FORM
{
    margin: 0px;
    padding: 0px;
}
FORM.AdminForm
{
    padding-bottom: 25px;
}

OPTION, SELECT, INPUT, TEXT, TEXTAREA, SUBMIT
{
    color: #444444;
    font-size: 11px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A
{
    color: #068FE0;
    text-decoration: none;
}

A:visited
{
    color: #068FE0;
    text-decoration: none;
}

A:link
{
    color: #068FE0;
    text-decoration: none;
}

A:visited
{
    color: #068FE0;
    text-decoration: none;
}

A:hover
{
    color: #068FE0;
    text-decoration: underline;
}

ul
{
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 0px;
    margin-left: 0px;
}

li
{
    margin-left: 0px;
    margin-top: 0px;
}

P
{
    margin-top: 9px;
    margin-bottom: 9px;
}

SUP
{
    font-size: 10px;
}


/********************************************************/
/* BUTTON STYLES                                        */
/********************************************************/

.normalButtons
{
    border: 1px solid #BBBDCC;
    height: 18px;
    padding-left: 3px;
    color: #ffffff;
    font-size: 8pt;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: normal;
    background: url(./images/button.jpg);
    cursor: hand;
    cursor: pointer;
    border-right: #00326F 1px solid;
    border-top: #00326F 1px solid;
    border-left: #00326F 1px solid;
    border-bottom: #00326F 1px solid;
}

.normalButtons a
{
    border: 1px solid #BBBDCC;
    height: 18px;
    padding-left: 3px;
    color: #ffffff;
    font-size: 8pt;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: normal;
    background: url(./images/button.jpg);
    cursor: hand;
    cursor: pointer;
}

:hover.normalButtons
{
    border: 1px solid #BBBDCC;
    height: 18px;
    padding-left: 3px;
    color: #ffffff;
    font-size: 8pt;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    font-weight: normal;
    background: url(./images/button2.jpg);
}


/********************************************************/
/* OTHER STYLES                                         */
/********************************************************/

.default
{
    color: #444444;
    text-decoration: none;
    font-size: 11px;
}


.pageTitle
{
    margin: 5px 5px 5px 8px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #19437D;
}

.title
{
    color: #99CC33;
    font-weight: bold;
    font-size: 15px;
}

.SectionTitleText
{
    color: #000000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
}

A.SectionTitleText
{
    color: #000000;
    text-decoration: underline;
}

A.SectionTitleText:link
{
    color: #000000;
    text-decoration: underline;
}

A.SectionTitleText:visited
{
    color: #000000;
    text-decoration: underline;
}

A.SectionTitleText:active
{
    color: #000000;
    text-decoration: underline;
}

A.SectionTitleText:hover
{
    color: #000000;
    text-decoration: underline;
}

.divBox
{
    border-right: #19437D 1px solid;
    border-top: #19437D 1px solid;
    border-left: #19437D 1px solid;
    border-bottom: #19437D 1px solid;
}

.divBox2
{
    border-right: #19437D 1px solid;
    border-top: #19437D 1px solid;
    border-left: #19437D 1px solid;
    border-bottom: #19437D 1px solid;
    left: 0px;
    right: 0px;
    margin: 10px 15px 10px 15px;
    padding: 5px 5px 5px 5px;
    text-align: center;
}

.ordercustomer
{
    background: #DFECFF;
    border-left: #294167 1px solid;
    border-right: #294167 1px solid;
}


.commandStyle
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
}

#container .titleTable
{
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    text-align: left;
    background-color: #19437D;
    font-weight: bold;
    color: #ffffff;
}

#container .titleTablemenu
{
    background-color: #19437D;
    height: 25px;
    color: #ffffff;
    width: 100%;
    font-weight: bold;
}

#container .titleTable a
{
    color: #19437D;
    text-decoration: underline;
}

#container .titleTable a:hover
{
    color: #19437D;
    text-decoration: none;
}


/********************************************************/
/* TOOLTIP STYLES                                       */
/********************************************************/

.AdminSiteTooltip
{
    border: 0;
    cursor: pointer;
    vertical-align: text-bottom;
}

#dhtmltooltip
{
    position: absolute;
    left: -300px;
    width: 150px;
    padding: 2px;
    background-color: #b7ccfb;
    visibility: hidden;
    z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer
{
    position: absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}

#fixedtipdiv
{
    position: absolute;
    padding: 3px 5px 3px 5px;
    border: 1px dashed #666666;
    font: normal 10px Verdana;
}



/********************************************************/
/* TABLE STYLES                                         */
/********************************************************/

.DarkCellText
{
    color: #FFFFFF;
    font-family: Verdana, Geneva, arial,helvetica;
    font-size: 11px;
    font-weight: normal;
}
A.DarkCellText
{
    color: #FFFFFF;
    text-decoration: none;
}
A.DarkCellText:link
{
    color: #FFFFFF;
    text-decoration: none;
}
A.DarkCellText:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
A.DarkCellText:active
{
    color: #FFFFFF;
    text-decoration: none;
}
A.DarkCellText:hover
{
    color: #BB9500;
    text-decoration: none;
}

/*Products  table*/
.table-header
{
    background-color: #294167;
    height: 31px;
    height: 31px;
    color: #ffffff;
    font-size: 8pt;
    text-decoration: none;
    font-weight: bold;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.table-row
{
    height: 25px;
    color: #00537E;
}

.table-row2
{
    border: 0px;
    height: 35px;
    background-color: #DFECFF;
    color: #00537E;
}

.table-row a
{
    color: #00537E;
}

.table-row2 a
{
    color: #00537E;
}

.table-alternatingrow
{
    background-color: #C2DAFC;
    color: #595959;
    height: 25px;
}

.table-alternatingrow2
{
    background-color: #C2DAFC;
    height: 35px;
    color: #00537E;
}

.table-alternatingrow a
{
    color: #00537E;
}

.table-alternatingrow2 a
{
    color: #00537E;
}


.table-alternaterow a
{
    color: #00537E;
}

.table-footer
{
    background-color: #294167;
    height: 12px;
}

.tablenormal
{
    font-size: 8pt;
    color: #ffffff;
    text-align: left;
    font-weight: normal;
    height: 28px;
    background-color: #19437D;
    padding-left: 5px;
    padding-right: 5px;
}

.tabletdnormal
{
    border: 0px;
    height: 19px;
    padding-left: 5px;
    padding-right: 5px;
    color: #005784;
    font-size: 8pt;
    font-weight: normal;
}

.tabletdalternormal
{
    border: 0px;
    height: 19px;
    background-color: #C2DAFC;
    padding-left: 5px;
    padding-right: 5px;
    color: #005784;
    font-size: 8pt;
}

.tabletdnormal a, link, active, visited
{
    text-decoration: none;
    color: #005784;
    font-size: 8pt;
}

.tabletdnormal a:hover
{
    text-decoration: underline;
}
.tabletdalternormal a, link, active, hover, visited
{
    text-decoration: none;
    color: #005784;
    font-size: 8pt;
}

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

.tableleft-td
{
    width: 3px;
    height: 3px;
    background-image: url(./images/top2_26.jpg);
}

.tableleft-td2
{
    height: 3px;
    background-image: url(./images/top2_28.jpg);
    width: 100%;
}

.tableoverallGrid
{
    border: 0;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    color: #005784;
    font-weight: normal;
}

.tableheaderGrid
{
    font-size: 8pt;
    color: #ffffff;
    text-align: left;
    font-weight: normal;
    height: 28px;
    background-image: url(./images/top2_38.jpg);
}

.tableheaderGrid a
{
    color: #fff;
    font-weight: normal;
    font-size: 8pt;
    text-decoration: underline;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.tableDataCellGrid
{
    border: 0px;
    height: 19px;
    background-color: #DFECFF;
    color: #005784;
}

.tableDataCellGridAlt
{
    background-color: #C2DAFC;
    height: 19px;
    color: #005784;
}

.tableDataCellGridEdit
{
    height: 19px;
    color: #005784;
    background-color: #4A86DC;
    height: 19px;
    padding-left: 5px;
}

.tableselectData
{
    white-space: normal;
}

.tablenormalData
{
    white-space: normal;
}

.tablelightData
{
    color: #005784;
    white-space: normal;
}

.tablelighterData
{
    color: #005784;
    white-space: normal;
    font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8pt;
}

.tablelightestData
{
    color: #005784;
    white-space: normal;
    font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8pt;
}

.tablefooterGrid
{
    background-color: #EBEBEB;
    font-size: 11px;
    text-align: center;
    color: #005784;
    padding: 2px 15px 2px 15px;
}

.tablepagerGrid
{
    background-image: url(./images/td-bckground_28.jpg);
    height: 19px;
}

.tablepagerGrid a
{
    color: #005784;
    text-decoration: none;
}
.tablepagerGrid a:link
{
    color: #005784;
    text-decoration: none;
}
.tablepagerGrid a:visited
{
    color: #005784;
    text-decoration: none;
}
.tablepagerGrid a:active
{
    color: #005784;
    text-decoration: none;
}
.tablepagerGrid a:hover
{
    color: #005784;
    text-decoration: underline;
}


/********************************************************/
/* GRID STYLES                                          */
/********************************************************/

.gridHeader
{
    background-color: #294167;
    color: #ffffff;
    text-align: left;
    font-weight: normal;
    font-size: 10pt;
    height: 21px;
}

.gridHeader a
{
    color: #ffffff;
}

.gridHeaderSmall
{
    background-color: #294167;
    color: #ffffff;
    font-weight: normal;
    font-size: 8pt;
    height: auto;
}

.gridHeaderSmall a
{
    color: #ffffff;
}

.gridRow
{
    background-color: #DFECFF;
    color: #444444;
}

.gridRowPlain
{
    background-color: #DFECFF;
    text-align: justify;
    font-weight: normal;
    color: #595959;
    height: 22px;
}


.gridAlternatingRow
{
    background-color: #C2DAFC;
    color: #595959;
    text-align: left;
    font-weight: normal;
    height: 22px;
}


.gridAlternatingRowPlain
{
    background-color: #C2DAFC;
    color: #595959;
    text-align: justify;
    font-weight: normal;
    height: 22px;
}



.gridFooter
{
    background-color: #294167;
    height: 5px;
}


.headers
{
    background-color: #477EC6;
    color: #ffffff;
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
}

.gridEdit
{
    background-color: #4A86DC;
}

.gridEdit2
{
    background-color: #4A86DC;
}

.gridEdit2 a
{
    color: #ffffff;
}


.gridPager a
{
    color: #708090;
    text-decoration: none;
}

.gridPager a:link
{
    color: #708090;
    text-decoration: none;
}

.gridPager a:visited
{
    color: #a9a9a9;
    text-decoration: none;
}

.gridPager a:active
{
    color: #ff0033;
    text-decoration: none;
}

.gridPager a:hover
{
    color: #708090;
    text-decoration: underline;
}


.SmallGridText
{
    font-family: Verdana, Geneva, arial,helvetica;
    font-size: 9px;
    font-weight: normal;
}



/********************************************************/
/* BREADCRUMB STYLES                                    */
/********************************************************/

.toppage
{
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #b7ccfb;
    height: 25px;
}

.breadCrumb1
{
    margin: 6px 0 0px 0;
    color: #2F577A;
    font-weight: bold;
    padding-left: 5px;
}

.breadCrumb1 a
{
    color: #068FE0;
    font-weight: normal;
}

.breadCrumb1 td
{
    font-size:1.4em;
}

.breadCrumb2
{
    color: #2F577A;
    font-weight: normal;
    padding-left: 5px;
}

.breadCrumb3
{
    color: #2F577A;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 0px;
    padding-bottom: 5px;
}

.breadCrumb3 a
{
    color: #068FE0;
    font-weight: normal;
}


.breadCrumbTitleText
{
    color: #2F577A;
    font-weight: normal;
}



/********************************************************/
/* TEXTBOX STYLES                                       */
/********************************************************/

.textbox
{
    font-size: 8pt;
    padding-left: 4px;
    border: #708090 1px solid;
    width: 200px;
    background-color: #ffffff;
}

.textbox2
{
    font-size: 8pt;
    padding-left: 4px;
    border: #708090 1px solid;
    width: 150px;
    background-color: #ffffff;
}

.textBox3
{
    font-size: 8pt;
    padding-left: 4px;
    border: #708090 1px solid;
    width: 50px;
    background-color: #ffffff;
}

.textBox4
{
    font-size: 8pt;
    color: #444444;
    background-color: Transparent;
    border: 0px;
    width: 40px;
}

.textBox20
{
    font-size: 8pt;
    padding-left: 4px;
    border: #708090 1px solid;
    width: 25px;
    background-color: #ffffff;
}

.textBox30
{
    font-size: 8pt;
    padding-left: 4px;
    border: #708090 1px solid;
    width: 30px;
    background-color: #ffffff;
}


/********************************************************/
/* INFO MESSAGE STYLES                                  */
/********************************************************/

.errorMsg
{
    font-weight: bold;
    color: #ff0000;
    margin-left: 10px;
    margin-right: 10px;
}

.noticeMsg
{
    font-weight: bold;
    color: #ff0000;
}

.blueNoticeMsg
{
    font-weight: bold;
    color: #0000FF;
}


/********************************************************/
/* MASTER PAGE STYLES                                   */
/********************************************************/

#wrapperTable
{
    height: 100%;
}

#mainContentBody
{
    padding-bottom: 22px;
    margin-top: 123px;
    height: 100%;
    vertical-align: top;
}

#trBreadCrumbRow
{
    width: 100%;
    height: 10px;
}

.Top
{
    height: 83px;
}

#Top_Left
{
    background: url(images/top_left.jpg) no-repeat;
    width: 561px;
    height: 83px;
    color: #ffffff;
    font-weight: normal;
}
#Top_Left2
{
    background: url(images/top_left.jpg) no-repeat;
    width: 561px;
    height: 83px;
    color: #ffffff;
    font-weight: normal;
}

.adminUserIcon
{
    width: 20px;
    padding-top: 0px;
    height: 28px;
}

.adminUserName
{
    color: #ffffff;
}

.adminUserName a:hover
{
    color: #ffffff;
    width: 300px;
}

.adminUserName a, .adminUserName a:active, .adminUserName a:visited, .adminUserName a:link
{
    color: #ffffff;
}


.admin_SiteName
{
    color: #ffffff;
}

.admin_SiteName a
{
    color: #ffffff;
    text-decoration: underline;
}

#topHeaderRow
{
    height: 83px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#topMenuRow
{
    height: 30px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.Top_Right
{
    background: url(images/top_right.jpg) repeat-x top right;
    width: 600px;
    height: 83px;
}

.Top_Right_Margin
{
    background: url(images/top_center.jpg) repeat-x top;
    height: 83px;
    width: 10px;
}

.Top_Center
{
    background: url(images/top_center.jpg) repeat-x top;
    height: 83px;
}

#menu
{
    background: url(images/menu.jpg) repeat;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
}

.footer
{
    color: #FFFFFF;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-weight: normal;
    background: url(images/BG_footer.jpg) repeat;
    height: 0px;
    position: fixed;
    bottom: 0px;
    width: 100%;
}


body
{
    padding: 0px;
    margin: 0px; /*overflow:  auto;*/
    scrollbar-face-color: #051C3E;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #DEE3E7;
    scrollbar-3dlight-color: #65C4ED;
    scrollbar-arrow-color: #05A9F1;
    scrollbar-track-color: #769AD0;
    scrollbar-darkshadow-color: #98AAB1;
}



.right_banner
{
    background: url(images/banner_right.jpg) no-repeat;
    width: 785px;
    height: 120px;
}


.Search_textbox
{
    background: url(images/textboxBG.jpg);
    width: 142px;
    height: 17px;
    line-height: 12pt;
    padding-top: 4px;
    margin-bottom: 1px;
    border: 0px;
    padding-left: 3px;
    margin-top: 0px;
    vertical-align: top;
}


#toplink
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    color: #FFFFFF;
    text-decoration: none;
}

#toplink a, #toplink a:active, #toplink a:visited, #toplink a:link
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
}

#toplink a:hover
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    color: #FFFFFF;
    text-decoration: underline;
    padding-left: 4px;
    padding-right: 4px;
}


.DisplayOutOfStockGroup
{
    border: dashed 1px #ddd;
    width: 500px;
    margin: 0px 10px 10px 10px;
    padding: 5px 0px 10px 30px;
}

.DisplayOutOfStockGroup table
{
    width: 100%;
}

.logintext
{
    background: transparent url(images/signtext2.png) no-repeat left center;
    padding-left: 5px;
    padding-top: 5px;
    text-align: left;
}

.verificationtext
{
    background: transparent url(images/verificationtxt.png) no-repeat right center;
    padding-left: 5px;
    padding-top: 5px;
    text-align: right;
    width: 160px;
}

.chgpwdtext
{
    background: transparent url(images/signtext2.png) no-repeat left center;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

.securitycodetext
{
    background: transparent url(images/securitycode.png) no-repeat left center;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    text-align: left;
}


.logintextbg
{
    border: none;
    background-color: Transparent;
}

.loginbody
{
    margin: 0px;
    overflow: auto;
    background: url(images/bgblue.jpg) repeat;
}

.loginbgmid
{
    background: url(images/bgmid.png) repeat-y left;
}

.loginfooter
{
    background: url(images/bottomblue.png) no-repeat;
}

/********************************************************/
/* SEARCHABLETEMPLATE AND MODAL POPUP STYLES            */
/********************************************************/

.modal_popup
{
    background-color: White;
    border: solid 1px #52355;
}
.modal_popup_background
{
    opacity: 0.7;
    background-color: Gray;
    filter: alpha(opacity = 70);
}
.modal_popup_Header
{
    background: url(images/modal_popup_headerbg.jpg) repeat;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    color: White;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    font-weight: bold;
    font-size: 12px;
}
.modal_popup_Content
{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.modal_popup_Content table
{
    border-style: none;
}
.modal_popup_Content table td
{
    border-style: none;
}
.modal_popup_Footer
{
    border-top: solid 1px #ccc;
    margin-left: 25px;
    margin-right: 25px;
    padding-top: 5px;
    padding-bottom: 10px;
}
.modal_popup_Header_Close
{
    float: right;
    padding-right: 7px;
}
.config_alternating_item
{
    background-color: #eee;
}
.alpha_filters_column
{
    background-color: #2F577A;
    width: 30px;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}
.alpha_filters
{
    min-height: 500px;
    height: auto !important;
    min-height: 500px;
}
.alpha_filters_column a, .alpha_filters_column span
{
    color: #fff;
}
.pnlMain
{
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 30px;
}
.config_error
{
    color: red;
}


/********************************************************/
/* STRINGRESOURCE PAGE STYLES                           */
/********************************************************/

.duplicated_string
{
    font-weight: bold;
}


/********************************************************/
/* ENTITY EDIT PAGE STYLES                              */
/********************************************************/

.rsplbMenuContentSplitter
{
    /*     width: 2px;     */
}

.rspltMain
{
    width: 100%;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.rpnContent
{
}


/********************************************************/
/* STORE MAINTENANCE STYLES                             */
/********************************************************/

.store_normal td, .store_unpublished td, .store_deleted td
{
    padding-left: 4px;
    padding-right: 4px;
    border: 1px #d0d7e5;
    border-style: none none solid solid;
    padding-top: 3px;
    padding-bottom: 3px;
}

.store_normal > td:first-child, .store_unpublished > td:first-child, .store_deleted > td:first-child
{
    border-left-color: #fff;
}

.store_unpublished td
{
    background-color: #CBCDB5;
}

.store_deleted td
{
    background-color: #ABABA6;
}


.alpha_filters_column
{
    font-family: Courier New;
    background-color: #2F577A;
    width: 50px;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}

/*
    .alpha_filters
    {
	    min-height:220px;
        height:auto !important; 
        min-height:220px;
    }
    */

.alpha_filters_column a, .alpha_filters_column span
{
    color: #fff;
}

.pnlMain
{
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 30px;
}

.config_error
{
    color: red;
}

.map_header a:link
{
    color: #068FE0;
    text-decoration: none;
}

.content_area
{
    padding-top: 15px;
    padding-left: 15px;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.modalBox
{
    background-color: #f5f5f5;
    border-width: 2px;
    border-style: outset;
    border-color: Black;
    padding: 3px;
}

.url_area table, .url_area tr, .url_area td
{
    border-style: none;
}

.tdUrlCaption
{
    width: 10%;
}

.tdUrl
{
    width: 80%;
}

.tdUrlOptions
{
    width: 10%;
}



/********************************************************/
/* KIT EDIT PAGE STYLES                                 */
/********************************************************/

.admin_kit_container
{
    margin-top: 10px;
    margin-left: 10px;
}
.admin_kit_group
{
    border: solid 1px #ccc;
    width: 800px;
    padding-left: 15px;
    padding-bottom: 20px;
    padding-top: 10px;
}

.admin_kit_group .admin_kit_group_id
{
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
}

.admin_kit_group .admin_kit_group_leftCommand
{
    background-color: #eee;
    border: solid 1px #ccc;
    width: 30px;
}

.admin_kit_group .admin_kit_group_content
{
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 20px;
}

.admin_kit_group_validationErrors
{
    color: Red;
}

.admin_kit_group_inputError
{
    background-color: #FFEEEE;
}

.admin_kit_group_newItem
{
    color: #71C144;
}

.modal_popup
{
    background-color: White;
    border: solid 1px #52355;
}

.modal_popup_background
{
    opacity: 0.7;
    background-color: Gray;
    filter: alpha(opacity = 70);
}

.admin_variantList_Header
{
    background: url(images/kit/variantListHeader_background.jpg) repeat;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    color: White;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    font-weight: bold;
    font-size: 12px;
}

.admin_variantList_Footer
{
    background-image: url(images/kit/selectorCell_bg.gif);
    background-repeat: repeat-y;
}

.admin_variantList_Header_Close
{
    float: right;
    padding-right: 7px;
}

.admin_kit_updating_animation
{
    float: right;
    visibility: hidden;
}



/********************************************************/
/* FROM STYLES.CSS                                      */
/********************************************************/


#content .outerTable
{
    background-color: #EBEBEB;
    padding-bottom: 0px; /*5*/
}
#content .innerTable
{
    background-color: #f9f9f9;
    width: 100%;
    height: 100%;
}
#content .contentTable
{
    padding-left: 5px;
    padding-right: 3px;
    padding-bottom: 3px;
    text-align: left;
}
#content .contentTableAP
{
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 3px;
    padding-bottom: 3px;
    text-align: left;
}
#content .contentTableAPL
{
    padding-top: 3px;
    padding-left: 0px;
    padding-right: 3px;
    padding-bottom: 3px;
    text-align: left;
}

#content .contentTableNPLR
{
    padding-top: 3px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 3px;
    text-align: left;
}
#content .contentTablePRB
{
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 3px;
    padding-bottom: 3px;
    text-align: left;
}
#content .contentTableNP
{
    padding-bottom: 3px;
    padding-right: 0px;
    text-align: left;
}
#content .titleTable
{
    background-color: #EBEBEB;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    text-align: left;
}

.wrapper
{
    padding: 5px 5px 5px 5px;
    background-color: #f9f9f9;
    margin-left: auto;
    margin-right: auto;
}
.wrapperNR
{
    padding: 5px 0px 5px 5px;
    background-color: #f9f9f9;
}
.wrapperExtraTop
{
    padding: 10px 5px 5px 5px;
    background-color: #f9f9f9;
}

.wrapperLeft
{
    padding: 5px 5px 5px 0px;
    background-color: #f9f9f9;
}
.wrapperTopBottom
{
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #f9f9f9;
}
.wrapperBottom
{
    padding-bottom: 5px;
    background-color: #f9f9f9;
}
.wrapperTop
{
    padding-top: 5px;
    background-color: #f9f9f9;
}
.wrapperRight
{
    margin-right: 5px;
    background-color: #f9f9f9;
}

/*#help{margin: 5px 5px 5px 5px;}*/
#help .outerTable
{
    background-color: #EBEBEB;
    margin-left: auto;
    margin-right: auto;
}
#help .innerTable
{
    background-color: #f9f9f9;
}
#help .contentTable
{
    padding-left: 5px;
    padding-right: 3px;
    padding-bottom: 3px;
    text-align: left;
}
#help .titleTable
{
    background-color: #EBEBEB;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    text-align: left;
}

#reportTable
{
    text-align: left;
    font-size: 11px;
}
#reportTable .reportOuter
{
    background-color: #a2a2a2;
}
#reportTable .reportTitle
{
    text-align: left;
    font-size: 11px;
    background-color: #404040;
    color: White;
    font-weight: bold;
}
#reportTable .reportHeader
{
    text-align: left;
    font-size: 10px;
    background-color: #d2d2d2;
    color: Black;
    font-weight: bold;
}
#reportTable .reportRow
{
    text-align: left;
    font-size: 10px;
    background-color: #e2e2e2;
    color: #202020;
    font-weight: normal;
}

/* TEXT */
.title
{
    font-weight: bold; /*font-size: 15px;*/
    font-size: 11px;
}
.titleMessage
{
    font-style: italic;
    font-size: 11px;
}

.subTitle
{
    font-weight: bold;
    font-size: 11px;
}
.subTitleSmall
{
    font-weight: normal;
    font-size: 10px;
    margin-right: 3px;
    white-space: nowrap;
}

.exampleText
{
    font-size: 10px;
    font-weight: normal;
}

/* STANDARD BUTTONS */
.normalButton
{
    color: #000080;
    font-size: 100%;
    font-weight: normal;
    background-color: #fed;
    border-top-color: #696;
    border-left-color: #696;
    border-right-color: #363;
    border-bottom-color: #363;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}

.fileUpload
{
    color: #000080;
    font-size: 100%;
    font-weight: normal;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}

.stringResourceButton
{
    color: #000080;
    font-family: 'trebuchet ms' ,helvetica,sans-serif;
    font-size: 100%;
    font-weight: normal;
    background-color: #fed;
    border: 1px solid;
    border-top-color: #696;
    border-left-color: #696;
    border-right-color: #363;
    border-bottom-color: #363;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}


/* TEXT BOXES */
.default
{
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
}

.singleTax
{
    width: 55px;
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
}

.singleShortest
{
    width: 45px;
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
}
.single3chars
{
    width: 25px;
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
}
.single4chars
{
    width: 35px;
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
}
.singleShorter
{
    width: 100px;
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
}
.singleNormal
{
    width: 200px;
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
}
.singleLonger
{
    width: 300px;
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
}
.singleLongest
{
    width: 450px;
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
}
.singleAuto
{
    width: 95%;
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
}

.singleAutoFull
{
    width: 100%;
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
}

.multiNormal
{
    width: 246px;
    height: 45px;
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
}
.multiShorter
{
    width: 175px;
    height: 45px;
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
}

.multiLong
{
    width: 350px;
    height: 45px;
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
}
.multiAuto
{
    width: 98%;
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
    overflow: visible;
    border: solid 1px #a2a2a2;
    margin: 0px 0px 0px 0px;
}

.multiAutoNormal
{
    width: 95%;
    height: 45px;
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
}

.multiExtension
{
    color: #000080;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    font-size: 11px;
    overflow: auto;
}


/* GRID */
.overallGrid
{
    border: solid 1px #a2a2a2;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
}

.headerGrid
{
    background-color: #EBEBEB;
    font-size: 8px;
    color: #000000;
    text-align: left;
    padding-left: 3px;
    padding-bottom: 2px;
    padding-right: 3px;
    padding-top: 2px;
    font-weight: normal;
    font-style: italic;
    white-space: nowrap;
}

.DataCellGrid
{
    background-color: #f2f2f2;
    padding: 1px 2px 1px 2px;
}
.DataCellGridAlt
{
    background-color: #FFFFE0;
    padding: 1px 2px 1px 2px;
}
.DataCellGridEdit
{
    background-color: yellow;
    padding: 1px 2px 1px 2px;
}
.selectData
{
    white-space: normal;
}
.normalData
{
    white-space: normal;
}
.lightData
{
    color: #404040;
    white-space: normal;
}
.lighterData
{
    color: #606060;
    white-space: normal;
}
.lightestData
{
    color: #909090;
    white-space: normal;
}
.footerGrid
{
    background-color: #EBEBEB;
    font-size: 11px;
    text-align: center;
    color: #303030;
    padding: 2px 15px 2px 15px;
}

.pagerGrid
{
    background-color: #EBEBEB;
}

/* CONTRACTABLE HEADERS */
.switchcontent
{
    display: none;
}

/* SIGNIN STYLES */
.signin_TableHeader
{
    background: url(./images/logoblue.png) no-repeat;
}

.divMain
{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
}

.divError
{
    color: red;
    font-weight: bold;
}

.divUpload
{
    border: solid 1px #ccc;
    width: 500px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
}
.customerProductTypeRights{border-top:solid 1px black;border-bottom:solid 1px black;}
.InvalidCategoryIDs{width: 500px; height: 200px;}
/******* END STYLES FROM STYLESHEET.CSS *******/


.displayManufacturersPlaceholder {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.displayManufacturers {
    position: relative;
    background-color: #fefefe;
    margin: 8% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 40%; 
}

#displayManufacturersContent {
    max-height: 400px;
    overflow: scroll;
}

#displayManufacturersContent table {
    border-spacing: 0px;
}

#displayManufacturersContent input[type=checkbox] {
    margin-right: 10px;
}

.close {
  color: #e41616;
  float: right;
  font-size: 20px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}