/*Common inner content elements***************************************************************************/
.ContentDiv
{
    padding: 6px 12px 8px 8px;
}
.ui-tabs-panel
{
    width: 985px;
}
.ui-tabs-panel .ContentDiv
{
    width: 963px;
    float: left;
    margin-top: -12px;
    min-height: 510px;
}
.loading
{
    display: none;
}

/*Top*/
.ContentDiv .TopContainer
{
    width: 951px;
    height: 40px;
    margin-bottom: 12px;
    border: solid 1px #d0d0d0;
    background: #f4f4f4;
}

/*Middle*/
.ContentDiv .MiddleContainer
{
    width: 963px;
    height: 480px;
}

#Settings_OrganizationDiv .MiddleContainer .LeftColumn 
{
    float: left;
    width: 53%;    
}
#Settings_OrganizationDiv .MiddleContainer .RightColumn 
{
    float: right;
    width: 46.5%
}
/*Bottom*/
.ContentDiv .BottomContainer
{
    margin-top: 12px;
    width: 960px;
    height: 30px; /*background: url(Images/Layout/Content-Bottom-Right.png) no-repeat right top; */
    padding-right: 10px;
}
.ContentDiv .BottomContainer .InnerContainer
{
    /*background:url(Images/Layout/Content-Bottom-Left.png) no-repeat left top;    */
    height: 30px;
    width: 100%;
    float: left;
}
.ContentDiv .BottomContainer .InnerContainer .BasicButtonsArea
{
    height: 29px;
    padding-top: 1px;
    display: inline;
    vertical-align: middle;
    padding-left: 1px;
}
.ContentDiv .BottomContainer .InnerContainer .PaginationButtonsArea
{
    height: 29px;
    padding-top: 1px;
    float: right;
    vertical-align: middle;
    padding-right: 0px;
}
.ContentDiv .BottomContainer .InnerContainer .CustomerPopupPagination
{
    height: 29px;
    padding-top: 1px;
    float: left;
    vertical-align: middle;
    padding-right: 0px;
}
.ContentDiv .BottomContainer .InnerContainer .BasicButtonsArea .TextButton
{
    float: left;
    margin-right: 6px;
}
.ContentDiv .BottomContainer .InnerContainer .ExtraButtonsArea
{
    width: 43%;
    height: 29px;
    line-height: 30px;
    padding-top: 1px;
    float: right;
    vertical-align: middle;
    margin-right: -10px;
    padding-right: 1px;
}
.ContentDiv .BottomContainer .InnerContainer .ExtraButtonsArea .TextButton
{
    float: right;
    margin-left: 6px;
}
.ContentDiv .BottomContainer .InnerContainer .ExtraButtonsAreaForgotPassword
{
    width: 55%;
    height: 29px;
    line-height: 30px;
    padding-top: 1px;
    display: inline;
    vertical-align: middle;
    padding-right: 5px;
}
.ContentDiv .BottomContainer .InnerContainer .ExtraButtonsAreaForgotPassword .TextButton
{
    float: right;
    margin-right: 8px;
}
/*Box*/
.Box
{
}
.Box .BoxHeader
{
    background: url(Images/Layout/Grid-HeaderRounded-Right-R.png) no-repeat right top;
    height: 26px;
    width: auto;
    padding-right: 10px;
}
.Box .BoxHeader .BoxInnerHeaderContainer
{
    background: url(Images/Layout/Grid-HeaderRounded-Left-R.png) no-repeat left top;
    height: 21px;
    vertical-align: middle;
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-left: 8px;
    border-bottom: solid 1px #d0d0d0;
}
.Box .BoxHeader .BoxInnerHeaderContainer .ExtraElementsArea
{
    margin-top: -3px;
    float: right;
    margin-right: 8px;
}
.Box .BoxHeader .BoxInnerHeaderContainer .ExtraElementsArea span
{
    color: White;
    font-size: 10px;
    font-family: Arial;
    font-weight: bold;
    letter-spacing: 0.3px;
    display: block;
    float: left;
    margin-top: 6px;
    margin-right: 5px;
}
.Box .BoxHeader .BoxInnerHeaderContainer .ExtraElementsArea .Select
{
    float: right;
    margin-top: 2px;
    height: 18px;
    font-size: 11px;
}
.Box .BoxBody
{
    padding: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    overflow: visible;
    border: solid 1px #d0cfcc;
    border-top: none;
    width: auto;
    background-color: White;
}
.Box .BoxFooter
{
    height: 30px;
    border: solid 1px #d0cfcc;
    background: white;
    border-top: solid 2px #F5F5F5;
    padding-top: 6px;
    padding-left: 3px;
}
.PopupBody .BoxBody
{
    border-top: solid 1px #d0cfcc;
    padding: 10px;
}
.SingleColumn .Box
{
    margin-bottom: 8px;
}
.LeftColumn .Box, .RightColumn .Box
{
    margin-bottom: 8px;
    width: 100%;
}
.LeftColumn .Box
{
    float: left;
    clear: left;
}
.RightColumn .Box
{
    float: right;
    clear: right;
}
.SingleColumn
{
    float: left;
    width: 100%;
}
.LeftColumn
{
    float: left;
    width: 51%;
}
.RightColumn
{
    float: right;
    width: 47%;
}



/*********************************************************************************************************/
/*Layout**************************************************************************************************/
body
{
    margin: 0;
    padding: 0;
    font-family: Tahoma;
}

.prodbackground{
    background: #d1d1d1 url(Images/Layout/Background-Gradient.png) repeat-x left top;
}

.testBackGround
{
     background: #F1948A;
}
.preprodBackGround
{
     background: #f2ae72 !important;
}
.localBackGround
{
    background: #b0e0e6;
}

/*Login page---------------------------------------------------------------------*/
#LoginBox
{
    width: 370px;
    margin-left: 330px;
    /*margin-right: auto;*/
    margin-top: 100px;
}
#LoginBox .PopupHeader .PopupInnerContainer #Logo
{
    display: block;
    margin-left: 15px;
    margin-top: 9px;
}
#LoginBox .BottomContainer .InnerContainer .BasicButtonsArea .Select
{
    float: left;
    margin-left: 11px;
    margin-top: 2px;
    width: 112px;
}
#LoginBox .BottomContainer .InnerContainer .BasicButtonsArea .TextButton
{
    float: right;
    margin-right: -8px;
}

/*Table*/
#LoginBox ._table_container
{
    background: transparent;
    border: none;
    padding: 5px;
    padding-right: 0;
}
#LoginBox table
{
    width: 100%;
}
#LoginBox table td
{
    white-space: nowrap;
}
#LoginBox table .TextBox
{
    width: 177px;
}
#LoginBox table .LabelTD
{
    min-width: 100px;
}
#LoginBox table #RememberMeCheckBoxRow td
{
    padding-top: 15px;
}
#LoginBox table #RememberMeCheckBoxRow td .Label
{
    float: left;
    min-width: 103px;
    display: inline-block;
}
#LoginBox table #RememberMeCheckBoxRow td .CheckBox
{
    float: left;
    margin-top: -2px;
}
/*-------------------------------------------------------------------------------*/
/*Forgot page---------------------------------------------------------------------*/
#ForgotBox
{
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 125px;
}
#ForgotBox .PopupHeader .PopupInnerContainer #Logo
{
    display: block;
    margin-left: 15px;
    margin-top: 9px;
}
#ForgotBox .BottomContainer .InnerContainer .BasicButtonsArea .Select
{
    float: left;
    margin-left: 11px;
    margin-top: 2px;
    width: 112px;
}
#ForgotBox .BottomContainer .InnerContainer .BasicButtonsArea .TextButton
{
    float: right;
    margin-right: -8px;
}
/*Table*/
#ForgotBox ._table_container
{
    background: transparent;
    border: none;
    padding: 5px;
    padding-right: 0;
}
#ForgotBox table
{
    width: 100%;
}
#ForgotBox table td
{
    white-space: nowrap;
}
#ForgotBox table .TextBox
{
    width: 177px;
}
#ForgotBox table .LabelTD
{
    min-width: 100px;
}
#ForgotBox table #RememberMeCheckBoxRow td
{
    padding-top: 15px;
}
#ForgotBox table #RememberMeCheckBoxRow td .Label
{
    float: left;
    min-width: 103px;
    display: inline-block;
}
#ForgotBox table #RememberMeCheckBoxRow td .CheckBox
{
    float: left;
    margin-top: -2px;
}
/*-------------------------------------------------------------------------------*/
/*Portal page--------------------------------------------------------------------*/
.profilingTable
{
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
}
.profilingTable td
{
    border: 1px solid black;
}
#PortalContainer
{
    width: 984px;
    margin-left: auto;
    margin-right: auto;
}

/*TopMenu Bar*/
#PortalTopMenuArea
{
    margin-top: 7px;
    width: 984px;
    height: 32px;
    background: url(Images/Layout/Top-Menu-Bar.png) no-repeat left top;
}
#PortalTopMenuArea #StatusArea
{
    float: right;
    margin-right: 10px;
    color: White;
    width: 500px;
}
#PortalTopMenuArea #StatusArea a, #PortalTopMenuArea #StatusArea span
{
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    color: white;
    text-decoration: none;
    text-align: center;
    padding: 8px 8px 0 8px;
    height: 21px;
    display: block;
    float: right;
}
#PortalTopMenuArea #StatusArea a span
{
    padding: 0px;
}
#PortalTopMenuArea #StatusArea a.Selected
{
    width: 129px;
    text-decoration: none;
    background: url(Images/Tabs/TopMenu-Tab.png) no-repeat left top;
    padding: 8px 0 0 0;
    color: Black;
    font-weight: bold;
}
#PortalTopMenuArea #StatusArea span.Separator
{
    padding: 8px 0 0 0;
}
#PortalTopMenuArea #StatusArea a:hover, #PortalTopMenuArea #StatusArea a span:hover
{
    text-decoration: underline;
}

/*HeaderArea*/
#PortalHeaderArea
{
    width: 984px;
    height: 47px;
    background: url(Images/Layout/Portal-HeaderArea.png) no-repeat left top;
    margin-top: 8px;
    float: left;
}
#PortalHeaderArea #PortalBreadCrumb
{
    margin-top: 12px;
    margin-left: 12px;
    float: left;
    color: #E0E0E0;
}

/*ContextArea*/
#PortalHeaderArea #PortalContextArea
{
    width: 450px;
    height: 32px;
    float: left;
    margin-left: 8px;
    margin-top: 7px;
}
#PortalHeaderArea #PortalContextArea .InnerContainer
{
    min-width: 400px;
    height: 32px;
    float: left;
}
#PortalHeaderArea #PortalContextArea .ToolbarButton
{
    float: left;
    margin-left: 10px;
}
#PortalHeaderArea #PortalContextArea .TextButton img
{
    display: block !important;
}
#PortalHeaderArea .QuoteInfoDiv
{
    float: left;
    height: 30px;
    border-left: solid 1px gray;
    border-right: solid 1px gray;
    padding-left: 10px;
    padding-right: 10px;
    border-right-color: #525252;
    border-left-color: #525252;
}
#PortalHeaderArea .QuoteInfoDiv #QuoteName
{
    float: left;
    font-family: Arial;
    font-size: 11px;
    color: White;
}
#PortalHeaderArea .QuoteInfoDiv #CustomerName
{
    margin-top: 4px;
    float: left;
    font-family: Arial;
    font-size: 11px;
    color: White;
    clear: both;
}
#PortalHeaderArea .QuoteInfoDiv #QuoteName label, #QuoteEditorDiv .QuoteInfoDiv #CustomerName label
{
    color: #E0E0E0;
}

/*Body*/
#PortalBodyArea
{
    margin-top: 0px;
    background: #D1DBFC;
    background: url(Images/Layout/Portal-BodyArea-Repeated.png) repeat-y left top;
    float: left;
}

/*Bottom*/
#PortalBodyBottomArea
{
    background: url(Images/Layout/Portal-BodyArea-Bottom.png) no-repeat left bottom;
    height: 9px;
    width: 984px;
    float: left;
}
#PortalContainer #Logo
{
    float: left;
    margin-top: 7px;
}
.QuoteBuilderVersionLabel
{
    color: White;
    font-size: 13px !important;
    margin-right: 20px;
    float: right;
}
/*-------------------------------------------------------------------------------*/
/*********************************************************************************************************/
/*Controls************************************************************************************************/
/*Headers------------------------------------------------------------------------*/
h1, .h1
{
    font-family: Tahoma;
    font-size: 23px;
    color: white;
}
h2, .h2
{
    font-family: Verdana;
    font-size: 19px;
    letter-spacing: 1px;
    color: white;
}
h3, .h3
{
    font-family: Arial;
    font-size: 13px;
    letter-spacing: 1.2px;
    font-weight: bold;
    color: white;
}
h4, .h4
{
    font-family: Arial;
    font-size: 16px;
    letter-spacing: 2px;
    color: white;
}
/*-------------------------------------------------------------------------------*/
/*Input Controls-----------------------------------------------------------------*/

/*ToolbarButton*/
.ToolbarButton
{
    background-color: #333333;
    border: 1px solid #404040;
    padding: 5px;
    padding-top: 7px;
    cursor: pointer;
    height: 15px;
}
.ToolbarButton:hover
{
    background-color: #494949;
    border: 1px solid #525252;
}
.ToolbarButton[highlight]
{
    border: 1px solid #006600;
}
.ToolbarButton img
{
    width: 17px;
    height: 17px;
    margin-top: -2px;
    float: left;
}

/*ToolbarButton*/
.ToolbarButton-Light
{
    background-color: #E1E1E1;
    border: 1px solid #C9C9C9;
    padding: 4px;
    padding-top: 6px;
    cursor: pointer;
    height: 19px;
}
.ToolbarButton-Light:hover
{
    background-color: #D6D6D6;
    border: 1px solid #B6B6B6;
}
.ToolbarButton-Light[highlight]
{
    border: 1px solid #006600;
}
.ToolbarButton-Light img
{
    width: 22px;
    height: 22px;
    margin-top: -2px;
    float: left;
}

/*TextButton*/
.TextButton
{
    height: 26px;
    float: left;
    padding: 0 12px 0 12px;
    cursor: pointer;
    background: #D3D3BC;
    border: 1px solid #B3B38C;
    text-transform: uppercase;
    text-align: center;
}
.TextButton:hover
{
    background: #BEBE9C;
    border: 1px solid #9F9F6F;
}
.TextButton[highlight]
{
    background: #B9F468 !important;
    border: 1px solid #B3B38C;
}
.TextButton[highlight]:hover
{
    background: #8EEC11 !important;
    border: 1px solid #64A50C;
}
.TextButton .ButtonInnerContainer
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1.5px;
    color: black;
    margin-top: -1px;
    line-height: 28px;
    width: auto;
}

/*TextButton-Thin*/
.TextButton-Thin
{
    height: 16px;
    float: left;
    padding: 0 3px 0 3px;
    cursor: pointer;
    background: #D3D3BC;
    border: 1px solid #B3B38C;
    text-transform: uppercase;
    text-align: center;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
}
.TextButton-Thin:hover
{
    background: #BEBE9C;
    border: 1px solid #9F9F6F;
}
.TextButton-Thin[highlight]
{
    background: #B9F468 !important;
    border: 1px solid #B3B38C;
}
.TextButton-Thin[highlight]:hover
{
    background: #8EEC11 !important;
    border: 1px solid #64A50C;
}


/*DefaultValue watermark*/
.empty
{
    background: #FDFDFD;
    color: Gray;
}

/*IconButton-Tiny*/
.IconButton-Tiny
{
    cursor: pointer;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
}
.IconButton-Tiny:hover
{
    background: url(Images/Buttons/IconButton-Tiny.png) no-repeat center center;
}
.IconButton-Tiny img
{
    vertical-align: middle;
    margin-top: 3px;
    width: 12px;
    margin-left: auto;
    margin-right: auto;
    border: none;
}
/*IconButton-User-Popup For user popup images etc*/
.IconButton-User-PopUp
{
    cursor: pointer;
    display: inline-block;
    width: 12px;
    height: 12px;
    text-align: center;
    margin-left: 10px;
}
.IconButtonQuestionMark-User-PopUp
{
    cursor: pointer;
    display: inline-block;
    width: 12px;
    height: 12px;
    text-align: center; /*margin-left:10px;*/
    vertical-align: top;
}
.IconButton-User-PopUp:hover
{
    background: url(Images/Buttons/IconButton-Small.png) no-repeat center center;
}
.IconButton-User-PopUp img
{
    vertical-align: middle;
    margin-top: 5px;
    width: 10px;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    border: none;
}
/*IconButton-Smaller*/
.IconButton-Smaller
{
    cursor: pointer;
    display: inline-block;
    width: 14px;
    height: 14px;
    text-align: center;
    vertical-align: top;
}
.IconButton-Smaller:hover
{
    background: url(Images/Buttons/IconButton-Small.png) no-repeat center center;
}
.IconButton-Smaller img
{
    vertical-align: middle;
    margin-top: 3px;
    width: 8px;
    height: 8px;
    margin-left: auto;
    margin-right: auto;
    border: none;
}
/*IconButton-Small*/
.IconButton-Small
{
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
}
.IconButton-Small:hover
{
    background: url(Images/Buttons/IconButton-Small.png) no-repeat center center;
}
.IconButton-Small img
{
    vertical-align: text-bottom;
    margin-top: 3px;
    width: 16px;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
    border: none;
}
.IconRadioBox-Small
{
    vertical-align: middle;
    margin-top: 5px;
    width: 16px;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
    border: none;
}
.IconRadioBox-Small IconRadioBox-SmallNoMargin
{
    margin-top: 0px !important;
}
/*IconButton-Medium*/
.IconButton-Medium
{
    cursor: pointer;
    display: inline-block;
    width: 26px;
    height: 26px;
    text-align: center;
	float: left;
}
.IconButton-Medium:hover
{
    background: url(Images/Buttons/IconButton-Medium.png) no-repeat center center;
}
.IconButton-Medium img
{
    vertical-align: middle;
    margin-top: 4px;
    width: 18px;
    margin-left: auto;
    margin-right: auto;
}

