﻿/*
BODY
{
    width: 1280px;
    font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
    background: #cedde8;
    color: black;
    margin-left: auto;
    font-size: 0.8em;
    margin-right: auto;
}
A:link
{
    color: #00759b;
    text-decoration: none;
}
A:visited
{
    color: #00759b;
    text-decoration: none;
}
A:hover
{
    text-decoration: underline;
}
IMG
{
    border-bottom-style: none;
    border-right-style: none;
    border-top-style: none;
    border-left-style: none;
}
EM
{
    font-size: 0.9em;
}
H1
{
    text-transform: none;
    font-variant: small-caps;
    margin-bottom: 0px;
    color: #666666;
    font-size: 1.5em;
    vertical-align: top;
    font-weight: 200;
}
H2
{
    text-transform: none;
    font-variant: small-caps;
    margin-bottom: 0px;
    color: #666666;
    font-size: 1.5em;
    vertical-align: top;
    font-weight: 200;
}
H3
{
    text-transform: none;
    font-variant: small-caps;
    margin-bottom: 0px;
    color: #666666;
    font-size: 1.5em;
    vertical-align: top;
    font-weight: 200;
}
H4
{
    text-transform: none;
    font-variant: small-caps;
    margin-bottom: 0px;
    color: #666666;
    font-size: 1.5em;
    vertical-align: top;
    font-weight: 200;
}
H5
{
    text-transform: none;
    font-variant: small-caps;
    margin-bottom: 0px;
    color: #666666;
    font-size: 1.5em;
    vertical-align: top;
    font-weight: 200;
}
H6
{
    text-transform: none;
    font-variant: small-caps;
    margin-bottom: 0px;
    color: #666666;
    font-size: 1.5em;
    vertical-align: top;
    font-weight: 200;
}
H1
{
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 1.6em;
}
H2
{
    font-size: 1.4em;
    font-weight: 600;
}
H3
{
    font-size: 1.2em;
}
H4
{
    font-size: 1.1em;
}
H5
{
    font-size: 1em;
}
H6
{
    font-size: 1em;
}

.header
{
    background-image: url(../Images/header/background_header.png);
    vertical-align: bottom;
}
.logo_bar
{
    background-image: url(../Images/header/HWO_logo.png);
    vertical-align: top;
}
.tblMain_left_border
{
    background-image: url(../Images/main/left_border.png);
    width: 23px;
}
.tblMain_right_border
{
    background-image: url(../Images/main/right_border.png);
    width: 23px;
}
.main
{
    text-align: left;
    padding-bottom: 20px;
    background-color: #ffffff;
    min-height: 400px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
.footer
{
    background-image: url(../Images/footer/footer_image.png);
    text-align: center;
    height: 97px;
    color: white;
}
.footer A
{
    color: white;
    text-decoration: none;
}
.footer A:hover
{
    text-decoration: underline;
}
*/
div.hr {
    background: lightgrey no-repeat scroll center;
}

    div.hr hr {
        display: block;
        background: lightgrey;
    }

.silverlightcontrol {
    height: 50px;
    width: 310px;
    background-color: white;
    margin-top: 5px;
}

.nosilverlightcontrol {
    margin-top: 13px;
    height: 50px;
}

.nosilverlightcontroltext {
    margin-top: 21px;
    height: 50px;
}

FIELDSET {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
}

    FIELDSET .borderFieldSet {
        width: 30%;
        border-bottom: #97c9d9 1px solid;
        border-left: #97c9d9 1px solid;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        border-top: #97c9d9 1px solid;
        border-right: #97c9d9 1px solid;
        padding-top: 15px;
    }

    fieldset .noBorder {
        border: none !important;
    }

    FIELDSET P {
        margin: 2px 12px 10px 10px;
    }

    FIELDSET.login LABEL {
        display: block;
    }

    FIELDSET.register LABEL {
        display: block;
    }

    FIELDSET.changePassword LABEL {
        display: block;
    }

    FIELDSET LABEL.inline {
        display: inline;
    }

LEGEND {
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 1.1em;
    font-weight: 600;
    padding-top: 2px;
}

INPUT.textEntry {
    border-bottom: #ccc 1px solid;
    border-left: #ccc 1px solid;
    width: 200px;
    border-top: #ccc 1px solid;
    border-right: #ccc 1px solid;
    color: #000000;
}

