/******************* Master Page Styles *****************/
.bold
{
    font-weight: bold;
}

.italic
{
    font-style: italic;
}

#modalmask
{
    background-color: #000;
    position: absolute;
    width: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 998;
    display: none;
    margin: 0;
    padding: 0;
    margin-top: -17px;
    float: left;
}

.modal
{
    display: none;
    position: fixed;
    z-index: 999;
}

.viewmodal
{
    display: none;
    position: absolute;
    z-index: 999;
}

.accountjobdropdownlabel
{
    font-size: 13px;
    font-weight: bold;
    color: #036;
}

body
{    
    font-family: 'segoe ui', Arial, Sans-Serif;
    font-size: 12px;
}

.leftnavbutton
{
    margin: 3px auto 3px auto;
    height: 22px;
    width: 114px;
}

.custombutton
{
    padding-bottom: 2px;
    vertical-align: middle;
}

.titleBar
{
    color: #FFFFFF;
    background-color: #395D7B;
    padding: 6px 3px 0 3px;
    height: 50px;
    border-left: 2px solid #758FAC;
    border-right: 2px solid #758FAC;
    text-align: center;
    margin-bottom: 0;
}

.titleBarTitle
{
    width: 200px;
    display: block;
    font-size: x-large;
    font-weight: bold;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    margin: -5px 0 0 0;
    padding: 0;
    float: left;
}

.titleBarSearch
{
    width: 300px;
    font-size: 12px;
    color: #FFFFFF;
    float: right;
}

.titleBarDatabase
{
    margin: 0px auto 0 auto;
    text-align: center;
}

.menubar
{
    background-color: #4477AA;
    border-left: 2px solid #758FAC;
    border-right: 2px solid #758FAC;
    padding: 0 3px;
    font-size: 13px;
    height: 30px;
}

.paiunet
{
    height: 30px;
    width: 67px;
    float: right;
    margin-right: 3px;
}

.dropdownbar
{
    background-color: #77AADD;
    border-left: 2px solid #758FAC;
    border-right: 2px solid #758FAC;
    padding: 0 3px;
    font-size: 13px;
    height: 30px;
}

.dropdowndiv
{
    margin: 4px 3px 0 3px;
    float: left;
}

.menulinkdiv
{
    float: left;
}

.menulinkdiv img
{
    vertical-align: middle;
}
.menulinkdiv a
{
    padding-top: 2px;
}

.titleBarProfileLink
{
    color: #FFFF99;
}

.menuBarTitle
{
    text-align: center;
    font-size: large;
    font-weight: bold;
}

.menuHR
{
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 0px;
    color: #FFFFFF;
    width: 105px;
}

/******************* Custom Styles *****************/

.bodydiv
{
    width: 94%;
    margin: 20px auto 20px auto;
}

.contentdiv
{
    padding: 5px;
    border-left: 2px solid #758FAC;
    border-right: 2px solid #758FAC;
    background-color: #fff;
}

#DomainTitle
{
    font-family: 'segoe ui', arial;
    font-size: 33px;
    margin-top: 0;
    font-weight: bold;
}

.loginbg
{
    background-image: url('../Resources/login-bg.png');
    background-position: top;
    background-repeat: repeat-x;
    background-color: #FFF;
}

.gobutton
{
    height: 20px;
    width: 33px;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 4px;
}

#QuickJumpLinkDiv
{
    font-size: 13px;
    color: #FFF;
    cursor: pointer;
    float: left;
    margin-top: 5px;
}

#QuickJumpPlusMinus
{
    height: 12px;
    width: 12px;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 3px;
}

#QuickJumpDiv
{
    display: none;
    z-index: 999;
    height: 325px;
    width: 450px;
    background: transparent;
    position: absolute;
    text-align: left;
}

#QuickJumpDivContent
{
    margin: 0 auto 0 auto;
    padding-top: 10px;
    width: 400px;
}

#QuickJumpDiv span
{
    font-size: 18px;
}

.popupBackground
{
    background-color: #000000;
    filter: alpha(opacity=50);
    opacity: 0.50;
}

.popupPanel
{
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: #000000;
    padding: 10px;
}

.gridviewInvisible
{
    padding: 0px;
    border: none;
    width: 0px;
    display: none;
}


.firstLoginFrame
{
    border-width: 1px;
    border-color: #555555;
    width: 100%;
}

/**
Used to style the "Are you sure you want to delete this" panels
**/
.deletionWarning
{
    background-color: #FF0000;
    color: #FFFF00;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
}

/**
Used to style key, for example to explain how the recurring charge works
**/
.keyTable
{
    font-size: small;
    color: #555555;
    border-color: #555555;
    padding: 1px;
    border-spacing: 1px;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
}

