*+html .regular_form  .imageacceptTermsCondition .validator_error_image {
        padding-top:1px;
}
 .regular_form  .imageacceptTermsCondition .validator_error_image
{
        padding-top: 7px;
        padding-left: 5px;
        padding-top:11px\0/;
        }
        
.errormessagewidth div{ width:300px; }

.regular_form select {line-height: 30px}

.wpError
{
    color: Red;
    border: 1px solid Green;
}
.wpImage
{
    float: left;
}
.wpText
{
    float: left;
    margin-left: 10px;
}
.wpMoreLink
{
    float: right;
}
/*************************
Webpart page styles
*************************/
#headerImageDiv
{
    float: left;
    width: 100%;
}
#homeFooter
{
    background: url('/_layouts/images/myLutron/myLut_Gray_Bkrd.jpg') no-repeat left top;
    width: 100%;
    height: 200px;
    display: none; /* Set to hide Sales Reps */
}
#footer
{
    /* This background isnt right according to the mockups */ /* background: url('/_layouts/images/myLutron/myLut_Gray_Bkrd.jpg') no-repeat left top; */
    height: 300px;
    padding-top: 15px !important;
    margin-top: -10px !important;
    margin-top: 0px !important;
}
html > body #footer
{
    margin-top: -5px !important;
}
#QuickLinks
{
    float: left;
    margin-top: -11px;
}
#main_content
{
    /*padding-bottom: 0px !important;*/
}
.welcome
{
    padding-bottom: 0px !important;
}
.floatNone
{
    float:none!important;
}
#HomePageContentLinks
{
    float: left;
    clear: both;
}
.HomePageContentLinksSection
{
    margin-left: 25px;
    float: left;
    clear: both;
    margin-top: 25px;
    text-align: left;
    min-height: 130px;
}
.HomePageContentLink
{
    color: white !important;
    text-decoration: none;
    font-weight: bold;
    font-size: 8pt;
    margin-bottom: 5px;
    float: left;
    clear: both;
}

.HomePageDetailed
{
  float: initial !important;
  float: none !important;
  white-space : normal;
  word-wrap: break-word;
  font-size : 12px !important;      
}


.ContentImage
{
    margin-top: -172px;
    margin-left: 165px;
    margin-right: 10px;
    float: left;
    clear: both;
}

.HomePageTextSection
{
    float: left;
    margin-left: 25px;
    margin-top: 15px;
    height: 145px;
    clear: both;
    word-wrap: break-word;
    width: 135px;
}

.HomePageFullTextSection
{
    float: left;
    margin-left: 25px;
    margin-top: 15px;
    height: 75px;
    clear: both;
    word-wrap: break-word;
    width: 90%;
}
.HomePageImageSection
{
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}
/************************/

.floatLeft
{
    float: left;
}

.clear
{
    clear: both;
}

#leftLayoutColumn
{
    float: left;
    width: 27%;
    padding-bottom: 20px;
}

#rightLayoutColumn
{
    float: left;
    width: 65%;
    margin-top: 40px;
    padding-bottom: 115px;
}

#homePageTopLeftColumn
{
    float: left;
    width: 70%;
}

#homePageTopRightColumn
{
    float: left;
    width: 30%;
}

.descriptionTitle
{
    font-size: larger;
    font-weight: bold;
}

.descriptionContent
{
    padding-top: 5px;
    padding-bottom: 5px;
}

. wpZone
{
    padding: 10px;
}

/**********************/
/* Application Pages */

.formPageTitle
{
    left: 0px;
    bottom: 9px;
    padding: 20px 40px 0 40px;
    height: 45px !important;
    overflow: hidden;
    font-family: Helvetica 45 Light, Helvetica, Arial;
    line-height: 22px;
    font-size: 22px !important;
    color: #fff !important;
    background: url('/_layouts/images/myLutron/Standard_1c_gradient.jpg') repeat-x left top;
    overflow: hidden;
}
.pageComments
{
}

.leftColumn
{
    float: left;
    width: 20%;
}

.rightColumn
{
    float: right;
    width: 80%;
}

.labelsColumn
{
    float: left;
    text-align: right;
    width: 20%;
}

.controlsColumn
{
    float: left;
}