INPUT.passwordEntry {
    border-bottom: #ccc 1px solid;
    border-left: #ccc 1px solid;
    width: 200px;
    border-top: #ccc 1px solid;
    border-right: #ccc 1px solid;
    color: #000000;
}

INPUT.record {
    border-bottom-color: red;
    border-top-color: red;
    border-right-color: red;
    border-left-color: red;
}

    INPUT.record:hover {
        border-bottom-color: red;
        border-top-color: red;
        border-right-color: red;
        border-left-color: red;
    }

INPUT.stop {
}

INPUT.play {
    border-bottom-color: green;
    border-top-color: green;
    border-right-color: green;
    border-left-color: green;
}

INPUT.disabled {
    border-bottom: #d7d7d7 1px solid;
    border-left: #d7d7d7 1px solid;
    background: #f3f3f3;
    border-top: #d7d7d7 1px solid;
    border-right: #d7d7d7 1px solid;
}

    INPUT.disabled:hover {
        border-bottom: #d7d7d7 1px solid;
        border-left: #d7d7d7 1px solid;
        background: #f3f3f3;
        border-top: #d7d7d7 1px solid;
        border-right: #d7d7d7 1px solid;
    }

.gridView {
    border-bottom: white thin;
    text-align: left;
    border-left: white thin;
    padding-bottom: 2px;
    padding-left: 2px;
    width: 100%;
    padding-right: 2px;
    font: inherit;
    border-top: white thin;
    border-right: white thin;
    padding-top: 2px;
}

.gridViewHeader {
    background-color: #d1e2e7;
    vertical-align: top;
    font-weight: bold;
}

.gridViewRow {
    border-bottom-color: #ffffff;
    background-color: #f3f3f3;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    vertical-align: top;
    border-left-color: #ffffff;
}

.gridViewAlternatingRow {
    border-bottom-color: #ffffff;
    background-color: #ffffff;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    vertical-align: top;
    border-left-color: #ffffff;
}

.gridViewSelectedRow {
    background-color: yellow;
}

.gridViewFooter {
    background: #ffffff;
}

.gridViewPager TD {
    font-weight: normal;
}

.gridViewPager SPAN {
    font-weight: bold;
}

.loginDisplay {
    text-align: right;
    display: block;
    color: white;
    font-size: 1em;
    vertical-align: top;
    height: 65px;
}

    .loginDisplay A {
        color: white;
        text-decoration: underline;
    }

        .loginDisplay A:hover {
            color: white;
            text-decoration: underline;
        }

.workInProcessLabel {
    font-style: italic;
    font-size: 1.4em;
}

.sendMessageSubHeader {
    font-size: 1.2em;
    font-weight: bold;
}

.pageHeaderText {
    font-size: 1.2em;
    font-weight: bold;
}

.custom-less-padding-ui-accordion SPAN {
    padding-left: 0px;
    margin-left: -7px;
}

.textFieldLabel label {
    width: 4em;
    float: left;
    text-align: right;
    display: block;
}

.textFieldLabel input {
    margin-left: 1.5em;
}

.textFieldLabel .RadButton {
    margin-right: .5em;
    float: right;
}

.strong {
    font-weight: bold;
}


/*  Admin tab  */

.displayNone {
    display: none;
}

div.RadTabStrip .rtsLevel1 .rtsTxt {
    padding: 0px;
    color: #373737;
    text-align: center;
}

div.RadTabStrip .rtsLevel1 .rtsSelected .rtsTxt {
    padding: 0px;
    color: white;
}



div.RadTabStrip .rtsLevel1 .rtsLink {
    padding-left: 15px !important;
}

div.RadTabStrip .rtsOut {
    padding-right: 15px;
}

div.RadListBox .rlbText {
    white-space: nowrap;
}

.rlbUsers {
    height: 380px;
    width: 100%;
}

.rlbUsersNew {
    width: 100%;
}

.rlbUserPadding {
    padding: 0;
    margin-left: 1px;
}

table#Admin {
    width: 100%;
    height: 390;
}

    table#Admin td {
        vertical-align: text-top;
        padding: 5px;
    }

table#UserProfileTable td {
    vertical-align: top;
    padding: 5px;
}

table#UserInfoTable td {
    vertical-align: text-top;
    padding: 5px;
}