/*TextBox*/
.TextBox
{
    background-color: #FDFDFD;
    border: 1px solid #DFDFDF;
    width: 193px;
    height: 20px;
    padding-left: 5px;
    margin-left: 2px;
    font-family:Arial;
    font-size:x-small

}
.TextBox:focus
{
    border: solid 1px gray !important;
}
.TextBox[readonly]:focus
{
    border: solid 1px #DFDFDF !important;
}
/*DeliveryLocationTextBox */
.DeliveryLocationTextBox 
{
    background-color: #FDFDFD;
    border: 1px solid #DFDFDF;
    width: 193px;
    height: 20px;
    padding-left: 5px;
    margin-left: 2px;
}
.DeliveryLocationTextBox:focus
{
    border: solid 1px gray !important;
}
.DeliveryLocationTextBox[readonly]:focus
{
    border: solid 1px #DFDFDF !important;
}

/*ReadOnlyControl - override class*/
input[readonly], input[disabled], textarea[readonly], textarea[disabled]
{
    cursor: default;
    color: Gray;
}

/*ToggleableElem*/
.ToggleableElem
{
    border: 1px solid #E4E4E0;
    background: #f0f0ee;
    padding: 3px 3px 3px 6px;
    height: 18px;
    font-family: Arial;
    font-size: 12px;
    color: #535353;
}
.ToggleableElem span
{
    display: block;
    margin-top: 2px;
    float: left;
    padding-right: 5px;
}
.IconButton-Tiny
{
    float: right;
}
/*DropDown*/
.Select, .DropDown {
    width: 202px;
    height: 24px;
    font-family: Arial;
    font-size:x-small;
    background-color: #FDFDFD;
    margin-left: 2px;
    border: 1px solid #DFDFDF;
}

/*DateTextBox*/
.DateTextBox {
    font-family: Arial;
    font-size: x-small;
}

/*CheckBox*/
.CheckBox {
    float: left;
    margin-left: 2px;
}
.CheckBoxItem
{
    font-family: Arial !important;
    font-size: 12.5px !important;
    float: left;
    clear: both;
}

/*RadioButton*/
.RadioButton
{
    border: 1px solid #FBFBFB;
    background: #FBFBFB;
    padding: 1px 3px 2px 2px;
    height: 18px;
    
}
.RadioButton:hover
{
    border: 1px solid #E4E4E0;
    background: #f0f0ee;
}
.RadioButton[disabled]:hover
{
    border: 1px solid #FBFBFB !important;
    background: #FBFBFB !important;
}
.RadioButton[selected]
{
    border: 1px solid #E4E4E0;
    background: #f0f0ee;
}
.RadioButton[selected]:hover
{
    border: 1px solid #E4E4E0 !important;
    background: #f0f0ee !important;
}
.RadioButton input
{
    float: left;
}
.RadioButton label
{
    font-family: Arial;
    font-size: 12px;
    color: #535353;
    float: left;
    margin-top: 3px;
}
.CheckBox label {
    font-family: Arial;
    font-size: 12px;
    color: #535353;
    margin-top: 3px;
    display: block;
    float: left;
    padding-right: 10px;
    white-space: nowrap;
}

.CheckBox input {
    vertical-align: middle;
}