/**********************/
/* Registration Page */

.leftColumnText
{
    width: 200px;
    padding: 10px;
}

.form tr td
{
    padding: 5px;
}

.form .label
{
    text-align: right;
    width: 150px;
}

.form .content
{
    text-align: left;
}

.required
{
    color: Black !important;
    font-weight: bold;
}
/**********************/
/*Login Page*/
.sectionHeader
{
    font-size: large;
    font-weight: bold;
    display: inline;
}

.sectionPadding
{
    padding: 20px 5px 20px 0px;
}

.loginDiv
{
    width: 45%;
}

.errorTR td
{
    padding: 0px !important;
    height: 0px !important;
}

/**********************/
/* For drag&drop list */
#interestsList
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*width: 100%;*/
}

#interestsList li
{
    margin: 0 3px 3px 0px; /* Changed By: 1653, removed width = 100% and set margin from (0 3 3 3) to (0 3 3 0)*/
    padding: 0.4em;
    padding-left: 1.5em;
}

#interestsList li span
{
    position: absolute;
    margin-left: -1.3em;
}

/*********************/
/* Login controls */

.closeLink
{
    cursor: pointer;
    text-decoration: underline;
    font-size: large;
}

.loginColumn
{
    float: left;
    width: 80%;
}

.closeLogin
{
    float: right;
    height: 25px;
}
/*********************/

/* Welcome-Logout */

div.welcome-logout
{
    width: 300px;
    float: left;
    padding-top: 10px;
    color: #ccc;
    font-size: 11px;
    font-weight: bold;
    font-family: inherit;
    text-align: left;
}

div.welcome-logout a
{
    display: inline !important;
    color: #d16b1d !important;
    font-size: 11px;
    font-weight: bold;
    font-family: inherit;
    color: #fff;
    padding-left: 5px !important;
}

/******************/

/* Quick Links */

ul.quick-links
{
    margin: 0;
    list-style-type: none;
}

ul.quick-links li
{
    padding-top: 10px;
    padding-bottom: 5px;
    border: none !important;
    background: none !important;
}

ul.quick-links li.first
{
    display: none;
}

ul.quick-links li a, ul.quick-links li a:link, ul.quick-links li a:active, ul.quick-links a:visited
{
    color: #c0571c !important;
    text-decoration: none;
    float: left;
    width: 30px;
    height: 30px;
}

ul.quick-links li a.quick-link
{
    width: auto;
    height: 22px;
    padding-left: 2px;
}

ul.quick-links li span
{
    margin-top: -2px;
    padding-left: 0.5em;
    float: left;
    width: 10px;
}

div.quick-link-description
{
    clear: both;
    padding-left: 114px;
    padding-right: 10px;
    word-wrap: break-word !important;
}

div.no-user-quicklinks
{
    display: none;
    padding-top: 5px;
    padding-left: 12px;
}

div.no-user-quicklinks a
{
    width: auto;
}



/*div.Dialog-Window input.text
{
    width:250px;
}*/
div.Dialog-Window
{
    background-color: White;
}


div.Dialog-Window .regular_form
{
    padding: 15px !important;
}

div.Dialog-Window table.regular_form tr.popup-header
{
    line-height: 35px !important;
}

div.Dialog-Window td.header-cell
{
    width: 10%;
}

div.Dialog-Window h3.header-title
{
    font-size: 2em;
}

div.Dialog-Window td.image-cell
{
    width: 15%;
}

div.Dialog-Window div.sub-header
{
    background-color: White;
    padding-left: 10px;
}

div.Dialog-Window div.required-message
{
    background-color: White;
}

div.Dialog-Window div.required-message b
{
    color: Black;
}

div.Dialog-Window span.label
{
    width: 140px;
    padding-top: 5px;
    display: inline-block;
}

div.delete-quick-link tr.message-row
{
    padding-top: 10px;
}

div.delete-quick-link td.message-cell
{
    width: 50%;
}

div.delete-quick-link table.button-section
{
    padding-top: 20px;
}

.popup-body-background
{
    background-color: Gray !important;
}

.popup-content-background
{
    background-color: White !important;
}

.quicklink-popup
{
    width: 480px !important;
}

.popup-body-container
{
    margin: 5px !important;
    width: 480px !important;
}