td.rightAlign {
    text-align: right;
}

td.leftAlign {
    text-align: left;
}

table#Groups td {
    padding: 0px 0px 0px 0px;
    vertical-align: top;
}

table#UserProfileTable td {
    vertical-align: top;
    padding: 5px;
}

table#GroupSettings td {
    vertical-align: top;
}

table#tblSelectAUser td {
    vertical-align: top;
}

table#tblLoginInfo {
    border: 1px solid #768CA5;
    height: 220px;
}

.adminPanel {
    padding: 5px;
}

.failureNotification {
    color: red;
}

/*  Admin tab  */


/* Notification Templates tab  */

.ntResultsContainer {
    width: 50%;
    padding: 0px 0px 0px 0px;
}

.scheduleCell {
    text-align: left;
}

.scheduleIndent {
    text-indent: 10px;
}

.scheduleRow {
    white-space: nowrap;
}

/* Notification Templates tab  */


/*For Flex Tab*/

.bold {
    font-weight: bold;
}

/*.submitButton
{
    text-align: right;
    padding-right: 10px;
}
.mainContainer
{
    padding: 10px 20px;
    font-family: arial;
    color: #333;
    margin: auto;
    width: 99%;
}
.contentColumn
{
    margin: 0px;
    padding: 0px;
}
.left
{
    float: left;
}
.clearAll
{
    clear: both;
    height: 0px;
}
.blankspace
{
    width: 3%;
}
.blankspace_child1
{
    width: 2%;
}

.blankspace_child2
{
    width: 65%;
}

.display
{
    font-family: Calibri,Arial;
    font-size: 12px;
    color: #333;
    background-color: #CCE6FF;
}
.rb
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333;
}
.img-providers
{
    width: 40px;
    height: 40px;
    float: left;
}
.providerName
{
    display: block;
    float: left;
    font-size: 18px;
    margin: 10px 0 0 10px;
}


.border
{
    border: 1px;
}
.float-left
{
    float: left;
}
.float-right
{
    float: right;
}

tr.flilite td
{
    background: #f00;
    color: #fff;
}
#padding
{
    display: block;
    height: 80px;
}
*/

/*
#button input:hover
{
    background-image: url('../images/oval-red-right.gif');
    background-position: left top;
    background-repeat: no-repeat;
}*/
.RadListBox div.rlbGroup {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}

.shadow_ie {
    background-color: #FFFFFF;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
    -o-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
    width: 65%;
    height: 30%;
}

.flexItemhighlight {
    background-color: #ffdc87 !important;
}

#silverlightControlHost {
    margin-right: 30px;
    width: 300px;
    display: none;
}

.defaultText {
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0000FF;
}

.jobsViewButton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: 0px none #C0C0C0;
}

.jobsStopButton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: 0px none #C0C0C0;
}

/*End Flex Tab*/

/* RadButton WebBlue SKin */

.RadButton_WebBlue.rbSkinnedButton, .RadButton_WebBlue .rbDecorated, .RadButton_WebBlue.rbVerticalButton, .RadButton_WebBlue.rbVerticalButton .rbDecorated, .RadButton_WebBlue .rbSplitRight, .RadButton_WebBlue .rbSplitLeft {
    background-image: url('WebResource.axd?d=YlBcZgNwHt9izxp5Xfqpi8LT7AhDSh_OEydme030QgfzA453Ks3waMzkXRYS919GTWFR_q3fP9lKHyr-VnKTqK3COkDX0eWfwykOf872P0qBxTlZDT2xuaUxY4vudfuaVR3ugyXd0vPTdQKK1oz54zI6-JVB9y23sS8jUESim0r3fN2q0&t=634503940308009349');
}

.RadButton_WebBlue .rbDecorated {
    color: #0d202b;
}

    .RadButton_WebBlue .rbDecorated:hover {
        color: #0e3d4f;
    }

    .RadButton_WebBlue .rbDecorated:active, .RadButton_WebBlue .rbDecorated:focus {
        color: #0d202b;
    }

.RadButton_WebBlue.rbSkinnedButtonChecked .rbDecorated, .RadButton_WebBlue.rbSkinnedButtonChecked:hover .rbDecorated {
    color: #fff;
}