.CheckBox label span {
    vertical-align: middle;
}
/*Message*/
.Message
{
    font-family: Arial;
    font-size: 12px;
    color: #535353;
    font-size: small;
}
/*Label*/
.Label
{
    font-family: Arial;
    font-size: 12px;
    color: #535353;
    font-weight: bold;
    font-size:x-small;
    font-family:Arial;
    text-align:justify;
}
.LabelSpecial
{
    font-family: Arial;
    font-size: 12px;
    color: #535353;
    font-weight: bold;
    margin-right: 4px;
}
.Link
{
    font-family: Arial;
    font-size: 12px;
    color: #386A20;
}
.LinkFloatLeft
{
    font-family: Arial;
    font-size: 12px;
    color: #386A20;
    float: left;
}
/*ChoosePicture*/
.PicturePreviewImg
{
    float: left;
    width: 174px;
    height: 170px;
}
.ChoosePictureButton
{
    float: right;
}
/*-------------------------------------------------------------------------------*/
/*PinesNotify--------------------------------------------------------------------*/
.ui-pnotify
{
    top: 18px;
    right: 18px;
    position: absolute;
    height: auto;
    border: 1px solid gray;
    background-color: white; /* Ensure that the notices are on top of everything else. */
    z-index: 9999;
}
.ui-pnotify .ui-pnotify-shadow
{
    margin: 0;
    position: absolute;
    top: .1em;
    left: .1em;
    bottom: -.2em;
    right: -.2em;
    z-index: -1;
}
.ui-pnotify-container
{
    background-position: 0 0;
    padding: 6px;
    height: 100%;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.ui-pnotify-closer
{
    float: right;
    height: 16px;
    width: 16px;
    background: url(Images/Icons/Actions/IconButtons/delete.png) no-repeat center center;
}
.ui-pnotify-title
{
    display: block;
    float: left;
    width: 60%;
    margin-top: 12px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333333;
}
.ui-pnotify-text
{
    display: block;
    color: #3a4043;
    float: left;
    padding: 10px;
    font-family: Arial;
    letter-spacing: 0.8px;
    font-size: 11px;
}
.ui-pnotify-icon
{
    margin-left: 10px;
    margin-top: 6px;
}
.ui-pnotify-icon, .ui-pnotify-icon span
{
    display: block;
    float: left;
    margin-right: 2px;
}

/* This hides position: fixed from IE6, which doesn't understand it. */
html > body .ui-pnotify
{
    position: fixed;
}

/**/
.pnotifyNoticeIcon
{
    width: 32px;
    height: 32px;
    background: url(Images/icons/Misc/success.png) no-repeat center center;
}
.pnotifyErrorIcon
{
    width: 32px;
    height: 32px;
    background: url(themes/base/images/icons/error-notification.png) no-repeat center center;
}

/*History Pulldown*/
.ui-pnotify-history-container
{
    position: absolute;
    top: 0;
    right: 18px;
    width: 70px;
    border-top: none; /* Ensure that the history container is on top of the notices. */
    z-index: 10000;
}
.ui-pnotify-history-container .ui-pnotify-history-header
{
    padding: 2px;
}
.ui-pnotify-history-container button
{
    cursor: pointer;
    display: block;
    width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown
{
    display: block;
    margin: 0 auto;
}
.ui-pnotify .picon
{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    width: 17px;
    height: 17px;
}
/*-------------------------------------------------------------------------------*/
/*Validation---------------------------------------------------------------------*/
.alertBox
{
    height: 16px;
    width: 16px;
    display: inline-block;
    background: url(Images/Icons/Misc/alert_icon.png) no-repeat left top;
    margin-left: -1px !important;
    vertical-align: middle;
    margin-top: -1px;
    cursor: help;
}
.warnBox
{
    background: url(Images/Icons/Misc/warn_icon.png) no-repeat left top !important;
}
.warningInputElement
{
    border: solid 1px #cdcd05 !important;
}
.invalidInputElement
{
    border-color: red !important;
}
/*-------------------------------------------------------------------------------*
/*TreeTable----------------------------------------------------------------------*/
.treeTable .quoteLine
{
    background: url(Images/treeTable/product.png) no-repeat left center;
    /*background: url(Images/treeTable/quoteline.png) no-repeat left center;*/
}
.treeTable .quoteLine-e
{
    background: url(Images/treeTable/product-e.png) no-repeat left center;
    /*background: url(Images/treeTable/quoteline.png) no-repeat left center;*/
}
.treeTable .itemGroup, .treeTable .quoteLineGroup
{
    background: url(Images/treeTable/folder.png) no-repeat left center;
}
.treeTable .item
{
    background: url(Images/treeTable/product.png) no-repeat left center;
}
.treeTable .item-e
{
    background: url(Images/treeTable/product-e.png) no-repeat left center;
}
.treeTable .item-inactive
{
    background: url(Images/treeTable/product-inactive.png) no-repeat left center;
}
.treeTable .item-e-inactive
{
    background: url(Images/treeTable/product-e-inactive.png) no-repeat left center;
}
.treeTable .quote
{
    background: url(Images/treeTable/quote.png) no-repeat left center;
}
/*.treeTable .attachment
{
    background: url(Images/treeTable/quote.png) no-repeat left center;
}*/
.treeTable .mailTemplate
{
    background: url(Images/treeTable/mailTemplate.png) no-repeat left center;
}
.treeTable .user
{
    padding-left: 0 !important;
}
.treeTable .user .active
{
    background: url(Images/treeTable/user.png) no-repeat left center;
    padding-left: 25px;
    height: 21px;
    display: inline-block;
}
.treeTable .user .inactive
{
    background: url(Images/treeTable/user-inactive.png) no-repeat left center;
    padding-left: 25px;
    height: 21px;
    display: inline-block;
}
.treeTable .customer
{
    padding-left: 0 !important;
}
.treeTable .customer-external
{
    background: url(Images/treeTable/customer-external.png) no-repeat left center;
    padding-left: 25px;
    height: 21px;
    display: inline-block;
}
.treeTable .customer .private
{
    background: url(Images/treeTable/customer.png) no-repeat left center;
    padding-left: 25px;
    height: 21px;
    display: inline-block;
}
.treeTable .customer .company
{
    background: url(Images/treeTable/company.png) no-repeat left center;
    padding-left: 25px;
    height: 21px;
    display: inline-block;
}
.treeTable .customer .company-external
{
    background: url(Images/treeTable/company-external.png) no-repeat left center;
    padding-left: 25px;
    height: 21px;
    display: inline-block;
}
.treeTable .customer .private-inactive
{
    background: url(Images/treeTable/customer-inactive.png) no-repeat left center;
    padding-left: 25px;
    height: 21px;
    display: inline-block;
}
.treeTable .customer .company-inactive
{
    background: url(Images/treeTable/company-inactive.png) no-repeat left center;
    padding-left: 25px;
    height: 21px;
    display: inline-block;
}
.treeTable .contact
{
    padding-left: 0 !important;
}
.treeTable .contact .active
{
    background: url(Images/treeTable/contact.png) no-repeat left center;
    padding-left: 27px;
    height: 21px;
    display: inline-block;
}
.treeTable .contact .inactive
{
    background: url(Images/treeTable/contact-inactive.png) no-repeat left center;
    padding-left: 27px;
    height: 21px;
    display: inline-block;
}
.treeTable .shipping .active
{
    background: url(Images/treeTable/contact.png) no-repeat left center;
    padding-left: 27px;
    height: 21px;
    display: inline-block;
}
.treeTable .shipping .inactive
{
    background: url(Images/treeTable/contact-inactive.png) no-repeat left center;
    padding-left: 27px;
    height: 21px;
    display: inline-block;
}
.treeTable .blackboxLine
{
    background: url(Images/treeTable/quoteline.png) no-repeat left center;
    /*background: url(Images/treeTable/blackboxline.png) no-repeat left center;*/
}
.treeTable .calculationGroup
{
    background: url(Images/treeTable/calculationgroup.png) no-repeat left center;
}
.treeTable .picture
{
    background: url(Images/treeTable/picture.png) no-repeat left center;
}
.treeTable .pictureGroup
{
    background: url(Images/treeTable/folder.png) no-repeat left center;
}
.treeTable .calculationField
{
    padding-left: 0 !important;
}
.treeTable .calculationLineGroup
{
    background: url(Images/treeTable/calculationgroup.png) no-repeat left center;
    padding-left: 0 !important;
}

.treeTable .documenttemplate
{
    background: url(Images/treeTable/document.png) no-repeat left center;
}
.treeTable .BaseGroup, .treeTable .ValueSetGroup
{
    background: url(Images/treeTable/folder.png) no-repeat left center;
}
.treeTable .SystemValueSet
{
    background: url(Images/treeTable/systemvalueset.png) no-repeat left center;
}
.treeTable .UserValueSet
{
    background: url(Images/treeTable/valueset.png) no-repeat left center;
}
.treeTable .ValueSetValue
{
    background: url(Images/treeTable/value-node.png) no-repeat left center;
}
#ProductListTable tbody tr {
    height: 31px !important;
}
/**/
.treeTable .accept td
{
    background-color: #AFEBAF !important;
}
.treeTable tr td .expander
{
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0;
    zoom: 1; /* IE7 Hack */
}
.treeTable tr.collapsed td .expander
{
    background-image: url(Images/treeTable/plus.png);
}
.treeTable tr.expanded td .expander
{
    background-image: url(Images/treeTable/minus.png);
}

/*Drag'n'Drop styles*/
.treeTable tr.selected, .treeTable tr.accept
{
    background-color: #3875d7;
    color: black;
}
.treeTable .ui-draggable-dragging
{
    margin-top: 10px;
    margin-bottom: -10px;
    color: #000;
    background-color: #caf78c !important;
    z-index: 1;
}
.treeTable .ui-draggable-dragging span
{
    position: relative;
    top: 10px;
    background: yellowgreen;
}
/*-------------------------------------------------------------------------------*/
/*TopMenu------------------------------------------------------------------------*/
.TopMenu
{
    margin-left: 5px;
    margin-top: -3px;
    float: left;
}
.TopMenu-StaticMenuItemStyle a
{
    font-size: 13px !important;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: white;
    float: left;
    height: 21px;
    padding: 8px 8px 0 8px;
}
.TopMenu-StaticSelectedStyle a
{
    color: black;
    height: 23px;
    width: 129px;
    padding: 6px 0 0 0;
}
.TopMenu-StaticSelectedStyle a
{
    text-decoration: none;
    background: url(Images/Tabs/TopMenu-Tab.png) no-repeat left top;
}
.TopMenu-StaticHoverStyle a:hover
{
    text-decoration: underline;
}
/*-------------------------------------------------------------------------------*/
/*DataTables---------------------------------------------------------------------*/
/*Common*/
._table_container
{
    border: solid 1px #d0d0d0;
    border-top: none;
    background: white url(Images/Layout/Grid-TableHeader.png) repeat-x right -5px;
}

/*Header*/
.TableHeader
{
    background: url(Images/Layout/Grid-HeaderRounded-Right-R.png) no-repeat right top;
    height: 26px;
    padding-right: 10px;
    width: auto;
}
.TableHeader .InnerHeaderContainer
{
    height: 26px;
    background: url(Images/Layout/Grid-HeaderRounded-Left-R.png) no-repeat left top;
    width: auto;
    border-bottom: solid 1px #d0d0d0;
}
.TableHeader .InnerHeaderContainer .TitleArea
{
    float: left;
    height: 26px;
}
.TableHeader .InnerHeaderContainer .TitleArea .Img
{
    float: left;
    display: block;
    margin-top: 2px;
    margin-left: 8px;
}
.TableHeader .InnerHeaderContainer .TitleArea span
{
    float: left;
    display: block;
    margin-top: 5px;
    margin-left: 8px;
}
.TableHeader .InnerHeaderContainer .ExtraElementsArea
{
    padding-right: 4px;
    float: right;
    height: 26px;
}
.TableHeader .InnerHeaderContainer .ExtraElementsArea .SearchTextBoxContainer
 {
    background-color: white;
    width: 260px;
    float: left;
    height: 18px; 
    margin-top: 5px;
    /*background: url(Images/Layout/SearchTextbox20px.png) no-repeat right top;*/
}
.TableHeader .InnerHeaderContainer .ExtraElementsArea .SearchTextBoxContainer .SearchTextBox
{
    width: 200px;
    background: url(Images/Layout/searchtextbox.png) no-repeat right top;
    padding-left: 20px;
    border: none;
    height: 16px;
    font-size: 12px;
}

.TableHeader .InnerHeaderContainer .ExtraElementsArea .SearchTextBox
{
    width: 200px;
    background: url(Images/Layout/searchtextbox.png) no-repeat right top;
    padding-left: 20px;
    border: none;
    height: 16px;
    font-size: 12px;
}
.TableHeader .InnerHeaderContainer .ExtraElementsArea .SearchTextBoxContainer .SearchTextBox, .TableHeader .InnerHeaderContainer .ExtraElementsArea select
{
    float: right;
    margin-top: 5px;
}
.TableHeader .InnerHeaderContainer .ExtraElementsArea .SearchTextBox, .TableHeader .InnerHeaderContainer .ExtraElementsArea select
{
    float: right;
    margin-top: 5px;
}

/*Footer*/
.TableFooter
{
    width: auto;
    height: 28px;
    padding: 2px;
    background-color: #F4F4F4;
    border: solid 1px #d0d0d0;
    border-top: none;
}
.TableFooter .FooterInnerContainer
{
}
.TableFooter .FooterInnerContainer .PaginationButtonsArea
{
    height: 29px;
    padding-top: 1px;
    float: right;
    vertical-align: middle;
    padding-right: 0px;
}
.TableFooter .FooterInnerContainer .RightArea, .TableFooter .FooterInnerContainer .RightArea .IconButton-Medium
{
    float: right;
}
.TableFooter .FooterInnerContainer .LeftArea, .TableFooter .FooterInnerContainer .LeftArea .IconButton-Medium
{
    float: left;
}

/*DataTable*/
.flatDataTable .expander
{
    display: none !important;
}
.dataTable
{
    border-collapse: collapse;
    width: 100%;
}
.dataTable thead th
{
    color: #797979;
    text-align: left;
    font-size: 10px;
    font-family: Arial;
    letter-spacing: 1px; /*background: url(Images/Layout/Grid-TableHeader.png) repeat-x left bottom;*/
    border-bottom: solid 1px #d0d0d0;
    background: #f4f4f4;
    padding-left: 8px;
    height: 17px;
    padding-top: 2px;
    padding-right: 4px;
    vertical-align: middle;
    white-space: nowrap;
}
.dataTable td .CheckIcon
{
    width: 16px;
    height: 16px;
    background: url(Images/Icons/Misc/Check.png) no-repeat left top;
    margin-left: auto;
    margin-right: auto;
}
.dataTable tr td
{
    height: 25px;
    vertical-align: top;
    padding-top: 4px;
    padding-left: 6px;
    padding-right: 4px;
    margin: 0px;
    color: #676365;
    font-family: Verdana;
    font-size: 10px;
    cursor: default;
    background-color: White;
    overflow: hidden;
    white-space: nowrap;
    border-right: solid 1px transparent;
    border-bottom: solid 1px #EAEAEA;
}

.dataTable tr td.FirstColumn
{
    font-weight: bold;
    color: #343233;
}
.dataTable .nameNode /*first column*/
{
    white-space: nowrap !important;
    padding-left: 25px;
}
.dataTable .textNode /*other columns*/
{
    white-space: nowrap;
    height: 21px;
    display: inline-block;
    line-height: 21px;
}

.dataTable tr td .alert
{
    display: inline-block;
    margin-left: 5px;
}
.dataTable tr.NoSelect td
{
    cursor: default !important;
}
.dataTable .AlternateRow td
{
    background-color: #F4FFDD;
}
.SelectedRow td
{
    /*background: url(Images/treeTable/selected-row.png) repeat-x left bottom;*/
    background-color: #caf78c !important;
    color: black;
    border-right: solid 1px transparent;
    border-bottom: solid 1px transparent;
}
.dataTable tr:hover td
{
    background-color: #E9E9E9;
    color: black;
}

/*Inline EditBox*/
.dataTable input.EditBox
{
    height: 14px;
    vertical-align: middle;
    padding-top: 2px;
    float: right;
    text-align: right;
    color: #676365;
    font-family: Verdana;
    font-size: 10px;
    background-color: Transparent;
    border: solid 1px transparent;
}
.dataTable textarea.EditBox
{
    height: 14px;
    vertical-align: middle;
    padding-top: 2px;
    float: left;
    text-align: left;
    color: #676365;
    font-family: Verdana;
    font-size: 10px;
    line-height: 13px;
    background-color: Transparent;
    border: solid 1px transparent;
    overflow: hidden;
}
.dataTable textarea.EditBox:focus
{
    min-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
}
.dataTable tr:hover td .EditBox
{
    background-color: White;
    border: 1px solid #B7B7B7;
    width: 100%;
    color: black;
}
.dataTable tr td:hover .EditBox
{
    background-color: White;
    border: solid 1px #B7B7B7;
}
.dataTable tr td .EditBox:focus
{
    background-color: White;
    border: solid 1px #B7B7B7;
    color: black;
}

/*ActionTD*/
.dataTable tbody .ActionTD
{
    text-align: center;
    padding: 0 !important;
    padding-top: 2px !important;
    width: 65px !important;
}
.dataTable tbody .ActionTD .IconButton-Small
{
    visibility: hidden;
}
.dataTable .SelectedRow .ActionTD .IconButton-Small, .dataTable tr:hover .ActionTD .IconButton-Small
{
    visibility: visible;
}
#TableContainerWrapperAllowImg
{
    margin-top: 1em;
}
#TableContainerWrapperAllowImg.hidediv
{
    display: none;
}
.hidediv
{
    display: none;
}
.hidedivinanycase
{
    display: none;
}
.allowPictureTable
{
    height: 80px;
    margin-bottom: 1em;
}
.allowPictureTable td
{
    border-right: 0 /*!important*/;
}
.allowPictureTable tr:hover td
{
    background-color: #fff;
}
#allowPictureImg
{
    margin-bottom: 1em;
}
#allowPictureImg .IconButton-Small
{
    position: relative;
    top: -2.8em;
}
#allowPictureImg .IconButton-Small
{
    cursor: pointer;
    display: inline-block;
    width: 12px;
    height: 12px;
    text-align: center;
}
/*-------------------------------------------------------------------------------*/
/*Searching----------------------------------------------------------------------*/
.SearchMisMatch
{
    display: none !important;
}
.TreeTableSearchMatch td
{
    background-color: #CAF78C !important;
}
/*-------------------------------------------------------------------------------*/
/*Tabs---------------------------------------------------------------------------*/
/*PortalTabs*/
.PortalTabs
{
    width: 100%;
}
.PortalTabs .ui-tabs-nav
{
    list-style: none;
    position: relative;
    margin-top: -32px;
    float: right;
    margin-right: 12px;
}
.PortalTabs .ui-tabs-nav li
{
    position: relative;
    float: left;
    height: 28px;
    padding-right: 30px;
    background: url(Images/Tabs/Tab-InactiveBg-Right.png) no-repeat right bottom;
    margin-left: -30px !important;
    min-width: 80px;
}
.PortalTabs .ui-tabs-nav li a
{
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: Black;
    display: block;
    height: 20px;
    padding-top: 8px;
    padding-left: 30px;
    background: url(Images/Tabs/Tab-InactiveBg-Left.png) no-repeat left bottom;
}
.PortalTabs .ui-tabs-nav li a span
{
    display: block;
    width: 100%;
}
.PortalTabs .ui-tabs-nav li.ui-tabs-selected, .PortalTabs .ui-tabs-nav li.ui-tabs-selected:hover
{
    background: url(Images/Tabs/Tab-ActiveBg-Right.png) no-repeat right bottom;
    margin-left: -30px !important;
    z-index: 10 !important;
}
.PortalTabs .ui-tabs-nav li.ui-tabs-selected a, .PortalTabs .ui-tabs-nav li.ui-tabs-selected:hover a
{
    background: url(Images/Tabs/Tab-ActiveBg-Left.png) no-repeat left bottom;
    cursor: default !important;
}
.PortalTabs .ui-tabs-nav li:hover
{
    background: url(Images/Tabs/Tab-InactiveBg-Hover-Right.png) no-repeat right bottom;
}
.PortalTabs .ui-tabs-nav li:hover a
{
    background: url(Images/Tabs/Tab-InactiveBg-Hover-Left.png) no-repeat left bottom;
}
.PortalTabs .ui-tabs-panel
{
    min-height: 350px;
    display: block;
}
.PortalTabs .ui-tabs-hide
{
    display: none !important;
}

/*PopupTabs*/
.PopupTabs
{
    width: 100%;
}
.PopupTabs .ui-tabs-nav
{
    list-style: none;
    padding: .2em .2em 0;
    margin-top: -38px;
    float: right;
    margin-right: 9px;
    position: relative;
}
.PopupTabs .ui-tabs-nav li
{
    position: relative;
    float: left;
    height: 28px;
    padding-right: 30px;
    background: url(Images/Tabs/Tab-InactiveBg-Right.png) no-repeat right bottom;
    margin-left: -30px !important;
}
.PopupTabs .ui-tabs-nav li a
{
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: Black;
    display: block;
    height: 20px;
    padding-top: 8px;
    padding-left: 30px;
    background: url(Images/Tabs/Tab-InactiveBg-Left.png) no-repeat left bottom;
}
.PopupTabs .ui-tabs-nav li a span
{
    display: block;
    width: 100%;
}

.PopupTabs .ui-tabs-nav li.ui-tabs-selected, .PopupTabs .ui-tabs-nav li.ui-tabs-selected:hover
{
    background: url(Images/Tabs/Tab-ActiveBg-Right.png) no-repeat right bottom;
    margin-left: -30px !important;
    z-index: 10 !important;
}
.PopupTabs .ui-tabs-nav li.ui-tabs-selected a, .PopupTabs .ui-tabs-nav li.ui-tabs-selected:hover a
{
    background: url(Images/Tabs/Tab-ActiveBg-Left.png) no-repeat left bottom;
    cursor: default !important;
}
.PopupTabs .ui-tabs-nav li:hover
{
    background: url(Images/Tabs/Tab-InactiveBg-Hover-Right.png) no-repeat right bottom;
}
.PopupTabs .ui-tabs-nav li:hover a
{
    background: url(Images/Tabs/Tab-InactiveBg-Hover-Left.png) no-repeat left bottom;
}

.PopupTabs .ui-tabs-panel
{
    min-height: 350px;
    display: block;
    background: #D1DBFC;
    background: url(Images/Layout/Portal-BodyArea-Repeated.png) repeat-y left top;
    float: left;
    width: 100%;
}
.PopupTabs .ui-tabs-hide
{
    display: none !important;
}
/*-------------------------------------------------------------------------------*/
/*BlockUI------------------------------------------------------------------------*/
div.blockMsg
{
    border: 1px solid #1E1E1E !important;
    background-color: black !important;
    padding: 10px !important;
    display: table-cell;
}
div.blockMsg div.wrapperdiv
{
    margin-left: auto;
    margin-right: auto;
}
div.blockMsg span
{
    display: block;
    color: White !important;
    font-family: Verdana;
    font-weight: bold;
}
div.blockMsg img
{
}
/*-------------------------------------------------------------------------------*/
/*DatePicker---------------------------------------------------------------------*/
/* Default styling for jQuery Datepicker v4.0.0. */
.datepick
{
    background-color: #fff;
    color: #000;
    border: 1px solid #444;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-family: Arial;
    font-size: x-small;
}
.datepick-rtl
{
    direction: rtl;

}
.datepick-disable
{
    position: absolute;
    background-color: white;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.datepick a
{
    color: #fff;
    text-decoration: none;
}
.datepick a.datepick-disabled
{
    color: #888;
    cursor: auto;
}
.datepick button
{
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fcc;
    border: none;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-weight: bold;
}
.datepick-nav, .datepick-ctrl
{
    float: left;
    width: 100%;
    background-color: #000;
    color: #fff;
    font-size: 90%;
    font-weight: bold;
}
.datepick-ctrl
{
    background-color: #600;
}
.datepick-cmd
{
    width: 30%;
    cursor: pointer;
}
.datepick-cmd:hover
{
    background-color: #777;
}
.datepick-ctrl .datepick-cmd:hover
{
    background-color: #f08080;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump
{
    width: 8%;
}
a.datepick-cmd
{
    height: 1.5em;
}
button.datepick-cmd
{
    text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear
{
    float: left;
    padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today
{
    float: left;
    width: 35%;
    text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close
{
    float: right;
    padding-right: 2%;
    text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump, .datepick-rtl .datepick-cmd-clear
{
    float: right;
    padding-left: 0%;
    padding-right: 2%;
    text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today
{
    float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump, .datepick-rtl .datepick-cmd-close
{
    float: left;
    padding-left: 2%;
    padding-right: 0%;
    text-align: left;
}
.datepick-month-row
{
    clear: left;
}
.datepick-month
{
    float: left;
    width: 15em;
    border: 1px solid #444;
    text-align: center;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input
{
    height: 1.5em;
    background-color: #444;
    color: #fff;
    font-weight: bold;
}
.datepick-month-header select, .datepick-month-header input
{
    height: 1.4em;
    border: none;
}
.datepick-month-header input
{
    position: absolute;
    display: none;
}
.datepick-month table
{
    width: 100%;
    border-collapse: collapse;
}
.datepick-month thead
{
    border-bottom: 1px solid #aaa;
}
.datepick-month th, .datepick-month td
{
    margin: 0em;
    padding: 0em;
    font-weight: normal;
    text-align: center;
}
.datepick-month th
{
    border: 1px solid #777;
}
.datepick-month th, .datepick-month th a
{
    background-color: #777;
    color: #fff;
}
.datepick-month td
{
    background-color: #eee;
    border: 1px solid #aaa;
}
.datepick-month td.datepick-week
{
    border: 1px solid #777;
}
.datepick-month td.datepick-week *
{
    background-color: #777;
    color: #fff;
}
.datepick-month a
{
    display: block;
    width: 100%;
    padding: 0.125em 0em;
    background-color: #eee;
    color: #000;
    text-decoration: none;
}
.datepick-month span
{
    display: block;
    width: 100%;
    padding: 0.125em 0em;
}
.datepick-month td span
{
    color: #888;
}
.datepick-month td .datepick-other-month
{
    background-color: #fff;
}
.datepick-month td .datepick-weekend
{
    background-color: #ddd;
}
.datepick-month td .datepick-today
{
    background-color: #f0c0c0;
}
.datepick-month td .datepick-highlight
{
    background-color: #f08080;
    cursor: pointer;
}
.datepick-month td .datepick-selected
{
    background-color: #777;
    color: #fff;
}
.datepick-month th.datepick-week
{
    background-color: #777;
    color: #fff;
}
.datepick-status
{
    clear: both;
    background-color: #ddd;
    text-align: center;
}
.datepick-clear-fix
{
    clear: both;
}
.datepick-cover
{
    display: none;
    display: /**/ block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -1px;
    left: -1px;
    width: 100px;
    height: 100px;
}
/*FormTable----------------------------------------------------------------------*/
.FormTable td
{
    vertical-align: top;
}
.FormTable td.AlignTop
{
    vertical-align: top;
}
.FormTable td.Separator
{
    padding-top: 8px;
    padding-bottom: 8px;
}
.FormTable td.Separator1
{
    padding-top: 18px;
    padding-bottom: 18px;
}
.FormTable td.Separator div
{
    border-bottom: dashed 1px #EFEFEF;
    width: 100%;
}
.FormTable .LabelTD
{
    text-align: right;
    min-width: 100px;
    padding-right: 5px;
    vertical-align: middle;
}
.FormTable .TextBox
{
    width: 225px;
}
.FormTable .Select
{
    width: 174px;
}
.FormTable .LargeTextBoxTR .LabelTD
{
    vertical-align: top;
    padding-top: 5px;
}
/*-------------------------------------------------------------------------------*/
/* TipTip CSS - Version 1.2 -----------------------------------------------------*/
#tiptip_holder
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}
#tiptip_holder.tip_top
{
    padding-bottom: 5px;
}
#tiptip_holder.tip_bottom
{
    padding-top: 5px;
}
#tiptip_holder.tip_right
{
    padding-left: 5px;
}
#tiptip_holder.tip_left
{
    padding-right: 5px;
}

#tiptip_content
{
    font-size: 11px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    padding: 4px 8px;
    border: 1px solid rgba(255,255,255,0.25);
    background-color: rgb(25,25,25);
    background-color: rgba(25,25,25,0.92);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px #555;
    -webkit-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px #555;
}
#tiptip_arrow, #tiptip_arrow_inner
{
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow
{
    border-top-color: #fff;
    border-top-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_bottom #tiptip_arrow
{
    border-bottom-color: #fff;
    border-bottom-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_right #tiptip_arrow
{
    border-right-color: #fff;
    border-right-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_left #tiptip_arrow
{
    border-left-color: #fff;
    border-left-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_top #tiptip_arrow_inner
{
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: rgb(25,25,25);
    border-top-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner
{
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: rgb(25,25,25);
    border-bottom-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_right #tiptip_arrow_inner
{
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: rgb(25,25,25);
    border-right-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner
{
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: rgb(25,25,25);
    border-left-color: rgba(25,25,25,0.92);
}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #tiptip_content
    {
        padding: 4px 8px 5px 8px;
        background-color: rgba(45,45,45,0.88);
    }
    #tiptip_holder.tip_bottom #tiptip_arrow_inner
    {
        border-bottom-color: rgba(45,45,45,0.88);
    }
    #tiptip_holder.tip_top #tiptip_arrow_inner
    {
        border-top-color: rgba(20,20,20,0.92);
    }
}
/*-------------------------------------------------------------------------------*/
/*********************************************************************************************************/
/*Popups**************************************************************************************************/
/*Calculation Popup--------------------------------------------------------------*/
.CalculationPopup
{
    height: 410px;
    width: 390px;
}
#CalculationPopupInstance #InnerDiv .BoxBody
{
    padding-top: 15px;
}
#CalculationPopupInstance #InnerDiv #CalculationDetailsBox .BoxBody
{
    height: 290px;
}
#CalculationPopupInstance #InnerDiv .FormTable
{
    width: 100%;
}
#CalculationPopupInstance #InnerDiv .FormTable .LabelTD
{
    width: 80px;
    min-width: 0;
}
#CalculationPopupInstance #InnerDiv .FormTable .TextBox
{
    width: 225px;
}
#CalculationPopupInstance #InnerDiv .FormTable .Select
{
    width: 235px;
}
#CalculationPopupInstance #InnerDiv table .DescriptionTextBox
{
    height: 200px;
    overflow: hidden;
}
/*-------------------------------------------------------------------------------*/
/*Customer Popup-----------------------------------------------------------------*/
.CustomerPopup
{
    height: 470px;
    width: 765px;
}
#CustomerPopupInstance #InnerDiv .FormTable .LabelTD
{
    min-width: 80px;
}
#CustomerPopupInstance #InnerDiv .FormTable .LabelTDTextArea
{
    min-width: 80px;
    vertical-align: top;
    text-align: right;
}

#CustomerPopupInstance #InnerDiv .FormTable .TextBox
{
    width: 205px;
}
#CustomerPopupInstance #InnerDiv .FormTable .DeliveryLocationTextBox
{
    width: 178px;
}
#CustomerPopupInstance #InnerDiv .FormTable .TextArea
{
    width: 205px;
    height: 94px;
    overflow: hidden;
    overflow-y: auto;
    margin-left: 3px;
    white-space: pre-wrap;
}
#CustomerPopupInstance #InnerDiv .FormTable .DeliveryLocationTextArea
{
    width: 178px;
    height: 118px;
    overflow: hidden;
    overflow-y: auto;
    white-space: pre-wrap;
}
#CustomerPopupInstance #InnerDiv #CommentsBox .CommentsTextBox
{
    width: 305px;
    height: 190px;
    overflow: hidden;
    overflow-y: auto;
    margin-left: 3px;
    white-space: pre-wrap;
}

#CustomerPopupInstance #InnerDiv #HideCompanyFieldsDiv
{
    float: left;
    width: 100%;
    height: 90px;
    margin-top: -160px;
    background-color: White;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#CustomerPopupInstance #InnerDiv #HideDeliveryAddressFieldsDiv
{
    float: left;
    width: 100%;
    height: 195px;
    margin-top: -195px;
    background-color: White;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#CustomerPopupInstance #InnerDiv #HideContactDetailsDiv
{
    float: left;
    width: 100%;
    height: 410px;
    margin-top: -270px;
    background-color: White;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#CustomerPopupInstance #InnerDiv .FormTable #CustomerTypeTR #CustomerTypeTD
{
    padding-bottom: 10px;
}
#CustomerPopupInstance #InnerDiv .FormTable #CustomerTypeTR #CustomerTypeTD .RadioButton
{
    float: left;
    margin-right: 7px;
}

#CustomerPopupInstance #InnerDiv .FormTable .ToggleableElemTD
{
    height: 35px;
}
#CustomerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .Link
{
    float: left;
    height: 24px;
    display: block;
    line-height: 24px;
    vertical-align: middle;
}

#CustomerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem
{
    float: left;
    margin-right: 5px;
}
#CustomerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=active]
{
}
#CustomerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=active] span
{
    color: #009933;
}
#CustomerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=inactive]
{
}
#CustomerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=inactive] span
{
    color: red;
}

#ProductPopupInstance #InnerDiv .FormTable .ToggleableElemTD
{
    height: 35px;
}
#ProductPopupInstance #InnerDiv .FormTable .ToggleableElemTD .Link
{
    float: left;
    height: 24px;
    display: block;
    line-height: 24px;
    vertical-align: middle;
}
#ProductPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem
{
    float: left;
    margin-right: 5px;
}
#ProductPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=active]
{
}
#ProductPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=active] span
{
    color: #009933;
}
#ProductPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=inactive]
{
}
#ProductPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=inactive] span
{
    color: red;
}

#CustomerPopupInstance #InnerDiv .FormTable #SameAddressTD
{
    padding-top: 11px;
    padding-bottom: 20px;
    vertical-align: center;
    text-align: left;
}
#CustomerPopupInstance #InnerDiv .FormTable #SameAddressTD span
{
    display: inline-block;
}
#CustomerPopupInstance #InnerDiv .FormTable #SameAddressTD .CheckBox
{
    float: none;
}
#CustomerPopupInstance #InnerDiv .FormTable .AddressTextBox
{
    height: 84px;
    overflow: hidden;
}

#CustomerPopupInstance #InnerDiv .FormTable #ContactPrimaryTD .ToggleableElem[status=inactive] span
{
    color: gray;
}
#CustomerPopupInstance #InnerDiv #ContactPersonsBox
{
    height: 381px;
    padding: 0;
    width: 380px;
}
#CustomerPopupInstance #InnerDiv #ShippingPersonsBox
{
    height: 378px;
    padding: 0;
    width: 380px;
}
#CustomerPopupInstance #InnerDiv #ContactPersonDetailsBox .BoxBody
{
    height: 341px;
}
/*Contact Picker Popup instance properties*/
#CustomerContactPickerPopupInstance #InnerDiv #ContactPersonDetailsBox .BoxBody
{
    height: 339px;
}
#CustomerContactPickerPopupInstance #InnerDiv .FormTable .TextBox
{
    width: 205px;
}
#CustomerContactPickerPopupInstance #InnerDiv .FormTable .TextArea
{
    width: 205px;
    height: 126px;
    overflow: hidden;
    overflow-y: auto;
    margin-left: 3px;
}
#CustomerContactPickerPopupInstance #InnerDiv .FormTable .LabelTD
{
    min-width: 80px;
}
#CustomerContactPickerPopupInstance #InnerDiv .FormTable .LabelTDTextArea
{
    min-width: 80px;
    vertical-align: top;
    text-align: right;
}
#CustomerContactPickerPopupInstance #InnerDiv #ContactPersonsBox
{
    height: 378px;
    padding: 0;
    width: 380px;
}
#CustomerContactPickerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem
{
    float: left;
    margin-right: 5px;
}
#CustomerContactPickerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=active]
{
}
#CustomerContactPickerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=active] span
{
    color: #009933;
}
#CustomerContactPickerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=inactive]
{
}
#CustomerContactPickerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=inactive] span
{
    color: red;
}
/*Delivery Location Picker Popup instance properties*/
#DeliveryLocationPickerPopupInstance #InnerDiv #ShippingPersonDetailsBox .BoxBody
{
    height: 339px;
}
#DeliveryLocationPickerPopupInstance #InnerDiv .FormTable .TextBox
{
    width: 205px;
}
#DeliveryLocationPickerPopupInstance #InnerDiv .FormTable .TextArea
{
    width: 205px;
    height: 126px;
    overflow: hidden;
    overflow-y: auto;
    margin-left: 3px;
}
#DeliveryLocationPickerPopupInstance #InnerDiv .FormTable .LabelTD
{
    min-width: 80px;
}
#DeliveryLocationPickerPopupInstance #InnerDiv .FormTable .LabelTDTextArea
{
    min-width: 80px;
    vertical-align: top;
    text-align: right;
}
#DeliveryLocationPickerPopupInstance #InnerDiv #ShippingPersonsBox
{
    height: 378px;
    padding: 0;
    width: 380px;
}
#DeliveryLocationPickerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem
{
    float: left;
    margin-right: 5px;
}
#DeliveryLocationPickerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=active]
{
}
#DeliveryLocationPickerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=active] span
{
    color: #009933;
}
#DeliveryLocationPickerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=inactive]
{
}
#DeliveryLocationPickerPopupInstance #InnerDiv .FormTable .ToggleableElemTD .ToggleableElem[status=inactive] span
{
    color: red;
}
/*-------------------------------------------------------------------------------*/
/*Crop Picture Popup-------------------------------------------------------------*/
.FullSize
{
    height: 100%;
    width: 100%;
}
.PictureEdit
{
    height: 470px;
    width: 765px;
}

.CropPicture_PicturePreviewImg
{
    width: 400px;
    height: 380px;
    border: 1px solid #DFDFDF;
}
/*-------------------------------------------------------------------------------*/
/*ObjectPicker Popup-------------------------------------------------------------*/
.ObjectPickerPopup .ContentDiv #TableContainer
{
    height: 380px;
    width: 530px;
}
/*-------------------------------------------------------------------------------*/
/*Organization Popup-------------------------------------------------------------*/
.OrganizationPopup
{
    height: 600px;
    width: 625px;
}
#OrganizationPopupInstance #organizationPopupTable
{
    width: 550px;
}
/*-------------------------------------------------------------------------------*/
/*PicturePopup-------------------------------------------------------------------*/
.PicturePopup
{
    height: 380px;
    width: 800px;
}
#PicturePopupInstance #InnerDiv
{
    padding-top: 5px;
}
#PicturePopupInstance #InnerDiv #PictureDetailsBox .BoxBody, #PicturePopupInstance #InnerDiv #PictureImageBox .BoxBody
{
    height: 315px;
}

#PicturePopupInstance #InnerDiv .FormTable
{
    width: 100%;
}
#PicturePopupInstance #InnerDiv .FormTable .LabelTD
{
    width: 80px;
    min-width: 0;
}
#PicturePopupInstance #InnerDiv .FormTable .TextBox
{
    width: 250px;
}
#PicturePopupInstance #InnerDiv table .DescriptionTextBox
{
    height: 217px;
    overflow: hidden;
}
#PicturePopupInstance .PicturePreviewImg
{
    width: 340px;
    height: 280px;
    border: 1px solid #DFDFDF;
}
#PicturePopupInstance .PicturePreviewImgHeightFix
{
    width: auto;
    height: 280px;
    border: 1px solid #DFDFDF;
    margin: 0 auto;
    display: block;
}
#PicturePopupInstance .PicturePreviewImgWidthFix
{
    width: 340px;
    height: auto;
    border: 1px solid #DFDFDF;
}
.FixPreviewImage
{
    width: 100%;
    height: 280px;
    border: 1px solid #DFDFDF;
    overflow: hidden;
}
.FixPreviewImageFullWidth
{
    width: 340px;
    height: 280px;
    border: 1px solid #DFDFDF;
    overflow: hidden;
}
/*-------------------------------------------------------------------------------*/
#ProductPopupInstance .PicturePreviewImgHeightFix
{
    width: auto;
    height: 280px;
    border: 1px solid #DFDFDF;
    margin: 0 auto;
    display: block;
}
#ProductPopupInstance .PicturePreviewImgWidthFix
{
    width: 250px;
    height: auto;
    border: 1px solid #DFDFDF;
}
.FixPreviewImage
{
    width: 100%;
    height: 280px;
    border: 1px solid #DFDFDF;
    overflow: hidden;
}
#ProductPopupInstance .FixPreviewImageFullWidth
{
    width: 250px;
    height: 280px;
    border: 1px solid #DFDFDF;
    overflow: hidden;
}

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

/*InvoicingDetails Popup---------------------------------------------------------*/
.InvoicingDetailsPopup
{
    height: 530px;
    width: 440px;
}

#InvoicingDetailsPopupInstance #InnerDiv #InvoicingDetailsBox .BoxBody
{
    height: 290px;
}
#InvoicingDetailsPopupInstance #InnerDiv .TextBox
{
    width: 245px;
}
#InvoicingDetailsPopupInstance #InnerDiv .Select
{
    width: 254px;
}
#InvoicingDetailsPopupInstance #InnerDiv .FormTable
{
    width: 100%;
}
#InvoicingDetailsPopupInstance #InnerDiv .FormTable .LabelTD
{
    min-width: 105px;
}
#InvoicingDetailsPopupInstance #InnerDiv .FormTable .AddressTextBox
{
    height: 107px;
    overflow: hidden;
}
/*-------------------------------------------------------------------------------*/
/*PaymentPlanPopup---------------------------------------------------------------*/
.PaymentPlanPopup
{
    height: 420px;
    width: 470px;
}

#PaymentPlanPopupInstance #InnerDiv .LeftColumn
{
    /*width: 48%;*/
    width: 100%;
}
#PaymentPlanPopupInstance #InnerDiv .RightColumn
{
    width: 49%;
}
#PaymentPlanPopupInstance #InnerDiv
{
    padding-top: 5px;
}
#PaymentPlanPopupInstance #InnerDiv #PaymentPlanDetailsBox .BoxBody, #PaymentPlanPopupInstance #InnerDiv #InvoicesBox .BoxBody
{
    /*height: 405px;*/
    height: 215px;
}

#PaymentPlanPopupInstance #InnerDiv .FormTable #PlanTypeTR #PlanTypeTD
{
    height: 35px;
}
#PaymentPlanPopupInstance #InnerDiv .FormTable #PlanTypeTR #PlanTypeTD .Link
{
    float: left;
    height: 24px;
    display: block;
    line-height: 24px;
    vertical-align: middle;
}
#PaymentPlanPopupInstance #InnerDiv .FormTable #PlanTypeTR #PlanTypeTD .ToggleableElem
{
    float: left;
    margin-right: 5px;
}
#PaymentPlanPopupInstance #InnerDiv .FormTable #PlanTypeTR #PlanTypeTD .ToggleableElem[plantype=premium]
{
}
#PaymentPlanPopupInstance #InnerDiv .FormTable #PlanTypeTR #PlanTypeTD .ToggleableElem[plantype=premium] span
{
    color: #009933;
}
#PaymentPlanPopupInstance #InnerDiv .FormTable #PlanTypeTR #PlanTypeTD .ToggleableElem[plantype=trial]
{
}
#PaymentPlanPopupInstance #InnerDiv .FormTable #PlanTypeTR #PlanTypeTD .ToggleableElem[plantype=trial] span
{
    color: red;
}

#PaymentPlanPopupInstance #InnerDiv .FormTable #ActiveUsersTR #ActiveUsersTD
{
    height: 35px;
}
#PaymentPlanPopupInstance #InnerDiv .FormTable #ActiveUsersTR #ActiveUsersTD .ToggleableElem
{
    float: left;
    margin-right: 5px;
}

#PaymentPlanPopupInstance #InnerDiv .FormTable #PlanCoverageTR .LabelTD
{
    padding-top: 8px;
    height: 65px;
    vertical-align: top;
}
#PaymentPlanPopupInstance #InnerDiv .FormTable #PlanCoverageTR #PlanCoverageTD
{
    height: 55px;
    vertical-align: top !important;
    padding-bottom: 15px;
}
#PaymentPlanPopupInstance #InnerDiv .FormTable #PlanCoverageTR #PlanCoverageTD .ToggleableElem
{
    float: left;
    margin-bottom: 2px;
}
#PaymentPlanPopupInstance #InnerDiv .FormTable #PlanCoverageTR #PlanCoverageTD .Link
{
    clear: left;
    float: left;
    margin-top: 7px;
}

#PaymentPlanPopupInstance #InnerDiv .FormTable #InvoicingDetailsTR .LabelTD
{
    vertical-align: top;
}
#PaymentPlanPopupInstance #InnerDiv .FormTable #InvoicingDetailsTR #InvoicingDetailsTD
{
    vertical-align: top !important;
    padding-bottom: 7px;
}

#PaymentPlanPopupInstance #InnerDiv .FormTable #InvoicingFrequencyTR #InvoicingFrequencyTD
{
    height: 35px;
}
#PaymentPlanPopupInstance #InnerDiv .FormTable #InvoicingFrequencyTR #InvoicingFrequencyTD .Link
{
    float: left;
    height: 24px;
    display: block;
    line-height: 24px;
    vertical-align: middle;
}
#PaymentPlanPopupInstance #InnerDiv .FormTable #InvoicingFrequencyTR #InvoicingFrequencyTD .ToggleableElem
{
    float: left;
    margin-right: 5px;
}

#PaymentPlanPopupInstance #InnerDiv #HidePaymentPlanFieldsDiv
{
    float: left;
    width: 100%; /*height: 365px;     margin-top: -350px;*/
    height: 150px;
    margin-top: -150px;
    background-color: White;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
#PaymentPlanPopupInstance #InnerDiv #HideInvoicesDiv
{
    float: left;
    width: 100%;
    height: 395px;
    margin-top: -395px;
    background-color: White;
    opacity: 0.9;
    filter: alpha(opacity=90);
}


#PaymentPlanPopupInstance #InnerDiv .FormTable
{
    width: 100%;
}
#PaymentPlanPopupInstance #InnerDiv .FormTable .LabelTD
{
    min-width: 80px;
}
#PaymentPlanPopupInstance #InnerDiv .FormTable .TextBox
{
    width: 220px;
}

/*Invoices*/
#PaymentPlanPopupInstance #InnerDiv #InvoicesBox #InvoicesContainer
{
    overflow-y: scroll;
    overflow-x: hidden;
    height: 395px;
}
#PaymentPlanPopupInstance #InnerDiv #InvoicesBox #InvoicesContainer .InvoiceEntry
{
    border: 1px solid #EEEEEE;
    float: left;
    width: 350px;
    margin-bottom: 10px;
}
#PaymentPlanPopupInstance #InnerDiv #InvoicesBox #InvoicesContainer .InvoiceEntry .Header
{
    height: 26px;
    float: left;
    width: 345px;
    background-color: #EEEEEE;
    font-family: Arial;
    font-size: 11px;
    color: #535353;
    font-weight: bold;
    padding: 0 0 2px 5px;
    border-bottom: solid 1px #EEEEEE;
}
#PaymentPlanPopupInstance #InnerDiv #InvoicesBox #InvoicesContainer .InvoiceEntry .Header .Title
{
    float: left;
    padding-left: 2px;
    padding-top: 7px;
}
#PaymentPlanPopupInstance #InnerDiv #InvoicesBox #InvoicesContainer .InvoiceEntry .Content
{
    padding: 5px 0 5px 5px;
    float: left;
    width: 345px;
    background: #F5F5F5;
}
#PaymentPlanPopupInstance #InnerDiv #InvoicesBox #InvoicesContainer .InvoiceEntry .Content .InnerContent
{
    font-size: 11px;
    font-family: Arial;
    color: Gray;
    width: 100%;
    float: left;
}

#PaymentPlanPopupInstance #InnerDiv #InvoicesBox #InvoicesContainer .InvoiceEntry .InnerControlsTable .LabelTD
{
    text-align: right;
    padding-right: 5px;
    min-width: 90px;
}
#PaymentPlanPopupInstance #InnerDiv #InvoicesBox #InvoicesContainer .InvoiceEntry .InnerControlsTable input
{
    background-color: #FDFDFD;
    border: 1px solid #DFDFDF;
    width: 210px;
    height: 18px;
    padding-left: 5px;
    color: Gray;
}

#PaymentPlanPopupInstance #InnerDiv #InvoicesBox #InvoicesContainer .InvoiceEntry .InnerControlsTable .ToggleableElem[status=Sent]
{
    background-color: #FFE9B9;
    float: left;
}
#PaymentPlanPopupInstance #InnerDiv #InvoicesBox #InvoicesContainer .InvoiceEntry .InnerControlsTable .ToggleableElem[status=Paid]
{
    background-color: #E8FEC7;
    float: left;
}
/*-------------------------------------------------------------------------------*/
/*MailTemplatePopup--------------------------------------------------------------*/
.MailTemplatePopup
{
    /*height: 380px;*/
}
#MailTemplatePopupInstance #InnerDiv table
{
    width: 100%;
}
#MailTemplatePopupInstance #InnerDiv table .TextBox
{
    width: 705px;
}
#MailTemplatePopupInstance .defaultSkin .mceListBox .mceText /*fix for TinyMCE dropdown box*/
{
    width: auto;
    padding-right:5px;
}
#MailTemplatePopupInstance #InnerDiv table .BodyTextBox
{
    height: 300px;
    width: 705px;
}
#MailTemplatePopupInstance #InnerDiv table #AttachmentsRow .LabelTD
{
    height: 35px;
}
#MailTemplatePopupInstance #InnerDiv table #AttachmentsRow #AttachmentsTD
{
    height: 35px;
    width: 705px;
}
#MailTemplatePopupInstance #InnerDiv table #AttachmentsRow #AttachmentsTD .ToggleableElem
{
    float: left;
    margin-right: 5px;
}
#MailTemplatePopupInstance #InnerDiv table #AttachmentsRow #AttachmentsTD .Link
{
    float: left;
    height: 24px;
    display: block;
    line-height: 24px;
    vertical-align: middle;

}
.mailmergediv {
    }
/*-------------------------------------------------------------------------------*/
/*SendMailPopup--------------------------------------------------------------*/
#SendMailPopupInstance #InnerDiv table
{
    width: 100%;
}
#SendMailPopupInstance #InnerDiv table .TextBox
{
    width: 705px;
}
#SendMailPopupInstance .defaultSkin .mceListBox .mceText /*fix for TinyMCE dropdown box*/
{
    width: auto;
}
#SendMailPopupInstance #InnerDiv table .BodyTextBox
{
    height: 300px;
    width: 705px;
}
#SendMailPopupInstance #InnerDiv table #AttachmentsRow .LabelTD
{
    height: 35px;
}
#SendMailPopupInstance #InnerDiv table #AttachmentsRow #AttachmentsTD
{
    height: 35px;
    width: 165px;
}
#SendMailPopupInstance #InnerDiv table #AttachmentsRow #AttachmentsTD .ToggleableElem, #SendMailPopupInstance #InnerDiv table #MailTemplateTD .ToggleableElem
{
    float: left;
    margin-right: 5px;
}
#SendMailPopupInstance #InnerDiv table #MailTemplateTR .LabelTD, #SendMailPopupInstance #InnerDiv table #MailTemplateTR #MailTemplateTD
{
    height: 35px;
}
#SendMailPopupInstance #InnerDiv table #AttachmentsRow #AttachmentsTD .Link
{
    float: left;
    height: 24px;
    display: block;
    line-height: 24px;
    vertical-align: middle;
}
#SendMailPopupInstance #InnerDiv table #SendMail_MailTemplateTextBox
{
    width: auto;
}
/*-------------------------------------------------------------------------------*/
/*ProductImport Popup------------------------------------------------------------*/
.ProductImportPopup
{
    height: 370px;
    width: 900px;
}
#ProductImportPopupInstance #ImportTextArea
{
    width: 99%;
    height: 275px;
}
/*-------------------------------------------------------------------------------*/
/*ProductPopup-------------------------------------------------------------------*/
.ProductPopup
{
    height: 570px;
    width: 810px;
}

#ProductPopupInstance #InnerDiv
{
    padding-top: 5px;
}
#ProductPopupInstance #InnerDiv .LeftColumn
{
    width: 53%;
}
#ProductPopupInstance #InnerDiv .RightColumn
{
    width: 45%;
}
#ProductPopupInstance #InnerDiv .FormTable .LabelTD
{
    min-width: 100px;
}
#ProductPopupInstance #InnerDiv .FormTable .TextBox
{
    width: 255px;
}
#ProductPopupInstance #InnerDiv .FormTable .Select
{
    width: 264px;
}
#ProductPopupInstance #InnerDiv table .DescriptionTextBox
{
    height: 150px;
    overflow: hidden;
    white-space: pre-wrap;
}

#ProductPopupInstance #InnerDiv #ProductDetailsBox .BoxBody
{
    height: 620px; /* 497 old box size change by talha */
}

#ProductPopupInstance #InnerDiv #ProductPictureBox .BoxBody
{
    height: 364px; /* 497 old box size change by talha */
}

#ProductPopupInstance #InnerDiv #ConfigurationBox .BoxBody
{
    height: 200px; /* 497 old box size change by talha */
}

#ProductPopupInstance #InnerDiv .FormTable #SalesPriceTypeTR #SalesPriceTypeTD, #ProductPopupInstance #InnerDiv .FormTable #SalesPriceTypeTR .LabelTD
{
    padding-top: 10px;
    padding-left: 2px;
}
#ProductPopupInstance #InnerDiv .FormTable #SalesPriceTypeTR #SalesPriceTypeTD .RadioButton
{
    float: left;
    margin-right: 7px;
}
#ProductPopupInstance #InnerDiv .ForProductsCase
{
    float: left;
    width: 100%;
    height: 28px;
    margin-top: -200px;
    background-color: White;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#ProductPopupInstance #InnerDiv .ForQuoteNotEditableCase
{
    float: left;
    width: 100%;
    height: 48px;
    margin-top: -220px;
    background-color: White;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#ProductPopupInstance #InnerDiv .FormTable #UnitTR #UnitTD #AddUnitDiv
{
    height: 26px;
    margin-top: 7px;
    float: left;
}
#ProductPopupInstance #InnerDiv .FormTable #SupplierTR #SupplierTD #AddSupplierDiv
{
    height: 26px;
    margin-top: 7px;
    float: left;
}

#ProductPopupInstance #InnerDiv #ProductPictureBox .BoxBody .FormTable
{
    width: 100%;
}
#ProductPopupInstance #InnerDiv #ProductPictureBox .BoxBody .FormTable .LabelTD
{
    min-height: 24px;
    min-width: 0;
    width:100px;
}
#ProductPopupInstance #InnerDiv #ProductPictureBox .BoxBody #ChoosePictureTD
{
    height: 26px;
}
#ProductPopupInstance #InnerDiv #ProductPictureBox .BoxBody #ChoosePictureTD .ToggleableElem
{
    float: left;
}
/*
    Quotes attachement popup
*/
#QuoteAttachmentPopupInstance #InnerDiv .FormTable .TextBox
{
    width: 255px;
}
#QuoteAttachmentPopupInstance #InnerDiv .FormTable .DescriptionTextBox
{
    width: 255px;
    height: 150px;    
    overflow: hidden;
    overflow-y: auto;
    margin-left: 3px;
    white-space: pre-wrap;
}
#QuoteAttachmentPopupInstance .ToggleableElem
{
    width: 85%;
    height: 18px;
    margin-left: 2px;
}
#QuoteAttachmentPopupInstance #FileName
{
    float: left;
    height: 25px;
    width: 60%;
}
#QuoteAttachmentPopupInstance #QuoteAttachmentChoseFileDiv {
    float: left;
    height: 25px;
}
#QuoteAttachmentPopupInstance #QuoteAttachmentChoseFileDiv div {
    padding-top: 0.25em;
}
/*#ProductPopupInstance #InnerDiv #ProductPictureBox .BoxBody .FormTable #ProductPicture_PicturePreviewImg
{
    width: 260px;
    height: 260px;
    border: 1px solid #DFDFDF;
}
*/
/*-------------------------------------------------------------------------------*/
/*UserPopup-----------------------------------------------------------------------*/
.UserPopup
{
    width: 580px;
}

#UserPopupInstance #InnerDiv
{
    padding-top: 5px;
}
#UserPopupInstance #InnerDiv .LeftColumn
{
    width: auto;
}
#UserPopupInstance #InnerDiv .RightColumn
{
    width: 34%;/* auto;*/
}
#UserPopupInstance #InnerDiv .FormTable .TextBox
{
    width: 205px;
}
#UserPopupInstance #InnerDiv .FormTable .TextBoxExternalUserId 
{
    width: 200px;
    margin-left: 2px;
}
#UserPopupInstance #InnerDiv .FormTable #GoogleUserNameTextBox {
    width: 197px;
}
#UserPopupInstance #InnerDiv .FormTable .LabelTD
{
    min-width: 85px;
}

#UserPopupInstance #InnerDiv #AccountDetailsBox .BoxBody
{
    height: 560px;
    width: 340px;
}
#UserPopupInstance #InnerDiv #AccountRolesBox .BoxBody
{
    height: 560px;
    min-width: 160px;
}
#UserPopupInstance #InnerDiv #AccountDetailsBox .Link24hight
{
    font-family: Arial;
    font-size: 12px;
    color: #386A20;
    line-height: 24px;
}
#UserPopupInstance #InnerDiv #ChangePasswordTR #ChangePasswordTD
{
    height: 90px;
    vertical-align: top;
}
#UserPopupInstance #InnerDiv #ChangePasswordTR #ChangePasswordTD .alertBox
{
}
#UserPopupInstance #InnerDiv #ChangePasswordTR #ChangePasswordTD .TextBox
{
    margin-bottom: 5px;
}
#UserPopupInstance #InnerDiv #ChangePasswordTR #ChangePasswordTD .Link
{
    float: left;
    margin-top: 4px;
}

#UserPopupInstance #InnerDiv .FormTable #StatusTD
{
    height: 35px;
}
#UserPopupInstance #InnerDiv .FormTable #StatusTD .Link
{
    float: left;
    height: 24px;
    display: block;
    line-height: 24px;
    vertical-align: middle;
    padding-top: 2px;
}
#UserPopupInstance #InnerDiv .FormTable .ToggleableElem
{
    float: left;
    margin-right: 5px;
    margin-left: 2px;
}
#UserPopupInstance #InnerDiv .FormTable #StatusTD .ToggleableElem[status=active]
{
}
#UserPopupInstance #InnerDiv .FormTable #StatusTD .ToggleableElem[status=active] span
{
    color: #009933;
}
#UserPopupInstance #InnerDiv .FormTable #StatusTD .ToggleableElem[status=inactive]
{
}
#UserPopupInstance #InnerDiv .FormTable #StatusTD .ToggleableElem[status=inactive] span
{
    color: red;
}

#UserPopupInstance #InnerDiv #UserRolesDiv
{
    padding-top: 5px;
}
#UserPopupInstance #InnerDiv #UserRolesDiv .RoleWrapperDiv
{
    float: left;
    clear: both;
    margin-bottom: 8px;
    width: 100%;
}
#UserPopupInstance #InnerDiv #UserRolesDiv .RoleWrapperDiv .ToggleableElem
{
    width: 85px;
    float: left;
    text-align: center;
}
#UserPopupInstance #InnerDiv #UserRolesDiv .RoleWrapperDiv .ToggleableElem span
{
    width: 100%;
    text-align: center;
    color: #5F5F5F !important;
}

#UserPopupInstance #InnerDiv #UserRolesDiv .RoleWrapperDiv .ToggleableElem[status=inactive]
{
    background: #F9F9F9;
}
#UserPopupInstance #InnerDiv #UserRolesDiv .RoleWrapperDiv .ToggleableElem[status=inactive] span
{
    color: #C4C4BB;
}

#UserPopupInstance #InnerDiv #UserRolesDiv .RoleWrapperDiv .ToggleableElem[status=active]
{
    border: 1px solid #C0C0B8 !important;
}
#UserPopupInstance #InnerDiv #UserRolesDiv .RoleWrapperDiv .ToggleableElem[status=active] span
{
    color: #5F5F5F;
}
#UserPopupInstance #InnerDiv #UserRolesDiv .RoleWrapperDiv .Link
{
    float: left;
    margin-top: 7px;
    margin-left: 8px;
}
/*-------------------------------------------------------------------------------*/
/*ValueSetsPopup-----------------------------------------------------------------*/
.ValueSetsPopup
{
    height: 620px;
    width: 800px;
}
.PaymentPlansDetailPopup {
    height: 620px;
    width: 800px;
}
#ValueSetsPopupInstance #InnerDiv {
    padding-top: 5px;
}
#ValueSetsPopupInstance #InnerDiv .LeftColumn
{
    width: 45%;
}
#ValueSetsPopupInstance #InnerDiv .RightColumn
{
    width: 52%;
}
#ValueSetsPopupInstance #InnerDiv .FormTable .TextArea
{
    width: 190px;
    float:right;
}
#ValueSetsPopupInstance #InnerDiv .FormTable .TextBox
{
    width: 190px;
    float: right;
}
#ValueSetsPopupInstance #InnerDiv .FormTable .TextBoxHalf
{
    width: 100px;
    text-wrap:none;
}
#ValueSetsPopupInstance #InnerDiv .FormTable .Select
{
    width: 197px;
}
#ValueSetsPopupInstance #InnerDiv .FormTable .LabelTD
{
    min-width: 45px;
}

#ValueSetsPopupInstance #InnerDiv #ValueSetDetailsBox .BoxBody
{
    height: 360px;
}
#ValueSetsPopupInstance #InnerDiv #ValuesBox .BoxBody
{
    height: 322px;
    overflow-y: auto;
}
#ValueSetsPopupInstance #InnerDiv #ValuesBox .BoxFooter
{
    border-top: none;
}

#ValueSetsPopupInstance #InnerDiv .ValueSetTextBox
{
    width: 300px !important;
    height: 50px;
    overflow-y: auto;
}
#ValueSetsPopupInstance #InnerDiv .ValueSetDeliveryTermsTextBox
{
    width: 300px !important;
    height: 50px;
    overflow-y: auto;
}
#ValueSetsPopupInstance #InnerDiv .ValueSetTextBoxHalf
{
    width: 104px !important;
    height: 35px !important;
    overflow-y: auto;
    white-space: normal;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
}
#ValueSetsPopupInstance #InnerDiv .ValueSetTextBox2third
{
    width: 236px !important;
    height: 50px;
    overflow-y: auto;
}
#ValueSetsPopupInstance #InnerDiv #ValuesBox .BoxFooter .IconButton-Medium
{
    float: left;
}
/*--------------------------------------------------------------------------------*/
/*AttributesPopup-----------------------------------------------------------------*/
.AttributesPopup
{
    height: 620px;
    width: 800px;
}
#AttributesPopupInstance #InnerDiv
{
    padding-top: 5px;
}
#AttributesPopupInstance #InnerDiv .LeftColumn
{
    width: 45%;
}
#AttributesPopupInstance #InnerDiv .RightColumn
{
    width: 53%;
}
#AttributesPopupInstance #InnerDiv .FormTable .TextArea
{
    width: 190px;
    float:right;
}
#AttributesPopupInstance #InnerDiv .FormTable .TextBox
{
    width: 190px;
    float: left;
    white-space:pre-wrap
}
#AttributesPopupInstance #InnerDiv .FormTable .TextBoxHalf
{
    width: 100px;
}
#AttributesPopupInstance #InnerDiv .FormTable .DeleteRowButton
{
    vertical-align:top;
    width:28px;
    padding-left:10px;
}
#AttributesPopupInstance #InnerDiv .AttributeTextBox
{
    width: 302px !important;
    height: 50px;
    overflow-y: auto;
}
#AttributesPopupInstance #InnerDiv .FormTable .Select
{
    width: 196px;
    /*float: right;*/
}
#AttributesPopupInstance #InnerDiv .FormTable .LabelTD
{
    min-width: 45px;
}

#AttributesPopupInstance #InnerDiv .RightColumn #AttributesDetailsBox .BoxBody
{
    height: 321px;
    overflow-y:auto;
}
#AttributesPopupInstance #InnerDiv .LeftColumn #AttributesDetailsBox .BoxBody
{
    height: 360px;
}
#AttributesPopupInstance #InnerDiv #ValuesBox .BoxBody
{
    height: 322px;
    overflow-y: auto;
}
#AttributesPopupInstance #InnerDiv #ValuesBox .BoxFooter
{
    border-top: none;
}

#AttributesPopupInstance #InnerDiv .AttributeTextBox
{
    width: 135px !important;
    height: 50px;
    overflow-y: auto;
}
#AttributesPopupInstance #InnerDiv .BigTextBox
{
    width: 187px !important;
    height: 75px;
    overflow: hidden;
    overflow-y: auto;
    margin-left: 3px;
    white-space: pre-wrap;
    float:right;
}
#AttributesPopupInstance #InnerDiv .AttributeDeliveryTermsTextBox
{
    width: 330px !important;
    height: 50px;
    overflow-y: auto;
}
#AttributesPopupInstance #InnerDiv .ValueSetTextBoxHalf
{
    width: 115px !important;
    height: 35px !important;
    white-space: normal;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
}
#AttributesPopupInstance #InnerDiv .ValueSetTextBoxHalfCurrency
{

    width:70px ;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    border-right: 1px solid #999;
    height: 35px;
    padding-left: 4px;
 

}
#AttributesPopupInstance #InnerDiv #ValuesBox .BoxFooter .IconButton-Medium
{
    float: left;
}
/*--------------------------------------------------------------------------------*/
.QuoteStatusesHeader label
{
    width: 101px !important;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    border-right: 1px solid #999;
    height: 38px;
    padding-left: 4px;
    background-color: rgb(209, 211, 211);
}
.CurrencyHeader label
{
    width: 100px !important;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    border-right: 1px solid #999;
    height: 38px;
    padding-left: 4px;
    background-color: rgb(209, 211, 211);
}

/*Popup---------------------------------------------------------------------------*/
/*Header*/
.PopupBox .PopupHeader
{
    background: url(Images/Layout/Popup-HeaderArea-Right.png) no-repeat right top;
    width: auto;
    padding-right: 10px;
    height: 44px;
}
.PopupBox .PopupHeader .PopupInnerContainer
{
    background: url(Images/Layout/Popup-HeaderArea-Left.png) repeat-x left top;
    width: 100%;
    height: 44px;
    float: left;
}

/*Body*/
.PopupBox .PopupBody {
    width: auto;
    /*background: url(Images/Layout/Portal-BodyArea-Repeated.png) repeat-y right top;*/
    background: rgb(237,237,237);
}
.PopupBox .PopupBody .PopupInnerContainer
{
    width: 100%;
}

/*Bottom*/
.PopupBox .PopupBottom
{
    width: auto;
    background: url(Images/Layout/Portal-BodyArea-Bottom-Right.png) no-repeat right top;
    padding-right: 10px;
    height: 7px;
}
.PopupBox .PopupBottom .PopupInnerContainer
{
    width: 100%;
    background: url(Images/Layout/Portal-BodyArea-Bottom-Left.png) no-repeat left top;
    height: 7px;
}

/*InnerContent*/
.PopupBox .ContentDiv
{
    overflow: visible !important;
    width: auto;
}
.PopupBox .ContentDiv .MiddleContainer
{
    width: auto;
    height: auto;
}
.PopupBox .ContentDiv .MiddleContainer .InnerContainer
{
    width: auto;
}
.PopupBox .ContentDiv .jBoxContent
{
    color: #000;
    white-space: normal;
}
.PopupBox .ContentDiv .BottomContainer
{
    width: auto;
}
.jBox .ContentDiv .BottomContainer .InnerContainer .ExtraButtonsArea
{
    width: 100% !important;
}

/*JBox*/
.jBox
{
    position: absolute;
    visibility: hidden;
    text-align: left;
 
}
.jBox_hideIframe
{
    background-color: gray;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.PopupBox .PopupHeader .PopupInnerContainer .jBoxHeader span
{
    display: block;
    margin-left: 15px;
    margin-top: 10px;
}
.PopupBox .PopupHeader .PopupInnerContainer .jBoxHeader .jBoxControls
{
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 74px;
    height: 24px;
}
.jbtnClose
{
    background: url(Images/Icons/Misc/Close.png) no-repeat left top;
    width: 24px;
    height: 24px;
    display: block;
    margin-right: 4px;
    margin-top: 2px;
    float: right;
    cursor: pointer;
}

.configAlert{
    width: 250px;
    top:25px !important;
}
.tooltipAlert {
    width: 300px;
    position:absolute !important;
}
.AlertPopup
{
    width: 400px;
}
.AlertPopup .MiddleContainer .configAlert
{
    white-space: normal;
}
.AlertPopupWithError
{
    width: 660px;
}
.AlertPopupWithError .MiddleContainer
{
    white-space: normal;
}
/*-------------------------------------------------------------------------------*/
/*********************************************************************************************************/
/*Modules*************************************************************************************************/
/*QuoteEditor->General-----------------------------------------------------------*/
#QuoteEditor_GeneralDiv .TableHeader .InnerHeaderContainer .TitleLabel
{
    color: Black !important;
}
#QuoteEditor_GeneralDiv .Box
{
    margin-bottom: 12px;
    clear: both;
}

/***/
#QuoteEditor_GeneralDiv .TextBox
{
    width: 227px;
}
#QuoteEditor_GeneralDiv .Select
{
    width: 234px;
}
#QuoteEditor_GeneralDiv .FormTable
{
    width: 100%;
}
#QuoteEditor_GeneralDiv .FormTable .LabelTD
{
    width: 113px;
}

/***/
#QuoteEditor_GeneralDiv #GeneralBox, #QuoteEditor_GeneralDiv #CommentsBox
{
    margin-bottom: 0;
}

/***/
#QuoteEditor_GeneralDiv #CustomerBox .BoxBody {
    height: 225px;
    
}
#QuoteEditor_GeneralDiv #GeneralBox .BoxBody
{
    height: 380px;

}
#QuoteEditor_GeneralDiv #General_AdditionalDetailBox .BoxBody {
    height: 225px;
    overflow-y: scroll;
    overflow-x: hidden;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody
{
    height: 377px;
    padding: 10px;
}

/*History & Comments area*/
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer {
    height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #NewCommentContainer
{
    height: 100px;
    padding-top: 10px;
    border-top: 1px dashed #E9E9E9;
    margin-top: 10px;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #NewCommentContainer .TextBox
{
    float: left;
    width: 490px;
    height: 70px;
    overflow: auto;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #NewCommentContainer #AddCommentButton
{
    float: right;
    margin-top: 50px;
}
#QuoteEditor_GeneralDiv #CommentsBox #HistoryFilterDropdown
{
    width: 95px;
}

/*Generic entry*/
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer .Entry
{
    border: 1px solid #EEEEEE;
    float: left;
    width: 497px;
    margin-bottom: 10px;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer .Entry .Header
{
    height: 26px;
    float: left;
    width: 490px;
    background-color: #EEEEEE;
    font-family: Arial;
    font-size: 11px;
    color: #535353;
    font-weight: bold;
    padding: 0px 2px 2px 5px;
    border-bottom: solid 1px #EEEEEE;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer .Entry .Header .Title
{
    float: left;
    padding-left: 2px;
    padding-top: 7px;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer .Entry .Header .ByUser
{
    float: right;
    padding-top: 7px;
    margin-right: 8px;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer .Entry .Header .DeleteButton
{
    float: right;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer .Entry .Content
{
    padding: 5px;
    padding-left: 8px;
    min-height: 10px; /*max-height: 45px;*/
    float: left;
    width: 457px;
    background: #F5F5F5;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer .Entry .Content .InnerContent
{
    font-size: 11px;
    font-family: Arial;
    color: Gray;
    width: 100%;
    float: left;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer .Entry .Footer
{
    float: left;
    padding: 5px;
    padding-top: 7px;
    background: #F5F5F5;
    width: 487px;
}

/*Comment entry*/
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer .CommentEntry .Footer .expanderLink
{
    float: right;
    margin-right: 1px;
    font-size: 11px;
    color: #5B5B5B;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer .CommentEntry
{
    background: #F5F5F5;
}
/*History entry*/
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer .QuoteHistoryEntry
{
    background-color: #FDF3EA;
    border: 1px solid #FCEDE0;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer .QuoteHistoryEntry .Header
{
    background-color: #FCEDE0;
    border-bottom: solid 1px #FCEDE0;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer .QuoteHistoryEntry .Content
{
    background-color: #FDF3EA;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer .QuoteHistoryEntry .Footer
{
    background: transparent;
    padding-top: 0px;
}
#QuoteEditor_GeneralDiv #CommentsBox .BoxBody #HistoryContainer .QuoteHistoryEntry .Footer .Link
{
    float: right;
    margin-right: 1px;
    font-size: 11px;
}

/*Customer box**/
#QuoteEditor_GeneralDiv #CustomerBox #CustomerSelectionTR .LabelTD
{
    padding-top: 8px;
    height: 45px;
    vertical-align: top;
}
#QuoteEditor_GeneralDiv #CustomerBox #CustomerSelectionTR #CustomerSelectionTD
{
    vertical-align: top !important;
}
#QuoteEditor_GeneralDiv #CustomerBox #HideContactFieldsDiv
{
    float: left;
    width: 100%;
    height: 135px;
    margin-top: -140px;
    background-color: White;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#QuoteEditor_GeneralDiv #CustomerBox #CustomerSelectionTR #CustomerSelectionTD .ToggleableElem
{
    float: left;
    margin-bottom: 2px;
}
#QuoteEditor_GeneralDiv #CustomerBox #CustomerSelectionTR #CustomerSelectionTD .TextButton
{
    float: left;
}
#QuoteEditor_GeneralDiv #CustomerBox #CustomerSelectionTR #CustomerSelectionTD .Link
{
    clear: left;
    float: left;
    margin-top: 7px;
}

#QuoteEditor_GeneralDiv #CustomerBox #ContactSelectionTR .LabelTD
{
    padding-top: 8px;
    height: 45px;
    vertical-align: top;
}
#QuoteEditor_GeneralDiv #CustomerBox #ShippingAddressSelectionTR .LabelTD
{
    padding-top: 8px;
    height: 45px;
    vertical-align: top;
}
#QuoteEditor_GeneralDiv #CustomerBox #ContactSelectionTR #ContactSelectionTD
{
    vertical-align: top !important;
}
#QuoteEditor_GeneralDiv #CustomerBox #ContactSelectionTR #ContactSelectionTD .ToggleableElem
{
    float: left;
    margin-bottom: 2px;
}
#QuoteEditor_GeneralDiv #CustomerBox #ContactSelectionTR #ContactSelectionTD .TextButton
{
    float: left;
}
#QuoteEditor_GeneralDiv #CustomerBox #ContactSelectionTR #ContactSelectionTD .Link
{
    clear: left;
    float: left;
    margin-top: 7px;
}
#QuoteEditor_GeneralDiv #CustomerBox #ShippingAddressSelectionTR #ShippingSelectionTD .Link
{
    clear: left;
    float: left;
    margin-top: 7px;
}
#QuoteEditor_GeneralDiv #CustomerBox .TextBox[readonly]
{
    border: none;
    padding-left: 0;
    width: 245px;
}
#QuoteEditor_GeneralDiv #CustomerBox .TextBox[readonly]:focus
{
    border: none !important;
    padding-left: 0;
}

#ShippingSelectionTD div {
    width: 223px;
    margin-left: 2px;
}
/*General box*/
#QuoteEditor_GeneralDiv #GeneralBox #QuoteUserTR .LabelTD
{
    padding-top: 6px;
    height: 30px;
    vertical-align: top;
}
#QuoteEditor_GeneralDiv #GeneralBox #QuoteUserTR #QuoteUserTD
{
    height: 46px;
    vertical-align: top !important;
}
#QuoteEditor_GeneralDiv #GeneralBox #QuoteUserTR #QuoteUserTD .ToggleableElem
{
    float: left;
    margin-bottom: 2px;
    margin-left: 2px;
}
#QuoteEditor_GeneralDiv #GeneralBox #QuoteUserTR #QuoteUserTD .TextButton
{
    float: left;
}
#QuoteEditor_GeneralDiv #GeneralBox #QuoteUserTR #QuoteUserTD .Link
{
    clear: left;
    float: left;
    margin-top: 7px;
    margin-left: 3px;
}

/***/
#QuoteEditor_GeneralDiv .LeftColumn
{
    width: 42%;
}
#QuoteEditor_GeneralDiv .RightColumn
{
    width: 57%;
}
.Overlay
{
    width: 100%;
    float: left;
}

/*--------------------------------------------------------------------------------*/
/*QuoteEditor->Products-----------------------------------------------------------*/
#QuoteEditor_ProductsDiv.ContentDiv
{
    min-height: 558px;
}
#QuoteEditor_ProductsDiv #ProductListContainerWrapper
{
    float: left;
    width: 575px;
    height: 550px;
}
#QuoteEditor_ProductsDiv #QuoteItemListContainerWrapper
{
    float: right;
    width: 340px;
    height: 550px;
}

/*Middle*/
#QuoteEditor_ProductsDiv #ChooseProductsButton
{
    width: 25px;
    height: 35px;
    float: left;
    margin-left: 12px;
    margin-top: 170px;
    background: url(Images/Arrow-Right-Inactive.png) no-repeat right top;
}
#QuoteEditor_ProductsDiv #ChooseProductsButton.Active
{
    background: url(Images/Arrow-Right-Active.png) no-repeat right top;
    cursor: pointer;
}
#QuoteEditor_ProductsDiv #ChooseProductsButton.Active:hover
{
    background: url(Images/Arrow-Right-Hover.png) no-repeat right top;
}
/*----------------------------------------------------------------------------------*/
/*Settings -> DocumentTemplates-----------------------------------------------------*/
#Settings_DocumentTemplatesDiv.ContentDiv .MiddleContainer
{
    height: 462px;
}
#Settings_DocumentTemplatesDiv .TopContainer
{
    padding-left: 10px;
}
#Settings_DocumentTemplatesDiv .TopContainer .TitleArea
{
    float: left;
    height: 29px;
    padding-top: 14px;
}
#Settings_DocumentTemplatesDiv .TopContainer .TitleArea .h3
{
    color: Black;
}

#Settings_DocumentTemplatesDiv .TopContainer .LanguageSelectorDiv
{
    
    padding-left: 10px;
    height: 30px;
    padding-top: 6px;
    border-right-color: #DBDBDB;
}

#Settings_DocumentTemplatesDiv .TopContainer .TemplateSelectionDiv
{
    float: left;
    margin-left: 5px;
    height: 30px;
    padding-top: 10px;
    padding-right: 32px;
    border-right: solid 1px #d0d0d0;
    border-right-color: #DBDBDB;
}
#Settings_DocumentTemplatesDiv .TopContainer .TemplateSelectionDiv #StatusCheckbox
{
    float: left;
    margin-left: 25px;
}
#Settings_DocumentTemplatesDiv .TopContainer .TemplateSelectionDiv #StatusCheckbox label
{
    float: left;
    margin-top: 3px;
    margin-right: 3px;
}
#Settings_DocumentTemplatesDiv .TopContainer .TemplateSelectionDiv #TemplateSelector
{
    float: left;
    width: 250px;
}

#Settings_DocumentTemplatesDiv .TopContainer .ButtonsDiv
{
    float: left;
    padding-left: 8px;
    height: 35px;
    padding-top: 5px;
}
#Settings_DocumentTemplatesDiv .TopContainer .ToolbarButton-Light
{
    float: left;
    margin-left: 3px;
}

#Settings_DocumentTemplatesDiv .TopContainer #HideTopContainerDiv
{
    float: right;
    width: 575px;
    height: 40px;
    margin-left: -600px;
    background-color: #f4f4f4;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#Settings_DocumentTemplatesDiv #HideMiddleContainerDiv
{
    float: left;
    width: 100%;
    height: 475px;
    background-color: #ededed;
    opacity: 0.9;
    filter: alpha(opacity=90);
    margin-top: -455px;
}
/***/
#Settings_DocumentTemplatesDiv #BuildingBlocksContainerWrapper
{
    float: left;
    width: 405px;
    height: 445px;
}
#Settings_DocumentTemplatesDiv #DocumentTemplateContainerWrapper
{
    float: right;
    width: 510px;
    height: 446px;
}

/*Middle*/
#Settings_DocumentTemplatesDiv #UploadDocumentButton
{
    /* the fileuploader control does not support popups, so it is disabled when it's not usable */
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
#Settings_DocumentTemplatesDiv #ChooseBuildingBlocksButton
{
    width: 25px;
    height: 35px;
    float: left;
    margin-left: 12px;
    margin-right: 1px;
    margin-top: 170px;
    background: url(Images/Arrow-Right-Inactive.png) no-repeat right top;
}
#Settings_DocumentTemplatesDiv #ChooseBuildingBlocksButton.Active
{
    background: url(Images/Arrow-Right-Active.png) no-repeat right top;
    cursor: pointer;
}

/*Bottom*/
#Settings_DocumentTemplatesDiv #LeftSide .BottomContainer
{
    width: 302px;
}
#Settings_DocumentTemplatesDiv #RightSide .BottomContainer
{
    width: 502px;
}

/*TreeTable elements*/
#Settings_DocumentTemplatesDiv .treeTable .folder, #Settings_DocumentTemplatesDiv .treeTable .group
{
    background: url(Images/treeTable/folder.png) no-repeat left center;
}
#Settings_DocumentTemplatesDiv .treeTable .templategroup
{
    padding-left: 0 !important;
}
#Settings_DocumentTemplatesDiv .treeTable .templategroup .normalgroupimage
{
    background: url(Images/treeTable/folder.png) no-repeat left center;
    height: 21px;
    display: inline-block;
    padding-left: 25px;
}
#Settings_DocumentTemplatesDiv .treeTable .templategroup .optionalgroupimage
{
    background: url(Images/treeTable/optionaladvance.png) no-repeat left center;
    height: 21px;
    display: inline-block;
    padding-left: 25px;
}
#Settings_DocumentTemplatesDiv .treeTable .templategroup .optionalgroupimagesimple
{
    background: url(Images/treeTable/optionalsimple.png) no-repeat left center;
    height: 21px;
    display: inline-block;
    padding-left: 25px;
}
#Settings_DocumentTemplatesDiv .treeTable .templategroup .repeatablegroupimage
{
    background: url(Images/treeTable/repeatablefolder.png) no-repeat left center;
    height: 21px;
    display: inline-block;
    padding-left: 25px;
}
#Settings_DocumentTemplatesDiv .treeTable .item, #Settings_DocumentTemplatesDiv .treeTable .groupitem, #Settings_DocumentTemplatesDiv .treeTable .quotelinelistitem
{
    background: url(Images/treeTable/product.png) no-repeat left center;
}
/*-------------------------------------------------------------------------------*/
/*Settings -> Organization-------------------------------------------------------*/
#Settings_OrganizationDiv .TextBox
{
    width: 239px;
}
#Settings_OrganizationDiv .TextArea
{
    width: 238px;
}
#Settings_OrganizationDiv .Select
{
    width: 254px;
}
#Settings_OrganizationDiv .FormTable
{
    width: 100%;
}
#Settings_OrganizationDiv .FormTable .LabelTD
{
    min-width: 147px;
}
#Settings_OrganizationDiv .FormTable .SynchroniseButton
{
    padding-left: 64px;
}
#Settings_OrganizationDiv .FormTable .AddressTextBox
{
    height: 107px;
    overflow: hidden;
}
#Settings_OrganizationDiv .FormTable .AccessTokenTextBox
{
    height: 32px;
    overflow: hidden;
}
/***/
#Settings_OrganizationDiv #OrganizationDetailsBox .BoxBody
{
    height: 175px;
}
#Settings_OrganizationDiv #ContactPersonDetailsBox .BoxBody
{
    height: 159px;
}
#Settings_OrganizationDiv #AddressDetailsBox .BoxBody
{
    height: 216px;
    padding: 10px;
    padding-left: 16px;
}

#Settings_OrganizationDiv .FormTable #DiscountAllocationTR #DiscountAllocationTD, #Settings_OrganizationDiv .FormTable #DiscountAllocationTR .LabelTD
{
    padding-top: 10px;
}
#Settings_OrganizationDiv .FormTable #DiscountAllocationTR #DiscountAllocationTD .RadioButton
{
    float: left;
    margin-right: 7px;
}

#Settings_OrganizationDiv .FormTable #DiscountAllocationTR #DiscountAllocationTD , #Settings_OrganizationDiv .FormTable #DiscountAllocationTR .LabelTD,
#Settings_OrganizationDiv .FormTable #CostPriceAllocationTR #CostPriceAllocationTD , #Settings_OrganizationDiv .FormTable #CostPriceAllocationTR .LabelTD
{
    padding-top: 10px;
}
#Settings_OrganizationDiv .FormTable #DiscountAllocationTR #DiscountAllocationTD .RadioButton,#Settings_OrganizationDiv .FormTable #CostPriceAllocationTR #CostPriceAllocationTD .RadioButton
{
    float: left;
    margin-right: 7px;
}

/*-------------------------------------------------------------------------------*/
/*Quoteflow -> Calculations -----------------------------------------------------*/
#QuoteEditor_CalculationsDiv .calculationTableTemplate
{
    display: none;
}
#QuoteEditor_CalculationsDiv .calculationTableBody
{
    border: solid 1px #d0d0d0;
    border-top: none;
    background: gray;
}
#QuoteEditor_CalculationsDiv .MiddleContainer
{
    height: auto;
    min-height: 420px;
}
#QuoteEditor_CalculationsDiv div.calculationSpacer
{
    height: 20px;
}
#QuoteEditor_CalculationsDiv div.CalculationExpander
{
    display: inline-block;
    background: url(Images/TreeTable/minus-white.png) no-repeat center center;
    width: 22px;
    height: 22px;
    cursor: pointer;
}
#QuoteEditor_CalculationsDiv div.collapsed
{
    background: url(Images/TreeTable/plus-white.png) no-repeat center center;
}

#QuoteEditor_CalculationsDiv tr[treetable-node-id='TotalInclDiscountAndVat'] td
{
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: solid 1px gray;
}
#QuoteEditor_CalculationsDiv tr[treetable-node-id='TotalInclDiscountAndVat'] td
{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

#QuoteEditor_CalculationsDiv .dataTable tr[treetable-node-type=calculationSeparator] td
{
    height: 30px;
    font-size: 15px;
    border-bottom: solid 2px #d0cfcc !important;
    padding-top: 10px;
}
#QuoteEditor_CalculationsDiv .dataTable tr[treetable-node-type=calculationSeparator] td .textNode
{
    padding-left: 0 !important;
}

#QuoteEditor_CalculationsDiv .dataTable tr[treetable-node-type=calculationSeparator] td .expander
{
    padding-left: 8px !important;
}
#QuoteEditor_CalculationsDiv .rightalign
{
    text-align: right !important;
}
#QuoteEditor_CalculationsDiv .EditBox
{
    width: 100% !important;
    white-space: pre-wrap;
}
#QuoteEditor_CalculationsDiv .OutdatedItemInfo .UpdateQuoteLineButton
{
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
}
#QuoteEditor_CalculationsDiv .OutdatedItemInfo .UpdateQuoteLineButton:hover
{
    background: url(Images/Buttons/IconButton-Small.png) no-repeat center center;
}
#QuoteEditor_CalculationsDiv .OutdatedItemInfo .UpdateQuoteLineButton img
{
    vertical-align: middle;
    margin-top: 3px;
    width: 16px;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
    border: none;
}

/*

#QuoteEditor_CalculationsDiv .OutdatedItemCurrencyInfo .UpdateQuoteLineCurrencyButton
{
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
}
#QuoteEditor_CalculationsDiv .OutdatedItemCurrencyInfo .UpdateQuoteLineCurrencyButton:hover
{
    background: url(Images/Buttons/IconButton-Small.png) no-repeat center center;
}
#QuoteEditor_CalculationsDiv .OutdatedItemCurrencyInfo .UpdateQuoteLineCurrencyButton img
{
    vertical-align: middle;
    margin-top: 3px;
    width: 16px;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
    border: none;
}


*/

/*-------------------------------------------------------------------------------*/
/*QuoteEditor -> Document ---------------------------------------------------------*/
#QuoteEditor_DocumentDiv .LeftColumn
{
    width: 25%;
}
#QuoteEditor_DocumentDiv .RightColumn
{
    width: 73%;
}

#QuoteEditor_DocumentDiv .MiddleContainer
{
    height: auto;
    min-height: 420px;
}
#QuoteEditor_DocumentDiv .TableHeader
{
    background: url(Images/Layout/Grid-HeaderRounded-Right-R.png) no-repeat right top;
    margin-bottom: 20px;
}
#QuoteEditor_DocumentDiv .TableHeader .InnerHeaderContainer
{
    background: url(Images/Layout/Grid-HeaderRounded-Left-R.png) no-repeat left top;
}
#QuoteEditor_DocumentDiv .TableHeader .InnerHeaderContainer .TitleLabel
{
    color: Black !important;
}

#QuoteEditor_DocumentDiv .MiddleContainer #DocumentDetailsBox
{
    height: 100px;
}
#QuoteEditor_DocumentDiv .MiddleContainer #DocumentDetailsBox .FormTable .LabelTD
{
    min-width: 60px;
}
#QuoteEditor_DocumentDiv .Select
{
    width: 154px;
}

#QuoteEditor_DocumentDiv #UpperButtonsTD .TextButton
{
    float: left;
    clear: both;
    width: 127px;
    margin-bottom: 5px;
}
#QuoteEditor_DocumentDiv #HideDocumentDetailsDiv[type='partial']
{
    float: left;
    width: 100%;
    height: 140px;
    margin-top: -140px;
    background-color: White;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#QuoteEditor_DocumentDiv #HideDocumentDetailsDiv[type='full']
{
    float: left;
    width: 100%;
    height: 160px;
    margin-top: -155px;
    background-color: White;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#QuoteEditor_DocumentDiv #DocumentContainer
{
    padding: 10px;
    padding-top: 4px;
}
#QuoteEditor_DocumentDiv #DocumentContainer .SpacingElement
{
    float: left;
    width: 200px;
    height: 20px;
    padding-right: 10px;
}
#QuoteEditor_DocumentDiv #DocumentContainer .SpacingElementSmall
{
    float: left;
    width: 200px;
    height: 3px;
    padding-right: 10px;
}
.OptionalBlockCheckBox
{
    clear: both;
}
.OptionalBlockCheckBox .checkboxAllign
{
    vertical-align: middle;
    height: 12px;
}
.OptionalBlockCheckBox .labelClass
{
    padding-bottom: 5px;
    font-family: Arial;
    font-size: 12px;
    color: #535353;
}
/*Control Group*/
#QuoteEditor_DocumentDiv #DocumentContainer .Group
{
    float: left;
    width: 100%;
    border: 1px solid #E2E2E2;
}
#QuoteEditor_DocumentDiv #DocumentContainer .Group .HideGroupContentDiv
{
    width: 100%;
    height: 100px;
    float: left;
    background-color: #f5f5f5;
    opacity: 0.8;
    filter: alpha(opacity=80);
    margin-top: -10px;
}

#QuoteEditor_DocumentDiv #DocumentContainer .GroupHeader
{
    padding: 10px;
    background: #eeeeee;
    font-family: Arial;
    font-size: 13px;
    color: #535353;
    font-weight: bold;
    height: 15px;
}
#QuoteEditor_DocumentDiv #DocumentContainer .GroupHeader span
{
    display: inline-block;
    float: left;
}
#QuoteEditor_DocumentDiv #DocumentContainer .Group .GroupHeader .ToggleImg
{
    width: 24px;
    height: 24px;
    margin-top: -5px;
    margin-right: 4px;
    background: url(Images/Icons/Misc/collapse.png) no-repeat center center;
    float: left;
    cursor: pointer;
}
#QuoteEditor_DocumentDiv #DocumentContainer .CollapsedGroup .GroupHeader .ToggleImg
{
    background: url(Images/Icons/Misc/expand.png) no-repeat center center !important;
}
#QuoteEditor_DocumentDiv #DocumentContainer .GroupHeader .IconButton-Small
{
    float: right;
    margin-top: -5px;
}
#QuoteEditor_DocumentDiv #DocumentContainer .GroupHeader .GrpEnableSelectDiv
{
    height: 20px;
    float: right;
    margin-left: 10px;
    font-size: 9px;
    font-family: Arial;
}
#QuoteEditor_DocumentDiv #DocumentContainer .GroupHeader .GrpEnableSelectDiv label
{
    float: left;
    display: inline-block;
    margin-top: 3px;
}
#QuoteEditor_DocumentDiv #DocumentContainer .GroupHeader .GrpEnableSelectDiv input
{
    float: right;
    display: inline-block;
    margin-top: -2px;
}
#QuoteEditor_DocumentDiv #DocumentContainer .GroupBody
{
    background: #f5f5f5;
    padding: 10px;
}
#QuoteEditor_DocumentDiv #DocumentContainer .GroupFooter
{
    height: 24px;
    padding: 2px;
    background-color: #f5f5f5;
    border-top: solid 1px #eeeeee;
    padding-left: 3px;
}
#QuoteEditor_DocumentDiv #DocumentContainer .GroupFooter .IconButton-Small
{
    float: left;
}


/*Control Group Body*/
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlGroupHolder .Body
{
    overflow: visible;
}

/*Child Groups*/
#QuoteEditor_DocumentDiv #DocumentContainer .Group .Group
{
    border: 1px dashed #D2D2D2;
}
#QuoteEditor_DocumentDiv #DocumentContainer .Group .Group .GroupBody
{
    background: transparent;
    padding-left: 15px;
}
#QuoteEditor_DocumentDiv #DocumentContainer .Group .Group .GroupHeader
{
    background: transparent;
    font-family: Arial;
    font-size: 13px;
    color: #535353;
    font-weight: bold;
    padding: 7px;
}
#QuoteEditor_DocumentDiv #DocumentContainer .Group .Group .GroupHeader .ToggleImg
{
    /*display: none;*/
    
}

/*ControlHolder*/
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder
{
    padding: 5px;
    margin-bottom: 10px;
}
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder .ControlHeader
{
    padding-bottom: 5px;
    font-family: Arial;
    font-size: 12px;
    color: #535353;
}
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder .TextBox
{
    height: 20px;
    width: 99%;
}

/*TextBulletList control*/
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder[controltype='TextBulletList']
{
    padding: 10px 5 10px 5;
}
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder[controltype='TextBulletList'] div.BulletListControl_node
{
    cursor: move;
    max-width: 622px !important;
    background: #F2F2F2;
    border: 1px solid #E8E8E8;
    padding: 10px;
    margin-bottom: 2px;
}

#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder[controltype='TextBulletList'] div.BulletListControl_node:hover
{
    background: #E9E9E9;
    border: 1px solid #E0E0E0;
}
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder[controltype='TextBulletList'] div.BulletListControl_node .TextBox
{
    cursor: text;
    width: 90%;
}
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder[controltype='TextBulletList'] div.BulletListControl_node .CheckBox
{
    cursor: default;
}
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder[controltype='TextBulletList'] div.BulletListControl_node .IconButton-Tiny
{
    float: right;
    margin-top: 0.4rem;
}
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder[controltype='TextBulletList'] div.BulletListControl_node_updated
{
    max-width: 622px !important;
    padding: 10px;
    margin-bottom: 2px;
}
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder[controltype='TextBulletList'] div.BulletListControl_node_updated .Div
{
    cursor: text;
    width: 92%;
}
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder[controltype='TextBulletList'] div.BulletListControl_node_updated .CheckBox
{
    cursor: default;
}
/*TextBulletList control*/
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder[controltype='TextBulletList_Radio']
{
    padding: 10px 5 10px 5;
}
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder[controltype='TextBulletList_Radio'] div.BulletListControl_node
{
    cursor: move;
    max-width: 622px !important;
    background: #F2F2F2;
    border: 1px solid #E8E8E8;
    padding: 10px;
    margin-bottom: 2px;
}
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder[controltype='TextBulletList_Radio'] div.BulletListControl_node:hover
{
    background: #E9E9E9;
    border: 1px solid #E0E0E0;
}
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder[controltype='TextBulletList_Radio'] div.BulletListControl_node .TextBox
{
    cursor: text;
    width: 92%;
}
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder[controltype='TextBulletList_Radio'] div.BulletListControl_node .Radio
{
    cursor: default;
}
#QuoteEditor_DocumentDiv #DocumentContainer .DocumentControlHolder[controltype='TextBulletList_Radio'] div.BulletListControl_node .IconButton-Tiny
{
    float: right;
}

/*Calendar*/
#QuoteEditor_DocumentDiv #DocumentContainer .CalenderctrlHolder
{
}
/*-------------------------------------------------------------------------------*/
/*********************************************************************************************************/
/*------------Temprary styles added by zulqarnain*/
#input_checkboxChecked
{
}

#input_checkboxUnchecked
{
}
.hideimageobjecttable
{
    float: left;
    width: 528px;
    height: 364px;
    margin-top: -500px;
    background-color: White;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.userpicturemaindiv
{
    height: 112px;
    width: 220px;
}
.userpicture
{
    height: 110px;
    width: 49%;
    float: left;
    clear: left;
}
.userpicture .Label
{
    font-family: Arial;
    font-size: 12px;
    color: #535353;
    font-weight: normal;
}
.signaturepicture
{
    height: 110px;
    width: 49%;
    float: right;
    clear: right;
}
.signaturepicture .Label
{
    font-weight: normal;
}
/*pagination buttons*/
.PaginationCounterLabel
{
    height: 26px;
    float: left;
    padding: 0 12px 0 12px;
    padding-top: 5px;
    font-size: 1em;
}
.PaginationCounterLabelCustomerPopup
{
    height: 26px;
    float: left;
    padding-right: 5px;
    padding-top: 1px;
    font-size: 1em;
}
.PaginationButtonInactive
{
    height: 26px;
    float: left;
    padding: 0 12px 0 12px;
    background: #D3D3CC;
    cursor: pointer;
    border: 1px solid #B3B38C;
    text-transform: uppercase;
    text-align: center;
}
.PaginationButtonInactive .ButtonInnerContainer
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1.5px;
    color: black;
    margin-top: -2px;
    line-height: 30px;
    width: auto;
}
.PaginationButton
{
    height: 26px;
    float: left;
    padding: 0 12px 0 12px;
    cursor: pointer;
    background: #D3D3BC;
    border: 1px solid #B3B38C;
    text-transform: uppercase;
    text-align: center;
}
.PaginationButton:hover
{
    background: #BEBE9C;
    border: 1px solid #9F9F6F;
}
.PaginationButton[highlight]
{
    background: #B9F468 !important;
    border: 1px solid #B3B38C;
}
.PaginationButton[highlight]:hover
{
    background: #8EEC11 !important;
    border: 1px solid #64A50C;
}
.PaginationButton .ButtonInnerContainer
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1.5px;
    color: black;
    margin-top: -2px;
    line-height: 30px;
    width: auto;
}
.ContentDiv .BottomContainer .InnerContainer .PaginationButtonsArea
{
    height: 29px;
    padding-top: 1px;
    float: right;
    vertical-align: middle;
    padding-right: 0px;
    margin-right: -2px;
}
/*pagination buttons*/
/*disable anchor link css*/
.not-active
{
    pointer-events: none;
    cursor: default;
}
.AllwaysDisable
{
    pointer-events: none!importent;
    cursor: default;
}

.LoginFooter
{
    margin-top: 90px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1018px;
}
.FooterInfoSection
{
    float: left;
    padding-left: 1.3%;
    padding-right: 1%;
    width: 30%; /* background-color: #bbb;*/
    height: 25%;
}


.FooterInfoMessageSection
{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.search-box,.close-icon,.search-wrapper {
	position: relative;
	/*padding: 10px;*/
}
.search-wrapper {
	width: 104%;
	margin: auto;
    background: #fff;
   border-radius: 5px;
	margin-top: 3px;
    float: right;
}
.search-box 
{
    /*background: url(Images/Layout/searchtextbox.png) no-repeat right top;*/
	width: 86%;
	border: 0px solid #ccc;
  outline: 0;
  border-radius: 5px;
    padding-left: 2px;
}

.search-box::-ms-clear {
    display: none;
}
/*.search-box:focus {
	box-shadow: 0 0 15px 5px #b0e0ee;
	border: 2px solid #bebede;
}*/
.close-icon-new 
{
    float: right;
	border:1px solid transparent;
	background-color: transparent;
	display: block;
	width: 8px;
	height: 10px;
	position: absolute;
	background-color: #ffffff;
	z-index:1;
	top: 0.3em;
	bottom: 0;
	margin: auto;
	padding: 2px;
	border-radius: 50%;
	text-align: center;
	color: #000000;
	font-weight: normal;
	font-size: 8px;
	cursor: pointer;
    float: right;
} 
.close-icon 
{
    float: right;
	border:1px solid transparent;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
  outline: 0;
  cursor: pointer;
    width: 2px;
    height: 15px;
}
.close-icon:after {
	content: "X";
	display: block;
	width: 8px;
	height: 10px;
	position: absolute;
	background-color: #ffffff;
	z-index:1;
	top: 0.3em;
	bottom: 0;
	margin: auto;
	padding: 2px;
	border-radius: 50%;
	text-align: center;
	color: #000000;
	font-weight: normal;
	font-size: 8px;
	cursor: pointer;
    margin-left: -6px;
}
.search-box:not(:valid) ~ .close-icon {
	display: none;
}

/*
    file types icons
*/
#AttachmentsTable .nameNode /*first column*/
{
    white-space: nowrap !important;
    padding-left: 0px !important;
}
.attachment .doc,.docx
{
    background: url(Images/FileTypes/doc.jpg) no-repeat left center;
    padding-left: 25px;
    border: 1px solid #E4E4E0;
    background: #f0f0ee;
    padding: 3px;
    font-family: Arial;
    font-size: 12px;
    color: #535353;
    min-width: 194px;
    display: inline-block;   
}
.attachment .z7
{
    background: url(Images/FileTypes/7z.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .ae
{
    background: url(Images/FileTypes/ae.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .ai
{
    background: url(Images/FileTypes/ai.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .avi
{
    background: url(Images/FileTypes/avi.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .c4d
{
    background: url(Images/FileTypes/c4d.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .cdr
{
    background: url(Images/FileTypes/cdr.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .css
{
    background: url(Images/FileTypes/css.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .csv
{
    background: url(Images/FileTypes/csv.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .dll
{
    background: url(Images/FileTypes/dll.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .dw
{
    background: url(Images/FileTypes/dw.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .dwg
{
    background: url(Images/FileTypes/dwg.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .dwg
{
    background: url(Images/FileTypes/dwg.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .dwg
{
    background: url(Images/FileTypes/dwg.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .dwg
{
    background: url(Images/FileTypes/dwg.jpg) no-repeat left center;
    padding-left: 25px;
    font-family: Arial;
    margin: 0px;
    float:left; /*#2751*/
}
.attachment .dwg
{
    background: url(Images/FileTypes/dwg.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .dwg
{
    background: url(Images/FileTypes/dwg.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .dwg
{
    background: url(Images/FileTypes/dwg.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .dwg
{
    background: url(Images/FileTypes/dwg.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .dwg
{
    background: url(Images/FileTypes/dwg.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .dwg
{
    background: url(Images/FileTypes/dwg.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .dwg
{
    background: url(Images/FileTypes/dwg.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .dwg
{
    background: url(Images/FileTypes/dwg.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .dwg
{
    background: url(Images/FileTypes/dwg.jpg) no-repeat left center;
    padding-left: 25px;
}
.attachment .dwg
{
    background: url(Images/FileTypes/dwg.jpg) no-repeat left center;
    padding-left: 25px;
}
th a {
    text-decoration: none !important;
    color: #797979;
}
/*th a:after {
    content: url(Images/treeTable/sort.png);
    float: right;
}*/
th.sort {
   /* background: #f4f4f4 url(Images/treeTable/sort.png) no-repeat center right !important;*/
   /*content: " ";
    background: #f4f4f4 url(Images/treeTable/sort.png) no-repeat center right !important;
    display: inline-block;
    width: 15px;
    height:15px;

    /*float: right;*/
}

th.sort a:after {
    content: " ";
    background: #f4f4f4 url(Images/treeTable/sort.png) no-repeat center right !important;
    display: inline-block;
    width: 15px;
    height:15px;

}

th.asc a:after {
   
    content: " ";
    background: #f4f4f4 url(Images/treeTable/sort-down.png) no-repeat center right !important;
    display: inline-block;
    width: 15px;
    height:15px;
    /*float: right;*/
}
th.desc a:after {
    
     content: " ";
    background: #f4f4f4 url(Images/treeTable/sort-up.png) no-repeat center right !important;
    display: inline-block;
    width: 15px;
    height:15px;
    /*float: right;*/
}


th.asc {
    /*background: #f4f4f4 url(Images/treeTable/sort-down.png) no-repeat center right !important;
    /*float: right;*/
}
th.desc {
    /*background: #f4f4f4 url(Images/treeTable/sort-up.png) no-repeat center right !important;
    /*float: right;*/
}
#SecuritySettingsBox .RadioButton {
    float: left;
    margin-right: 7px;
}
#signInButton .abcRioButtonIcon {
    display: none;
}
/*   end of file types icons*/
/*Styles for google login button */

    #customBtn {
      display: inline-block;
      background: white;
      color: #444;
      margin-left: 24%;
      /*width: 190px;*/
      border-radius: 5px;
      border: thin solid #888;
      box-shadow: 1px 1px 1px grey;
      white-space: nowrap;
    }
    #customBtn:hover {
      cursor: pointer;
    }
    span.label {
      font-family: serif;
      font-weight: normal;
    }
    
    span.buttonText {
      display: inline-block;
      vertical-align: middle;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 14px;
      font-weight: bold;
      /* Use the Roboto font that is loaded in the <head> */
      font-family: 'Roboto', sans-serif;
    }
/*  End of Styles for google login button */



/* ---------------------------------- Configurator -------------------------------------- */

.treeTable .configurable
{
    background: url(Images/treeTable/config.png) no-repeat left center;
}
.treeTable .configurable.incomplete
{
    background: url(Images/treeTable/config-incomplete.png) no-repeat left center;
}
/*ConfigitPopup--------------------------------------------------------------*/
.ConfigitPopup #InnerDiv
{
    height: 500px;
    width: 650px;
}

.ConfigitPopup iframe
{
    width: 100%;
    height: 100%;
    border: 0px;
}

.ConfigitPopup .PopupBody
{
    height: auto;
}

.ConfigitPopup .PopupTabs
{
    height: 100%;
}

.ConfigitPopupContent .BoxBody
{
    margin-bottom: 6px;
}
.ConfigitPopupContent .CalculatedValue
{
    border: 1px solid #E4E4E0;
    background: #f0f0ee;
    padding: 3px;
    font-family: Arial;
    font-size: 12px;
    color: #535353;
    min-width: 194px;
    min-height: 16px;
    display: inline-block;   
}
.ConfigitPopupContent .CalculatedValue.Type-Float
{
    text-align: right;
}

.ConfigitPopupContent .BoxBody > table
{
    width: 100%;    
}

.ConfigitPopupContent .BoxBody .LabelTD
{
    width: 50%;
}

.ConfigitPopupContent .conflict-dialog
{
    border: 1px solid #494949;
    background-color: #ededed;
    border-radius: 4px;
}

.ConfigitPopupContent .conflict-dialog .header
{
    background: #595959;
    background: linear-gradient(to bottom, #606060 0%, #545454 100%);
    border: 1px solid #494949;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    margin-top: -5px;
    margin-left: -1px;
    margin-right: -1px;
}

.ConfigitPopupContent .conflict-dialog .content
{
    border: 1px solid #d0cfcc;
    width: 278px;
    height:300px;
    font-family: Arial;
    font-size: 12px;
    overflow: scroll;
}

.ConfigitPopupContent .conflict-dialog .footer
{
    margin-bottom: 5px;
    width: 310px;
}

.ConfigitPopupContent .conflict-dialog .footer input
{
    height: 26px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    margin-left: 3px;
    margin-right: 3px;
    cursor: pointer;
}
.ConfigitPopupContent .conflict-dialog .footer #ok-btn {
    background: #B9F468;
    border: 1px solid #B3B38C;
}
.ConfigitPopupContent .conflict-dialog .footer #ok-btn:hover {
    background: #8EEC11;
    border: 1px solid #64A50C;
}
.ConfigitPopupContent .conflict-dialog .footer #cancel-btn {
    background: #D3D3BC;
    border: 1px solid #B3B38C;
}
.ConfigitPopupContent .conflict-dialog .footer #cancel-btn:hover {
    background: #BEBE9C;
    border: 1px solid #9F9F6F;
}
#__messagePopup__ {
    background: #595959;
    background: linear-gradient(to bottom, #606060 0%, #545454 100%);
    border: 1px solid #494949;
    border-radius: 4px;
    padding: 3px;
    font-family: Arial;
    font-size: 11px;
    color: white;
    margin-left: 2px;
}
.ConfigitPopupContent .TextBox,
.ConfigitPopupContent .Select, 
.ConfigitPopupContent .DropDown
{
    font-size: 12px;
    line-height: 20px;
    font-family: Arial;
    margin: 0px;
    float:left; /*#2751*/
}

.ConfigitPopupContent .TextBox
{
    width: 195px;
}

.ConfigitPopupContent div.TextBox
{
    display: inline-block;
}

.ConfigitPopupContent .ConfigImage
{
    max-width: 400px;
    max-height: 400px;
    margin: 0px auto;
    display: block;
 
}
.ConfigitPopupContent .ConfigImagePath
{
    display: none;
}
.ConfigitPopupContent #LanguageSelect {
    position: absolute;
    right: 4px;
    top: 4px;
}
.ConfigitPopupContent .StateIcon 
{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 3px;
    vertical-align: bottom;
    background-size: contain;
    float:left;/*#2751*/
}

.ConfigitPopupContent .StateIcon.UserAssignedIcon
{
    background-image: url(/App_Themes/Default/Images/Icons/Actions/IconButtons/NewCustomer.png);
    float:left; /*#2751*/
}
.ConfigitPopupContent .StateIcon.SystemAssignedIcon
{
    background-image: url(/App_Themes/Default/Images/Icons/Actions/IconButtons/NewCalculation.png);
    float:left;/*#2751*/
}
.ConfigitPopupContent .ConfigInfo
{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 3px;
    vertical-align: bottom;
    background-size: contain;
    background-image: url(/App_Themes/Default/Images/Icons/Actions/IconButtons/QuestionMark.png);
    float:left; /*#2751*/
}

.ImageIcon
{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 3px;
    vertical-align: bottom;
    background-size: contain;
    float:left;/*#2751*/
}

.ImageIcon
{
    background-image: url(/App_Themes/Default/Images/Icons/Actions/IconButtons/Information.png);
    float:left; /*#2751*/
}

.configImagePopup{
    width:100%;
}

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

#overlay {
  border: 0px;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: border-box;
  z-index: 100;
}

#overlaycontent {
  width: 100%;
  height: 100%;
  border: 0px;
}

.right-table-parent{
    width:100%;
} 
.right-table-parent td:nth-child(1),
.right-table-parent td:nth-child(3) {
    width: 5%;
}

.right-table-parent td:nth-child(2) {
    width: 90%;
}

.right-table input {
    width: 97%;
    height: 20px;
    background-color: #FDFDFD;
    border: 1px solid #DFDFDF;
    padding-left: 5px;
    margin-left: 2px;
    font-family: Arial;
    font-size: x-small; 
}


.right-table tr > td:nth-child(1),
.right-table tr > th:nth-child(1) {
    width: 20%;
    font-family: Arial;
    font-size: x-small;
    padding-left: 5px;
}

.right-table tr > td:nth-child(2),
.right-table tr > th:nth-child(2) {
    width: 20%;
    font-family: Arial;
    font-size: x-small;
    padding-left: 5px;
}

.right-table tr > td:nth-child(3),
.right-table tr > th:nth-child(3) {
    width: 5%;
    font-family: Arial;
    font-size: x-small;
    padding-left: 5px;
}

.right-table tr > td:nth-child(4),
.right-table tr > th:nth-child(4) {
    width: 25%;
    font-family: Arial;
    font-size: x-small;
    padding-left: 5px;
}
.right-table tr > td:nth-child(5),
.right-table tr > th:nth-child(5) {
    width: 25%;
    font-family: Arial;
    font-size: x-small;
    padding-left: 5px;
}

.right-table tr > th:nth-child(n+5) {
    width: 25%;
    font-family: Arial;
    font-size: x-small;
    padding-left: 5px;
}


.right-table tr > td:nth-child(6),
.right-table tr > th:nth-child(6) {
    width: 5%;
    padding-left: 5px;
}

.right-table {
    border: 1px solid #DFDFDF;
}

.clearfix {
    content: "";
    display: table;
    clear: both;
}