div.items-not-appear-homepage
{
    text-align: left;
    font-style: italic;
    margin-bottom: 20px;
}



/***********************/

/***********************/
/* Modal window */
#modalMask
{
    position: absolute;
    z-index: 9000;
    background-color: #AAAAAA;
    opacity: 0.7;
    filter: Alpha(Opacity=70);
    display: none;
}

#validateEmailWindow
{
    position: absolute;
    z-index: 9001;
    display: none;
}

#validatingEMail
{
    display: none;
}

/*Upload Profiles*/
.fileUpload
{
    width: 350px;
    height: 20px !important;
    margin-left: 10px;
}

/***********************/
/* Generic */

hr
{
    height: 1px;
    margin: 20px 0px 20px 0px;
    color: #cdcdcd;
    background-color: #cdcdcd;
}

hr.nomargin
{
    height: 1px;
    margin: 0px 0px 0px 0px;
    color: #cdcdcd;
    background-color: #cdcdcd;
}

.validationError
{
    display: none;
    color: Red;
    text-align: left;
}

/***************************/
a.visit-myLutron
{
    display: inline !important;
    color: #d16b1d !important;
    font-size: 11px;
    font-weight: bold;
    font-family: inherit;
    color: #fff;
}

div.visit-myLutron
{
    float: left;
    color: #ccc;
    font-size: 11px;
    font-weight: bold;
    font-family: inherit;
    padding-top: 10px;
    padding-left: 40px;
    padding-right: 20px;
    word-wrap: break-word;
    min-width: 120px;
    max-width: 220px;
    text-align: left;
}

div.myLutrongrid-pager
{
    text-align: right;
    padding-top: 5px;
}

table.myLutrongrid
{
    border-top: solid 1px #dfdfdf !important;
    border-right: solid 1px #dfdfdf !important;
    border-left: solid 1px #dfdfdf !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: normal !important;
    font-size: 12px !important;
}

table.myLutrongrid th
{
    color: #4c4c4c !important;
    line-height: 11px !important;
    background: transparent url( /_layouts/images/myLutron/bg_grey_table_gradient.jpg) repeat-x !important;
    height: 20px !important;
}

table.myLutrongrid td
{
    line-height: 11px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    vertical-align: middle !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: normal !important;
    font-size: 12px !important;
    word-wrap: break-word;
    /*width: 90px;*/
    /*Removed the hardcoded width */
}