.RadButton_WebBlue .rbToggleCheckbox, .RadButton_WebBlue .rbToggleCheckboxChecked, .RadButton_WebBlue .rbToggleCheckboxFilled, .RadButton_WebBlue .rbToggleRadio, .RadButton_WebBlue .rbToggleRadioChecked {
    background-image: url('WebResource.axd?d=kLU3MJtSIXRYP78tDNXBSy12lFtOMIZ4pDoNPgXBYK7Nqlo7wScVPOimLa3W2lsRx-XPSWXK5kz7YS6PtSSHssCYicbEmLd4D-co6G1HnvfrePu9A2fIurHVlWsxttCxTJ0cX_qeDr6IqbFUx7EgPEQPm8AKbz8XHFsufM4TBFuBxCWM0&t=634503940308009349');
}

.RadButton_WebBlue.rbToggleButton, .RadButton_WebBlue.rbToggleButton.rbDisabled, .RadButton_WebBlue.rbToggleButton.rbDisabled:hover {
    color: #000;
}

    .RadButton_WebBlue.rbToggleButton:hover {
        color: #553d8b;
    }

.RadButton_WebBlue.rbDisabled .rbDecorated, .RadButton_WebBlue.rbDisabled:hover .rbDecorated {
    color: #666;
}

.RadButton_WebBlue.rbLinkButton {
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
}

    .RadButton_WebBlue.rbLinkButton:hover {
        background-color: #c7e3f6;
        color: #553d8b;
    }

.RadButton_WebBlue.rbLinkButtonChecked, .RadButton_WebBlue.rbLinkButtonChecked:hover {
    background-color: #64a3c0;
    color: #fff;
    border: 1px solid #133c44;
}

.RadButton_WebBlue.rbLinkButton.rbDisabled, .RadButton_WebBlue.rbLinkButton.rbDisabled:hover {
    background-color: #f9f8f8;
    border: 1px solid #d0d0d0;
    color: #6a6a6a;
}

.RadButton_WebBlue.rbLinkButton:hover .rbSplitLeft, .RadButton_WebBlue.rbLinkButton:hover .rbSplitRight {
    background-color: #fff;
}

.RadButton_WebBlue.rbLinkButton .rbSplitRight {
    border-left: 1px solid #000;
}

    .RadButton_WebBlue.rbLinkButton .rbSplitRight:hover, .RadButton_WebBlue.rbLinkButton .rbSplitLeft:hover {
        background-color: #c7e3f6;
    }

    .RadButton_WebBlue.rbLinkButton .rbSplitRight:active, .RadButton_WebBlue.rbLinkButton .rbSplitRight:focus {
        background-color: #9bd2f8;
    }

.RadButton_WebBlue.rbLinkButton .rbSplitLeft {
    border-right: 1px solid #000;
}

    .RadButton_WebBlue.rbLinkButton .rbSplitLeft:active, .RadButton_WebBlue.rbLinkButton .rbSplitLeft:focus {
        background-color: #9bd2f8;
    }

.RadButton_WebBlue.rbLinkButton.rbDisabled .rbSplitLeft, .RadButton_WebBlue.rbLinkButton.rbDisabled .rbSplitLeft:hover, .RadButton_WebBlue.rbLinkButton.rbDisabled .rbSplitLeft:active, .RadButton_WebBlue.rbLinkButton.rbDisabled .rbSplitLeft:focus {
    border-right: 1px solid #d0d0d0;
}

.RadButton_WebBlue.rbLinkButton.rbDisabled .rbSplitRight, .RadButton_WebBlue.rbLinkButton.rbDisabled .rbSplitRight:hover, .RadButton_WebBlue.rbLinkButton.rbDisabled .rbSplitRight:active, .RadButton_WebBlue.rbLinkButton.rbDisabled .rbSplitRight:focus {
    border-left: 1px solid #d0d0d0;
}

/* IE6 Fix, should be important to override the joint selectors */
*html .RadButton_WebBlue.rbLinkButton, *html .RadButton_WebBlue.rbLinkButton:hover {
    border: 1px solid #000 !important;
}


/* Home Tab */
.HomeTabwrapper {
    position: relative;
    float: left;
    left: 0.00%;
    width: 100.00%;
}

.JobsColumn {
    position: relative;
    float: left;
    left: 0.00%;
    width: 60.00%;
}