/**
Used to style titles of sections
**/
.sectionTitle
{
    font-family: 'segoe ui', arial;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

/**
Used as a footnote style
**/
.description
{
    font-size: small;
    color: #353535;
    text-align: center;
}

/**
Used to style the error label
**/
.errorLabel
{
    font-size: medium;
    text-align: center;
    color: #FF0000;
}

/**
Used to style info labels
**/
.infoLabel
{
    font-size: medium;
    text-align: center;
    color: #222222;
}

/**
Used like a disclaimer
**/
.disclaimerLabel
{
    font-size: small;
    color: #999999;
}

/**
Used to style the asterisk after a required field
**/
.requiredField
{
    color: #FF0000;
    font-weight: bold;
}

/**
Used to style the accordian control on the inventory search page
**/
.accordianContent
{
    color: #000000;
    font-style: normal;
}

.editingContent
{
    background-color: #395D7B;
    color: #FFFFFF;
}

/**
Used to style the buttons in the gridview
**/
.gridviewButtons
{
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    height: 17px;
    padding: 1px;
    font-size: x-small;
    margin: 1px;
    border-spacing: 1px;
    margin: 1px;
}

.inputCells
{
    text-align: left;
}


.stepIndicator
{
    background-color: #5D7B9D;
    color: #fff;
    padding: 5px;
    vertical-align: middle;
}

/******************* HTML Override styles *****************/
body
{
    background-color: #FFFFFF;
    text-align: center;
    margin: -3px 0 0 0;
    padding: 0;
    height: 100%;
}

body.leftbg
{
    background-image: url("Resources/background.gif");
    background-position: left;
    background-repeat: repeat-y;
}

.notUnderlined a
{
    text-decoration: none;
}

input
{
    font-size: 12px;
    font-family: Arial, Sans-Serif;
}

select
{
    font-size: 12px;
    font-family: Arial, Sans-Serif;
}

.clear
{
    clear: both;
}

/********************** Login Page **********************/
.logindiv
{
    margin: 50px auto 0 auto;
    width: 602px;
    padding: 0;
}

.logindivheader
{
    background-image: url('../Resources/login-logo-bg.png');
    background-repeat: no-repeat;
    height: 130px;
    width: 602px;
}

.logindivheader.swasd {
    background-image: url('../Branding/login-logo-bg-swasd.png');
    background-repeat: no-repeat;
    height: 130px;
    width: 602px;
}

.logincontent
{
    background-color: #EFF3FB;
    border-left: 2px solid #758FAC;
    border-right: 2px solid #758FAC;
}

.loginfooter
{
    height: 15px;
    width: 602px;
    background-image: url('../Resources/login-border-bottom.png');
    background-repeat: no-repeat;
}

a.menulink:link, a.menulink:active, a.menulink:visited
{
    text-decoration: none;
    color: #FFF;
}
a.menulink:hover
{
    text-decoration: underline;
    color: #FFF;
}

td a:link, a:active, a:visited
{
    color: #036;
}

.redbackground
{
    background-color: #DD0000;
}

.greenbackground
{
    background-color: #00DD00;
}

/******** INVENTORY VIEW ***********/

.itemfield
{
    float: right;
    width: 450px;
    text-align: left;
    margin: 3px 0;
}

.itemlabel
{
    width: 200px;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
    float: left;
    margin: 3px 0;
}

.itemcontainer
{
    width: 675px;
    border: 2px solid #666;
    margin: 0 auto;
    font-size: 14px;
}

.itemtextbox
{
    width: 250px;
}

.alt
{
    background-color: #D5EAFF;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}

.historylabel
{
    float: left;
    text-align: right;
    width: 150px;
    font-weight: bold;
    margin: 2px 0;
}

.historyitem
{
    padding-left: 10px;
    width: 240px;
    float: right;
    text-align: left;
    margin: 2px 0;
}

.itemalt:nth-child(2n+1)
{
    background-color: #F4F4F4;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

/******************************* Accounts ****************************/

.editlink, .edittac, .edituniformtac
{
    cursor: pointer;
}

.deletelink
{
    cursor: pointer;
}

.editlealink
{
    cursor: pointer;
}

.deletelealink
{
    border: 1px solid #333;
    padding: 0 5px;
    cursor: pointer;
    background-color: #F0F0F0;
    margin: 0 1px;
    float: left;
    line-height: 15px;
    height: 15px;
    color: #333;
}

.editregionlink
{
    cursor: pointer;
}

.edittraininglink
{
    cursor: pointer;
}

.deleteregionlink
{
    border: 1px solid #333;
    padding: 0 5px;
    cursor: pointer;
    background-color: #F0F0F0;
    margin: 0 1px;
    float: left;
    line-height: 15px;
    height: 15px;
    color: #333;
}

#EditRenderedServiceModal
{
    width: 650px;
}

.editrenderedservicetop
{
    height: 12px;
    width: 650px;
    background-image: url('/resources/backgrounds/edit-modal-top.png');
}

.editrenderedservicebottom
{
    height: 13px;
    width: 650px;
    background-image: url('/resources/backgrounds/edit-modal-bottom.png');
}

.editrenderedservicecenter
{
    border-left: 3px solid #000;
    border-right: 3px solid #000;
    width: 644px;
    background-color: #fff;
}

.bigmodaltop
{
    height: 12px;
    width: 975px;
    background-image: url('/resources/backgrounds/big-modal-top.png');
}

.bigmodalbottom
{
    height: 11px;
    width: 975px;
    background-image: url('/resources/backgrounds/big-modal-bottom.png');
}

.bigmodalcenter
{
    border-left: 3px solid #000;
    border-right: 3px solid #000;
    width: 969px;
    background-color: #fff;
}

.editmodallabel
{
    width: 200px;
    float: left;
    text-align: right;
    margin-right: 15px;
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
}

.editmodallabelerror
{
    color: #D00;
}

.editmodaltextboxerror
{
    border-color: #D00;
}

.editmodalfield
{
    width: 400px;
    float: left;
    text-align: left;
    padding: 5px;
    font-size: 14px;
}

.editmodaltextbox
{
    width: 350px;
}

.editmodaltextarea
{
    width: 230px;
    height: 60px;
}

.editmodalerror
{
    font-size: 11px;
    color: #d00;
    text-align: center;
    height: 80px;
}

.newservicelabel
{
    width: 180px;
    float: left;
    text-align: right;
    margin-right: 15px;
    font-weight: bold;
    font-size: 14px;
    padding: 2px;
}

.newservicefield
{
    width: 400px;
    float: left;
    text-align: left;
    padding: 2px;
    font-size: 14px;
}

.newtaclabel
{
    width: 220px;
    float: left;
    text-align: right;
    margin-right: 15px;
    font-weight: bold;
    font-size: 14px;
    padding: 2px;
}

.newtacfield
{
    width: 360px;
    float: left;
    text-align: left;
    padding: 2px;
    font-size: 14px;
}

.newservicefield input[type=text], .newtacfield input[type=text]
{
    width: 200px;
}

.newservicefield textarea, .newtacfield textarea
{
    width: 230px;
    height: 70px;
}

.editmodalfield input[type=text]
{
    width: 200px;
}

.editmodalfield textarea
{
    width: 230px;
    height: 70px;
}

.trainingtab
{
    text-align: center;
    float: left;
    height: 34px;
    width: 168px;
    font-size: 13px;
    background-image: url('/resources/backgrounds/training-tab.png');
    cursor: pointer;
    color: #fff;
    border: 0;
    background-color: transparent;
}

.trainingtabselected
{
    text-align: center;
    float: left;
    height: 34px;
    width: 168px;
    font-size: 13px;
    background-image: url('/resources/backgrounds/training-tab-selected.png');
    cursor: default;
    font-weight: bold;
    background-repeat: repeat-x;
    color: #fff;
    border: 0;
    background-color: transparent;
}

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

.trainingtab.selectedtab:hover
{
    text-decoration: none;
}

.newservicetop
{
    width: 702px;
    height: 7px;
    background-image: url('/resources/backgrounds/new-service-top.png');
}

.newservicebottom
{
    width: 702px;
    height: 7px;
    background-image: url('/resources/backgrounds/new-service-bottom.png');
}

.lightborderleft
{
    border-left: 1px solid #e6e6e6;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 5px 0;
}

.hiddenoverflow
{
    overflow: hidden;
    line-height: 20px;
    height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 5px 0;
}

.lightborderleft45
{
    border-left: 2px solid #e6e6e6;
    height: 45px;
    overflow: hidden;
    line-height: 45px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hiddenoverflow45
{
    overflow: hidden;
    line-height: 45px;
    height: 45px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.viewbutton
{
    cursor: pointer;
}

.renderedservicebuttons
{
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    float: right;
}

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

.hidemodalbutton
{
    cursor: pointer;
}

.lblueheaderbar
{
    margin: 0 auto 5px auto;
    background-color: #D5EAFF;
    border: 3px solid #FFFFEA;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    height: 40px;
    width: 95%;
    text-align: center;
}

.blueheaderbar
{
    color: #fff;
    margin: 0 auto 5px auto;
    background-color: #47A;
    border: 3px solid #333;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    height: 40px;
    width: 95%;
    text-align: center;
}

.successmessage
{
    position: absolute;
    z-index: 1000;
    background-color: #9CF;
    border: 3px solid #036;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    padding: 0 10px;
}

.failuremessage
{
    color: #800;
    position: absolute;
    z-index: 1000;
    background-color: #FC9;
    border: 3px solid #630;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    padding: 0 10px;
}

.modallabel
{
    width: 35%;
    float: left;
    text-align: right;
    font-weight: bold;
    padding: 5px;
    font-size: 14px;
}

.modalfield
{
    width: 55%;
    float: left;
    text-align: left;
    padding: 5px;
    font-size: 14px;
}

.modaltextarea
{
    width: 90%;
    height: 100px;
}

.modaltextbox
{
    width: 175px;
}

.CloseViewModal
{
    cursor: pointer;
    margin-top: -5px;
}

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

.leaentry
{
    font-size: 12px;
    line-height: 30px;
    border-bottom: 1px solid #e6e6e6;
}

.leaentryalt
{
    background-color: #D5EAFF;
}

.removeleaentry, .removeleaentryedit
{
    cursor: pointer;
    margin-top: 5px;
}

.AddAttendingLEA, .AddAttendingLEAEdit
{
    cursor: pointer;
}

#AttendingLEADiv, #EditAttendingLEADiv, #ViewAttendingLEADiv
{
    overflow: auto;
    height: 180px;
    border: 2px solid #e6e6e6;
}
.pagerlinks a:link, .pagerlinks a:active, .pagerlinks a:visited
{
    color: #4477AA;
}
.pagerlinks a:hover
{
    text-decoration: none;
}
.sortlink:link, .sortlink:active, .sortlink:visited
{
    text-decoration: none;
    color: #FFF;
}
.sortlink:hover
{
    text-decoration: underline;
}

.SelectedPage
{
    font-weight: bold;
}

.helpdiv
{
    width: 325px;
    background-color: #FF9;
    border: 2px solid #000;
    font-size: 12px;
    padding: 5px;
    z-index: 15000;
    position: fixed;
    display: none;
    text-align: left;
}

.BlankAttendingLEADiv
{
    font-size: 18px;
    text-align: left;
    width: 650px;
    margin: 30px auto 0 auto;
}

.TETrainingAttendingInput
{
    width: 910px;
    margin: 10px auto;
}

.VideoPopupLink img
{
    border: 0;
}

.downloadbutton
{
    float: right;
    background-image: url("/resources/icons/download-paper-blue-small.png");
    background-repeat: no-repeat;
    padding-left: 25px;
    font-size: 16px;
    font-weight: bold;    
    background-color: transparent;
    border: 0;
    margin-left: 10px;
    cursor: pointer;
}

.downloadbuttonleft
{
    float: left;
    background-image: url("/resources/icons/download-paper-blue-small.png");
    background-repeat: no-repeat;
    padding-left: 25px;
    font-size: 16px;
    font-weight: bold;    
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.downloadbuttonleftgreen
{
    float: left;
    background-image: url("/resources/icons/download-paper-green-small.png");
    background-repeat: no-repeat;
    padding-left: 25px;
    font-size: 16px;
    font-weight: bold;    
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.downloadbutton:hover, .downloadbuttonleft:hover, .downloadbuttonleftgreen:hover
{
    text-decoration: underline;
}


input[type=submit].bluebutton
{
    border: 2px solid #036;
    background-color: #69c;
    border-radius: 8px;
    -moz-border-radius: 8px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;   
    cursor: pointer;
}

.floatleft
{
    float: left;
}

.font16
{
    font-size: 16px !important;
}

input[type=submit].bluebutton:hover { text-decoration: underline; }

.newinvoicebutton
{
    background: transparent url('/resources/icons/invoice.png') no-repeat;
    height: 40px;
    line-height: 40px;
    padding-left: 45px;
    font-size: 26px;
    border: 0;
    cursor: pointer;
    border-right: 2px dotted #69c;
}

.compileinvoicebutton
{
    background: transparent url('/resources/icons/invoice-compile.png') no-repeat;
    height: 40px;
    line-height: 40px;
    padding-left: 58px;
    font-size: 26px;
    border: 0;
    cursor: pointer;
}

.newinvoicebutton:hover, .compileinvoicebutton:hover
{
    text-decoration: underline;
}

#EditCustomerDropdown {
    display: block;
    margin-bottom: 5px;
}

#pnlListAllItems div:not(.clear) {
    box-sizing: border-box;
    min-height: 27px;
}

[id*="InventoryViewNew"] .btnVerify,
[id*="InventoryViewNew"] .btnUnverify {
    width: 13px;
    height: 13px;
    margin-left: 4px;
    position: relative;
    top: 2px;
}

[id*="InventoryViewNew"] .btnVerify { margin-left: 8px; }
#HistoryContainer > div:not(:first-child) { display: none; }

#homeImageButton {
    height: 50px;
}