table.myLutrongrid th, table.myLutrongrid td
{
    border-right: solid 1px #dfdfdf !important;
    border-bottom: solid 1px #dfdfdf !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.myLutrongrid-middlealign
{
    text-align: center !important;
}

.myLutrongrid-alternaterows
{
    background-color: #f2f2f2 !important;
    line-height: 11px !important;
    height: 20px !important;
}

.myLutrongrid-lockedrows
{
    background-color: #FFDAB9 !important;
    line-height: 11px !important;
    height: 20px !important;
}

.myLutrongrid-rows
{
    line-height: 11px !important;
    height: 20px !important;
}
/*****************************/



.ContentFont
{
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    padding-bottom: 12px;
    padding-top: 12px;
    color: #777777;
    display: block;
}

.LogincloseLink
{
    cursor: pointer;
    color: White;
    font-size: large;
}

#divLoginControl
{
    padding-top: 10px;
}

.LoginLabel
{
    text-align: right;
    font-size: 10pt;
    font-weight: bold;
    color: white;
    display: block;
    padding: 10px 10px 10px 0px !important;
    float: left;
    width: 70px;
}

#divLoginControl .LoginLabel
{
    color: Black;
    text-align: right;
}


.loginTextBox
{
    border: 0px;
    width: 210px;
    background: url(/_layouts/images/myLutron/textbox.png) no-repeat 0pt 0pt;
    padding: 10px;
}

#divLoginControl .loginTextBox
{
    background: transparent url(/_layouts/images/myLutron/text_back.png) repeat-x scroll right top;
    border: solid 1px #e4e4e4; /*dfdedf;*/
    color: #555;
    margin: 5px 5px 5px 0;
    padding: 7px 3px;
    height: 16px;
    width: 150px;
}

.loginRegularTextBox
{
    background: transparent url(/_layouts/images/myLutron/text_back.png) repeat-x scroll right top;
    border: solid 1px #e4e4e4; /*dfdedf;*/
    color: #555;
    margin: 5px 5px 5px 0;
    padding: 7px 3px;
    height: 16px;
    width: 150px;
}

.LoginInstruction
{
    font-size: 10pt;
    font-weight: bold;
    color: #EFEFEF !important;
    display: block;
    margin-left: 380px;
    padding-top: 30px !important;
}

.loginSection > a.loginLink
{
    position: relative;
    top: -30px;
    width :200px;
}

.loginSection > a.loginLink + a
{
    position: relative;
    top: -18px;
    width :200px;
}

.loginLink
{
    font-size: 10pt;
    font-weight: bold;
    color: #c0571c !important;
    display: block;
    margin-left: 380px;
    padding-top: 15px;
    text-decoration: none;
}

.loginLink:hover
{
    text-decoration: underline;
}

.loginSection
{
    width: 100%;
    background: url('/_layouts/images/myLutron/myLutron_Login_Banner.jpg') no-repeat left top;
    height: 190px;
}


.field_error
{
    border: solid 2px #d01414 !important;
}
.loginControlColumn
{
    margin-left: 590px;
    margin-top: -85px;
}
.loginLinkColumn
{
    margin-left: 960px;
    margin-top: -152px;
}

.myLutronButton
{
    position: relative;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background: transparent url(/_layouts/images/myLutron/Register_Button_wo_text.png) no-repeat 0px 0px;
    padding: 5px 20px 15px 15px;
}

.myLutronButton.myLutronButtonImgLong
{
    background-image: url(/_layouts/images/myLutron/Button_wo_text_Long.png);
}

.myLutronButton.resetPasswordBtn
{
    padding: 15px 15px 15px 10px;
    background-position: 0px 9px;
    color: #ffffff !important;
    margin-left: 80px;
}

.myLutronButton.loginPageRegisterButton
{
    color: #ffffff !important;
    margin-left: 80px;
}

/*RS: Changed the login control UI DOM, used table structure so do not require left margin anymore - Change starts here*/

/*Use Case: Login control login button on the header for myLutron*/
.loginButton
{
    margin-left: 1px;
    margin-top: 1px;
}

/*Use Case: Login control on the Forgot Password / invalid credntials page asking for re-login for myLutron*/
#divLoginControl .loginButton
{
    margin-left: 1px;
}

/*RS: Changed the login control UI DOM, used table structure so do not require left margin anymore - Change Ends here*/

.loginRememberLabel
{
    font-size: 10pt;
    font-weight: bold;
    color: white;
    display: block;
    padding: 10px !important;
    float: left;
    margin-left: -15px;
    margin-top: -10px;
}

#divLoginControl .loginRememberLabel
{
    float: left;
    color: Black;
    font-size: 9pt;
    font-weight: normal;
}

/*RS: Changed the login control UI DOM, used table structure so do not require left margin anymore - Change starts here*/

/*Use Case 1: Login control login button on the header for myLutron*/
/*Use Case 2: Login control login button on the Reset Password page for myLutron*/
/*Use Case 3: Login control login button on the Failed Login page for myLutron*/
.loginCheckBox
{
    padding: 10px 10px 10px 0px;
    float: left;
    margin-top: -12px;
    margin-left: 0px;
}
/*RS: Changed the login control UI DOM, used table structure so do not require left margin anymore - Change ends here*/

.popupWidth
{
    width: 400px;
}


.contentTopMargin
{
    margin-top: 50px;
    margin-bottom: 70px;
}

.contentTopMargin hr
{
    width: 98%;
    text-align: left;
}

#loginContainer
{
    display: none;
}

/**************myQuickLinks control*******************************************/

#myQuickLinks
{
    float: left;
    width: 318px;
    height: 250px;
    background: url('/_layouts/images/myLutron/myQLs_Mod_Graphic.png') no-repeat left top;
    margin-left: 10px; /*To position and render div on top of other controls*/
    position: absolute;
    z-index: 1;
    display: none;
    top: 365px !important;
}
#quickLinksHeader
{
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    color: #C75A18;
    font-weight: bold;
    font-size: 10pt;
}
.closeQuickLinks
{
    cursor: pointer;
    float: right;
    margin-left: 277px;
    margin-top: -17px;
}
.ViewAllQuickLinks
{
    float: right;
    margin-right: 17px;
    margin-top: 17px;
}
#quickLutronLinksHeader
{
    float: left;
    margin-top: 20px;
    color: #C75A18;
    font-weight: bold;
    font-size: 10pt;
    width: 280px;
}
.quickLinksSection
{
    margin-left: 20px;
    float: left;
    margin-top: 20px;
    text-align: left;
    height: 150px;
    min-height: 150px;
    width: 275px;
}
.quickLink
{
    color: Black !important;
    text-decoration: none;
    font-weight: bold;
    font-size: 9pt;
    margin-bottom: 15px;
}
.QuickLinkSeparator
{
    margin-bottom: 3px;
}
.customizeSection
{
    margin-left: 20px;
    clear: both;
    width: 275px;
}
.customizeQuickLink
{
    float: left;
    color: Black !important;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}
.customizeQuickLinkImage
{
    margin-top: 5px;
    margin-left: 5px;
}
.closeQuickLinkText
{
    cursor: pointer;
    margin-left: 70px;
    text-decoration: none;
    color: Black !important;
}
.quickLinkHeader
{
    color: #fff;
    font-size: 11pt;
    cursor: pointer;
    font-weight: bolder;
    margin-left: 35px;
    position: absolute;
    margin-top: -7px;
}

.quickLinkHeaderHoverColor
{
    color: #2288dd;
}

#myQuickLinksSection
{
    background: url('/_layouts/images/myLutron/bg_header.jpg') repeat left top;
    width: 986px;
    height: 20px;
    padding-top: 20px;
    margin-top: 10px !important;
}

/**************End myQuickLinks control*******************************************/

#learnMoreLink
{
    color: #fff !important;
    font-size: 12px;
    font-weight: bold;
}
#learnMoreSection
{
    float: left;
    padding-left: 25px;
}

#homePageContentText
{
    color: white !important;
    font-weight: normal;
    font-size: 8pt;
    float: left;
    clear: both;
    word-wrap: break-word;
    text-align: left;
    line-height: 15px !important;
    font-size: 9pt !important;
    display: inline !important;
    margin-right: 10px;
}

div.salesrep-vertical p
{
    font-size: 11px !important;
    line-height: 15px !important;
}

#salesRepHeader
{
    font-size: 11px;
    font-weight: bold;
    color: #000;
    line-height: 0px;
}
.HomePageBottomWebPartContentHeight
{
    min-height: 75px !important;
    margin-top: 15px !important;
}
.nomargin
{
    margin-left: 0px !important;
    margin-bottom: 0px !important;
}

#outter_wrapper
{
    /* overflow: hidden !important;             - Changed property overflow from hidden to visible|Bug ID: 5608 Resizing window cuts off Text |Bug ID:5595  Using Chrome Cant Scroll to Top| */
    overflow: visible !important;
}

span.RegisterButton
{
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-family: arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 27px;
    line-height: normal;
    margin-right: 6px;
    padding-right: 12px;
    padding-top: 12px;
    text-decoration: none;
    width: 80px;
}

span.RegisterButton a, span.RegisterButton a:active, span.RegisterButton a:hover, span.RegisterButton a:visited, span.RegisterButton a:link
{
    background: transparent url('/_layouts/images/myLutron/Register_Button_wo_text.png') no-repeat scroll 0 0;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    font-weight: bold;
    line-height: 17px;
    padding: 5px 0 5px 15px;
}

.quick-link-modify
{
    background: transparent url('/_layouts/images/myLutron/Edit_Button.png') no-repeat;
    height: 22px !important;
    margin-left: 5px !important;
    padding-right: 10px;
}
.quick-link-delete
{
    background: transparent url('/_layouts/images/myLutron/Delete_Button.png') no-repeat;
    height: 22px !important;
    margin-left: 5px !important;
    padding-right: 5px;
}
/****** Modal Window Styles ******/
.ms-dlgTitle
{
    background: transparent url('/_layouts/images/mylutron/modaltitle_gradient.jpg') repeat-x !important;
}

/*********** Content Item Styles ********************/
.content-Image
{
    width: 25% !important;
    vertical-align: top !important;
    align: left !important;
}

.content-TextArea
{
    width: 75%;
    vertical-align: top !important;
    padding-left: 5px !important;
    align: left !important;
}

.content-Link-Margin
{
    margin-top: 5px !important;
}
.content-Link
{
    color: #c0571c !important;
    font-weight: bold !important;
    padding-left: 1px !important;
}
.content-Width
{
    width: 100% !important;
}
.content-FullTextArea
{
    width: 100%;
    vertical-align: top !important;
    align: left !important;
}

.content-LeftTextArea
{
    width: 75% !important;
    vertical-align: top !important;
    padding-right: 5px !important;
    align: left !important;
}

.meganav-feedback
{
    padding-left: 25px !important;
    float: right !important;
    color: Black;
    text-decoration: none;
}

.meganav-feedback a:link, .meganav-feedback a:visited
{
    color: Black;
}

.contentlayout-top
{
    height: 40px;
}

.contentlayout-main
{
    margin-right: 90px;
    margin-left: 10px;
}

#layoutPageIcon
{
    padding-top: 20px;
    padding-right: 15px;
}

#quickLinkIntro
{
    font-size: 12px;
    padding-top: 5px;
}

.nopadding-bottom
{
    padding-bottom: 0px !important;
}

.adminFeedback
{
    font-weight: bold;
    font-size: 12px;
    float: right;
    text-align: right;
}

.adminFeedback a:link, a:visited
{
    color: Black;
}

.quick-links-sortinstruct
{
    padding-top: 5px;
    margin-left: 10px;
}

.quick-links-sortinstruct td
{
    font-size: 12px !important;
}

.quick-links-sortinstruct img
{
    padding-top: 2px;
}

.sorting-arrow
{
    background: url('/_layouts/images/myLutron/updown_arr.png') no-repeat left top;
    margin-top: 2px !important;
    height: 21px;
    padding-left: 17px !important;
}

#contentLayoutZones
{
    background-color: white !important;
    height: inherit;
}

#contentLeftLayoutColumn
{
    width: 230px;
    padding-left: 24px;
    margin: 0px 0px 0px 0px !important;
    padding-left: 0px !important;
}

#contentMiddleLayoutColumn
{
    position: relative;
    float: left;
    width: 50%;
}

#contentRightLayoutColumn
{
    position: relative;
    float: right;
    width: 25%;
    clear: both;
}

.salesrep-address
{
    padding-left: 30px;
    margin-top: 30px;
    font-size: 11px;
}

#contentPageDescription
{
    font-size: 16px;
    padding-top: 14px !important;
    padding-bottom: 8px !important;
}

#contentCategoryList
{
    width: 100% !important;
}

.content-page-header
{
    margin-bottom: 10px;
}

#contentPageTitle
{
    font-size: 22px !important;
}

.content-page-mainarea
{
    margin-left: 10px;
    margin-right: 90px;
    padding-top: 41px;
}

#contentCategoryTop
{
    width: 33% !important;
    font-size: 11px !important;
}

#contentCategoryBottom
{
    padding-right: 95px;
    font-size: 11px !important;
}

#salesCategory
{
    padding-top: 23px;
    font-size: 18px !important;
    color: #222222 !important;
}

#contentSubTitle
{
    font-size: 16px !important;
    color: #222222 !important;
    line-height: 15px !important;
    padding-bottom: 10px;
    margin-top: 20px;
}

.related-resources-content
{
    margin-left: 10px;
    margin-right: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    width: 153px;
    padding-top: 34px;
}

#relatedResourcesLink
{
    font-size: 12px;
    font-weight: bold;
    color: #c0571c;
}

#utility_links a.lnk_util_login
{
    background: url(/images/arrows/arr_orange_right.png) no-repeat right center; /* Bug ID : 5572, Changed By: 1653, changed image name arr_white_right.png */
    padding-right: 12px !important;
    color: #fff !important; /* line added, Bug Id= 5572, Changed By: 1653 */
}


#utility_links a.lnk_util_login.active
{
    background: url(/images/arrows/arr_white_up.png) no-repeat right center;
    color: #fff !important;
}

#contactLutron div.contactUsStatic
{
    margin-top: 41px !important;
}

#contactLutron div.contactUsStatic div.item
{
    padding-top: 0px !important;
}

.lnkBackToTop
{
    padding-bottom: 15px;
}

.lnkBackToTop a
{
    color: #c0571c;
}

.content-layout-top
{
    vertical-align: top;
}

.content-rightarea
{
    vertical-align: top;
    width: 165px;
}

.category-separator
{
    height: 10px;
}

span.SaveButton a, span.SaveButton a:active, span.SaveButton a:hover, span.SaveButton a:visited, span.SaveButton a:link
{
    background: transparent url('/_layouts/images/myLutron/Save_Button_wo_text.png') no-repeat scroll 0 0;
    padding: 5px 0 5px 24px;
}

.trigger-button
{
    visibility: hidden;
    display: none;
}

.top-padding
{
    padding-top: 15px !important;
}

.clearForm, .clearForm a:link, .clearForm a:visited, .clearForm a:active, .clearForm a:hover
{
    color: #c0571c !important;
    padding-top: 5px;
    text-decoration: none;
    cursor: pointer;
}

.clearForm a
{
    margin-left: 20px;
}

.regular_form .checkbox label
{
    margin-left: 5px;
}
/*RS: Added an override for login control - starts here*/
.login_form .validator_error_msg
{
    font-style: italic;
}

.login_form hr
{
    margin-bottom:10px;
}
/*RS: Added an override for login control - ends here*/
.ms-dlgBorder
{
    border: 0px !important;
}

/**************** Alternate View SalesRep ****************/
.ContentTextLeft
{
    color: #000;
    font-weight: bold;
    font-size: 13px;
}

.ContentButton
{
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 27px;
    line-height: 29px;
    margin-right: 6px;
    padding-right: 12px;
    padding-bottom: 0px;
    padding-left: 12px;
    text-decoration: none;
    width: 65px;
}

span.AddButton a, span.AddButton a:active, span.AddButton a:hover, span.AddButton a:visited, span.AddButton a:link
{
    background: transparent url('/_layouts/images/myLutron/Add_Button_wo_text.png') no-repeat scroll 0 0;
    color: #FFFFFF;
    cursor: pointer;
    padding: 6px 12px 10px 12px;
    text-decoration: none;
    font-weight: bold;
}

.customreqerromsg div
{
    font-style: italic;
}
.atc
{
    vertical-align: top !important;
}
/*RS: Added to add a spacer row*/
tr.emptyRow
{
    height: 2px;
    line-height : 2px;
    width: 100%;
}

/*RS: Updated UI structure for login control*/
.login-control .first-column
{
    width: 30%;
    vertical-align:top;
}
.login-control .second-column
{
    width: 70%; 
}
.login-control .panel-width
{
    width: 100%;
}
.login-control-spacing
{
    line-height:20px;
}
.login_form .wrap-error div
{
    white-space: normal;
}
/***RS: This one applies only when login control shows up inside LoginSection (on master page header)***/
.loginControlColumn .login_form .second-column
{
    white-space: nowrap;
}
/*noleftNav Layout specific css-Start*/
#middleLayoutColumn
{
    width: 966px;
    margin-top: 0px;
    margin-left:10px;
    margin-right:10px;
    padding-bottom: 115px;
    padding-top:40px;
}
/* fix for firefox/chrome*/
#middleLayoutColumn /**/.descriptionTitle
{
    padding-top:0px;
}
/*noleftNav Layout specific css-End*/

.hr-thin
{
    margin-top:5px;
    margin-bottom:5px;
    /*fix for IE*/
    *margin-top:0px;
    *margin-bottom:0px;
    
}
/* start used in error page */
 .left-arrow
 {
     background-image: url('/_layouts/images/mylutron/arrow_back.png'); 
     background-position:left center; 
     background-repeat:no-repeat; 
     padding-left:15px;
 }
 
 .go-back-link-container
  {
   float: left;
   padding: 10px 10px 10px 30px;
  }
  .error-container
   {
    padding-left: 90px; margin-right: 170px; margin-top: 30px;
   }
   /*end used in error page */