.AccountColumn {
    position: relative;
    float: right;
    right: 0.00%;
    width: 40.00%;
}

.HomeTabFooter {
    position: relative;
    float: left;
    left: 0.00%;
    width: 100.00%;
}

.AccountInfoContent {
    min-height: 530px;
}

.RecentJobsContent {
    min-height: 530px;
}


/* End Home Tab */
/*Begin Blocked Tab Print/Export*/

#pePrintExportMainPanel {
    float: left;
    width: 694px;
    margin-top: 5px;
    text-align: left;
    margin-left: 5px;
}

    #pePrintExportMainPanel fieldset {
        height: 50px;
        vertical-align: middle;
    }

.peRadCombo {
    margin-left: 15px;
    float: left;
    margin-top: 10px;
}

#peRadPrint {
    margin-top: 0px;
    margin-left: 1px;
    float: left;
}

#peRadMessageTypmain {
    float: left;
    margin-left: 10px;
}

.peMsgType {
    margin-top: 10px;
    float: left;
}

#peRadExportmain {
    float: left;
    margin-left: 60px;
}

.peTextfileFormat {
    float: left;
    margin-left: 10px;
    font-family: arial,helvetica,sans-serif;
    font-size: 10px;
    margin-top: 5px;
}

.peDivExportOptions {
    margin-top: 20px;
    float: left;
    margin-left: -220px;
}

.peLblExportOptions {
    margin-left: 20px;
}

.peRadExportCombo {
    margin-top: 10px;
    margin-left: 20px;
}

.peRadExportbtn {
    margin-top: 10px;
    margin-left: 10px;
}
/*End Blocked Tab Print/Export*/

.changepasswordmarginright {
    margin-right: 20px;
}

.changepasswordfailtext {
    font-family: 'Courier New', Courier, monospace;
    font-size: small;
    font-weight: normal;
    color: #FF0000;
}

.changepasswordinstructiontext {
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    color: #000000;
}

.smallfont {
    font-family: Arial;
    white-space: normal;
    line-height: 10pt;
    font-size: 9pt;
}

.newImageMessages {
    vertical-align: top;
    padding-top: 3px;
}

.newImagesMessagesSecond {
    vertical-align: top;
    padding-top: 3px;
    padding-left: 12px;
}

.newImagesMessagesThird {
    vertical-align: top;
    padding-top: 3px;
    padding-left: 4px;
}

.newImagesMessagesTab {
    vertical-align: middle;
    padding-bottom: 2px;
    margin-left: -9px;
}

.input[type="button"]:disabled {
    cursor: none;
}

.adminUserInput {
    padding-left: 22px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#rightinnerpanel table {
    line-height: 25px;
    border-collapse: collapse;
}

.recordingButtonCustom {
    float: left;
}

.previewButtonCustom {
    float: right;
}

.playBackCustom {
    text-align: center;
}

.previewCustom {
    float: right;
    padding-top: 6px;
}

.RadMenu_Metro,
.RadMenu_Metro .rgHCMClear,
.RadMenu_Metro .rgHCMFilter,
.RadInput_Metro,
.RadInputMgr_Metro,
.RadComboBox_Metro {
    font-family: Arial !important;
}

#UnassociatedTextsDateRange tr {
    float: left;
}

#UnassociatedTextsDateRange .timePickerButtonRow {
    float: right;
}

#UnassociatedTextsDateRange {
    margin-top: 6px;
    margin-left: -2px;
    width: 100%;
    margin-bottom: 15px;
}

#ApiHistoryGetResults {
    position: absolute;
    right: 0;
}

.AlignTextCenter {
    vertical-align: text-top;
}

.RadComboBoxDropDown_Metro {
    margin-top: 10px !important;
}
.jobWillEndExpiresAt {
    width: 150px;
    height: 20px !important;
    padding-left: 70px;
    float: left;
}

.divTextJobEnds {
    position: relative;
}

    .divTextJobEnds .divJobWillEndText, #divJobsWillEndText {
        width: 148px;
    }

    .divTextJobEnds .jobWillEndExpiresAt {
        padding-left: 120px;
    }

.jobWillEndExpiresAt td {
    vertical-align: top !important;
    line-height: 10px !important;
    text-align: right !important;
    padding: 0 !important;
}

.divTextJobEnds .jobWillEndLabel {
    width: 153px;
}
