@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

 @font-face {
    font-family: 'Open_sanslight';
    src: url('../fonts/open_sanslight.eot');
    src: url('../fonts/open_sanslight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/open_sanslight.woff2') format('woff2'),
        url('../fonts/open_sanslight.woff') format('woff'),
        url('../fonts/open_sanslight.ttf') format('truetype'),
        url('../fonts/open_sanslight.svg#open_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;
}


 @font-face {
                 font-family: 'FR-Tags-Filters';
                 src: url('../fonts/Font-Tags-filters.ttf') format('truetype');
                 font-weight: 300;
                 font-style: normal;
       }

.QuoteText {padding-top:5px;text-align:center;width:100%;float:left;color:#666;font-family: "open_sansregular"}
.QuoteName {padding-top:10px;text-align:center;width:100%;float:left;color:#666;font-family: "open_sansregular"}
    .UA-Tags {
        font-family: FR-Tags-Filters;
        font-size: 14px
    }

span.UA-Tags[fr-val=Heart], span.UA-Tags[fr-val=Diamond] {
    -webkit-text-stroke: 1px #E67785;
    color: #d0021b
}

span.UA-Tags[fr-val=Club], span.UA-Tags[fr-val=Spade] {
    -webkit-text-stroke: 1px #B0B0B0;
    color: #333;
}

span.UA-Tags[fr-val=Star] {
    -webkit-text-stroke: 1px #FEE995;
    color: #fcd013
}


body {
    font-family: 'open_sansregular';
    margin: 1px;
    padding: 0px;
    border: solid 0px black;
    background-color: #FFFFFF;
    font-size: 12px;
    color: #595959;
    text-decoration: none;
    float: left;
    width: 100%;
}

a {
    color: #1E7B9A;
    text-decoration: none;
    outline: 0;
    font-family: 'open_sansregular';
}

li.no-event-bubble-up {
    outline: 0;
    font-family: 'open_sansregular';
}

.errstriketext a {
    color: #ff0000;
}

textarea:focus, input:focus {
    outline: none;
}

img {
    border: solid 0px black;
}

hr {
    color: #cccccc;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clearLeft {
    clear: left;
}

.clearRight {
    clear: right;
}

.clearBoth {
    clear: both;
}
/*.fieldWidth{width:200px;}*/
.fieldWidth {
    width: 120px;
    padding-left: 20px;
    line-height: 32px;
    font-size: 14px;
    font-family: 'open_sansregular';
}

.fieldWidthSubmit {
    width: 300px;
}
/*.fieldEditWidth{width:370px;}*/
.fieldEditWidth {
    width: 540px;
    padding-bottom: 20px;
    color: #CCCCCC;
}
/*width :100%;  padding-bottom:10px;}*/
.fieldPadding {
    padding-top: 20px;
}
/*.fieldPadding{padding-top:10px;}*/
.alignCenter {
    text-align: center;
}

.logoMargin {
    margin: 10px 0 5px;
}

ul.school {
    margin: 0px;
    padding: 0px;
    width: 280px;
    float: left;
}

    ul.school li {
        display: inline-block;
        width: 280px;
        height: 20px;
        float: left;
        cursor: pointer;
    }

.logintext {
    color: #555555;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.loginheaderlogo {
    height: 150px;
    text-align: center;
    vertical-align: bottom;
}

.loginoutline td {
    width: 360px;
}

.errorWrapper {
    padding-bottom: 10px;
    text-decoration: none;
}

.errmsg {
    color: #FF0000;
    float: left;
    padding-top: 5px;
    font-size: 14px;
    font-weight: bold;
}

.logintd {
    color: #555555;
    font-size: 14px;
    padding: 4px 0 15px 0;
    text-decoration: none;
}

    .logintd p {
        font-weight: 100;
        margin: 0;
        padding: 0;
    }

    .logintd h1 {
        font-size: 24px;
        font-weight: 100;
        margin: 0;
        padding: 0;
    }

    .logintd.right {
        text-align: right;
    }

    .logintd.center {
        text-align: center;
    }

.box {
    background-color: #ffffff;
    border: 5px solid #B2D3DF;
}

.textItalic {
    font-style: italic;
}

.textBold {
    font-weight: bold;
    font-family: 'open_sansregular';
    cursor: pointer;
    font-size: 12px;
}

.listCount {
    font-weight: bold;
    font-family: 'open_sansregular';
    font-size: 11px;
}

.errtext {
    color: #ff0000;
}

.updatenotification {
    color: #06A950;
    font-size: 14px;
}

.errtext1 {
    color: #4cb374;
}

.errorhide {
    color: #ff0000;
    display: none;
    white-space: normal;
}

.errstriketext {
    color: #ff0000;
    text-decoration: line-through;
}

.tablerow {
    vertical-align: bottom;
}

.pnlAlphabet {
    text-align: center;
    padding-top: 3px;
    height: 20px;
    padding-bottom: 3px;
}

.alphabetselected {
    padding-right: 6px;
    padding-left: 6px;
    color: #F0AE3D;
    /*font-weight: bold;*/
    font-size: 12px;
}

    .alphabetselected:hover {
        background-color: #F0AE3D;
        color: #FFF;
    }

.alphabets {
    padding-right: 6px;
    padding-left: 6px;
    color: #919191;
    font-weight: bold;
    font-size: 10px;
}

.alphabetclicked {
    padding-right: 6px;
    padding-left: 6px;
    color: #F0AE3D;
    font-weight: bold;
    font-size: 15px;
}

.txtboxlogin {
    border: 2px solid #9a9691;
    width: 341px;
    background-color: #FFFFFF;
    font-size: 16px;
    padding: 10px 7px;
    line-height: 22px;
}

    .txtboxlogin .txtbox {
        width: 100%;
        border: none;
        background-color: #ffffff;
        font-size: 16px;
        line-height: 18px;
        height: 20px;
        padding: 2px;
    }

        .txtboxlogin .txtbox.watermark {
            color: #A6CBD7;
        }

    .txtboxlogin.password,
    .txtboxlogin.password a.txtbox {
        cursor: text !important;
    }

    .txtboxlogin a.txtbox {
        display: block;
        padding: 2px 0;
    }

.txtboxwhite {
    border: #CCCCCC 1px solid;
    width: 100%;
    text-align: left;
    font-size: 20px;
}

.txtboxmessagesearch {
    border: #CCCCCC 1px solid;
    width: 100%;
    text-align: left;
    font-size: 15px;
    height: 25px;
}

.txtbox {
    border: #CCCCCC 1px solid;
    background-color: #F6F6F6;
    color: #000000;
    text-align: left;
    width: 286px;
    font-size: 13px;
    height: 18px;
    padding: 6px;
}

/*.txtarea {
    border: #CCCCCC 1px solid;*/
    /*background-color: #F6F6F6;*/
    /*color: #000000;
    text-align: left;
    width: 300px;
    font-size: 12px;
    padding-left: 2px;
}*/

.RadPicker {
    height: auto;
}

.dropdown {
    color: #3C3C3C;
    font-family: 'open_sansregular';
    background-image: url(../Images/drop_down_double_carets_blue.svg);
    background-position: calc(100% - 5px) 50%;
    background-repeat: no-repeat;
    height: 30px;
    -webkit-appearance: none;
    padding-left:10px;
    /*padding: 0 8px;*/
    min-width: 50px;
}

.DropDownList {
    color: #3C3C3C;
    font-family: 'open_sansregular';
    width: 130px;
}

.selectlist {
    color: #3C3C3C;
    height: 17px;
    border: solid 0px black;
}

.PageTitle {
    font-size: 16px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 6px;
}

.header {
    background-color: #FFFFFF;
    padding: 10px 0px 0px 0px;
}

.containerTable {
    width: 100%;
    vertical-align: top;
}

.contentTable {
    min-height: 540px;
    height: auto;
}

.contentInner {
    margin-top: 15px;
    width: 100%;
    min-height: 550px;
    height: auto;
    vertical-align: top;
}

.contentInnerPages {
    margin: 10px;
}

.innerMargin {
    margin-left: 20px;
}

.labelWidth {
    width: 150px;
}

.divEffect {
    float: left;
    width: 100%;
}

.divEffectBlock {
    float: right;
    display: none;
}

.divSearch {
    z-index: 999;
    position: absolute;
    width: 91%;
    display: none;
    border: 0px solid #000000;
}

.pnlSearch {
    border: 1px solid black;
    padding: 5px;
    float: right;
    background-color: #FFFFFF;
}

.calender {
    background-color: #FFFFFF;
    border: solid 1px #B2D3DF;
    height: 450px;
    width: 100%;
}

.calTop {
    display: none;
}

.calWeekDay {
    background-color: #FFFFFF;
    border-color: #FFFFFF #FFFFFF #B2D3DF #FFFFFF;
    color: #595959;
    font-weight: bold;
    height: 1px;
    font-size: 15px;
}

.calDay {
    border: #b2d3df 1px solid;
    color: #595959;
}

.calToday2 {
    background-color: #D3E9F4;
    color: #595959;
}

.calToday {
    background-color: #FFFF88;
    color: #595959;
}

.calWeek {
    background-color: #B2D3DF;
}

.calWeekDaytitle {
    color: #748BC9;
    text-align: left;
}

a.lnkButton {
    color: #1E7B9A;
    font-family: 'open_sansregular';
    outline: 0 none;
    text-decoration: none;
}

    a.lnkButton:hover {
        text-decoration: underline;
    }
/*.template{height:30px;}*/
.divSplSearchTxt {
    color: #1e7B9A;
    padding: 0 0 5px 0px;
    margin: 20px 0px 20px 20px;
    line-height: 18px;
}

.infoIcon {
    float: left;
}

.template {
    height: 18px;
    padding-top: 10px;
    margin-left: 20px;
    font-size: 16px;
    font-family: open_sansbold;
}

.field {
    height: 30px;
    margin-top: 10px;
}

.singleViewHolders {
    float: left;
    width: 49%;
}

.singleLeftViewHolders {
    float: left;
    margin-right: 2%;
    width: 47%;
}

.singleRightViewHolders {
    float: left;
    margin-left: 3%;
    width: 48%;
}

.tabViewHolders {
    float: left;
    width: 70%;
}

    .singleViewHolders .singleViewText, .tabViewHolders .singleViewText {
        color: #888;
    }

    .singleViewHolders .singleViewEdit, .tabViewHolders .singleViewEdit {
        color: #333;
    }

.displayBlock {
    display: block;
    width: 92%;
    background: #E1EEF3;
    border: 1px solid #E1EEF3;
    font-size: 13px;
    float: left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.singleViewHolders .displayBlock, .tabViewHolders .displayBlock {
    font-size: 14px;
}

.singleViewBoxes {
    float: left;
    width: 99%;
}

.tabViewBoxes {
    width: 47%;
    vertical-align: middle;
    float: left;
    border: 1px solid black;
    margin: 2px;
    overflow: auto;
    padding: 1em 1em 1em 1em;
}

.singleViewText {
    width: 30%;
    float: left;
    padding-top: 10px;
    font-weight: 100;
    color: #999;
}

.singleViewEdit {
    width: 60%;
    float: left;
    padding: 10px;
}

.drop {
    float: left;
    padding: 2%;
    background-color: #FFFFFF;
    width: 96%;
}

.drag {
    float: left;
    background-color: #FFFFFF;
    width: 96%;
    padding: 2%;
}

.singleview {
    border: 2px solid #B7BABC;
    float: left;
    padding: 10px;
    background-color: #EDF7FA;
    width: 98%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.block {
    float: left;
    border: 2px solid #B7D9E5;
    background-color: #FFFFFF;
    padding: 10px;
    margin: 2px;
    cursor: move;
    width: 350px;
    background-repeat: no-repeat;
    background-image: url(../images/blue_corner_12x34.png);
    clear: both;
}

.fix {
    float: left;
    border: 2px solid #B7D9E5;
    background-color: #FFFFFF;
    padding: 10px;
    margin: 2px;
    width: 350px;
    cursor: move;
    background-repeat: no-repeat;
    background-image: url(../images/blue_corner_12x34.png);
    clear: both;
}

.nonFloat {
    float: left;
    border: 2px solid #B7D9E5;
    background-color: #FFFFFF;
    padding: 10px;
    margin: 2px;
    width: 350px;
}

.dragDropText {
    width: 86%;
    float: left;
}

.dragDropTextListing {
    width: 93%;
    float: left;
    padding-top: 3px;
}

.deleteLink {
    color: black;
}

.displayNone {
    display: none;
}

.displayListBlock {
    display: block;
    width: 100%;
    padding: 5px;
    text-align: left;
    float: left;
}

.displayListCenterBlock {
    display: block;
}

.divSearchPOP {
    background-color: #177C98;
    color: #FFFFFF;
    font-weight: bold; /*width: 200px;*/
    margin: 0 auto;
    height: 30px;
    text-align: right;
    font-size: 14px;
    margin-bottom: 3px;
    width: 100%;
}

#ctl00_cphSearch_lblGroupSearchResult {
    display: inline-block;
    margin-top: 8px;
}

.divSearchKeywords {
    padding: 4px;
    position: absolute;
    display: none;
    z-index: 1000;
    background-color: #ffffff;
    border: 5px solid #B2D3DF;
    width: 430px;
    margin: 0 auto;
    font-weight: normal;
    text-align: left;
}

.divGroups {
    position: absolute;
    display: none;
    width: 35%;
    font-weight: normal;
}

    .divGroups div {
        font-style: italic;
        padding: 0 5px 5px 0px;
    }

        .divGroups div a {
            font-family: 'open_sansregular';
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
        }

    .divGroups ul {
        max-height: 300px;
        overflow: auto;
        width: auto !important;
    }

#CreateGroup {
    position: absolute;
    display: none;
    top: 40%;
    left: 40%;
    z-index: 1001;
}

#overlay {
    background-color: #000000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
}

#divIFrame {
    width: 100%;
    display: none;
    position: absolute;
    top: 130px !important;
    left: 0px;
    border: 0px solid #000000;
    z-index: 900;
}

.pagelink {
    color: #3C5468;
    text-decoration: none;
    font-family: 'open_sansregular';
}

.pageDrop {
    color: #3C3C3C;
    font-family: "open_sansregular";
    font-size: 11px;
    outline: 0px;
}

.pageDropdown {
    margin-left: 5px;
    padding-top: 3px;
    height: 20px;
    vertical-align: middle;
    margin-bottom: 6px;
}

    .pageDropdown .pageDrop {
        color: #3C3C3C;
        float: left;
        font-size: 11px;
        margin: 1px 3px 3px -2px;
        outline: 0 none;
        padding: 5px;
    }

.messagehead {
    font-weight: bolder;
    background-color: darkgray;
    color: #FFFFFF;
    font-size: 14px;
}

.messagefooter {
    background-color: #CCC;
    color: #FFF;
    font-size: 14px;
}

.showmessage {
    border-color: #B1D3E0;
    background-color: #B1D3E0;
    border-style: solid;
    border-top: 1px solid #B1D3E0;
    border-right: 1px solid #B1D3E0;
    border-bottom: 1px solid #B1D3E0;
    border-left: 1px solid #B1D3E0;
}

.recipientsMiddle {
    border: 0px solid black;
    background-repeat: repeat-x;
}

.divAutoFill {
    background: #FFFFFF;
    position: absolute;
    width: 280px;
    overflow: auto;
    border: 1px solid black;
    display: none;
}

.schoolborder {
    border: 1px solid #1E7B9A;
}

.golink {
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
}

.statHead {
    background-color: #65A7BF;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px;
    width: 200px;
    float: left;
    text-align: center;
    margin-right: 5px;
}

.stat {
    height: 20px;
    width: 200px;
    float: left;
}

.radStat {
    margin-top: 10px;
}

.submittab {
    border: 0px solid #CCCCCC;
}

.expEdges {
    float: left;
    width: 7px;
}

.expOutline {
    float: left;
    width: 711px;
    min-height: 632px;
    height: auto;
}

.expTopSearch {
    float: left;
    width: 696px;
    padding-top: 4px;
    margin-left: 15px;
}

.expCategories {
    float: left;
    font-weight: bold;
    width: 360px;
}

    .expCategories span {
        float: left;
        padding-top: 5px;
    }

.expPnlSearch {
    position: absolute;
    right: 15px;
    top: 42px;
    width: 535px;
}

.expPnlAlphabets {
    width: 711px;
    float: left;
    height: 40px;
    text-align: center;
}

.expListCount {
    font-weight: bold;
    font-family: 'open_sansregular';
    font-size: 11px;
    width: 200px;
    float: left;
}

.expSrchPnl {
    padding: 5px 10px;
    float: right;
    background-color: #FFFFFF;
    width: 515px;
}

.expSmallTxtbox {
    border: #CCCCCC 1px solid;
    background-color: #F6F6F6;
    color: #000000;
    text-align: left;
    width: 347px;
    font-size: 12px;
    height: 23px;
}

.expTemplateSeparator {
    color: #CCCCCC;
    padding-bottom: 20px;
    width: 500px;
}

.expFieldEditWidth {
    width: 380px;
}

.expFieldWidth {
    width: 120px;
}

.expField {
    margin-top: 20px;
}

.expTxtbox {
    border: #CCCCCC 1px solid;
    background-color: #F6F6F6;
    color: #000000;
    text-align: left;
    width: 380px;
    font-size: 12px;
    height: 23px;
}

.textExport {
    font-weight: 100;
    color: #777777;
}


/* Button CSS classes */

/* login page button */
.loginbutton {
    background-color: #FF9831;
    border: 1px solid #FF9831;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #FFFFFF;
    height: 41px;
    width: 139px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    cursor: pointer;
}

.savebutton {
    background-color: #FF9900;
    color: #FFFFFF;
    cursor: pointer;
    /*font-family: verdana,arial,Helvetica,sans-serif;*/
    font-family: 'open_sansregular';
    font-weight: normal;
    padding: 1px 4px;
}

.savebutton1-active {
    background-color: #FF9900;
    color: #FFFFFF;
    cursor: pointer;
    /*font-family: verdana,arial,Helvetica,sans-serif;*/
    font-family: 'open_sansregular';
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    padding: 6px 14px;
}

.savebutton1-deactive {
    font-style: normal;
    color: #BCBCBC;
    pointer-events:none;
}

.addbutton {
    background-color: #FF9900;
    color: #FFFFFF;
    cursor: pointer;
    font-family: 'open_sansregular';
    font-weight: normal;
    padding: 6px 10px;
}

.cancelbutton {
    font-weight: normal;
    font-family: 'open_sansregular';
    cursor: pointer;
    font-size: 12px;
    padding-left: 10px;
}

.gobutton {
    background-color: #65A7BF;
    color: #FFFFFF;
    cursor: pointer;
    font-family: 'open_sansregular';
    font-weight: bold;
    padding: 0px 3px 4px 3px;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    position: relative;
}

.GroupsButton {
    background-color: #FFFFFF;
    border: 1px solid #FF9831;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    /*font-weight: bold;*/
    color: #FF9831;
    cursor: pointer;
    font-family: 'open_sansregular';
    font-size: 12px;
    float: left;
    height: 34px;
    line-height: 17px;
    width: 106px;
    padding: 8px 20px 9px 0;
}

    .GroupsButton:hover {
        color: white;
        background-color: #FF9831;
        border: 1px solid #FF9831;
    }

.AdvancedSearchButton {
    border-style: solid solid solid none;
    border-color: #D2D2D2;
    background-color: #EBEBEB;
    float: left;
    width: 30px;
    height: 32px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
}

.txtQuickSearch {
    border-width: 1px;
    border-style: solid none solid solid;
    font-family: "open_sansregular";
    border-color: #D2D2D2;
    background-color: #EBEBEB;
    float: left;
    padding: 7px 6px;
    width: 240px;
    height: 18px;
    line-height: 18px;
    font-size: 15px;
}

.fadecolor {
    color: #B3B3B3;
}
/* group button with down arrow */

/* export page button */
.buttonSaveGray {
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #BBBBBB;
    text-align: center;
    text-decoration: none;
    /*font-weight: bold;*/
    font-family: 'open_sansregular';
    line-height: 14px;
    font-size: 12px;
    padding: 10px 34px;
}

.buttonSave {
    background-color: #FFFFFF;
    border: 1px solid #FF9831;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #FF9831;
    height: 34px;
    width: 160px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    /*font-weight: bold;*/
    font-family: 'open_sansregular';
    padding-left: 4px;
    padding-bottom: 4px;
    line-height: 30px;
    cursor: pointer;
}

/* in-active button on player detail page */
.buttonblack {
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    border-radius: 4px 4px 4px 4px;
    color: #BBBBBB;
    font-size: 12px;
    /*font-weight: bold;*/
    font-family: 'open_sansregular';
    height: 34px;
    line-height: 30px;
    padding-bottom: 4px;
    text-align: center;
    text-decoration: none;
    width: 112px;
}

/* All buttons */
.buttonsmallest {
    background-color: #FFFFFF;
    border: 1px solid #FF9831;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #FF9831;
    height: 34px;
    width: 65px;
    text-align: center;
    text-decoration: none;
    padding-bottom: 4px;
    line-height: 30px;
    font-size: 12px;
    /*font-weight: bold;*/
    font-family: 'open_sansregular';
    cursor: pointer;
}

.buttonCanelExport {
    font-weight: 100;
    color: #1E7B9A;
}

.tooltip {
    position: absolute;
    padding: 5px;
    z-index: 1;
    width: auto;
    display: none;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: normal; /*color: #1E7B9A;     -moz-border-radius: 10px;     -webkit-border-radius: 10px;*/
    border: 1px solid #999999;
}

.highlightedRow {
    background-color: #99e599;
    padding: 8px 0 4px;
    color: Black;
    height: 26px;
    font-size: 14px;
    font-weight: bold;
    margin: 8px 0;
}

.normalRow {
    color: #ccc;
    height: 22px;
}

.mergeCancelLink {
    float: left;
    padding-left: 8px;
    padding-top: 10px;
}

.mergeInfo {
    float: left;
    color: #999;
    padding-bottom: 8px;
    font-size: 14px;
}

.mergeChkBox {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
}

.mergeChkBoxLabel {
    width: 38%;
    float: left;
    font-size: 12px;
    font-style: italic;
}

.mergeTopRow {
    float: left;
    width: 100%;
    padding: 8px 0;
}

.mergeTopLeft {
    width: 24%;
    float: left;
}

.mergeFieldName {
    float: left;
    width: 20%;
    padding-left: 6%;
    font-weight: normal;
}

.mergeAnswer1 {
    float: left;
    width: 38%;
}

.mergeAnswer2 {
    float: left;
    width: 36%;
}

.mergeFieldId {
    display: none;
}

.listingPnlAlphabet {
    float: none;
    margin: 0 auto;
    padding-left: 30px;
    width: 534px;
}

.mergeTemplate {
    float: left;
    width: 100%;
    font-weight: bold;
    padding-top: 8px;
}

.highlight3rdPartyTemplate {
    background-color: #99e599;
    color: Black;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0;
}

.divRules {
    width: 500px;
}

.ruleFeedbackSingleView {
    background-color: #FFFFFF;
    border: 1px solid #F33333;
    color: #F55555;
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    margin-bottom: 2px;
    margin-left: 120px;
    margin-top: -70px;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    vertical-align: middle;
    width: auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;
}

.ruleFeedback {
    background-color: #FFFFFF;
    border: 1px solid #F33333;
    color: #F55555;
    cursor: pointer;
    font-weight: bold;
    /*height: 23px;*/
    /*line-height: 23px;*/
    margin-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    width: auto;
}


.ruleFeedbackSingleView:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -khtml-opacity: 1;
}

.ruleFeedbackSingleView a {
    font-size: 13px;
    color: #D52F31;
    text-decoration: underline;
    margin: 10px;
}

.ruleFeedback a {
    font-size: 13px;
    color: #D52F31;
    text-decoration: underline;
    margin: 10px;
}

.ruleFeedback img {
    padding-left: 5px;
    vertical-align: middle;
}

.ruleFeedbackInline {
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    color: #F55555;
    float: right;
    margin-right: 4px;
    padding-left: 5px;
    padding-right: 2px;
    background-color: #FFFFFF;
    border: 1px solid #F33333;
    cursor: pointer;
}

    .ruleFeedbackInline img {
        vertical-align: middle;
        padding-left: 5px;
    }

#lightbox {
    display: inline;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1001;
}

    #lightbox .close {
        position: absolute;
        right: -12px;
        top: -12px;
        cursor: pointer;
    }

    #lightbox .closebtn {
        position: absolute;
        right: 12px;
        top: 12px;
        cursor: pointer;
    }

    #lightbox .inner {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-color: #FFFFFF;
        border: 12px solid #DADADA;
    }

    #lightbox .header {
        background-color: #FD3E34;
        color: #FFFFFF;
        font-size: 18px;
        padding: 5px 5px 5px 5px;
    }

    #lightbox .detail {
        min-height: 180px;
        width: 600px;
        padding: 10px;
    }

    #lightbox .text1 {
        color: #999999;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
    }

    #lightbox .text2 {
        color: #000000;
        font-weight: bold;
        font-style: italic;
        font-size: 14px;
        line-height: 20px;
    }

    #lightbox .detail h2 {
        text-decoration: underline;
        padding: 10px 0 5px 20px;
        margin: 0px;
    }

    #lightbox .detail ul {
        padding: 0 0 20px 35px;
        margin: 0px;
    }

    #lightbox .detail li {
        color: #999999;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
    }

/* intermediate page */
#intermediate {
    /*color: #000000;*/
    font-size: 44px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.calLegends {
    float: right;
    padding: 0 10px 10px 0px;
    width: 205px;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
}

.legendCellLeft {
    padding-top: 5px;
    float: left;
    width: 115px;
}

.legendCellRight {
    padding-top: 5px;
    float: left;
    width: 90px;
}

.periodLegend {
    border: 1px solid black;
    float: left;
    width: 16px;
    margin-right: 5px;
}

.divContact {
    padding: 4px 0 8px 0px;
    width: 90%;
    float: left;
}

.divOtherContact {
    float: left;
    width: 90%;
    float: left;
    padding-left: 22px;
}

.lblContact {
    float: left;
    padding: 2px 0px 0px 22px;
    font-weight: bold;
}

.rosterLink {
    float: left;
    width: 90%;
    background-color: #dddddd;
    padding: 4px 3px 3px 3px;
}

    .rosterLink input {
        float: left;
        height: 14px;
        width: 14px;
        padding: 0;
        margin: 0;
    }

    .rosterLink label {
        float: left;
        padding: 0;
        margin: 0;
        margin-left: 3px;
    }


textarea {
    resize: none;
}
/*duty Popup*/
#PopCnArea {
    float: left;
    width: 100%;
    font-family: 'open_sansregular';
    font-size: 12px;
    margin: -1px 0 0 -1px;
    overflow: hidden;
}

#fancybox-close {
    margin: 7px 10px;
}

#PopCnArea fieldset {
    float: left;
    border: none;
    height: auto;
    margin: 0;
    padding: 0;
}

#PopCnArea .HeadextendedFld {
    padding: 10px 4%;
    background-color: #CCCCCC;
    width: 93%;
    border-top-left-radius: 8px;
}

#PopCnArea .HeadextendedFld2 {
    padding: 10px 2%;
    background-color: #CCCCCC;
    width: 96%;
}

#PopCnArea .extendedFldFirst {
    float: left;
    padding: 10px 4% 0px 4%;
    width: 92%;
}

#PopCnArea .extendedFld {
    float: left;
    padding: 10px 4% 0px 4%;
    width: 92%;
}

#PopCnArea .fullwidthFld {
    float: left;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #DADADA;
    border-top: 1px solid #DADADA;
}

#PopCnArea .extendedFld2 {
    float: left;
    padding: 2px 4% 0px 4%;
    width: 92%;
}

#PopCnArea .extendedFld3 {
    float: left;
    padding: 0 4% 0px 4%;
    width: 92%;
}

#PopCnArea .fullwidthLabel {
    color: #595959;
    font-size: 12px;
    float: left;
    font-weight: bold;
    width: 100%;
    padding-bottom: 5px;
}

#PopCnArea .EventLabel {
    color: #595959;
    font-size: 16px;
    float: left;
    font-weight: normal;
    width: 200px;
    padding-bottom: 5px;
}

#PopCnArea a.lnkViewProfile {
    color: #1E7B9A;
    font-family: 'open_sansregular';
    outline: 0 none;
    text-decoration: underline;
    font-weight: bold;
    padding: 10px 4% 0px 4%;
    width: 92%;
    float: left;
}

#PopCnArea .lblmain {
    color: #595959;
    font-size: 12px;
    float: left;
    font-weight: bold;
    width: 90%;
    padding-bottom: 5px;
}

#PopCnArea .lblmaincontact {
    color: #888;
    font-size: 13px;
    float: left;
    font-weight: 100;
    width: 630px;
    padding: 0 12px 0 0;
    text-align: left;
    line-height: 23px;
}

#PopCnArea a.addnotes {
    font-weight: bold;
    text-decoration: underline;
}

#PopCnArea label {
    width: 90%;
}

#PopCnArea .AddDutyHdr {
    color: #595959;
    font-size: 15px;
    font-weight: bold;
    float: left;
    width: 370px;
}

#PopCnArea .lblmid {
    color: #595959;
    font-size: 12px;
    float: left;
    font-weight: bold;
    padding: 3px 6px;
    width: auto;
}

#PopCnArea .fullwidthFields {
    float: left;
    width: 100%;
    font-size: 12px;
}

#PopCnArea .headFld {
    position: absolute;
    top: -30px;
    width: 100%;
    z-index: 181;
    display: none;
}
/*#PopCnArea fieldset { float: left;border:none; height: auto; font-size: 12px; width:100%;  padding: 0 15px 5px;}*/
#PopCnArea .rbox input {
    display: inline;
    float: left;
    height: 15px;
    margin: 0 5px 0 0;
    width: 15px;
    clear: none;
}

#PopCnArea .rbox label {
    float: left;
    font-size: 13px;
    padding: 0 5px 0 0;
    width: auto;
}

#PopCnArea .rboximg {
    float: left;
    padding: 0 35px 0 0;
    width: auto;
}

#PopCnArea .cbox td {
    vertical-align: top;
}

#PopCnArea .cbox input {
    display: inline;
    float: left;
    height: 14px;
    margin: 0 4px 0 0;
    width: 14px;
    clear: none;
}

#PopCnArea .cbox label {
    font-size: 12px;
    padding: 0 5px 0 0;
}

#PopCnArea .DisplayDutyHdr {
    color: #595959;
    font-size: 18px;
    font-weight: bold;
    float: left;
    width: 95%;
}

#PopCnArea .blackColor {
    color: #000000;
}

#PopCnArea span.blackColor {
    color: #000000;
    float: left;
}

#PopCnArea .row {
    float: left;
    height: auto;
    line-height: 22px;
    width: 112px;
}

#PopCnArea .eventTime {
    float: left;
    height: auto;
    line-height: 22px;
    width: 100%;
}

#PopCnArea .row span {
    color: #7F7F7F;
    float: left;
    height: auto;
    width: 112px;
}

#PopCnArea span.labelGrayText {
    float: left;
    height: auto;
    padding-right: 5px;
    color: #999999;
}

#PopCnArea span.labelSimpleText {
    float: left;
    height: auto;
    padding-right: 5px;
}

#PopCnArea .lblview {
    color: #7F7F7F;
    line-height: 22px;
    height: auto;
    float: left;
    width: 370px;
}

#PopCnArea .maintxtbox {
    border: #CCCCCC 1px solid;
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    padding: 6px;
    height: 16px;
    width: 285px;
    font-size: 13px;
    float: left;
    line-height: 16px;
}

#PopCnArea .ddbox {
    border: #CCCCCC 1px solid;
}

#PopCnArea .ddhrbox {
    border: #CCCCCC 1px solid;
    width: 38px;
}

#PopCnArea .errtext {
    color: Red;
    padding: 5px 0px 0px 10px;
    float: left;
    font-size: 11px;
}

#PopCnArea .errtextComp {
    color: Red;
    font-size: 11px;
}

#PopCnArea .errtext2 {
    color: Red;
    padding: 5px 0px 0px 0px;
    float: left;
    font-size: 11px;
}

#PopCnArea .errtextchklst {
    color: Red;
    padding: 0px 0px 0px 0px;
    float: left;
    font-size: 11px;
}

#PopCnArea .btmNav {
    float: right;
    height: 32px;
    width: auto;
}

#PopCnArea .high {
    background-color: #FE0000;
    width: 100%;
    height: 15px;
    float: left;
    border-bottom: 1px solid #FE0000;
}

#PopCnArea .medium {
    background-color: White;
    width: 100%;
    height: 15px;
    float: left;
    border-bottom: 1px solid #CCCCCC;
}

#PopCnArea .low {
    background-color: #000;
    width: 100%;
    height: 15px;
    float: left;
    border-bottom: 1px solid #000000;
}

#PopCnArea .other {
    background-color: #006FFF;
    width: 100%;
    height: 15px;
    float: left;
    border-bottom: 1px solid #006FFF;
}

#PopCnArea .FullWidthFldWithPad {
    float: left;
    padding: 20px 0 0 0;
    width: 100%;
}

#PopCnArea #notes {
    background: #FFFFFF;
    font-size: 16px;
    margin-bottom: 100px;
    /*position: absolute;*/
    z-index: 1;
    height: auto;
}

#PopCnArea .popUpBottom {
    border-top: 1px solid #9b9792;
    bottom: 1px;
    position: absolute;
}


.btmNav ul {
    float: left;
    list-style: none outside none;
    width: auto;
    clear: none;
    margin: 0;
}

    .btmNav ul li {
        width: auto;
        float: left;
        clear: none;
        padding: 0px 5px 18px 0px;
    }

        .btmNav ul li a {
            cursor: pointer;
            text-decoration: underline;
            clear: none;
        }

#spnProfile a {
    cursor: pointer;
    text-decoration: underline;
    clear: none;
    float: left;
    margin-left: -15%;
    font-weight: bold;
}
/*#PopCnArea .cboxComplete input{display: inline;float: left;height: 15px;margin: 0 4px 0 0;width: 15px;border: 1px solid #595959;}*/
#PopCnArea .cboxComplete input {
    display: block;
    float: left;
    margin: 0 4px 0 0;
}

#PopCnArea .cboxComplete label {
    float: left;
    font-size: 13px;
    padding: 0 5px 0 0;
    width: auto;
    font-size: 12px;
    color: #000000;
}

#PopCnArea .rptmsg span {
    color: #7F7F7F;
    float: left;
    height: auto;
    width: 100%;
}

#PopCnArea .txtboxsml {
    border: #CCCCCC 1px solid;
    background-color: #ffffff;
    text-align: left;
    padding: 2px;
    font-size: 13px;
    line-height: 18px;
    float: left;
    vertical-align: middle;
    color: #3C3C3C;
    margin: 0px;
    height: 20px;
}

#PopCnArea .txtboxbig {
    border: #CCCCCC 1px solid;
    background-color: #ffffff;
    text-align: left;
    padding: 2px;
    font-size: 16px;
    line-height: 18px;
    float: left;
    vertical-align: middle;
    color: #3C3C3C;
    margin: 0px;
    height: 16px;
}

#PopCnArea .ddlsml {
    border: #CCCCCC 1px solid;
    background-color: #ffffff;
    text-align: left;
    padding: 2px;
    font-size: 13px;
    line-height: 18px;
    float: left;
    vertical-align: middle;
    color: #3C3C3C;
    margin: 0px;
    height: 16px;
}

#PopCnArea .ddlsml2 {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #3C3C3C;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 2px;
    text-align: left;
    vertical-align: middle;
}

#PopCnArea .ui-datepicker-trigger {
    float: left;
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    margin-left: 1px;
}

#PopCnArea .timepicker_button_trigger {
    float: left;
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    margin-left: 1px;
}

#PopCnArea SUP {
    font-size: xx-small;
    line-height: 0;
}

#PopCnArea .DisplayEmailHdr {
    color: #595959;
    font-size: 14px;
    font-weight: bold;
    float: left;
    width: 95%;
}

#PopCnArea .Pad10 {
    padding-left: 10px;
}

    #PopCnArea .Pad10 a {
        color: #bbb;
    }

#PopCnArea .DelBut {
    float: right;
}

#PopCnArea .lblmainRght {
    color: #888888;
    float: left;
    font-size: 13px;
    font-weight: 100;
    line-height: 23px;
    padding: 0 12px 0 0;
    text-align: left;
    width: 100px;
}

#PopCnArea .cellLeft {
    float: left;
    height: auto;
    width: 322px;
}

#PopCnArea .cellRight {
    float: left;
    height: auto;
    width: 200px;
}

#PopCnArea .cellWidth {
    width: 100%;
}

#PopCnArea .divContact {
    float: left;
    padding: 2px 0 10px 0;
    width: 150px;
}

#PopCnArea .divContactOther {
    float: left;
    padding: 2px 0 2px 0;
    width: 200px;
}


.PopCnArea {
    float: left;
    width: 100%;
    font-family: 'open_sansregular';
    font-size: 12px;
    overflow: hidden;
    background: #fff;
    height: 200px;
}

    .PopCnArea fieldset {
        float: left;
        border: none;
        height: auto;
        margin: 0;
        padding: 0;
    }

    .PopCnArea .HeadextendedFld {
        padding: 10px 4%;
        background-color: #CCCCCC;
        width: 93%;
    }

    .PopCnArea .HeadextendedFld2 {
        padding: 10px 2%;
        background-color: #CCCCCC;
        width: 96%;
    }

    .PopCnArea .extendedFldFirst {
        float: left;
        padding: 10px 4% 0px 4%;
        width: 92%;
    }

    .PopCnArea .extendedFld {
        float: left;
        padding: 10px 4% 0px 4%;
        width: 92%;
    }

    .PopCnArea .fullwidthFld {
        float: left;
        padding: 0;
        width: 100%;
        border-bottom: 1px solid #DADADA;
        border-top: 1px solid #DADADA;
    }

    .PopCnArea .extendedFld2 {
        float: left;
        padding: 2px 4% 0px 4%;
        width: 92%;
    }

    .PopCnArea .extendedFld3 {
        float: left;
        padding: 0 4% 0px 4%;
        width: 92%;
    }

    .PopCnArea .fullwidthLabel {
        color: #595959;
        font-size: 12px;
        float: left;
        font-weight: bold;
        width: 100%;
        padding-bottom: 5px;
    }

    .PopCnArea .EventLabel {
        color: #595959;
        font-size: 12px;
        float: left;
        font-weight: bold;
        width: 200px;
        padding-bottom: 5px;
    }

    .PopCnArea span.labelGrayText {
        color: #999999;
        float: left;
        height: auto;
        padding-right: 5px;
    }

/*Calendar page*/
.calCoachdropdown {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    /*box-shadow: 2px 2px 10px #000000;*/
    color: #1E7B9A;
    font-size: 12px;
    left: 0px;
    line-height: 20px;
    padding: 5px;
    position: absolute;
    text-align: left;
    top: 35px;
    z-index: 9999;
    width: 120px;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.FloatLeft {
    float: left;
}

.calendarArrow {
    background: url("../images/arrow-add-to-group.jpg") no-repeat scroll right 3px transparent;
    font-size: 14px;
    font-weight: normal;
    padding: 0 20px 0 0;
}

.calMonth {
    float: left;
    cursor: pointer;
    font-family: 'open_sansregular';
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.periodLegendTxt {
    padding-top: 2px;
    float: left;
}

.datetxt {
    font-weight: bold;
    font-family: 'open_sansregular';
    font-size: 12px;
}

.othermonth {
    background-color: #ECECEC;
    border: #b2d3df 1px solid;
}
/* New Duty Calander */
.calenderOwner {
    width: 100%;
    margin-top: -55px;
    text-align: center;
}

    .calenderOwner h1 {
        margin: 0px;
        padding: 0px;
        color: #737373;
    }

.printerIcon {
    float: right;
    margin-right: 20px;
}

    .printerIcon .imgPrinter {
        margin-bottom: 3px;
    }

.dayNumber {
    float: left;
    width: 100%;
    height: 15px;
    background-color: #ECECEC;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}

    .dayNumber span {
        float: right;
        padding-right: 10px;
        color: #A7A7A7;
    }

.calValue {
    float: left;
    width: 100%;
    min-height: 90px;
    text-align: left;
    vertical-align: top;
}

.dutyWrapper {
    position: relative;
    width: 100%;
    min-height: 90px;
}

.duty {
    float: left;
    width: 100%;
    padding: 2px 0;
}

.multidayduty {
    position: absolute;
    border: 1px solid red;
    width: 200px;
    height: 15px;
}

.duty span {
    float: left;
    padding-left: 10px;
}

#gridcontainer {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 300px;
    position: relative;
}

.st-contents, .mv-container {
    font-size: 12px;
    line-height: 14px;
}

.mv-container {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-right: 1px;
}

.mv-container {
    height: 100%;
    position: relative;
    white-space: nowrap;
}
/*duty list*/
.midContent {
    margin: 0 auto;
    width: 95%;
}

#duty-box {
    width: 100%;
    float: left;
    height: auto;
}

    #duty-box .dutyinfo {
        width: 100%;
    }

.dutyinfo .dvurgency {
    width: 100%;
    height: 15px;
    border: 1px solid;
}

.dutyinfo .high {
    background-color: #FE0000;
    width: 100%;
    height: 15px;
    border: 1px solid #FE0000;
}

.dutyinfo .medium {
    background-color: White;
    width: 100%;
    height: 15px;
    border: 1px solid;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-top-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
}

.dutyinfo .low {
    background-color: #000;
    width: 100%;
    height: 15px;
    border: 1px solid #000;
}

.dutyinfo .other {
    background-color: #006FFF;
    width: 100%;
    height: 15px;
    border: 1px solid #006FFF;
}

#duty-box .groupheader {
    color: #cccccc;
    float: left;
    font-size: 22px;
    font-weight: 100;
    margin: 0;
    padding: 20px 0 5px;
    text-align: left;
    width: 100%;
}

#duty-box .dCmplete {
    border-radius: 40px;
    background-color: #ffffff;
    width: 80px;
    margin: 0px auto;
    text-align: center;
    height: 80px;
    border: 1px solid #CCCCCC;
    overflow: hidden;
}

    #duty-box .dCmplete:hover {
        background-color: rgb(225, 238, 243);
        border: 5px solid rgb(204, 204, 204);
        border-radius: 50px;
        height: 80px;
        margin: 0px auto;
        overflow: hidden;
        width: 80px;
    }

.dCmpleteHover {
    background-color: rgb(225, 238, 243);
    border: 5px solid rgb(204, 204, 204);
    border-radius: 50px;
    height: 80px;
    margin: 0px auto;
    overflow: hidden;
    width: 80px;
}

.dCmplete .dTypeInner {
    float: left;
    text-align: center;
    vertical-align: middle;
    width: 80%;
    padding: 0 10%;
    font-size: 14px;
}

.rs-duty-list {
    display: inline;
    padding-right: 5px;
}

.duty-list-subject {
    display: inline-block;
    padding-top: 11px;
    vertical-align: top;
}
/*.dCmplete .cboxComplete input{display: inline;height: 22px;width: 22px;border: 1px solid #CCCCCC;}*/
#duty-box .divSubject {
    height: 100%;
    background-color: #FFFFFF;
    overflow: hidden;
}

.divSubject .dutytxt {
    float: left;
    padding: 8px 0 6px 12px;
    width: 83%;
}

.divSubject .subtxt {
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    width: 100%;
    padding-top: 3px;
}

.divSubject .coachtxt {
    float: left;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
}

.multiday {
    float: left;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    font-weight: bold;
}

    .multiday b {
        color: #009B30;
    }

.divSubject .divAction {
    float: right;
    margin-right: 1%;
    padding: 18px 0 0 0;
    display: none;
}

.contentInner .noduty {
    color: #CCCCCC;
    font-size: 20px;
    line-height: 240px;
    width: 100%;
    text-align: center;
    clear: both;
}

.dutyinfo a {
    cursor: pointer;
}
/*duty filter dropdown*/
#filter-box {
    float: left;
    padding-top: 5px;
}

    #filter-box a {
        /*text-decoration: underline;*/
    }

    #filter-box ul.h2 {
        list-style: none outside none;
        text-align: center;
        margin: 0;
        padding: 0;
    }

        #filter-box ul.h2 li {
            display: inline;
            font-size: 18px;
            font-weight: bold;
            position: relative;
        }

    #filter-box .list {
        background-color: #FFFFFF;
        border: 1px solid #000000;
        /*box-shadow: 2px 2px 10px #000000;*/
        color: #1E7B9A;
        display: none;
        font-size: 14px;
        left: -10px;
        line-height: 20px;
        padding: 5px 17px 5px 17px;
        position: absolute;
        text-align: left;
        top: 30px;
        z-index: 999;
    }

        #filter-box .list label {
            cursor: pointer;
        }

            #filter-box .list label:hover {
                text-decoration: underline;
            }

/*Mark  duty Complete light box*/
#markall {
    cursor: pointer;
    font-size: 14px;
}

.contentInner .noduty {
    color: #CCCCCC;
    font-size: 20px;
    line-height: 240px;
    width: 100%;
    text-align: center;
    clear: both;
}

.lightboxinner {
    background-color: white;
    border: 1px solid #CCC;
    overflow: auto;
    padding: 0;
    position: fixed;
    top: 30%;
    left: 40%;
    z-index: 1002;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 350px;
    display: none;
    padding: 20px;
}

    .lightboxinner .count {
        color: Red;
    }

    .lightboxinner p {
        float: left;
        font-size: 16px;
        line-height: 18px;
        width: 100%;
        margin-top: 0px;
        color: #323232;
    }

    .lightboxinner .msg1 {
        float: left;
        font-weight: bold;
        width: 100%;
    }

.button_yes {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    height: 35px;
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    /*font-weight: bold;*/
    font-family: 'open_sansregular';
    cursor: pointer;
    background-color: #FFFFFF;
    border: 1px solid #009B30;
    width: 150px;
}

    .button_yes:hover {
        color: white;
        background-color: #009B30;
        border: 1px solid #009B30;
    }

.button_cancel {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    height: 35px;
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    /*font-weight: bold;*/
    font-family: 'open_sansregular';
    cursor: pointer;
    background-color: #FFFFFF;
    border: 1px solid #FFCC00;
    width: 147px;
}

    .button_cancel:hover {
        color: white;
        background-color: #FC0;
        border: 1px solid #FC0;
    }

.black_overlay {
    background-color: #FFFFFF;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 30;
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;
}

/*Discussion box*/
.discussion-box
,.intercation-box {
    width: 100%;
    float: left;
    height: auto;
    padding-left: 15px;
}

    .discussion-box .discussioninfo
    ,.intercation-box .discussioninfo {
        width: 100%;
    }

#discussionresult .discussionDate {
    color: rgb(204, 204, 204);
    float: left;
    font-size: 22px;
    padding: 15px 0 7px 80px;
    /*text-transform: uppercase;*/
    width: 100%;
}

#discussionresult .discussionBlankDate {
    color: rgb(204, 204, 204);
    float: left;
    font-size: 22px;
    padding: 15px 0 30px 80px;
    /*text-transform: uppercase;*/
    width: 100%;
}

#discussionresult .discussionYear {
    color: #888888;
    font-size: 25px;
    padding-bottom: 15px;
    float:left;
    width:50%;
}

.discussioninfo .dvurgency {
    width: 100%;
    height: 15px; /*border: 1px solid #CCCCCC;     background-color: #CCCCCC;*/
}

.discussioninfo .high {
    background-color: #FE0000;
    width: 100%;
    height: 15px;
    border: 1px solid #FE0000;
}

.discussioninfo .medium {
    background-color: White;
    width: 100%;
    height: 15px;
    border: 1px solid;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-top-color: #ffffff;
    border-bottom-color: #CCCCCC;
}

.discussioninfo .low {
    background-color: #000;
    width: 100%;
    height: 15px;
    border: 1px solid #000;
}

.discussioninfo .other {
    background-color: #006FFF;
    width: 100%;
    height: 15px;
    border: 1px solid #006FFF;
}

.discussion-box .dType
,.intercation-box .dType {
    margin: 0 auto;
    width: 100px;
    text-align: left;
    height: 130px;
}

.discussion-box .dvDiscussionBox
,.intercation-box .dvDiscussionBox {
    border-radius: 40px 40px 40px 40px;
    background-color: #ffffff;
    margin: 0 auto;
    width: 80px;
    text-align: left;
    height: 80px;
    border: 1px solid #CCCCCC; /*-webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 3px;     -moz-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 3px;     box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 3px;*/
    overflow: hidden;
}

    .discussion-box .dvDiscussionBox:hover
    ,.intercation-box .dvDiscussionBox:hover {
        background-color: #E1EEF3;
        border: 5px solid #CCCCCC;
        border-radius: 50px 50px 50px 50px;
        height: 80px;
        margin: 0 auto;
        overflow: hidden;
        text-align: left;
        width: 80px;
    }

.discussion-box .dvDiscussionBoxHover
,.intercation-box .dvDiscussionBoxHover {
    background-color: #E1EEF3;
    border: 5px solid #CCCCCC;
    border-radius: 50px 50px 50px 50px;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    width: 80px;
}

.discussion-box .dType .dTypeInner
,.intercation-box .dType .dTypeInner {
    float: left;
    text-align: center;
    vertical-align: middle;
    width: 80%;
    padding: 0 10%;
    font-size: 14px;
}

.discussion-box .cboxComplete input
,.intercation-box .cboxComplete input {
    display: inline;
    border: 1px solid #CCCCCC;
}

.discussion-box .imgDutyComplete
,.intercation-box .imgDutyComplete {
    display: inline;
    cursor: pointer;
}

.discussion-box .discussiontxtWrapper
,.intercation-box .discussiontxtWrapper {
    height: 100%;
    overflow: hidden;
}

.discussion-box .discussiontxt
,.intercation-box .discussiontxt {
    float: left;
    padding: 8px 0 0 12px;
    width: 100%;
}

.discussion-box .datetxt
,.intercation-box .datetxt {
    font-weight: bold;
}

.discussion-box .coachtxt
,intercation-box .coachtxt {
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
}

.discussion-box .desctxt
,.intercation-box .desctxt {
    float: left;
    padding: 0px 0 4px 12px;
    width: 100%;
    line-height: 1.2;
    font-size: 14px;
}

#discussionresult {
    padding-bottom: 15px;
    float: left;
    width: 94%;
    padding-top: 20px;
}

.discussion-box .ruleViolationMsg
,.intercation-box .ruleViolationMsg {
    background-color: #FFFFFF;
    color: #F55555;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
/* SMS changes in discussionbox*/
.discussion-box .bulkTxt
,.intercation-box .bulkTxt {
    color: #1E7B9A;
    float: left;
    font-size: 18px;
}

.discussion-box .incomingtxt
,.intercation-box .incomingtxt {
    float: left;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    color: #009B30;
    font-weight: bold;
}

.contentInner .nodiscussion {
    color: #cccccc;
    font-size: 14px;
    line-height: 100px;
    width: 100%;
    text-align: center;
    clear: both;
}

/**********************/
/* Retina-Ready Icons */
/**********************/
.discussion-box .dType .dTypeInner .bad_address_dbx
,.intercation-box .dType .dTypeInner .bad_address_dbx {
    background: url(../images/bad_address_dbx.png) no-repeat 13px 2px;
    background-size: 40px 45px;
    display: block;
    height: 55px;
    width: 52px;
}

.discussion-box .dType .dTypeInner .no-backgroundsize .bad_address_dbx
,.intercation-box .dType .dTypeInner .no-backgroundsize .bad_address_dbx {
    background: url(../images/bad_address_dbx_1x.png) no-repeat 21px 8px;
}

.discussion-box .dType .dTypeInner .email_not_open_dbx
,.intercation-box .dType .dTypeInner .email_not_open_dbx {
    background: url(../images/email_not_open_dbx.png) no-repeat 13px 12px;
    background-size: 37px 25px;
    display: block;
    height: 43px;
    width: 52px;
}

.discussion-box .dType .dTypeInner .no-backgroundsize .email_not_open_dbx
,.intercation-box .dType .dTypeInner .no-backgroundsize .email_not_open_dbx {
    background: url(../images/email_not_open_dbx_1x.png) no-repeat 16px 14px;
}

.discussion-box .dType .dTypeInner .sms_outgoing
,.intercation-box .dType .dTypeInner .sms_outgoing {
    background: url(../images/sms_outgoing.png) no-repeat 11px 5px;
    background-size: 43px 40px;
    display: block;
    height: 43px;
    width: 60px;
}

.discussion-box .dType .dTypeInner .no-backgroundsize .sms_outgoing
,.intercation-box .dType .dTypeInner .no-backgroundsize .sms_outgoing {
    background: url(../images/sms_outgoing_1x.png) no-repeat 11px 5px;
}

.discussion-box .dType .dTypeInner .icon_unsubscribe_white_dbx
,.intercation-box .dType .dTypeInner .icon_unsubscribe_white_dbx {
    background: url(../images/icon_unsubscribe_white_dbx.png) no-repeat 13px 12px;
    background-size: 44px 28px;
    display: block;
    height: 43px;
    width: 68px;
}

.discussion-box .dType .dTypeInner .sms_fail_icon
,.intercation-box .dType .dTypeInner .sms_fail_icon {
    background: url(../images/sms_fail_icon.png) no-repeat 4px -3px;
    background-size: 62px 53px;
    display: block;
    height: 73px;
    width: 68px;
}

.discussion-box .dType .dTypeInner .no-backgroundsize .sms_fail_icon
,.intercation-box .dType .dTypeInner .no-backgroundsize .sms_fail_icon {
    background: url(../images/sms_fail_icon_1x.png) no-repeat 4px 0px;
}

.discussion-box .dType .dTypeInner .number_email_icon
,.intercation-box .dType .dTypeInner .number_email_icon {
    background: url(../images/number_email_icon.png) no-repeat -6px -6px;
    background-size: 61px 51px;
    color: #FFFFFF;
    float: right;
    font-family: 'open_sansregular';
    font-size: 12px;
    font-weight: bold;
    height: 43px;
    padding-right: 1px;
    width: 51px;
}

.discussion-box .dType .dTypeInner .no-backgroundsize .number_email_icon
,.intercation-box .dType .dTypeInner .no-backgroundsize .number_email_icon {
    background: url(../images/number_email_icon_1x.png) no-repeat 0px 0px;
}

.discussion-box .dType .dTypeInner .number_email_icon span
,.intercation-box .dType .dTypeInner .number_email_icon span {
    float: right;
    height: 2em;
    margin: 3px 3px 0 0;
    width: 2em;
    line-height: 1.7em;
}

.discussion-box .dType .dTypeInner .no-backgroundsize .number_email_icon span
,.intercation-box .dType .dTypeInner .no-backgroundsize .number_email_icon span {
    padding-top: 8px;
    padding-right: 11px;
}

    .discussion-box .dType .dTypeInner .no-backgroundsize .number_email_icon span.double-digit
    ,.intercation-box .dType .dTypeInner .no-backgroundsize .number_email_icon span.double-digit {
        padding-right: 8px;
    }

.discussion-box .dType .dTypeInner .sms_incoming
,.intercation-box .dType .dTypeInner .sms_incoming {
    background: url(../images/sms_incoming.png) no-repeat -2px 0px;
    background-size: 67px 49px;
    color: Green;
    float: right;
    font-family: 'open_sansregular';
    font-size: 12px;
    font-weight: bold;
    height: 43px;
    padding-right: 1px;
    width: 61px;
}

.discussion-box .dType .dTypeInner .no-backgroundsize .sms_incoming
,.intercation-box .dType .dTypeInner .no-backgroundsize .sms_incoming {
    background: url(../images/sms_incoming_1x.png) no-repeat -2px 0px;
}

.discussion-box .dType .dTypeInner .sms_incoming span
,.intercation-box .dType .dTypeInner .sms_incoming span {
    float: right;
    padding-right: 31%;
    padding-top: 12px;
}

    .discussion-box .dType .dTypeInner .sms_incoming span.double-digit
    ,.intercation-box .dType .dTypeInner .sms_incoming span.double-digit {
        padding-right: 24%;
    }

.intercation-box .dType .dTypeInner .interaction_box {
    background: url(../images/Interactions_icon.svg) no-repeat 11px 14px;    
    display: block;
    height: 43px;
    width: 52px;
}
/*Rad time view CSS*/
#txtFromTime_timeView_tdl td.rcHover a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border: none;
    color: #000000;
    padding: 2px 6px;
}

#txtToTime_timeView_tdl td.rcHover a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border: none;
    color: #000000;
    padding: 2px 6px;
}

#txtToTime_timeView_tdl td.rcSelected a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border: none;
    color: #FFFFFF;
    padding: 2px 6px;
}

#txtFromTime_timeView_tdl td.rcSelected a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border: none;
    color: #FFFFFF;
    padding: 2px 6px;
}

/*duty accordian*/
#dutyAccordion {
    float: left;
    width: auto;
    font-family: 'open_sansregular';
    font-size: 12px;
    overflow: hidden;
    background-color: #EBEBEB;
    padding: 10px 0 0 80px;
}

    #dutyAccordion fieldset {
        float: left;
        border: none;
        height: auto;
        font-size: 12px;
        width: 98%;
        padding: 0 0 20px 0;
        margin: 0;
    }

    #dutyAccordion .extendedFld {
        float: left;
        padding: 10px 0px 0px 15px;
    }

    #dutyAccordion .lblmain {
        color: #888;
        font-size: 13px;
        float: left;
        font-weight: 100;
        width: 100px;
        padding: 0 12px 0 0;
        text-align: right;
        line-height: 23px;
    }

    #dutyAccordion .lblmid {
        color: #888;
        font-size: 13px;
        float: left;
        font-weight: 100;
        padding: 0 20px 0 20px;
        width: auto;
        line-height: 28px;
    }

    #dutyAccordion .lblat {
        color: #888;
        font-size: 13px;
        float: left;
        font-weight: 100;
        padding: 0 3px 0 3px;
        width: auto;
        line-height: 28px;
    }

    #dutyAccordion .fullwidthFields {
        float: left;
        width: 100%;
        font-size: 12px;
    }

    #dutyAccordion .rbox input {
        float: left;
        height: 18px;
        width: 15px;
    }

    #dutyAccordion .rbox label {
        float: left;
        padding: 1px 0 0 5px;
        width: 200px;
        font-size: 13px;
    }

    #dutyAccordion .rboximg {
        float: left;
        padding: 5px 35px 0 0;
        width: auto;
    }

    #dutyAccordion .navImg {
        float: left;
        margin-left: 27%;
        width: auto;
        padding: 0 0 5px 0;
    }

    #dutyAccordion .cbox td {
        vertical-align: top;
    }

    #dutyAccordion .cbox input {
        float: left;
        height: 15px;
        width: 15px;
    }

    #dutyAccordion .cbox label {
        float: left;
        padding: 1px 0 0 5px;
        line-height: 16px;
    }

    #dutyAccordion .rowright {
        float: left;
        height: auto;
        line-height: 22px;
        width: 600px;
    }

    #dutyAccordion .rightInput {
        width: 100%;
        float: left;
    }

    #dutyAccordion .spnleft {
        color: #7F7F7F;
        float: left;
        height: auto;
        width: 112px;
    }

    #dutyAccordion .txtboxsml {
        border: #CCCCCC 1px solid;
        background-color: #ffffff;
        text-align: left;
        padding: 6px;
        font-size: 13px;
        line-height: 18px;
        float: left;
        vertical-align: middle;
        color: #3C3C3C;
        margin: 0;
        height: 16px;
    }

    #dutyAccordion .txtboxbig {
        border: #CCCCCC 1px solid;
        background-color: #ffffff;
        text-align: left;
        padding: 6px;
        font-size: 16px;
        line-height: 18px;
        float: left;
        vertical-align: middle;
        color: #3C3C3C;
        margin: 0;
        height: 16px;
    }

    #dutyAccordion .ddlsml {
        border: #CCCCCC 1px solid;
        background-color: #ffffff;
        text-align: left;
        padding: 6px;
        font-size: 13px;
        line-height: 18px;
        float: left;
        vertical-align: middle;
        color: #3C3C3C;
        margin: 0;
    }

    #dutyAccordion .errtext {
        color: Red;
        padding: 5px 0px 0px 10px;
        float: left;
        font-size: 11px;
    }

    #dutyAccordion .errtext2 {
        color: Red;
        padding: 5px 0px 0px 0px;
        float: left;
        font-size: 11px;
    }

    #dutyAccordion .errtextchklst {
        color: Red;
        padding: 0px 0px 0px 0px;
        float: left;
        font-size: 11px;
    }

    #dutyAccordion .cboxComplete input {
        float: left;
        height: 15px;
        width: 15px;
    }

    #dutyAccordion .cboxComplete label {
        float: left;
        padding: 2px 0 18px 5px;
        font-size: 13px;
    }

    #dutyAccordion .rptmsg span {
        color: #7F7F7F;
        float: left;
        height: auto;
        width: 100%;
    }

    #dutyAccordion a {
        cursor: pointer;
    }

    #dutyAccordion .fadecolor {
        color: #bbbbbb;
    }

.newdutylstarw {
    background: transparent url("../Images/down-arrow.png") no-repeat scroll 62px -1px;
}
/*accordion buttons*/
#dvaction {
    float: left;
    margin-left: 30px;
    width: 97%;
}

.btnwapper {
    float: left;
    margin: 0 5px;
}

.selectedbutton {
    background: url("../Images/down-arrow.png") no-repeat scroll center 34px transparent;
    float: left;
    height: 50px;
    line-height: 32px;
    position: relative;
    z-index: 1;
}

/*note accordian*/
#noteAccordion {
    float: left;
    width: auto;
    font-family: 'open_sansregular';
    font-size: 12px;
    overflow: hidden;
    background-color: #EBEBEB;
    padding: 10px 10px 18px 80px;
}

    #noteAccordion fieldset {
        float: left;
        border: none;
        height: auto;
        font-size: 12px;
        width: 98%;
        padding: 0;
        margin: 0;
    }

    #noteAccordion .extendedFld {
        float: left;
        padding: 20px 0px 2px 60px;
    }

    #noteAccordion ul {
        float: left;
        list-style: none outside none;
        padding: 0;
        width: 100%;
    }

        #noteAccordion ul li.Selected {
            background-color: #777;
            color: #ffffff;
            text-decoration: none;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
        }

        #noteAccordion ul li {
            float: left;
            padding: 4px 8px;
            width: auto;
            color: #797979;
            font-size: 13px;
            font-weight: 100;
            text-decoration: underline;
            cursor: pointer;
        }

    #noteAccordion .lblmaincontact {
        color: #888;
        font-size: 13px;
        float: left;
        font-weight: 100;
        width: 630px;
        padding: 0 12px 0 0;
        text-align: left;
        line-height: 23px;
    }

    #noteAccordion .lblmain {
        color: #888;
        font-size: 13px;
        float: left;
        font-weight: 100;
        width: 105px;
        padding: 0 12px 0 0;
        text-align: left;
        line-height: 23px;
    }

    #noteAccordion .lblmid {
        color: #888;
        font-size: 13px;
        float: left;
        font-weight: 100;
        padding: 0 20px 0 20px;
        width: auto;
        line-height: 23px;
    }

    #noteAccordion .txtboxsml {
        border: #CCCCCC 1px solid;
        background-color: #ffffff;
        text-align: left;
        padding: 6px;
        font-size: 13px;
        line-height: 18px;
        float: left;
        vertical-align: middle;
        color: #3C3C3C;
        height: 16px;
        width: 220px;
    }

    #noteAccordion .txtboxbig {
        border: #CCCCCC 1px solid;
        background-color: #ffffff;
        text-align: left;
        padding: 6px;
        font-size: 16px;
        line-height: 18px;
        float: left;
        vertical-align: middle;
        color: #3C3C3C;
        height: 16px;
    }

    #noteAccordion .ddlsml {
        /*border: #CCCCCC 1px solid;
        background-color: #ffffff;
        text-align: left;
        padding: 6px;
        font-size: 12px;
        line-height: 18px;
        float: left;
        vertical-align: middle;
        color: #3C3C3C;*/
        -moz-appearance: none;
        background-color: transparent;
        background-image: none;
        border: medium none;
        box-shadow: none;
        color: #666;
        line-height: 32px;
        padding: 0 8px;
        -webkit-appearance: none;
    }

    #noteAccordion .ddlsml {
        width: 300px;
        height: 32px;
    }

    #noteAccordion .cellLeft {
        float: left;
        height: auto;
        width: 322px;
    }

    #noteAccordion .cellWidth {
        width: 100%;
    }

    #noteAccordion .cellRight {
        float: left;
        height: auto;
        width: 200px;
    }

    #noteAccordion .divContact {
        float: left;
        padding: 2px 0 10px 0;
        width: 200px;
    }

    #noteAccordion .divContactOther {
        float: left;
        padding: 2px 0 2px 0;
        width: 200px;
    }

    #noteAccordion .errtext {
        color: Red;
        padding: 5px 0px 0px 0;
        font-size: 15px;
        vertical-align: top;
    }

    #noteAccordion .rbox {
        float: left;
        height: 18px;
        line-height: 20px;
    }

        #noteAccordion .rbox input {
            float: left;
            height: 18px;
            width: 15px;
        }

        #noteAccordion .rbox label {
            float: left;
            padding: 1px 0 0 2px;
            width: 110px;
            font-size: 13px;
            text-align: left;
        }

    #noteAccordion .lblContact {
        float: left;
        font-weight: bold;
        padding: 2px 0 0 25px;
        text-align: left;
        color: #333;
    }

    #noteAccordion .fadecolor {
        color: #bbbbbb;
    }

a.disabled {
    color: #ccc;
    cursor: default;
}

ul#moreList {
    position: absolute;
    top: 15px;
    right: 8px;
    list-style: none;
    background-color: #fff;
    /*-webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 3px;
    box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 3px;*/
    border: 1px solid black;
    padding-left: 0;
}

    ul#moreList li {
        padding: 6px;
        text-align: left;
    }

div.playerListingOptions {
    float: right;
    padding-top: 6px;
    position: relative;
}

.buttonBulkOperations {
    background-color: #FFFFFF;
    border: 1px solid #FF9831;
    color: #FF9831;
    width: 225px;
    text-align: center;
    text-decoration: none;
    padding: 10px;
    line-height: 30px;
    font-size: 12px;
    cursor: pointer;
    /*font-weight: bold;*/
    font-family: 'open_sansregular';
}

.bulkPopUp {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #aaa;
    background-color: #fff;
    width: 650px;
    font-size: 16px;
    margin: 0 auto;
}

.bulkPopUpSearch {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #aaa;
    background-color: #fff;
    width: 840px;
    font-size: 12px;
    margin: 0 auto;
    padding: 5px 0 5px 0;
    overflow: hidden;
}

.bulkPopUpMulExportSearch {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #aaa;
    background-color: #fff;
    width: 515px;
    font-size: 12px;
    margin: 0 auto;
    padding: 20px;
}

div.addToGroupsListing {
    color: #000;
    width: auto;
    font-size: 16px;
    margin-bottom: 15px;
}

ul.addToGroupsListing {
    list-style-type: none;
    margin: 0;
    padding-top: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #096f8c;
    padding-left: 10px;
}

    ul.addToGroupsListing li {
        padding: 2px 5px;
        width: auto;
        cursor: pointer;
    }

span.listcountplayers {
    font-style: italic;
    color: #aaa;
    margin-left: 10px;
}

ul.addToGroupsListing li.selected {
    background-color: #FCAD5D;
    color: #fff;
    /*margin-left: -50px;
    padding-left: 50px;
    padding-right: 30px;*/
    width: auto;
}

.divWait {
    font-size: 32px;
    color: #9b9b9b;
    width: 500px;
    text-align: center;
    padding: 80px 0;
}

.divCancelAction {
    color: #aaa;
    width: 500px;
    text-align: center;
    padding: 0 0 30px;
}

.bulkCancel {
    font-weight: bold;
    float: right;
}

.buttonUpdate {
    background-color: #FFFFFF;
    border: 1px solid #FF9831;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #FF9831;
    height: 38px;
    width: 223px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    /*font-weight: bold;*/
    font-family: 'open_sansregular';
    padding-bottom: 4px;
    line-height: 30px;
    cursor: pointer;
}

/*SMS Accordion*/
#smsAccordion {
    float: left;
    font-family: 'open_sansregular';
    font-size: 12px;
    overflow: hidden;
    background-color: #EBEBEB;
    padding: 0 0 18px 6%;
    width: 94%;
}

    #smsAccordion fieldset {
        float: left;
        border: none;
        height: auto;
        font-size: 12px;
        width: 98%;
        padding: 0;
        margin: 0;
    }

    #smsAccordion .extendedFld {
        float: left;
        padding: 18px 0px 0px 15px;
    }

    #smsAccordion .txtboxsml {
        border: #CCCCCC 1px solid;
        background-color: #ffffff;
        text-align: left;
        padding: 6px 8px 5px 8px;
/*        font-size: 13px;
        line-height: 18px;*/
        float: left;
        vertical-align: middle;
        /*color: #3C3C3C;*/
        height: 309px;
        width: 550px;
        color: #999999;
        font-size: 14px;
        font-family: 'open_sansregular';
        border-radius: 6px;
    }

    #smsAccordion .fadecolor {
        color: #bbbbbb;
    }

.tablerowinvite {
    height: 30px;
    vertical-align: bottom;
}

/* MessagesTop */
ul#messagesTop {
    float: left;
    list-style: none outside none;
    padding: 0;
    width: 100%;
    margin: 0;
}

    ul#messagesTop li a.Selected {
        background-color: #777;
        color: #ffffff;
        text-decoration: none;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    ul#messagesTop li a {
        float: left;
        padding: 4px 10px;
        width: auto;
        color: #797979;
        font-size: 13px;
        font-weight: 100;
        text-decoration: underline;
        cursor: pointer;
    }
/*WORD WRAP*/
.wrap {
    word-wrap: break-word;
}


/* lightbox css */
#popupMask {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
    filter: alpha(opacity=5);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;
    background-color: #FFFFFF;
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 888;
}

#lightbox {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1002;
}

    #lightbox .paddingleft60 {
        padding-left: 60px;
    }

    #lightbox .paddingleft85 {
        padding-left: 85px;
    }

    #lightbox .heading {
        color: #555;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
    }

    #lightbox .close {
        position: absolute;
        right: -12px;
        top: -12px;
        cursor: pointer;
    }

    #lightbox .inner {
        /*-moz-border-radius: 10px;     -webkit-border-radius: 10px;     border: 12px solid #DADADA;*/
        border: 1px solid #CCCCCC;
        background-color: #FFFFFF;
        max-height: 555px;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 15px;
    }

    #lightbox .errorSpan {
        color: #ff0000;
        display: none;
        float: left;
    }

    #lightbox h1.alert {
        font-size: 28px;
        padding-top: 0px;
        margin-top: 0px;
    }

    #lightbox .detail {
        min-height: 115px;
        background-color: #FFF;
        width: 700px;
        overflow: auto;
        padding: 5px;
    }

    #lightbox div.centerAlign {
        text-align: center;
    }

    #lightbox .detail .tableHeader {
        color: #B4B4B4;
    }
/* Compliance Season */
.seasonTitle {
    font-weight: bold;
    font-size: 16px;
}

.seasonOuterBox {
    border: 1px solid rgb(204, 204, 204);
    width: 600px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 20px 0;
    padding: 0 50px;
}

.seasonField {
    background-color: #ddd;
    padding: 16px 20px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin: 20px 0;
}

.seasonFieldLabel {
    padding-right: 8px;
    width: 150px;
    float: left;
    text-align: right;
    padding-top: 8px;
    height: 22px;
}

.seasonFieldRow {
    padding: 5px 0;
}

.seasonDate {
    border: #CCCCCC 1px solid;
    background-color: #ffffff;
    text-align: left;
    padding: 6px;
    font-size: 13px;
    line-height: 18px;
    float: left;
    vertical-align: middle;
    color: #3C3C3C;
    margin: 0;
    height: 16px;
}

.seasonDropDown {
    text-align: left;
    padding: 6px;
    font-size: 13px;
    line-height: 18px;
    vertical-align: middle;
    color: #3C3C3C;
    margin: 0;
    height: 30px;
}

.seasonErrHighlightDate {
    border-width: 1px;
    border-color: Red;
    border-style: solid none solid solid;
    background-color: rgb(255, 221, 221);
}

.ErrHighlightPlayerSubmit {
    background-color: #FFDDDD;
    border-color: Red;
    border-style: solid !important;
    border-width: 1px;
}

.contentTable {
    min-height: 0px !important;
}

.submittable {
    border: 10px solid #CCCCCC;
}

.repeaterclass {
    border-bottom: 1px solid #C0C0C0;
    font-size: 16px;
    line-height: 45px;
    font-weight: 200;
}

.repeaterImage {
    float: left;
    width: 10%;
    margin: 3px 20px 0px 12px;
}

.repeaterDiv {
    border-top: 1px solid #C0C0C0;
    float: left;
    width: 100%;
}

.seasonErrHighlightDrop {
    border-width: 1px;
    border-color: Red;
    border-style: solid solid solid solid;
    background-color: rgb(255, 221, 221);
}

.seasonDetailsTitle {
    font-weight: bold;
    font-size: 16px;
    float: left;
}

.seasonDetailsField {
    padding: 16px 20px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin: 10px 0;
    border: 1px solid #EDA524;
    font-size: 14px;
    width: 550px;
    float: left;
}

.seasonFieldLeft {
    float: left;
    padding-right: 10px;
    width: 185px;
}

.seasonFieldRight {
    font-weight: bold;
    float: left;
}

.seasonSegmentDashes {
    border-bottom: 1px solid #CCC;
    float: left;
    height: 1px;
    margin: 0 1%;
    padding-top: 6px;
    width: 40%;
}

.seasonSegmentText {
    color: #AAA;
    float: left;
    font-size: 12px;
}

.seasonEditDelete {
    float: right;
    margin: 46px 20px 0 0;
    font-size: 14px;
}

.linkbutton {
    background-color: #FFFFFF;
    border: 1px solid #FF9831;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #FF9831;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    padding: 9px 34px;
    text-align: center;
    text-decoration: none;
}

    .linkbutton:hover {
        background-color: #FF9831;
    }

.linkbuttonlarge {
    background-color: #FFFFFF;
    border: 1px solid #FF9831;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #FF9831;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    padding: 10px 34px;
    text-align: center;
    text-decoration: none;
}

.button {
    background-color: #FFFFFF;
    border: 1px solid #FF9831;
    border-radius: 4px 4px 4px 4px;
    color: #FF9831;
    cursor: pointer;
    font-size: 12px;
    /*font-weight: bold;*/
    font-family: 'open_sansregular';
    height: 34px;
    line-height: 30px;
    padding-bottom: 4px;
    text-align: center;
    text-decoration: none;
    width: 112px;
}

    .button:hover {
        color: white;
        background-color: #FF9831;
        border: 1px solid #FF9831;
    }

.buttonAddToGroups {
    background-color: #FFFFFF;
    border: 1px solid #FF9831;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #FF9831;
    height: 44px;
    width: 260px;
    text-align: center;
    text-decoration: none;
    padding-bottom: 4px;
    line-height: 30px;
    font-size: 12px;
    /*font-weight: bold;*/
    font-family: 'open_sansregular';
    cursor: pointer;
}

.solid-button {
    background-color: #FF9831;
    /*border: 1px solid #FF9831;*/
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bolder;
    height: 33px;
    line-height: 30px;
}

.QuickSearchButton {
    background-color: #FF9831;
    border: 1px solid #D2D2D2;
    border-left: none;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    height: 32px;
    width: 32px;
    text-align: center;
}

.divPlayerSearchKeywords {
    background-color: #177C98;
    color: #FFFFFF;
    font-weight: bold; /*width: 200px;*/
    margin: 0 auto;
    height: 30px;
    text-align: right;
    font-size: 14px;
    /*margin-bottom: 3px;*/
    width: 100%;
    /*padding-top: 8px;*/
    /*margin-left: -14px;*/
}

#lblSearchResult {
    display: inline-block;
    padding-top: 8px;
}

div.arrow-down-orange {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #FF9831;
    font-size: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    right: 21px;
    top: 16px;
    width: 0;
}

.GroupWrapper:hover .arrow-down-orange {
    border-top: 5px solid #fff;
}

div.arrow-down-blue {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #257E9A;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 0;
    float: right;
    margin-left: 3px;
    margin-top: 5px;
}

div.arrow-down-white {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #FFF;
    font-size: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    right: 21px;
    top: 16px;
    width: 0;
}

div.arrow-down-gray {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #CCCCCC;
    font-size: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 0;
}

.AdvancedSearchButton:hover div.arrow-down-gray {
    border-top: 5px solid #FF9831;
}

div.arrow-more {
    height: 18px;
    line-height: 18px;
    padding: 8px 6px 6px;
    right: 22px;
    position: absolute;
    color: #B3B3B3;
    font-size: 13px;
}

.AdvancedSearchButton:hover div.arrow-more {
    color: #FF9831;
}

.advancedSearchSeparator {
    /*background-color: #CCCCCC;*/
    border: 0 none;
}

.grayPopUp {
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    font-size: 12px;
    margin: 0 auto;
    padding: 20px;
}

.listDrop {
    height: 600px;
    padding: 10px 20px;
    width: 380px;
}

.grayText {
    float: left;
    font-size: 14px;
    color: #247F9F;
    line-height: 18px;
    margin-top: 26px;
    font-family: 'open_sansregular';
    cursor: pointer;
    margin-bottom: 12px;
}

a.topTabLinks {
    color: #CCC;
    font-size: 18px;
    display: inline-block;
    height: 32px;
    width: 100%;
}

a.topTabLinksSelected {
    color: #63a6bc;
    font-size: 18px;
    display: inline-block;
    height: 32px;
    width: 100%;
}

a.topTabLinks:hover {
    color: #63a6bc;
}

.inactiveTopTab {
    border: 2px solid rgb(204, 204, 204);
    border-bottom: none;
    padding: 6px 0;
    border-radius: 8px 8px 0pt 0pt;
    -moz-border-radius: 8px 8px 0pt 0pt;
    -webkit-border-radius: 8px 8px 0pt 0pt;
    text-align: center;
    width: 132px;
    font-size: 18px;
    font-weight: bold;
    color: rgb(99, 166, 188);
    height: 26px;
    background-color: #FFF;
    float: left;
    margin: 0 4px;
}

.activeTopTab {
    border: 2px solid rgb(204, 204, 204);
    border-bottom: none;
    padding: 6px 0;
    border-radius: 8px 8px 0pt 0pt;
    -moz-border-radius: 8px 8px 0pt 0pt;
    -webkit-border-radius: 8px 8px 0pt 0pt;
    text-align: center;
    width: 132px;
    font-size: 18px;
    font-weight: bold;
    color: rgb(99, 166, 188);
    height: 26px;
    background-color: #EDF7FA;
    float: left;
    margin: 0 4px;
}
/*LinkedIn Css*/
#LnkInBox {
    color: #383838;
    float: left;
    line-height: 18px;
    width: 650px;
}

    #LnkInBox .InfoBox {
        float: left; /*padding: 15px 0 0 15px;*/
        width: 600px;
    }

.InfoBox .CntImg {
    border: 1px solid #E8E8E8;
    float: left;
    margin: 0 15px 0 0;
}

.InfoBox p {
    float: left;
    line-height: 18px;
    width: 293px;
}

    .InfoBox p .catHdg {
        color: #595959;
        float: left;
        font-weight: bold;
        line-height: 12px;
        padding: 0 0 5px;
        width: 293px;
    }

    .InfoBox p .lnkPro {
        color: #595959;
        float: left;
        line-height: 12px;
        padding: 0 0 5px;
        width: 293px;
    }

#LnkInBox .InfoBox .summaryHd {
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    width: 100%;
}

#LnkInBox .InfoBox .summaryCnt {
    float: left;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 20px;
}

#LnkInBox .InfoBox .postitle {
    float: left;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    font-weight: bold;
    padding: 10px 0 0 10px;
}

#LnkInBox .InfoBox .pos {
    float: left;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    padding: 0 0 0 10px;
}

#LnkInBox .InfoBox .cmpny {
    float: left;
    color: #777777;
    font-size: 11px;
    line-height: 15px;
    width: 100%;
    padding: 0 0 0 10px;
}

#LnkInBox .InfoBox .cmpnydet {
    float: left;
    color: #777777;
    font-size: 11px;
    line-height: 15px;
    width: 100%;
    padding: 10px 0 0 10px;
}

.socialError {
    color: #CCCCCC;
    font-size: 20px;
}

    .socialError p {
        margin: 7px 0;
    }
/*Twitter Css*/
#twitter_div h1 {
    font-size: 18px;
    line-height: 18px;
}

#twitter_div {
    font-size: 1px;
    padding: 0 0 5px 3px;
    line-height: normal;
    width: 750px;
    width: 60%;
    float: left;
    font-family: 'open_sansregular';
}

    #twitter_div a {
        /*color: #1E7B9A;*/
        /*color: #00ACEE;*/
    }

    #twitter_div .tweet {
        margin: 18px 0;
        width: 100%;
    }

        #twitter_div .tweet span {
            width: 100%;
        }

    #twitter_div .created {
        font-size: 11px;
        width: 100%;
    }

        #twitter_div .created a {
            color: #777777;
            text-decoration: underline;
        }

/* Player's Social tabs CSS*/
#playtabCnt ul {
    list-style: none outside none;
    padding: 0;
    margin: 0;
}

#dvSocialTabsHdr {
    float: left;
    width: 180px;
    padding-left: 20px;
}

    #dvSocialTabsHdr ul {
        float: left;
        list-style: none outside none;
        padding: 0;
        margin: 0;
        width: 70%;
    }

        #dvSocialTabsHdr ul li.activeTab {
            color: #63A6BC !important;
            font-size: 15px;
            font-weight: bold; /*padding-left: 36px;*/
            text-decoration: none;
        }

        #dvSocialTabsHdr ul li {
            /*float: left;     padding: 4px 10px;     width: auto;     color: #797979;     font-size: 13px;     font-weight: 100;     text-decoration: underline;     cursor: pointer;*/
            cursor: pointer; /*padding: 4px 10px;*/
            padding-top: 10px;
            color: #cccccc;
        }

#dvEditLinkedAnswer {
    float: left;
    width: 300px; /*padding: 20px 0 0 0px;*/
}

    #dvEditLinkedAnswer .fadecolor {
        color: #BBBBBB;
    }

    #dvEditLinkedAnswer fieldset {
        float: left;
        width: 100%; /*padding: 10px 0 0 0;*/
        border: none;
        height: auto;
        margin: 0;
        padding: 10px 0 0 0px;
    }

.IN-widget {
    float: left;
    width: 60%;
    padding: 5px 0 0 0px;
}

.socialview {
    background-color: #ffffff; /*border: 2px solid #B7BABC;     border-radius: 10px 10px 10px 10px;*/
    float: left;
    padding: 10px 10px 10px 12x;
    width: 100%;
    margin-top: 10px;
}

.playerHistorySeparator {
    height: 30px;
    color: #ccc;
    width: 540px;
    float: left;
}

/* Start
Rajneesh  */


.navigationWrapper {
    float: left;
    margin-left: 15px;
    padding-top: 8px;
    font-size: 13px;
    position: relative;
}

    .navigationWrapper a {
        font-size: 13px;
        float: left;
    }

.separator {
    float: left;
    padding: 0px 5px;
    color: #1E7B9A;
}

.calButton {
    margin-top: 3px;
    margin-left: 4px;
    vertical-align: top;
}

a.lnkevent {
    float: left;
    width: 100%;
    min-height: 250px;
}
/** Compliance Events */

#ComplianceEventcalendar {
    border-bottom: 1px solid #B1D3DD;
}

    #ComplianceEventcalendar td {
        background-color: #FFF;
        min-height: 250px;
        height: auto;
        vertical-align: top;
        width: 14.28%;
        border-right: 1px solid #B1D3DD;
    }

    #ComplianceEventcalendar .dates td {
        background-color: #FFF;
        min-height: 20px;
        height: 20px;
        text-align: center;
        border: none;
        color: #797979;
        font-size: 15px;
        font-weight: bold;
    }

    #ComplianceEventcalendar td.disable {
        /* background-color: #CCC;*/
    }

a.lnkdisable {
    float: left;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-color: #ccc;
    min-height: 250px;
}

#ComplianceEventcalendar .player {
    height: 30px;
    background-color: #534F50;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    vertical-align: middle;
    min-height: 20px;
}

#ComplianceEventcalendar .playerRedBG {
    height: 30px;
    background-color: #FF0000;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    vertical-align: middle;
}

#ComplianceEventcalendar .eventWrapper {
    background-color: #DAE9F0;
    float: left;
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    padding: 10px 0px;
    cursor: default;
}

#ComplianceEventcalendar .eventTime {
    padding-left: 15px;
    color: #BBBBBB;
    font-size: 12px;
    font-weight: bold;
    clear: both;
}

#ComplianceEventcalendar .eventTitle {
    padding-left: 15px;
    font-size: 18px;
    clear: both;
}

.cal-header {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.cal-header-center {
    text-align: center;
    vertical-align: middle;
}

.fc-button-prev {
    height: 33px;
    width: 33px;
}

.fc-button-next {
    height: 33px;
    width: 33px;
}

.weekTitleWrapper {
    padding: 0 10px;
    width: 340px;
}

.weekof {
    color: #BBBBBB;
    font-size: 16px;
    font-weight: bold;
}

#weekTitle {
    color: #636864;
    font-size: 16px;
    font-weight: bold;
}

#seasonTitle {
    font-size: 12px;
    padding-left: 5px;
}

.season {
    color: Purple;
}

.Outseason {
    color: #EE82EE;
}

.noseason {
    color: #CCC;
}

.playerName {
    float: left;
    padding-left: 20px;
}

.hours {
    float: right;
    padding-right: 20px;
}

#pnlNoRecord .noRecord, #pnlNoRoster .noRecord {
    clear: both;
    color: #CCCCCC;
    text-align: center;
    width: 100%;
    vertical-align: middle;
}

    #pnlNoRecord .noRecord h1, #pnlNoRoster .noRecord h1 {
        font-size: 20px;
    }

#dvPracticeLogNotification {
    float: left;
    text-align: right;
    width: 100%;
}

    #dvPracticeLogNotification p {
        margin: 0;
        padding: 0px;
        margin-right: 20px;
        font-size: 14px;
    }

    #dvPracticeLogNotification .rejected {
        color: #ED4850;
    }

    #dvPracticeLogNotification .rejectionNote {
        color: #ED4850;
        width: 90%;
        text-align: right;
        font-size: 14px;
        margin: 0 20px 0 0;
        padding: 0;
        padding-top: 5px;
        float: right;
    }

    #dvPracticeLogNotification .confirmed {
        color: #6CC38B;
    }

    #dvPracticeLogNotification .pending {
        color: #AAABAB;
    }

#divnotificationSent {
    position: relative;
    width: 100%;
    height: 35px;
    background-color: #fff;
}

#divnotificationMessage {
    position: absolute;
    width: 450px;
    background-color: #FFF;
    z-index: 2000;
    right: 20px;
    height: 20px;
    text-align: right;
    vertical-align: top;
}

a.newEvent {
    cursor: pointer;
}

div.editEvent {
    cursor: pointer;
    text-decoration: underline;
    color: #636864;
}

    div.editEvent:hover {
        cursor: pointer;
        text-decoration: underline;
        color: #333333;
    }

.notificationSent {
    font-size: 12px;
    color: #47a347;
}
/* End
Rajneesh  */
.buttonSendToAthelete {
    background-color: #FFFFFF;
    border: 1px solid #FF9831;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #FF9831;
    cursor: pointer;
    font-size: 12px;
    /*font-weight: bold;*/
    font-family: 'open_sansregular';
    height: 34px;
    line-height: 30px;
    padding-bottom: 4px;
    text-align: center;
    text-decoration: none;
    width: 196px;
}

a.linkbuttonlarge:hover, a.linkbutton:hover, .buttonHover {
    background-color: #FF9831;
    color: #FFF;
}

.clearSearchBackGround {
    float: right;
    font-size: 16px;
    width: 90px;
    background-color: #6CBED5;
    margin-left: 15px;
    height: 30px;
    /*margin-right: -15px; 15390: UI is off when pulling up groups on playerListing.aspx*/
}

.clearSearchCross {
    color: rgb(23, 124, 152);
    padding: 0pt 0px;
    padding-top: 2px;
    float: none;
    margin: 4px auto 0pt;
    text-align: center;
    width: 70px;
    cursor: pointer;
}

.socialtxtbox {
    font-size: 20px;
    padding: 6px;
    width: 400px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #3C3C3C;
    float: left;
    height: 20px;
    line-height: 18px;
    margin: 0;
    text-align: left;
    vertical-align: middle;
}

.removeBlueTopBorder {
    margin-top: -1px;
}

.exportLoaderImage {
    padding-top: 10px;
}

/* facebook css */

p.cansendfbmessage {
    color: #FC0009;
    margin-left: 150px;
}

.fb_button_text {
    padding-top: 7px;
    padding-left: 10px;
    height: 25px;
    display: inline-block;
    color: Black;
    font-size: 13px;
    font-weight: bold;
    width: 155px;
}

.lnked_button_text {
    border: 1px solid;
    padding: 6px 14px;
    color: Black;
    font-size: 14px;
    font-weight: bold;
}

.fbInfo {
    float: left;
    width: 600px;
    padding: 0px 15px 10px 0px; /*border-bottom: 1px solid #EEEEEE;*/
    margin-bottom: 10px;
}

.fbname {
    /*float: left;*/
    width: 90%;
    padding: 5px 0 0 0;
    font-size: 15px;
    font-weight: bold;
}

.fbIcon {
    background-position: 2px center;
    float: left; /*background-image: url('../Images/fb.jpeg');*/
    background-image: url('../Images/social_facebook_profile_icon.png');
    width: 55px;
    height: 55px;
    padding: 0 9px 0 0px;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 14px;
    color: #777777;
}

.profilerow {
    float: left;
    width: 90%;
    padding: 10px 0 0 0;
}

    .profilerow .location {
        float: left;
        width: 50%;
        padding: 0 0 0 20px;
    }

        .profilerow .location .title {
            color: #999999;
            float: left;
            font-weight: 100;
            width: 20%;
            padding-bottom: 5px;
        }

        .profilerow .location .value {
            color: #595959;
            float: left;
            font-weight: 100;
            width: 80%;
            padding-bottom: 5px;
        }

.fbInfo .title {
    color: #999999;
    font-weight: 100;
    width: 20%;
    padding-bottom: 5px;
}

.fbInfo .value {
    color: #595959;
    font-weight: 100;
    width: 80%;
    padding-bottom: 5px;
}

#fb-login-button-div {
    float: left;
    width: 600px; /*padding: 15px 0 0 15px;*/
}

    #fb-login-button-div .loginmsg {
        float: left;
        width: 100%;
        padding: 0 0 5px 0;
    }

#dvNoteList ul {
    float: left;
    list-style: none outside none;
    padding: 0;
    width: 100%;
}

    #dvNoteList ul li {
        cursor: pointer;
        float: left;
        font-size: 13px;
        font-weight: 100;
        padding: 4px 10px;
        text-decoration: underline;
        width: auto;
    }

        #dvNoteList ul li.Selected {
            background-color: #777;
            text-decoration: none;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
        }

        #dvNoteList ul li a {
            color: #797979;
        }

            #dvNoteList ul li a.active {
                color: #ffffff;
            }

.AddNote .notelbltxt {
    text-align: right;
    padding-right: 12px;
    width: 100px;
}

.AddNote .ddlsml {
    border: #CCCCCC 1px solid;
    background-color: #ffffff;
    text-align: left;
    padding: 6px;
    font-size: 12px;
    line-height: 18px;
    float: left;
    vertical-align: middle;
    color: #3C3C3C;
}

.AddNote .txtboxsml {
    border: #CCCCCC 1px solid;
    background-color: #ffffff;
    text-align: left;
    padding: 6px;
    font-size: 13px;
    line-height: 18px;
    float: left;
    vertical-align: middle;
    color: #3C3C3C;
    height: 16px;
}

.AddNote .txtAreaNote {
    border: #CCCCCC 1px solid;
    text-align: left;
    padding: 6px;
    font-size: 14px;
    line-height: 18px;
    float: left;
    vertical-align: middle;
    color: #3C3C3C;
    height: 16px;
    background-color: #F6F6F6;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    font-family: 'open_sansregular';
    width: 680px;
    height: 160px;
}

.AddNote .fadecolor {
    color: #bbbbbb;
}

.staffSoicalWidget {
    clear: both;
    /*float: right;*/
    height: auto;
    /*padding: 10px;*/
    width: 200px;
    margin-top: 20px;
    float: right;
}

.staffDetailInfo {
    font-family: 'open_sansregular';
    font-size: 17px;
}
/* CSS for disconnect social profiles panel  on staff */
.staffSoicalWidget .hdr {
    color: #999999;
    width: 100%;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline;
}

.staffSoicalWidget #fb-login-button-div {
    float: right;
    border: 1px solid rgb(183, 186, 188);
    width: 200px;
}

.staffSoicalWidget p {
    font-weight: 100;
    margin: 0;
    clear: left;
    padding: 5px 0 5px 0;
    margin-bottom: 10px;
}

.staffSoicalWidget .IN-widget {
    float: left;
    padding: 10px 0 0 1px;
    width: 90%;
}

.staffSoicalWidget #lnkIn-button-div {
    float: right;
    margin-top: 10px;
    width: 200px;
    border: 1px solid rgb(183, 186, 188);
}

#LinkedIn-Out-widget {
    padding-top: 7px !important;
    height: 25px !important;
    display: inline-block !important;
    color: Black !important;
    font-size: 13px !important;
    font-weight: bold !important;
    width: 165px !important;
    text-align: center !important;
}

    /*#LinkedIn-Out-widget:hover {
        background-color: #DEDEDE !important;
        background-image: -moz-linear-gradient(center top, #E3E3E3 0%, #EDEDED 100%) !important;
        border-color: #B6B6B6 #B3B3B3 #9D9D9D #49627B !important;
        color: #666666 !important;
    }*/

    #LinkedIn-Out-widget a {
        color: black !important;
        text-align: center !important;
        float: none !important;
        font-family: 'open_sansregular' !important;
        font-size: 13px !important;
        font-style: normal !important;
        font-weight: bold !important;
    }

    #LinkedIn-Out-widget ahover {
        color: #666666 !important;
    }

/* Archive Links*/
.archiveLinkWrp {
    margin-left: 8px;
    padding-top: 10px;
    float: left;
    width: 270px;
}

.archiveHdr {
    float: left;
    padding: 2px 8px 0 0;
    font-weight: bold;
    font-size: 14px;
}

ul#archiveLinks {
    list-style: none outside none;
    padding: 0;
    width: 100%;
    margin: 0 0 0 10px;
    width: 299px;
}

    ul#archiveLinks li a.Selected {
        background-color: #777;
        color: #ffffff;
        text-decoration: none;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    ul#archiveLinks li a {
        float: left;
        padding: 4px 10px;
        width: auto;
        color: #797979;
        font-size: 11px;
        font-weight: 100;
        text-decoration: underline;
        cursor: pointer;
    }

#thirdparty {
    margin: 0 auto;
    width: 835px;
}

    #thirdparty h1 {
        display: inline;
        font-size: 20px;
        font-weight: bold;
        padding: 25px 0 0 0;
        float: left;
    }

    #thirdparty .thirdpartyWrapper {
        float: left;
        padding: 5px 0 0 20px;
    }

    #thirdparty .logo_selected {
        display: inline;
        background-repeat: no-repeat;
        margin: 30px 50px 0 0;
        width: 155px;
        height: 100px;
        overflow: hidden;
        float: left;
        background-position: 0px 0px;
        cursor: pointer;
        background-size: 155px 450px;
    }
    /*#thirdparty .logo_selected:hover
{
    background-position: 0px -100px; 
    cursor:pointer;      
    
}*/
    #thirdparty .logo_unselected {
        display: inline;
        background-repeat: no-repeat;
        margin: 30px 50px 0 0;
        width: 155px;
        height: 100px;
        overflow: hidden;
        float: left;
        background-position: 0px -227px;
        cursor: pointer;
        background-size: 155px 450px;
    }
/*#thirdparty .logo_unselected:hover
{
    background-position: 0px -301px;  
    cursor:pointer;    
}*/
.thirdpartylistbox {
    background-color: #FFFFFF;
    color: #1E7B9A;
    display: none;
    font-size: 12px;
    line-height: 14px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 72px;
    z-index: 999;
    cursor: pointer;
    overflow: hidden;
    border-radius: 0px 0 3px 3px;
    -moz-border-radius: 0px 0 3px 3px;
    webkit-border-radius: 0px 0 3px 3px;
}

    .thirdpartylistbox .logoWrapper {
        padding: 0 1px 0 1px;
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        float: left;
        width: 68px;
        border-bottom: 1px solid #CCCCCC;
        height: 51px;
    }

        .thirdpartylistbox .logoWrapper:hover {
            background-color: #ECECEC;
        }

    .thirdpartylistbox .logoItem {
        display: inline;
        background-repeat: no-repeat;
        width: 64px;
        height: 51px;
        overflow: hidden;
        float: left;
        background-position: -4px -57px;
        background-size: 75px 110px;
    }

        .thirdpartylistbox .logoItem:hover {
            background-position: -4px -2px;
            background-size: 75px 110px;
        }

    .thirdpartylistbox .addMorelogoItemWrapper {
        border: 1px solid #FF9831;
        background-color: #FFFFFF;
        border-radius: 0px 0 10px 10px;
        -moz-border-radius: 0px 0 10px 10px;
        webkit-border-radius: 0px 0 10px 10px;
        width: 70px;
        float: left;
        -webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 3px;
        -moz-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 3px;
        box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 3px;
    }

        .thirdpartylistbox .addMorelogoItemWrapper:hover {
            background-color: #FF9831;
        }

    .thirdpartylistbox .addMorelogoItem {
        background-color: white;
        border-radius: 0px 0 10px 10px;
        -moz-border-radius: 0px 0 10px 10px;
        webkit-border-radius: 0px 0 10px 10px;
        color: #FF9831;
        cursor: pointer;
        float: left;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        padding: 4px 0 4px 0;
        text-align: center;
        width: 70px;
    }

        .thirdpartylistbox .addMorelogoItem:hover {
            background-color: #FF9831;
            color: #FFFFFF;
        }

/* facebook discussions */
.fbWrapper {
    float: left;
    width: 100%;
    padding: 15px 0px 0px 10px;
}

.filter {
    float: left;
    width: 90%;
    text-align: left;
    /*z-index: 4; Because of Exact API PopUp:0009092*/
    z-index: 1;
    position: relative;
    padding-top: 10px;
}

ul.h3 {
    list-style: none outside none;
    text-align: left;
    margin: 10px 0 0 20px;
    padding: 0px;
    font-size: 13px;
    /*padding-left: 48%;*/
}


    ul.h3 li {
        display: inline;
        font-size: 16px;
        font-weight: bold;
        position: relative;
    }

.options {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #1E7B9A;
    display: none;
    font-size: 12px;
    left: -55px;
    line-height: 20px;
    padding: 5px;
    position: absolute;
    text-align: left;
    top: 30px;
    -webkit-box-shadow: 2px 2px 10px #000000;
    -moz-box-shadow: 2px 2px 10px #000000;
}

ul.types {
    margin: 0px;
    padding: 0px;
}

    ul.types li {
        display: list-item;
        margin: 2px 0px;
        list-style: none;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        line-height: 23px;
        padding-left: 10px;
    }

        ul.types li:hover {
            text-decoration: underline;
        }
/* SMS POP CSS */
.smsTxt {
    /*max-width: 80%;*/
    min-height: 20px; /*min height of DIV should be set to at least 2x the width of the arrow*/
    background: #E1EEF5;
    padding: 5px;
    position: relative;
    word-wrap: break-word;
    -moz-border-radius: 10px; /*add some nice CSS3 round corners*/
    -webkit-border-radius: 10px;
    border-radius: 10px;
    float: right;
    padding: 10px;
    text-align: right;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px;
    margin-right: 10px;
    max-width: 490px;
}

    .smsTxt:after {
        /*arrow added to smsTxt DIV*/
        content: '';
        display: block;
        position: absolute;
        top: 35%;
        left: 100%; /*should be set to 100% */
        width: 0;
        height: 0;
        border-color: #ffffff #ffffff #ffffff #E1EEF5; /*border color should be same as div div background color*/
        border-style: solid;
        border-width: 6px 0 6px 15px;
        color: #E1EEF5;
    }

.smsRep {
    max-width: 100%;
    min-height: 20px; /*min height of DIV should be set to at least 2x the width of the arrow*/
    background: #C2EBC4;
    position: relative;
    word-wrap: break-word;
    -moz-border-radius: 10px; /*add some nice CSS3 round corners*/
    -webkit-border-radius: 10px;
    border-radius: 10px;
    float: left;
    padding: 10px 10px 10px 12px;
    text-align: left;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 3px;
}

    .smsRep:after {
        /*arrow added to smsTxt DIV*/
        content: '';
        display: block;
        position: absolute;
        top: 35%;
        left: -15px;
        width: 0;
        height: 0;
        border-color: #ffffff #C2EBC4 #ffffff #ffffff; /*border color should be same as div div background color*/
        border-style: solid;
        border-width: 6px 15px 6px 0;
        color: #E1EEF5;
    }

.smsdate {
    width: 100%;
    text-align: center;
    color: #999999;
    font-size: 11px;
    float: left;
    padding: 0 0 5px 0;
}

.smsRepWrapper {
    max-width: 490px;
    float: left;
}

.smsRepdate {
    float: left;
    padding: 3px 10px 3px 10px;
    color: #999999;
    font-size: 11px;
    text-align: center;
    width: 100%;
}

.smsBy {
    float: right;
    font-style: italic;
    font-size: 11px;
}

/* Send SMS (sms.aspx)*/
.lnkReceipent {
    vertical-align: top;
    padding-left: 5px;
}

.smsleft {
    color: #FF9831;
    font-weight: bold;
}

.smsChar {
    color: #888888;
}

.selReceivers {
    color: Green;
}

/*.receiversPopUp {
    padding-left: 312px;
    padding-top: 130px;
}*/

.msgLeftMargin {
    margin-left: 18px;
}

.noteReceipent {
    margin-left: 28px;
    float: left;
    width: 100%;
    padding-top: 10px;
}

.buyMoreWrpr {
    width: 370px;
    float: left;
}

.buyMoreBtnWrpr {
    width: 100%;
    float: left;
    padding-top: 10px;
}

.buyMoreSubWrpr {
    width: 100%;
    float: left;
    text-align: justify;
}

#dvSmsLeftMessag {
    float: right;
}

.smsBuyBox {
    float: left;
    width: 100%;
    height: 100%;
    font-family: 'open_sansregular';
    font-size: 12px;
    overflow: hidden;
    padding: 20px 0 0 0;
    background-color: white;
}

    .smsBuyBox p {
        float: left;
        line-height: 18px;
        margin: 0;
        width: 100%;
        text-align: center;
    }

    .smsBuyBox .msg1 {
        float: left;
        font-weight: bold;
        width: 100%;
        font-size: 14px;
        color: #595959;
        padding-bottom: 5px;
    }

    .smsBuyBox p.buymre {
        background-color: #EEF7FA;
        margin-top: 18px;
        padding-top: 20px;
        color: #1E7B9A;
    }

#PopCnArea p.buymre {
    padding-top: 4px;
    color: #1E7B9A;
    width: 100%;
    text-align: center;
    margin: 0;
}

p.buymre .msg2 {
    font-weight: bold;
    font-size: 14px;
}

p.buymre .inputbox {
    color: #595959;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0 22px 12%;
    width: 55%;
}

p.buymre .amtLabel {
    float: left;
    padding: 8px 0 0px 1px;
    text-align: left;
    width: 70px;
}

p.buymre .rateLabel {
    float: left;
    padding: 8px 0 0px 10px;
    text-align: left;
}

p.buymre .inputbox2 {
    font-weight: bold;
    font-size: 14px;
    width: 66%;
    color: #3E3E3E;
    padding: 5px 17% 0px 17%;
    float: left;
}

p.buymre .txtbox {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #3C3C3C;
    float: left;
    font-size: 13px;
    height: 18px;
    line-height: 20px;
    padding: 7px 7px 7px 6px;
    text-align: center;
}

p.buymre .btnPaywal {
    float: left;
    width: 93px;
    height: 25px;
    -moz-border-radius: 5px; /*add some nice CSS3 round corners*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #CCCCCC;
    padding: 10px 5px 0 5px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 3px;
    box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 3px;
    cursor: pointer;
    margin-top: 15px;
    text-align: center;
    vertical-align: middle;
}
/*Sms paywal popup*/
#PopCnArea .txtboxCC {
    border: #1E7B9A 1px solid;
    background-color: #ffffff;
    text-align: left;
    padding: 6px;
    font-size: 13px;
    line-height: 18px;
    float: left;
    vertical-align: middle;
    margin: 0;
    height: 16px;
}

#PopCnArea .ddlCC {
    background-color: #FFFFFF;
    border: 1px solid #1E7B9A;
    color: #3C3C3C;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 2px;
    text-align: left;
    vertical-align: middle;
}

#PopCnArea .CCBoxTop, .CCBoxBottom {
    float: left;
    width: 100%;
    padding: 0 0 10px 0;
}

#PopCnArea .CCBoxMid {
    float: left;
    width: 100%;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 5px 0 20px 0;
}

#PopCnArea .selectedCCBox {
    background-color: #EEF7FA;
}

#PopCnArea .overlayCCBox {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    -khtml-opacity: 0.7;
}

#PopCnArea .overlayCCBoxBtm {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    -khtml-opacity: 0.9;
}

#PopCnArea .txtboxCCError {
    border: red 1px solid;
    color: Red;
}

ul.ulCardIcon {
    margin: 0px;
    padding: 0px;
    width: 184px;
    float: right;
}

    ul.ulCardIcon li {
        width: 46px;
        height: 29px;
        float: left;
        display: inline-block;
    }

.ulCardIcon .visa {
    background: url("../images/creditcards_sprite.png") no-repeat scroll 0 -29.5px transparent;
}

.ulCardIcon .visa_selected {
    background: url("../images/creditcards_sprite.png") no-repeat scroll 0 -1px transparent;
}

.ulCardIcon .mastercard {
    background: url("../images/creditcards_sprite.png") no-repeat scroll -46px -29.5px transparent;
}

.ulCardIcon .mastercard_selected {
    background: url("../images/creditcards_sprite.png") no-repeat scroll -46px -1px transparent;
}

.ulCardIcon .discover {
    background: url("../images/creditcards_sprite.png") no-repeat scroll -92px -29.5px transparent;
}

.ulCardIcon .discover_selected {
    background: url("../images/creditcards_sprite.png") no-repeat scroll -92px -1px transparent;
}

.ulCardIcon .amex {
    background: url("../images/creditcards_sprite.png") no-repeat scroll -138px -29.5px transparent;
}

.ulCardIcon .amex_selected {
    background: url("../images/creditcards_sprite.png") no-repeat scroll -138px -1px transparent;
}

#PopCnArea .secCodeHelp {
    float: left;
    padding-left: 10px;
    width: 155px;
}

.secCodeHelp .cardWrapper {
    float: left;
    width: 100%;
    border: 1px solid #1E7B9A;
    padding: 5px 0px 10px 10px;
    background-color: #fff;
    display: none;
}

.cardWrapper .cardName {
    color: #1E7B9A;
    font-size: 10px;
    float: left;
    font-weight: bold;
    width: 100%;
    padding: 5px 0 3px 0;
}

.buybutton {
    background-color: #65A7BF;
    color: #FFFFFF;
    cursor: pointer;
    font-family: 'open_sansregular';
    font-weight: bold;
    padding: 4px 45px 4px 45px;
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari and Chrome */
    border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3*/
    border: 1px solid #65A7BF;
    margin-bottom: 5px;
    overflow: auto;
}

.payment-errors {
    float: right;
    color: Red;
}

.smsBuyBox .paymentStatus {
    color: #888888;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    padding: 40px 0 0 0;
}

.smsDeliveryMsg {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    color: #FF0000;
}


/* Fb Message  */

#dvFbMessage {
    float: left;
    width: 466px;
    padding: 20px 2px 0px;
    display: none;
    font-family: 'open_sansregular';
    font-size: 12;
}

    #dvFbMessage #lblMsgTitle {
        color: #333;
        font-weight: bold;
        float: left;
        width: 50%;
    }

#imgProfilePicWrapper {
    float: left;
    width: 50px;
    padding: 0 10px;
}

#dvMsgBodyWrapper {
    float: left;
    width: 395px;
    padding-bottom: 20px;
}

#dvMsgTitleWrapper {
    float: left;
    width: 100%;
    padding-bottom: 5px;
}

#dvMsgBody {
    float: left;
    width: 100%;
    padding-bottom: 5px;
}

#dvMsgDateWrapper {
    float: right;
    width: 40%;
    text-align: right;
}

#lblMsgDate {
    padding-right: 20px;
    color: #999999;
    font-weight: bold;
}

#lblBody {
    float: left;
    text-align: left;
    width: 90%;
}

.topNSearchWarpper {
    float: left;
    width: 66%;
    padding: 0px 0% 0px 20px;
    /*border-bottom: 1px solid #CCCCCC;
    margin-bottom: 15px;*/
}

    .topNSearchWarpper .spnSearchTxt {
        color: #1E7B9A;
        cursor: pointer;
        width: 100%;
        line-height: 18px;
        float: left;
        font-size: 14px;
    }

/*New UI design Changes 13th,Sept 2012*/

.activeTopLink {
    padding: 5px 40px 0 0;
    color: rgb(99, 166, 188);
    height: 26px;
    float: left;
}

.inactiveTopLink {
    padding: 5px 40px 0 0;
    color: rgb(99, 166, 188);
    height: 26px;
    float: left;
}

.priorityField {
    float: left;
    padding: 10px;
    width: 98%;
}

    .priorityField .singleViewText {
        color: #888888;
        text-transform: uppercase;
        width: 99%;
    }

    .priorityField .singleViewEdit {
        width: 100%;
        padding: 5px 0px 0px 0px;
    }

    .priorityField .displayBlock {
        display: block;
        width: 97%;
        background: #E1EEF3;
        border: 1px solid #E1EEF3;
        font-size: 20px;
        float: left;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-bottom: 1px solid #B7BABC;
        padding: 10px 0 10px 10px;
        word-wrap: break-word;
    }

    .priorityField .gobutton {
        background-color: #65A7BF;
        color: #FFFFFF;
        cursor: pointer;
        font-family: 'open_sansregular';
        padding: 10px;
        font-size: 21px;
        -moz-border-radius: 0 0px 0px 0;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        float: left;
        margin-left: -53px;
        font-weight: normal;
    }

    .priorityField .txtbox {
        border: #CCCCCC 1px solid;
        background-color: #FFFFFF;
        color: #000000;
        text-align: left;
        height: 25px;
        width: 100%;
        font-size: 20px;
        padding: 10px 0 10px 10px;
        line-height: 16px;
    }

    .priorityField .savebutton {
        background-color: #FF9900;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -moz-border-radius: 0 0 0px 0px;
        color: #FFFFFF;
        cursor: pointer;
        /*font-family: verdana,arial,Helvetica,sans-serif;*/
        font-family: 'open_sansregular';
        font-weight: normal;
        padding: 6px 12px;
        font-size: 18px;
        float: left;
    }

    .priorityField .cancelbutton {
        font-weight: normal;
        font-family: 'open_sansregular';
        cursor: pointer;
        font-size: 14px;
        padding: 10px;
        float: left;
    }

    .priorityField .errorhide {
        color: #ff0000;
        display: none;
        font-size: 16px;
        margin-top: 10px;
    }

    .priorityField .txtarea {
        border: #CCCCCC 1px solid;
        background-color: #FFFFFF;
        color: #000000;
        text-align: left;
        width: 102%;
        font-size: 16px;
        padding-left: 2px;
    }

    .priorityField .upload {
        background-color: #65A7BF;
        color: #FFFFFF;
        float: left;
        font-size: 20px;
        margin-left: -111px;
        padding: 11px;
    }

    .priorityField .txtboxMsg {
        color: #888888;
        font-size: 18px;
    }

    .priorityField .labelField {
        background-color: #ffffff;
        text-transform: uppercase;
        border-bottom: solid 1px #B7BABC;
        color: #888888;
        width: 99%;
        font-size: 15px;
        padding-top: 10px;
    }

.marginTop10 {
    margin-top: 10px;
}

.priorityField .borderdBox {
    border: #CCCCCC 1px solid;
    background-color: #FFFFFF;
    color: #000000;
    text-align: left;
    width: 100%;
    font-size: 20px;
    padding: 10px 0 10px 10px;
    line-height: 16px;
}

.priorityField .dropdown {
    color: #3C3C3C;
    font-family: 'open_sansregular';
    width: 110px;
    font-size: 16px;
}

.priorityField .leftPanel {
    border: 1px solid black;
    width: 20%;
}

.multiPage {
    float: left; /*padding: 4px;*/
    width: 50%;
    margin-left: -1px;
}

.leftTabLinks {
    float: left;
    min-width: 190px;
}


/*RadTabstrip css*/
.RadTabStrip_Default {
    font-family: 'open_sansregular' !important;
}

    .RadTabStrip_Default .rtsLink {
        color: white !important;
    }

.RadTabStripTop_Default .rtsSelected, .RadTabStripTop_Default .rtsSelected:hover {
    color: black !important;
}

.RadTabStripVertical, .RadTabStripVertical .rtsLevel {
    min-width: 190px !important;
}

    .RadTabStripVertical, .RadTabStripVertical .rtsLevel {
        margin-top: 8px;
    }

.RadTabStripLeft_Default .rtsLink, .RadTabStripRight_Default .rtsLink {
    background-image: none !important;
}

.RadTabStripLeft_Default .rtsLast .rtsLink, .RadTabStripRight_Default .rtsLast .rtsLink {
    border-bottom: none !important;
}

.RadTabStripVertical .rtsLink {
    text-align: left !important;
}

.RadTabStrip_Default .rtsLI, .RadTabStrip_Default .rtsLink {
    font-size: 15px !important;
    font-family: 'open_sansregular' !important;
    /*font: Arial !important;*/
}

.statistics {
    float: left;
}

    .statistics .contactType {
        height: 20px;
        width: 200px;
        float: left;
    }

    .statistics .quantity {
        height: 20px;
        width: 110px;
        float: right;
    }

.playerPre {
    float: left; /*background-image: url('../Images/fb.jpeg');*/
    background-image: url('../Images/prev_next.png');
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
    margin-right: 5px;
    cursor: pointer;
}

.playerNext {
    float: left; /*background-image: url('../Images/fb.jpeg');*/
    background-image: url('../Images/prev_next.png');
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
    background-position: -29px;
    cursor: pointer;
}

.playerPre:hover {
    float: left; /*background-image: url('../Images/fb.jpeg');*/
    background-image: url('../Images/prev_next_hover.png');
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
}

.playerNext:hover {
    float: left; /*background-image: url('../Images/fb.jpeg');*/
    background-image: url('../Images/prev_next_hover.png');
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
}

.playerPre.disabled {
    float: left; /*background-image: url('../Images/fb.jpeg');*/
    background-image: url('../Images/prev_next_inactive.png');
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
}

.playerNext.disabled {
    float: left; /*background-image: url('../Images/fb.jpeg');*/
    background-image: url('../Images/prev_next_inactive.png');
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
}

.tablerow .playerName {
    float: none;
    margin-left: 0px;
    color: #777777;
    font-size: 29px;
    font-weight: bold;
    padding-left: 200px;
}

.tablerow .playerGrad {
    float: left;
    color: #777777;
    font-size: 17px;
    padding-left: 200px;
    font-weight: bold;
}

.lblmultiplesport {
    margin: 5px 0;
    font-family: 'open_sansregular';
    font-weight: 600;
}

@media all and (max-width: 1300px) {
    .contentInner {
        width: 95% !important;
    }
}

@media all and (max-width: 900px) {
    #navStaffButtonsTop {
        display: block;
    }
}

.tablerow .playerPicture {
    cursor: pointer;
    position: relative;
}

.playerPicture {
    cursor: pointer;
    position: relative;
}

.tablerow .outerPlayerPicture {
    background-color: #FFFFFF;
    border: 2px solid #B7BABC;
    border-radius: 92px 92px 92px 92px;
    -moz-border-radius: 92px 92px 92px 92px;
    -webkit-border-radius: 92px 92px 92px 92px;
    height: 165px;
    margin-top: -70px;
    /*padding: 5px;*/
    position: absolute;
    width: 165px;
}

.outerPlayerPicture {
    background-color: #FFFFFF;
    border: 2px solid #B7BABC;
    border-radius: 92px 92px 92px 92px;
    -moz-border-radius: 92px 92px 92px 92px;
    -webkit-border-radius: 92px 92px 92px 92px;
    height: 165px;
    margin-top: -70px;
    /*padding: 5px;*/
    position: absolute;
    width: 165px;
}

.tablerow .outerPicture {
    background-color: #FFFFFF;
    border: 1px solid #B7BABC;
    border-radius: 92px 92px 92px 92px;
    -moz-border-radius: 92px 92px 92px 92px;
    -webkit-border-radius: 92px 92px 92px 92px;
    height: 165px;
    padding: 5px;
    position: absolute;
    width: 165px;
    margin-top: -15px;
    margin-left: -172px;
}


.tablerow .outerEmailPicture {
    background-color: #FFFFFF;
    border: 1px solid #B7BABC;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    margin-top: -15px;
    padding: 5px;
    position: absolute;
}

.playerPicture img {
    background-color: #ffffff;
    border-radius: 90px 90px 90px 90px;
    -moz-border-radius: 90px 90px 90px 90px;
    -webkit-border-radius: 90px 90px 90px 90px;
    height: 165px;
    width: 165px;
}

.emailPicture img {
    background-color: #ffffff;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}


.playerPictureHover img {
    background-color: #ffffff;
    border-radius: 90px 90px 90px 90px;
    -moz-border-radius: 90px 90px 90px 90px;
    -webkit-border-radius: 90px 90px 90px 90px;
    height: 165px;
    width: 165px;
}

.addPicture {
    font-size: 15px;
    padding: 50px 0 0 45px;
    position: absolute;
    text-align: center;
    color: #777777;
    top: 0;
    left: 0;
    text-decoration: underline;
}

.updatePicture {
    font-size: 15px;
    padding: 50px 0 0 47px;
    position: absolute;
    text-align: center;
    color: #777777;
    top: 0;
    left: 0;
}

.playerPicture a {
    color: #777777;
}

.playerPictureHover a {
    color: #777777;
    cursor: pointer;
}

    .playerPictureHover a:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        -khtml-opacity: 1;
        text-decoration: underline;
    }

/*.playerPicture img:hover
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
    -khtml-opacity: 0.3;
    background-color: #ffffff;
}*/

.playerPictureHover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
    -khtml-opacity: 0.3;
    background-color: #ffffff;
}

.emailPictureHover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
    -khtml-opacity: 0.3;
    background-color: #ffffff;
}


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

.mainContent {
    width: 95%;
    margin: 0 auto;
    margin-top: 25px;
}

.changePriorityFields {
    background-color: white;
    border: 1px solid #FF9831;
    border-top: 0px;
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    color: #FF9831;
    cursor: pointer;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    margin-left: 0.5%;
    line-height: 22px;
    text-align: center;
    width: 2%;
    left: -2px;
    margin-right: 0px;
}

.changePriorityText {
    color: #FF9831;
    float: right;
    font-size: 11px;
    margin-top: 4px;
    cursor: pointer;
}

.editSocialFld {
    float: right;
}

.socialTabs .Facebook {
    background-image: url('../Images/social_facebook_nav.png');
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
    background-position: -30px;
}

    .socialTabs .Facebook:hover {
        background-image: url('../Images/social_facebook_nav.png');
        background-position: 0px;
    }

.socialTabs .Twitter {
    background-image: url('../Images/social_twitter_nav.png');
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
    background-position: -30px;
}

    .socialTabs .Twitter:hover {
        background-image: url('../Images/social_twitter_nav.png');
        background-position: 0px;
    }

.socialTabs .LinkedIn {
    background-image: url('../Images/social_linkedin_nav.png');
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
    background-position: -30px;
}

    .socialTabs .LinkedIn:hover {
        background-image: url('../Images/social_linkedin_nav.png');
        background-position: 0px;
    }

.socialTabs .socialMedia {
    padding-left: 35px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.socialTabs .FacebookActive {
    background-image: url('../Images/social_facebook_nav.png');
    width: 31px;
    height: 31px;
    background-position: 0px;
    background-repeat: no-repeat;
}

.socialTabs .LinkedInActive {
    background-image: url('../Images/social_linkedin_nav.png');
    width: 31px;
    height: 31px;
    background-position: 0px;
    background-repeat: no-repeat;
}

.socialTabs .TwitterActive {
    background-image: url('../Images/social_twitter_nav.png');
    width: 31px;
    height: 31px;
    background-position: 0px;
    background-repeat: no-repeat;
}

.emailImage {
    padding: 4px;
}

.schoolDetail {
    font-size: 20px;
    padding: 10px 0 10px 0px;
    color: #CCCCCC;
    line-height: 25px;
}

.CollegeDetail {
    color: #CCCCCC;
    font-size: 20px;
    line-height: 25px;
    padding: 10px 0;
}

.box3 {
    background-color: #ddd;
    width: 210px;
    height: 30px;
    padding: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 25px;
    behavior: url(border-radius3.htc);
}

.boxMain {
    z-index: 0;
    position: relative !important;
}

.dType {
    background: white url('../Images/vertical-line.png');
    background-repeat: repeat-y;
    background-position: center;
}

.discussionBlankDate, .discussionDate, .discussionYear {
    background: white url('../Images/vertical-line.png');
    background-repeat: repeat-y;
    background-position: 61px 0;
}

.commentType {
    padding-top: 10px;
}

.ExactAPI {
    padding-top: 18px;
    float: left;
    width: 99%;
}

.pfix {
    background-color: #FFFFFF;
    background-image: url("../images/blue_corner_12x34.png");
    background-repeat: no-repeat;
    border: 2px solid #B7D9E5;
    cursor: move;
    float: left;
    margin: 2px;
    padding: 9px;
    width: 45%;
}

.pfixListing {
    background-color: #FFFFFF;
    background-image: url("../images/blue_corner_12x34.png");
    background-repeat: no-repeat;
    border: 2px solid #B7D9E5;
    cursor: move;
    float: left;
    margin: 2px;
    padding: 10px;
    width: 94%;
}


.blockDrop {
    background-color: #FFFFFF;
    background-image: url("../images/blue_corner_12x34.png");
    background-repeat: no-repeat;
    border: 2px solid #B7D9E5;
    cursor: move;
    float: left;
    margin: 2px;
    padding: 9px;
    width: 45%;
}

.blockDropListing {
    background-color: #FFFFFF;
    background-image: url("../images/blue_corner_12x34.png");
    background-repeat: no-repeat;
    border: 2px solid #B7D9E5;
    cursor: move;
    float: left;
    margin: 2px;
    padding: 10px;
    width: 94%;
}

.blockDrag {
    float: left;
    border: 2px solid #B7D9E5;
    background-color: #FFFFFF;
    padding: 10px;
    margin: 2px;
    cursor: move;
    width: 90%;
    background-repeat: no-repeat;
    background-image: url(../images/blue_corner_12x34.png);
}

.blockDragListing {
    float: left;
    border: 2px solid #B7D9E5;
    background-color: #FFFFFF;
    padding: 10px;
    margin: 2px;
    cursor: move;
    width: 94%;
    background-repeat: no-repeat;
    background-image: url(../images/blue_corner_12x34.png);
}


.addToView {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #1E7B9A;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 17px;
    position: absolute;
    text-align: left;
    z-index: 999;
}

#selectedTabValue {
    background-color: #FFFFFF;
    float: left;
    padding: 10px 10px 10px 10px;
    cursor: pointer;
    color: #72AFC3;
    font-weight: bold;
    font-size: 15px;
    text-decoration: underline;
}

.downArrowAddtoList {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #257E9A;
    float: left;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin-left: 0;
    margin-top: 18px;
    width: 0;
    cursor: pointer;
}

.updateProgress {
    padding-left: 2px;
    float: left;
    margin-top: 4px;
    width: 26px;
}

.quickSearch {
    margin: 0 auto;
    padding-left: 20%;
    width: 360px;
}

.rightPrintBox {
    float: right;
    margin-top: 15px;
    padding-right: 20px;
}

.printBox {
    padding-right: 10px;
    margin-top: 5px;
}

.margin0Auto {
    margin: 0 auto;
}

.width100 {
    width: 100%;
}

.historyPrintPage {
    width: 100%;
    margin: auto;
    margin-top: -50px;
}

    .historyPrintPage .profileImageBox {
        background-color: #FFFFFF;
        border: 1px solid #B7BABC;
        border-radius: 92px 92px 92px 92px;
        height: 165px;
        padding: 5px;
        width: 165px;
        float: left;
        margin-left: 20px;
    }

    .historyPrintPage .profileImage {
        background-color: #FFFFFF;
        border-radius: 90px 90px 90px 90px;
        height: 165px;
        width: 165px;
    }

.fontWeight {
    font-weight: bold;
}

.padding10px {
    padding: 10px;
}

.horizontalLine {
    width: auto;
    border-bottom: 1px solid #B7BABC;
}

.headerProfileName {
    color: #777777;
    font-size: 29px;
}

.fieldHeader {
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    color: #bebebe;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 2px;
}

.fieldAnswer {
    font-size: 20px;
    float: left;
    min-height: 25px;
    margin-bottom: 20px;
}



/*.RadCalendarPopup {
    z-index: 999999 !important;
}*/

.RadCalendarPopup {
    z-index: 1234 !important;
}

.RadCalendarFastNavPopup {
    z-index: 5678 !important;
}

/* Css For birthday on calender */

.BDayOn {
    background: url("../images/birthday_sprite.png") no-repeat scroll 2px -3px transparent;
    padding: 19px 29px 0 10px;
}

.BDayOff {
    background: url("../images/birthday_sprite.png") no-repeat scroll 2px -36px transparent;
    padding: 19px 29px 0 10px;
}

/* Css For Trash */
.Trash {
    background-color: #ECECEC;
    padding-top: 1px;
}

.TrashHead {
    color: #7B7B7B;
    padding-left: 40px;
}

.TrashRowImg {
    float: left;
    height: 50px;
    width: 60px;
    padding-top: 20px;
    padding-left: 50px;
}

.TrashRowContent {
    color: #7B7B7B;
    border-bottom: 1px solid #7B7B7B;
    height: 70px;
    padding-top: 20px;
}

.NoTrashMsg {
    background: none repeat scroll 0% 0% #ECECEC;
    color: #7B7B7B;
    text-align: center;
    height: 498px;
    line-height: 300px;
    display: none;
}

.RestoreTrashMsg {
    font: 100;
    font-size: 17px;
    color: #6ABB8C;
}


/*warboard search box*/

.WarboardSearch {
    width: 250px;
    z-index: 100;
    display: none;
    background-color: #FFFFFF;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    border: 1px solid #000000;
    /*box-shadow: 2px 2px 10px #000000;*/
}

.SearchBox {
    border-width: 1px;
    border-style: solid none solid solid;
    border-color: #D2D2D2;
    background-color: #EBEBEB;
    float: left;
    padding: 7px 6px;
    margin: 10px 0px 6px 10px;
    width: 180px;
    height: 18px;
    line-height: 18px;
    font-size: 15px;
}

.searchBtn {
    height: 32px;
    margin: 10px 0px 6px 0;
    border-width: 1px;
    border-style: solid solid solid none;
    border-color: #D2D2D2;
    background-color: #EBEBEB;
}

div.Suggestion ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font: 'open_sansregular';
    /*font: normal 14px/24px arial,verdana,sans-serif;*/
}

    div.Suggestion ul li.selected {
        background-color: #d5e2f2;
    }

    div.Suggestion ul li:hover {
        background-color: #FF9831;
        color: White;
    }

.SelectedSuggestion {
    background-color: #FF9831;
    color: White;
}

div.Suggestion ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 2px 2px 0 25px;
    cursor: pointer;
    border-top: 1px solid #D2D2D2;
}

.WarboardImg {
    background-color: #ffffff;
    border-radius: 42px 42px 42px 42px;
    -moz-border-radius: 42px 42px 42px 42px;
    -webkit-border-radius: 42px 42px 42px 42px;
    margin-right: 10px;
    width: 50px;
    height: 50px;
}

.NogroupDiv {
    text-align: center;
    color: #CCC;
    font-size: 20px;
    line-height: 240px;
    clear: both;
    width: 100%;
    font-weight: bold;
}

.Sgroup {
    clear: left;
    padding: 0 0 10px 25px;
    font: bold 16px/29px georgia;
    border-top: 1px solid #D2D2D2;
}

/*Image crop popup*/

.PostContent .button {
    background-color: ButtonFace;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #929292;
    color: ButtonText;
    font-weight: normal;
    height: auto;
    line-height: inherit;
    padding: 1px 6px;
    text-align: center;
    text-decoration: none;
    width: auto;
}

.PostContent a {
    text-decoration: underline;
}

/*Create auto group*/

.auto-group-pop {
    margin: 5px 13px 0 0;
    /*position: absolute;
    right: 0;*/
}

    .auto-group-pop a {
        float: right;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .auto-group-pop .auto-group-input {
        background-color: #FFFFFF;
        border: 1px solid #000000;
        float: right;
        height: 32px;
        margin-top: -15px;
        padding: 10px 14px;
        position: relative;
        width: 370px;
    }

.auto-group-exists {
    color: #777777;
    float: right;
    font-size: 12px;
    margin: 5px 13px 0 0;
    width: 340px;
}

    .auto-group-exists div {
        float: right;
    }

.ua-sync {
    color: #777777;
    float: right;
    font-size: 12px;
    margin: 0px 13px 0 0;
}

.ua-sync div {
    float: right;
}

.ua-icon-popup {
    margin: 102px 0 0 0px;
}

.ua-popup {
    text-align:center;   
}

.txtbxNewGroup {
    border-color: #989898;
    border-style: solid;
    border-width: 1px;
    padding: 7px 6px;
    width: 250px;
}

/*War board group list*/
span.custom {
    color: #308014;
    font-weight: bold;
}

.created-by {
    color: #C0C0C0;
    font-style: italic;
}

/*New message history */
.MsgHistoryList {
    float: left;
    width: 96%;
    padding: 15px;
    border-bottom: 1px solid #F3F3F3;
}

.columnwidth {
    width: 30%;
}

.EditMailBtn {
    padding: 5px 13px 0 0;
    text-align: center;
}

.EmailDetail {
    float: left;
    width: 54%;
    font-size: 16px;
}

.EmailEvent {
    float: right;
    width: 35%;
    line-height: 40px;
    text-align: right;
}

.EmailStatus {
    text-align: center;
    margin-right: 5px;
    padding: 4px;
}

.rightDetail {
    float: left;
    width: 90px;
}

}

.botomborder {
    width: auto;
    border-bottom: 1px solid #B7BABC;
    padding-top: 48px;
}

.bottomborderprofile {
    width: auto;
    border-bottom: 1px solid #B7BABC;
    padding-top: 35px;
}

.colwidth {
    width: 15%;
}

.divgetResult {
    float: left;
    width: 100%;
    min-height: 200px;
}

.hidDivID {
    padding: 10px;
    height: 900px;
}

.boldfont {
    font-weight: 700;
    font-size: 17px;
}

#loading-container {
    padding: 16px 0px 16px 0px;
    text-align: center;
}

#twitter-feed {
    width: 258px;
    margin: auto;
    font-family: 'open_sansregular';
    margin-top: 60px;
    padding: 8px 0px 5px 10px;
    border-radius: 12px;
    background-color: #FFF;
    color: #333;
    overflow: auto;
}

    #twitter-feed h1 {
        color: #5F5F5F;
        margin: 0px;
        padding: 9px 0px 9px 0px;
        font-size: 18px;
        font-weight: lighter;
    }

.twitter-article {
    width: 335px;
    border-top: 1px dotted #CCC;
    float: left;
    padding: 8px 0px 8px 0px;
}

#loading-container {
    border-top: 0px dotted #CCCCCC;
    float: left;
    padding: 8px 0;
    width: 324px;
}

.twitter-pic {
    float: left;
}

    .twitter-pic img {
        float: left;
        border-radius: 7px;
        border: none;
    }

/* -------- TEXT STYLING ------*/
.twitter-text {
    width: 250px;
    float: left;
    font-size: 11px;
    padding-left: 11px;
    color: #333333;
}

    .twitter-text p {
        margin: 0px;
        line-height: 15px;
    }

    .twitter-text a, h1 a {
        color: #00acee;
        text-decoration: none;
    }

        .twitter-text a:hover, h1 a:hover {
            text-decoration: underline;
            color: #00acee;
        }

.tweet-time {
    font-size: 10px;
    color: #878787;
    float: right;
}

    .tweet-time a, .tweet-time a:hover {
        color: #878787;
    }

.tweetprofilelink a {
    color: #444;
}

    .tweetprofilelink a:hover {
        color: #444;
    }

/* -------- FEED  ACTIONS ------*/
#twitter-actions {
    width: 75px;
    float: right;
    margin-right: 5px;
    margin-top: 3px;
    display: none;
}

.intent {
    width: 25px;
    height: 16px;
    float: left;
}

    .intent a {
        width: 25px;
        height: 16px;
        display: block;
        background-image: url('../Images/tweet-actions.png');
        float: left;
    }

        .intent a:hover {
            background-position: -25px 0px;
        }

#intent-retweet a {
    background-position: 0px -17px;
}

    #intent-retweet a:hover {
        background-position: -25px -17px;
    }

#intent-fave a {
    background-position: 0px -36px;
}

    #intent-fave a:hover {
        background-position: -25px -36px;
    }

/* -------- RETWEET INDICATOR ------*/
#retweet-indicator {
    width: 14px;
    height: 10px;
    background-image: url('../Images/tweet-actions.png');
    background-position: -5px -54px;
    margin-top: 3px;
    float: left;
}

#twitter-bird {
    /*background-image: url('../Images/twitter-bird-light.png');*/
    float: left;
    padding: 3px 12px 0 6px;
}

#tweet-loader {
    background-image: url('../Images/ajax-loader.gif');
}

.SendMsgPopUp {
    background-color: white;
    color: #50B476;
    font-size: 20px;
    line-height: 175px;
    text-align: center;
    width: 500px;
}


.SendEmailDomainPopUp {
    padding: 15px;
    background-color: white;
    color: #656565;
    font-size: 18px;
}

a.lnkAdmissiongroup {
    color: #1E7B9A;
    font-family: 'open_sansregular';
    font-weight: bold;
}

div.fromgmail {
    background-image: url("../Images/gmailIconMessageHistory@1x.png");
    background-repeat: no-repeat;
    float: left;
    height: 11px;
    margin-left: 2px;
    margin-top: 2px;
    width: 14px;
}

div.fromgmail_large {
    background-image: url("../Images/gmailIconEmailDetailandPopUps@1x.png");
    background-repeat: no-repeat;
    float: left;
    height: 18px;
    margin-left: 3px;
    margin-top: 0px;
    width: 25px;
}



/*CSS for playerrating search*/
@-moz-document url-prefix() {
    input [type='range'];

{
    left: -8px !important;
}

}

.playerrating {
    position: relative;
    z-index: 4;
    background-image: url(../Images/sliderLineFR4.png);
    background-repeat: no-repeat;
    background-position: 20% center;
    background-size: 100% 5px;
    width: 190px;
    display: inline-block;
    margin-right: 20px;
    height: 5px;
}

input[type='range'] {
    -webkit-appearance: none;
    border-radius: 5px;
    width: 100%;
    vertical-align: middle;
    top: -4px;
    left: -2px;
    outline: none;
    height: 0px;
    position: relative;
}

    input[type='range']::-moz-range-track {
        visibility: hidden;
        -moz-appearance: none;
        border-radius: 5px;
        box-shadow: inset 0 0 5px #333;
        background-color: white;
        height: 0px;
        width: 80%;
        outline: none;
        vertical-align: middle;
    }

    input[type='range']::-moz-range-thumb {
        -moz-appearance: none;
        border-radius: 20px;
        background-color: white;
        box-shadow: inset 0 0 10px rgba(000,000,000,1);
        border: 1px solid black;
        height: 15px;
        width: 15px;
        z-index: 10;
        outline: none;
    }

    input[type='range']::-ms-range-track {
        visibility: hidden;
        -ms-appearance: none;
        border-radius: 5px;
        box-shadow: inset 0 0 5px #333;
        background-color: white;
        height: 0px;
        width: 80%;
        outline: none;
        vertical-align: middle;
    }

    input[type='range']::-ms-range-thumb {
        -ms-appearance: none;
        border-radius: 20px;
        background-color: white;
        box-shadow: inset 0 0 10px rgba(000,000,000,1);
        border: 1px solid black;
        height: 15px;
        width: 15px;
        z-index: 10;
        outline: none;
    }

    input[type='range']::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        border-radius: 20px;
        background-color: white;
        box-shadow: inset 0 0 1px rgba(000,000,000,1);
        border: 1px solid black;
        height: 15px;
        width: 15px;
        z-index: 10;
        outline: none;
    }

    input[type='range']:focus {
        outline: none;
    }

#meter > span {
    display: block;
    height: 25%;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: #7ec87d;
    /*background-image: -webkit-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -ms-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -o-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );*/
    position: relative;
    overflow: hidden;
}

.playerrating {
    max-width: 100%;
}

.greenbar {
    width: 0px;
    height: 5px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    background-color: #7ec87d;
}

.txtRatingAmt {
    width: 20px;
    background-color: white;
    text-align: center;
}

.graybar {
    height: 50px;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 60px;
    background-color: #CCC;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

/******************************/
/* Recruit Spot Questionnaire */
/******************************/

#RS-message {
    color: #333333;
    font-family: 'open_sansregular';
    font-size: 20px;
    margin-top: 60px;
    padding: 40px;
}

    #RS-message a {
        color: #33ccff;
    }

    #RS-message .RS-upper-text {
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }

        #RS-message .RS-upper-text .big-dog-text {
            font-size: 30px;
        }

        #RS-message .RS-upper-text .smaller {
            font-size: 16px;
        }

    #RS-message .RS-logo {
        background: url("../Images/rs-questionnaire-logo.png") no-repeat top left;
        background-size: 100%;
        display: block;
        height: 83px;
        margin: 30px auto;
        width: 200px;
    }

    #RS-message .RS-form {
        margin: 0 auto;
        width: 400px;
    }

    #RS-message .RS-error {
        color: #ff3333;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    #RS-message .RS-textbox {
        border: 1px solid #33ccff;
        border-radius: 5px;
        font-size: 20px;
        height: 50px;
        margin-bottom: 15px;
        padding-left: 15px;
        width: 382px;
    }

        #RS-message .RS-textbox.half-box {
            display: inline-block;
            width: 180px;
        }

        #RS-message .RS-textbox.disabled {
            background-color: #CDCDCD;
            border: none;
            color: #999999;
        }

        #RS-message .RS-textbox.empty {
            border-color: red;
        }

    #RS-message .RS-button {
        background-color: #33ccff;
        border-radius: 5px;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        padding: 10px;
    }

#SignInLnkBtn {
    padding: 15px;
    width: 120px;
}

#RS-message .RS-textbox-styles {
    height: 30px;
    line-height: 30px;
    padding: 10px 0;
    width: 400px;
}

#RS-message .RS-textbox-space {
    display: block;
    font-size: 20px;
    margin-bottom: 34px;
    text-align: center;
}

#RS-message .link-container {
    line-height: 25px;
}

#RS-message .bottom-action {
    font-size: 16px;
    margin-top: 15px;
    text-align: center;
}

.topleftcharacter {
    float: right;
    width: 30%;
}

.leftcharacter {
    color: red;
    float: right;
    text-transform: lowercase;
}

.questionnairestopleftcharacter {
    float: left;
    width: 75%;
}

.questionnairesleftcharacter {
    color: red;
    float: right;
    text-transform: lowercase;
}

.select-style {
    background-color: #fff;
    background-image: url("../Images/drop_down_double_carets_blue.svg");
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    border-radius: 0;
    box-sizing: border-box;
    height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 220px;
}

.select-styles {
    float: right;
    background-color: #fff;
    height: 25px;
    margin: 14px 30px 0 0;
    background-color: #fff;
    background-image: url("../Images/caret_blue.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    border-radius: 0;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
}

.offcampusstarttimewidth {
    width: 270px;
    float: left;
}
.offcampusendtimewidth {
    width: 160px;
    float: left;
}
/*Privacy Notification*/
.chkPrivacyNotification input {float: left;padding-left: 55px;}
.chkprivacy {padding-left: 55px;width: 10px;}
.txtprivacy {padding-left: 55px;}
.txtboxprivacy {padding: 10px 0;float: left;}
.chklablePrivacyNotification {width: 90%;float: left;}
.chkErrorlablePrivacyNotification {padding: 0 2px;float: left;}
/*Fogot Password*/
.txtForgotboxlogin {border: 1px solid #9a9691;width: 341px;background-color: #FFFFFF;font-size: 16px;padding: 10px 7px;line-height: 22px;}
.txtForgotboxlogin .txtbox {width: 100%;border: none;background-color: #ffffff;font-size: 16px;line-height: 18px;height: 20px;padding: 2px;}
.txtForgotboxlogin .txtbox.watermark {color: #CCCCCC;font-size:16px;font-family: 'open_sansregular';font-weight:bold;}
.forgotLoginHeader {width:100%;float:left;text-align:center;color:#666666}
.errmsglogin {width:100%;float:left;text-align:center;}
.errLoginmsg {color: #666666;float: left;padding-top: 5px;font-size: 16px;width:520px;}
.backsignin {text-align:center;padding:32px 0;width:100%;float:left;}
.clearSearchCrossImg {padding-top:5px;}
.clearSearchCrossClear {float: left;width: 40px;}
.interactionGetMore {font-size: 20px;color: #1e7baf;text-decoration: underline;cursor: pointer;}

.questionnairesinnerContent {margin-left: 5%;width: 80%;margin-top: 22px;}
.questionnairesseparator {border: solid 1px #e1e1e1;border-left: none;border-right: 0;float: left;width: 100%;}
.questionnairescontent {margin-left: 5%;width: 95%;}
.questionnairesinnercontent {float: left;width: 94%;padding-top: 20px;}
.questionnairesborder {border-top: solid 2px #CDCDCD;float: left;width: 99.8%;margin: 20px 0 0 0;}
.btnDownloadEmbedCode {font-size:14px;line-height:18px;color:#247F9F;border:none;padding:0;margin:0;background-color:white;font-family: 'open_sansregular';}
/*Interaction Pop-up*/
 .interactiondetials {width: 100%;float: left;padding: 0;margin: 0;font-family: 'open_sansregular';color: #595959;font-size: 14px;}
.interactiondetialstitle {padding: 10px 20px;background-color: #CCCCCC;width: 96%;float: left;font-size: 19px;color: #595959;}
.interactiondetialspanel {padding: 20px 15px 20px 20px;float: left;}
.interactiondetialsfields {width: 100%;float: left;padding: 5px 0;}
.interactiondetialslabel {width: 20%;float: left;font-weight: bold;}
.interactiondetialsfield {width: 80%;float: left;}
.interactiondetial {height: 200px;overflow: auto;}

div.ContactSuggestion ul {margin: 0px;padding: 0px;font-family: 'open_sansregular';max-height: 180px;overflow: auto;width: 349px;list-style-position: outside;list-style: none;}
div.ContactSuggestion ul li {display: block;margin: 0;padding: 2px 5px;cursor: default;text-align: left;font-family: 'open_sansregular';font-size: 16px;line-height: 16px;}
.ContactSuggestion {width: 336px;overflow: hidden;padding: 0px;background-color: white;position: absolute;z-index: 99;display:none;border:1px solid #CCCCCC;}
div.ContactSuggestion ul li:nth-child(odd) {background-color: #eee;}
div.ContactSuggestion ul li:hover {background-color: #fcad5d;color: #FFFFFF;}
.ContactSearch {line-height: 30px;width: 330px;border: 1px solid #CCCCCC;padding-left: 8px;display:none;margin-right: 8px;}
.dvSearchContact {float: left;}
.dvAddContact {margin: 0px 0px 0px 10px;float: left;}
.dvCancel {float:left;margin: 8px 0px 0px 10px;font-family: 'open_sansregular';font-size: 14px;display:none;}
.imgplayer {width: 42px;height: 42px;border-radius: 30px;margin:15px;}
.dvflname {font-family: 'open_sansregular';font-size: 20px;color:#247F9F;float: left;width: 246px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.repheader {width: 350px; line-height: 72px; border-bottom: 1px solid #CCCCCC;background-color:#F7F7F7;float: left;}
.dvimgpc {float:left;width: 70px;}
.closepc {height:15px;width:15px;}
.ddlRelationship {-moz-appearance: none;background-color: transparent;background-image: none;border: medium none; color: #666;line-height: 32px;padding: 0 8px;-webkit-appearance: none;font-size: 16px;width: 175px;}
.select-ddlrelation{background-color: #fff;background-image: url(../Images/drop_down_double_carets_blue.svg);background-position: calc(100% - 10px) 50%;background-repeat: no-repeat;border: 1px solid #ccc;height: 32px;overflow: hidden;width: 175px;margin-bottom: 10px;}
.lblpc {font-family: 'open_sanssemibold';font-size:14px;}
.dvpctxt {font-family: 'open_sansregular';font-size:14px;white-space: nowrap;text-overflow: ellipsis;width: 250px;overflow: hidden;}

.playercontactcheckbox label{position: relative;padding-left: 8px;display: inline-block;font-family: 'open_sansregular';font-size:14px;}
.playercontactcheckbox label::before{content: "";position: absolute;width: 14px;height: 14px;left: 1px;margin-left: -20px;border: 1px solid #e6e6e6;box-shadow: inset 1px 1px rgba(0, 0, 0, 0.03);background-color: #fff;display: inline-block;}
.playercontactcheckbox label::after{display: inline-block;position: absolute;width: 14px;height: 14px;left: 1px;margin-left: -20px;background: url(../Images/white_checkmark.svg) no-repeat center center;background-size: 9px;top: 1px;}
.playercontactcheckbox input[type="checkbox"]:checked + label::after{content: "";}
.playercontactcheckbox input[type="checkbox"]:checked + label::before{background: #00adef;border: solid 1px #119ad0;}
.playercontactcheckbox input[type="checkbox"]:checked + label::after{color: #fff;}
.playercontactcheckbox {margin: 16px 0px 0px 17px;display: inline-block;}

.dvPrimaryContact {border-top: 1px solid #CCCCCC; float: left;width: 350px;}
.dvContactInfo {height: 287px; width: 350px; border: 1px solid #CCCCCC;float: left;margin: 20px 20px 0px 0px;}
.dvInnerContact {height: 149px;float: left;width: 333px;margin: 17px 0px 0px 17px;}
.dvlbl {float:left;width: 71px;}
.dvlbltxt {float:left;margin-left: 10px;}
.dvsearchsection {display: flex;}
.dvlblsection {margin-top: 8px;}
.ContactContent {width: 100%;float: left;}
.lblmsg{font-size:14px;font-family: 'open_sansregular'}
.dvnewcontact {padding: 2px 5px;}
.btnnewcontact {color: #1E7B9A;cursor: pointer;text-decoration: none;outline: 0;font-family: 'open_sansregular';font-size: 16px;text-align: left;}
#contactsItem,#connectionsItem{display:none;}
.txtROASearch {line-height: 30px; width: 280px;border: 1px solid #CCCCCC;padding-left: 8px;}
.dvROA {margin: 0px 0px 0px 10px;float: left;}
.recruitHeader {}
.playerCategoryStyle {font-size: 16px;font-family: 'open_sanssemibold';margin-bottom: 10px;color:#666666;}
.dvROASearchArea {display: flex;}
.dvSearchROA {float: left;}
.recruit-container { margin-bottom: 40px;}
.roster-container { margin-bottom: 40px;}
.alumni-container { margin-bottom: 40px; }

div.recruitSuggestion ul {margin: 0px;padding: 0px;font-family: 'open_sansregular';max-height: 180px;overflow: auto;width: 300px;list-style-position: outside;list-style: none;}
div.recruitSuggestion ul li {display: block;margin: 0;padding: 2px 5px;cursor: default;text-align: left;font-family: 'open_sansregular';font-size: 16px;line-height: 16px;}
.recruitSuggestion {width: 288px;overflow: hidden;padding: 0px;background-color: white;position: absolute;z-index: 99;display:none;border:1px solid #CCCCCC;}
div.recruitSuggestion ul li:nth-child(odd) {background-color: #eee;}
div.recruitSuggestion ul li:hover {background-color: #fcad5d;color: #FFFFFF;}

div.rosterSuggestion ul {margin: 0px;padding: 0px;font-family: 'open_sansregular';max-height: 180px;overflow: auto;width: 300px;list-style-position: outside;list-style: none;}
div.rosterSuggestion ul li {display: block;margin: 0;padding: 2px 5px;cursor: default;text-align: left;font-family: 'open_sansregular';font-size: 16px;line-height: 16px;}
.rosterSuggestion {width: 288px;overflow: hidden;padding: 0px;background-color: white;position: absolute;z-index: 99;display:none;border:1px solid #CCCCCC;}
div.rosterSuggestion ul li:nth-child(odd) {background-color: #eee;}
div.rosterSuggestion ul li:hover {background-color: #fcad5d;color: #FFFFFF;}

div.alumniSuggestion ul {margin: 0px;padding: 0px;font-family: 'open_sansregular';max-height: 180px;overflow: auto;width: 300px;list-style-position: outside;list-style: none;}
div.alumniSuggestion ul li {display: block;margin: 0;padding: 2px 5px;cursor: default;text-align: left;font-family: 'open_sansregular';font-size: 16px;line-height: 16px;}
.alumniSuggestion {width: 288px;overflow: hidden;padding: 0px;background-color: white;position: absolute;z-index: 99;display:none;border:1px solid #CCCCCC;}
div.alumniSuggestion ul li:nth-child(odd) {background-color: #eee;}
div.alumniSuggestion ul li:hover {background-color: #fcad5d;color: #FFFFFF;}
.dvRecruitCancel,.dvRosterCancel,.dvAlumniCancel {float: left;margin: 8px 0px 0px 10px;font-family: 'open_sansregular';font-size: 14px;visibility:hidden;}
.recruitContent { margin-top: 20px;}
.rosterContent { margin-top: 20px;}
.alumniContent { margin-top: 20px;}
.Grid, .Grid th, .Grid td:not(:last-child) {border: 1px solid #ECECEC;padding-left:10px;font-family:'open_sansregular';}
.txtROASearch::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #CCCCCC;
}
.GridROAItemStyle {color:#666666;}
.deletingContactWP {display: none;position: fixed;top: 50%;left: 50%;height:265px; width: 430px;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);bottom: 0;border: 2px solid #999;background: #fff;z-index: 999999999;}
.dcmain{}
.dccontent{color: #656565;text-align: center;font-size: 14px;font-family: 'open_sansregular';height: 190px;}
.dcpopfooter{border-top: 1px solid #ccc;line-height: 50px;padding-left: 7px;padding-top: 12px;}
.dcbtndelete {background-color: white;color: #FF9831;border: 1px solid #FF9831;text-decoration: none;cursor: pointer;border-radius: 4px;width: 132px;height: 40px;}
.dcbtndelete:hover {background-color: #FF9831;color: #fff;}
.dcpopup-overlay {display: none;position: fixed;top: 50%;left: 50%;-moz-backface-visibility: hidden;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);bottom: 0;border: 1px solid #999;z-index: 9999999;width: 100%;height: 100%;background-color: #c7c7c7;opacity: 0.6;}
.cfpaddingroa{width:65px;text-align:center;}
.dvlblpc{width: 71px;float:left;}
.dvtxtpc {float: left;margin-left: 10px;font-family: 'open_sansregular';font-size: 14px;white-space: nowrap;text-overflow: ellipsis;width: 250px;overflow: hidden;}
.dvlbltxtrow {width: 100%;float: left;}
.dvlbltxtsection {float: left;}
/*Player Contact Tool*/
.list-item {
    margin: 10px 20px 2px 20px;
    list-style-type: none;
    width: 305px;
    /*height: 32px;*/
}
    .list-item div {
        padding: 0 10px;
        display: block;
        width: 285px;
        line-height: 32px;
        background: #FFFFFF;
        color: #666666;
        /*border: 1px solid #CCCCCC;*/
        cursor: pointer;
        outline: 1px solid #CCCCCC;
        border: 1px;
        box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.27);
        font-size: 14px;
        font-family: 'open_sansregular';
    }
.pct-dv-ce {
    font-size: 16px;
    font-family: 'open_sansbold';
    color: #666666;
    margin-top: 20px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.pct-dv-first {
    font-size: 14px;
    font-family: 'open_sansregular';
    color: #999;
    width: 52%;
}
.pct-ctsection {margin-top: 20px;float: left;width: 100%;}
.lbl-contacttype {font-size: 14px;font-family: open_sansregular;float: left;width: 90px;color: #666666;margin-top:6px;}
.ddl-ContactType {background-color: #fff;background-image: url("../Images/drop_down_double_carets_blue.svg");background-position: calc(100% - 10px) 50%;background-repeat: no-repeat;border: 1px solid #ccc;height: 32px;overflow: hidden;width:253px;}
.ddl-ct {-moz-appearance: none;
    background-color: transparent;
    background-image: none;
    border: medium none;
    color: #666;
    line-height: 32px;
    padding: 0 8px;
    -webkit-appearance: none;
    font-size: 16px;
    width: 253px;
}
.pct-Allfields-Contact-Section {    
    width: 100%;
    float: left;
    margin-top: 21px;
    overflow: hidden;
    position: relative;
    visibility:hidden;

}
.pct-allfields {float: left;width: 345px; border: 1px solid #CCCCCC;}
.pct-allfields-body ul {
    margin: 0px;
    padding: 0px;
}
.pct-allfields-header {height: 52px;border-bottom: 1px solid #CCCCCC;}
.pct-allfields-body {
    float: left;
    /*width: 780px;*/
    height: 608px;
    overflow: auto;
}
.pct-Contact-body {float: left;width: 305px;}
    .pct-Contact-body .list-item {
        width: 305px;
        line-height: 32px;
        background: #ffffff;
        border: 1px dashed #CCCCCC;
        color: #999999;
        margin: 10px 16px 10px 16px;
        font-size: 14px;
        font-family: 'open_sansregular';
    }
.pct-Contact-body .list-item span {
            width: 285px;
            height: 32px;
        }
.pct-ddlTemplatedv {
    background-size: 11px 7px;
    background-position: 100% 55%;
    float: right;
    height: 25px;
    margin: 13px 30px 0px 0px;
    background-color: #fff;
    background-image: url(../Images/caret_blue.png);
    background-repeat: no-repeat;
    border-radius: 0;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
}
.pct-ddlTemplate{-moz-appearance:none;background-color:transparent;background-image:none;border:none;box-shadow:none;line-height:25px;-webkit-appearance:none;width:100%;height:22px;color:#247F9F;font-family:'open_sansbold';font-size:16px;outline:0}
.dv-contacttype {
    margin: 15px 0px 15px 20px;
    width: 72px;
    float: left;
    font-size: 16px;
    font-family: 'open_sansbold';
}
.pct-ContactSection {float: left;width: 337px; border: 1px solid #CCCCCC;}
.pct-Contact-header {
    line-height: 73px;
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #CCCCCC;
    background-color: white;
    float: left;
    width: 100%;
}
.pct-rightarrow {
    float: left;
    margin: 105px 20px 0px 20px;
}
.pct-Contact-body ul {
    margin: 0px;
    padding: 0px;
}
.pct-allfields-body::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}
#width_cpttmp_select {
    display: none;
    font-size: 16px;
    font-family: 'open_sansbold';
    color: #267F9E;
}
.pct-footer {float: left;width: 100%;margin-top: 20px;}
.pct-savebtn {
    background-color: #FFFFFF;
    border: 1px solid #FF9831;
    border-radius: 4px 4px 4px 4px;
    color: #FF9831;
    cursor: pointer;
    font-size: 12px;
    font-family: 'open_sansregular';
    height: 32px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    width: 55px;
}
.pct-savebtn:hover {
    background-color: #FF9831;
    color: #fff;
}
.dvcontacttype {
    float: left;
    font-family: 'open_sansregular';
    font-size: 20px;
    color: #666666;
}
.closeField {
    cursor: pointer !important;
    position: relative;
    height: 15px;
    width: 14px;
    margin-top: 9px;
    float: right;
}
.spn { margin-left: 10px; margin-right: 5px; }

.pct-CreateContacts {
    float: left;
    margin: 20px 10px 0px 0px;
}
.btn-CreateContacts {
    background-color: #FFFFFF;
    border: 1px solid #FF9831;
    border-radius: 4px 4px 4px 4px;
    color: #FF9831;
    cursor: pointer;
    font-size: 12px;
    font-family: 'open_sansregular';
    height: 32px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    width: 170px;
}

.btn-CreateContacts:hover {
        background-color: #FF9831;
        color: #fff;
    }
#lblInvalidFieldtxt {color:red;}
.dvinvalidtxt {
    float: left;
    width: 70%;
    margin-left: 97px;
    margin-top: 12px;
}
.dvCreateContactstxt {
    width: 80%;
    float: left;
    margin-top: 30px;
    color: #247F9F;
    display:none;
}

.dvcreate-contacts {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    height: 206px;
    width: 480px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    bottom: 0;
    border: 2px solid #999;
    background: #fff;
    z-index: 999999999;
}

.dvcccontent {
    color: #656565;
    text-align: center;
    font-size: 14px;
    font-family: 'open_sansregular';
    height: 190px;
    height: 150px;
}

.dvccfooter {
    border-top: 1px solid #ccc;
    padding-left: 7px;
    padding-top: 12px;
    display:none;
}

.dvccbtndelete {
    background-color: white;
    color: #FF9831;
    border: 1px solid #FF9831;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    width: 100px;
    height: 40px;
}

.dvccfooter-yesno {
    border-top: 1px solid #ccc;
    padding-left: 7px;
    padding-top: 12px;
    display: none;
}

.btnyescss {
    background-color: white;
    color: #FF9831;
    border: 1px solid #FF9831;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    width: 160px;
    height: 30px;
}

.btnnocss {
    background-color: white;
    color: #FF9831;
    border: 1px solid #FF9831;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    width: 50px;
    height: 30px;
    margin-right: 10px;
}

.btnyescss:hover,.btnnocss:hover,.dvccbtndelete:hover {
    background-color: #FF9831;
    color: #fff;
}

.dvContactInfoNew { height: 298px;width: 350px;border: 1px solid #CCCCCC; float: left;margin: 20px 20px 0px 0px;}
.repheadercontacts {width: 350px;border-bottom: 1px solid #CCCCCC;background-color: #F7F7F7;float: left;height:73px;}
.dvheaderlbltxt {
    float: left;
    width: 283px;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 17px;
}
.dvheaderlbltxtrow {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.pc1width {
    width: 40px !important;
}
.headertextboxwitdh {
    width: 180px !important;
    margin-left: 0px;
}
.dvtxtpc {
    float: left;
    margin-left: 13px;
    font-family: 'open_sansregular';
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 230px;
    overflow: hidden;
}
.dvlblpc {
    width: 85px;
    float: left;
}
.btnCdSave {
    float: right;
    margin: 14px 8px 0px 0px;
    background-color: #FFFFFF;
    border: 1px solid #1E7B9A;
    border-radius: 4px 4px 4px 4px;
    color: #1E7B9A;
    cursor: pointer;
    font-family: 'open_sansregular';
    height: 28px;
    width: 65px;
    padding-bottom: 4px;
    text-align: center;
    text-decoration: none;
}
.dvcontactsection {
    float: left;
    width: 100%;
}
.ancbutton {
    background-color: #FFFFFF;
    border: 1px solid #FF9831;
    color: #FF9831;
    cursor: pointer;
    font-size: 14px;
    height: 34px;
    line-height: 30px;
    padding-bottom: 4px;
    text-align: center;
    text-decoration: none;
    width: 140px;
    font-family: 'open_sansregular';
}
.dvtxtpc input {
    border: 1px solid #ccc;
    text-indent: 5px;
    height: 14px;
}
.ancbutton:hover {
    color: white;
    background-color: #FF9831;
}
.dvbtnsubmit {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.btnCdSave:hover {
    color: white;
    background-color: #1E7B9A;
    border: 1px solid #1E7B9A;
}
.dvAddMoreContact {
    float: left;
}
.ContactHeader {
    float: left;
    width: 100%;
}
.IncludeContacts {
    font-size: 14px;
    font-family: 'open_sansregular';
    color: #666666;
    margin-top: 10px;
    width: 61%;
}
.questionnairesReqValidator {
    float: left;
    width: 70%;
    padding: 5px 0 0 20px;
}

.dvqPrimaryContact {
    border-top: 1px solid #CCCCCC;
    float: left;
    width: 350px;
    overflow: hidden;
    height: 56px;
}
.dvcancelchanges {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    height: 206px;
    width: 480px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    bottom: 0;
    border: 2px solid #999;
    background: #fff;
    z-index: 999999999;
}
.dvcancelfooter {
    border-top: 1px solid #ccc;
    padding-left: 7px;
    padding-top: 12px;
}
.btn-goback {
    background-color: white;
    color: #FF9831;
    border: 1px solid #FF9831;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    width: 70px;
    height: 30px;
    margin-right: 10px;
}
.btn-canceldiscard {
    background-color: white;
    color: #FF9831;
    border: 1px solid #FF9831;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    width: 190px;
    height: 30px;
}
.dvcancelcontent {
    line-height: 157px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-family: 'open_sansregular';
}
.btn-goback:hover, .btn-canceldiscard:hover{
    background-color: #FF9831;
    color: #fff;
}
.psContactContent {
    width: 80%;
    float: left;
}
.rcReqValidator {
    float: left;
    width: 45%;
    padding: 5px 0px 5px 20px;
}
.rcReqValidator1 {
    float: left;
    width: 50%;
    padding: 0px 0 20px 20px;
}
.ctbgcolor {
    background-color: #F3DBE1;
}
.buttonAddContactList {
    background-color: #FFFFFF;
    border: 1px solid #FF9831;
    border-radius: 4px 4px 4px 4px;
    color: #FF9831;
    cursor: pointer;
    font-size: 12px;
    font-family: 'open_sansregular';
    height: 34px;
    line-height: 30px;
    padding-bottom: 4px;
    text-align: center;
    text-decoration: none;
    width: 130px;
    margin-right: 20px;
}
.buttonAddContact {
    background-color: #FFFFFF;
    border: 1px solid #FF9831;
    border-radius: 4px 4px 4px 4px;
    color: #FF9831;
    cursor: pointer;
    font-size: 12px;
    font-family: 'open_sansregular';
    height: 34px;
    line-height: 30px;
    padding-bottom: 4px;
    text-align: center;
    text-decoration: none;
    width: 130px;
}
.buttonAddContactList:hover,.buttonAddContact:hover {
    color: white;
    background-color: #FF9831;
    border: 1px solid #FF9831;
}
.pl-ul {
    list-style-type: none;
    display: flex;
    overflow-x: auto;
    padding: 0px 0px 0px 17px;
}

.pl-ul li {
    float: left;
}

.pl-ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    color: #247F9F;
    line-height: 32px;
    margin: 5px 0px 8px 0px;
    width: auto;
    white-space: nowrap;
    padding: 0 20px 0 20px;
}

.pl-ul li a.active {
    color: white;
    background-color: #247f9f;
    border-radius: 25px;
    line-height: 32px;
}
.quicksearchsection {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    height: 64px;
    float: left;
    width: 100%;
    background: #F4F4F4;
    position: relative;
}
.dvSearchPlayer {
    height: 570px;
    overflow: auto;
    width: 100%;
}
.dvHideQuickSearch {
    float: left;
    width: 100%;
    border-top: 1px solid #CCCCCC;
}
.dvQuickSearch {
    font-size: 16px;
    font-family: open_sansbold;
    margin: 20px 0px 0px 20px;
    color: #666666;
    width: 266px;
    float: left;
}
.searchByEmpty {
    margin-left: 17px;
    padding: 0;
}
.searchByEmpty li {
    margin: 0 0 10px 0;
}

.spnSearchTxt:last-child {
    margin-bottom: 20px;
}
.grayDeleteText {
    float: left;
    font-size: 14px;
    color: #247F9F;
    line-height: 18px;
    margin-top: 26px;
    font-family: 'open_sansregular';
    cursor: pointer;
    margin-bottom: 12px;
}
/*.dvConvertContact {
    float: left;
    margin: 8px 0px 0px 15px;
    font-family: 'open_sansregular';
    font-size: 14px;
}*/
.dvConvertContact {
    float: right;
    font-family: 'open_sansregular';
    font-size: 14px;
    width: 275px;
    text-align: left;
}
.spnctsmsg {
    display: none;
    color: #0f870f;
    margin-left: 40px;
    font-size: 16px;
}
.pct-dv-ccf {
    font-size: 16px;
    font-family: 'open_sansbold';
    color: #666666;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.steps-title {
    font-family: 'open_sanssemibold';
}
.dvemptynot {
    float: left;
    margin-left: 12px;
    margin-top: 6px;
}
.rdptextbox {
    border: #CCCCCC 1px solid;
    background-color: #F6F6F6;
    color: #000000;
    text-align: left;
    width: 275px;
    font-size: 13px;
    padding: 6px;
    line-height: 16px;
    float: left;
    margin-right: 20px;
}
.checkEmptyNo {
    margin-left: 20px;
}
.ddtxtbox {
    border: #CCCCCC 1px solid;
    background-color: #F6F6F6;
    color: #000000;
    text-align: left;
    height: 18px;
    width: 226px;
    font-size: 13px;
    padding: 6px;
    line-height: 16px;
    margin-left:10px;
}
.chkcustom label {vertical-align: middle;position: relative;padding-left: 5px;display: inline-block;color: #666666;font-size: 14px;font-family: 'open_sansregular';}
.chkcustom label::before{content: "";position: absolute;width: 14px;height: 14px;left: 1px;margin-left: -20px;border: 1px solid #e6e6e6;box-shadow: inset 1px 1px rgba(0, 0, 0, 0.03);background-color: #fff;display: inline-block;margin-top: 2px;}
.chkcustom label::after{display: inline-block;position: absolute;width: 14px;height: 14px;left: 1px;margin-left: -20px;background: url(../Images/white_checkmark.svg) no-repeat center center;background-size: 9px;top: 2px}
.chkcustom input[type="checkbox"]:checked + label::after{content: ""}
.chkcustom input[type="checkbox"]:checked + label::before{background: #00adef;border: solid 1px #119ad0}
.chkcustom input[type="checkbox"]:checked + label::after{color: #fff}
.chkcustom input[type="checkbox"] {opacity: 0;}
.customfieldWidth {
    width: 215px;
    padding-left: 20px;
    font-size: 14px;
    font-family: 'open_sansregular';
    word-wrap: break-word;
    margin-top: 6px;
}
.criteria {
    color: #FFFFFF;
    text-decoration: underline;
}

.dvscSearchSection {
    display: none;
    position: fixed;
    left: 50%;
    top:350px;
    height: 452px;
    width: 690px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    bottom: 0;
    border: solid 1px #999999;
    background: #fff;
    z-index: 999999999;
}

.dvsccontent {
    margin-left: 16px;
    float: left;
    width: 328px;
}
.dvscColName {
    color: #999999;
    font-size: 12px;
    font-family: 'open_sansregular';
    margin-top: 16px;
}
.dvscColValue {
    color: #666666;
    font-size: 16px;
    font-family: 'open_sansregular';
    margin-top: 5px;
}
.dvsearchscheader {
    background: #ECECEC;
    font-size: 16px;    
    line-height: 50px;
    color: #666666;
}

.spansc {
    margin-left: 16px;
    font-family: open_sansregular;
    font-size: 16px;
}
.dvcancelsc {
    float: right;
    height: 15px;
    width: 15px;
    margin: 15px 10px 0px 0px;
    cursor: pointer;
}
.criteria:hover {
    text-decoration: underline;
}
.dvQsAdvanceSearch {
    width: 125px;
    float: left;
    color: #666666;
    font-size: 14px;
    font-family: 'open_sansregular';
}
.dvSearchByEN {
    /*width: 460px;
    float: left;*/
    margin-top: 20px;
    margin-left: 20px;
}

.dvrdbEND label {
    color: #666666;
    font-size: 14px;
    font-family: 'open_sansregular';
    position: relative;
    bottom: 3px;
    margin-right: 15px;
}

.dvrdbEND input[type="radio"] {margin-right: 6px;width: 14px;height: 14px;-webkit-appearance: none;-moz-appearance: none;-moz-appearance: none;display: inline-block;background-clip: content-box;border: 1px solid #bbbbbb;border-radius: 50%;cursor: pointer;}
.dvrdbEND input[type="radio"]:checked {border:none;background-color: #247f9f;width: 14px;height: 14px;}

.dvemptynot input[type="radio"] {margin-right: 6px;cursor: pointer;width: 14px;height: 14px;-webkit-appearance: none;-moz-appearance: none;-moz-appearance: none;display: inline-block;background-clip: content-box;border: 1px solid #bbbbbb;border-radius: 50%;}
.dvemptynot input[type="radio"]:checked {border:none;background-color: #247f9f;width: 14px;height: 14px;}

.dvemptynot label {
    color: #666666;
    font-size: 14px;
    font-family: 'open_sansregular';
    position: relative;
    bottom: 3px;
}
.dvnot label {
    color: #666666;
    font-size: 14px;
    font-family: 'open_sansregular';
    position: relative;
    bottom: 3px;
}

.dvnot input[type="radio"] {margin-right: 6px;cursor: pointer;width: 14px;height: 14px;-webkit-appearance: none;-moz-appearance: none;-moz-appearance: none;display: inline-block;background-clip: content-box;border: 1px solid #bbbbbb;border-radius: 50%;}
.dvnot input[type="radio"]:checked {border:none;background-color: #247f9f;width: 14px;height: 14px;}

.dvnot {
    float: left;
    margin-left: 12px;
    margin-top: 6px;
}
.lblHDSControl {
    padding: 0px 5px 0px 5px;
}
.sharegroupanchor {
    color: #fff;
}
.ConvertContactHere {
    font-family: open_sansbold;
}
.ContactsPriorityField {
    float: left;
    padding: 10px;
    width: 100%;
}
.ContactsContactHeader {
    float: left;
    width: 90%;
}
.ncs-warning {
    display: none;
    color: #247F9F;
    float: left;
    width: 100%;
    padding-top: 4px;
}
#spnWarningMsg {
    color: Red;
    display:none;
}
.wb-spanrecruit {
    font-size: 8px;
    width: 40px;
    line-height: 15px;
    border-radius: 3px;
    background-color: #f0993f;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    position: absolute;
    right: 5px
}
.wb-spanroster {
    font-size: 8px;
    width: 40px;
    line-height: 15px;
    border-radius: 3px;
    background-color: #1d7fa1;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    position: absolute;
    right: 5px
}
.star-category {
display:flex;
height:10px;
}
.multiplesearchresults {margin: 5px;width: 120px;display: inline-block;}
.successtxt {color:#009B30;}
.dvRecruitActivity {
    margin-left: 20px;
    margin-top: 20px;
}
.lblRecruitActivity {
    height: 18px;
    padding-top: 10px;
    font-size: 16px;
    font-family: open_sansbold;
}
.lblComm {
    color: #666666;
    font-size: 14px;
    font-family: 'open_sansregular';
    margin: 20px 0px 18px 0px;
}
.chkRecruitActivity label {vertical-align: middle;position: relative;padding-left: 5px;display: inline-block;color: #666666;font-size: 14px;font-family: 'open_sansregular';}
.chkRecruitActivity label::before{content: "";position: absolute;width: 14px;height: 14px;left: 1px;margin-left: -20px;border: 1px solid #e6e6e6;box-shadow: inset 1px 1px rgba(0, 0, 0, 0.03);background-color: #fff;display: inline-block;}
.chkRecruitActivity label::after{display: inline-block;position: absolute;width: 14px;height: 14px;left: 1px;margin-left: -20px;background: url(../Images/white_checkmark.svg) no-repeat center center;background-size: 9px;top: 2px}
.chkRecruitActivity input[type="checkbox"]:checked + label::after{content: ""}
.chkRecruitActivity input[type="checkbox"]:checked + label::before{background: #00adef;border: solid 1px #119ad0}
.chkRecruitActivity input[type="checkbox"]:checked + label::after{color: #fff}
.chkRecruitActivity input[type="checkbox"] {opacity: 0;}
.txtarea::-webkit-input-placeholder {
    padding: 0px 0px 0px 10px;
    color: #999999;
    font-size: 14px;
    font-family: 'open_sansregular';
}
.charactercount {
    font-size: 16px;
    color: #333333;
    font-family: 'open_sansregular';
    margin: 20px 0px 0px 20px;
}
.characterinfo {
    margin-left: 20px;
    font-size: 14px;
    color: #333333;
    font-family: 'open_sanssemibold';
    margin-top: 16px;
}
.smsminfo {
    margin-left: 20px;
    font-size: 14px;
    color: #333333;
    margin-top: 16px;
    font-family: 'open_sansregular';
}
.scr {
    font-family: 'open_sanssemibold';
}
.info-icon {
    float: right;
    margin-right: 16px;
}
.info-img {
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.vwhistory {
    margin-top: 16px;
    float: left;
}
.character-Container {
    float: right;
    margin-left: 20px;
    width: 338px;
}
.character-section {
    height: 269px;
    width: 338px;
    background-color: #ececec;
    border-radius: 6px;
    float: left;
}
.charactercountPopup {
    display: none;
    position: fixed;
    border: 1px solid #999999;
    background: #fff;
    z-index: 999999999;
    width: 690px;
    height: 452px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.charactercountPopup {
    display: none
}
.charactercount-body {
    overflow: hidden;
    height: 402px;
}
.charactercount-footer {
    line-height: 45px;
    border-top: 1px solid #e5e5e5;
}
.charactercount-txt {
    margin-top: 61px;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: 'open_sansbold';
    color: #666666;
    text-align: center;
}
.charactercount-gotit {
    float: right;
    margin-right: 16px;
    font-size: 14px;
    color: #247f9f;
    font-family: open_sansregular;
}
.charactercount-img {
    height: 87px;
    width: 87px;
    margin-top: 52px;
}
.charactercount-icon {
    text-align: center;
}
.charactercount-content {
    margin-left: 117px;
    text-align: center;
    font-size: 14px;
    color: #666666;
    font-family: open_sansregular;
    margin-right: 117px;
}

.txtarea {
    border: #CCCCCC 1px solid;
    /*background-color: #F6F6F6;*/
    /*color: #000000;*/
    text-align: left;
    width: 294px;
    /*font-size: 12px;*/
    padding-left: 2px;
    color: #999999;
    font-size: 14px;
    font-family: 'open_sansregular';
}

#divMessageImage {
    float: left;
    height: auto;
    /*background: white;*/
    position: relative;
}
#spnReceivers {
    padding-left: 10px;
    color: #666666;
    font-size: 14px;
    font-family: 'open_sansregular';
}
#spnbuymore {
    color: #247f9f;
    margin-left: 5px;
    cursor: pointer;
}
#dvtotalcredit {
    font-size: 14px;
    font-family: open_sansregular;
    color: #d0021b;
    margin-top: 16px;
    display:none;
}
.pd-character-section {
    height: 269px;
    width: 338px;
    background-color: #ffffff;
    border-radius: 6px;
    float: left;
}
.btnvwhistory {
    font-size: 14px;
    font-family: 'open_sansregular';
    color: #247f9f;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.pl-infobutton {
    padding-right: 120px;
    width: 27px;
    height: 27px;
    cursor: pointer;
    float: right;
}
/*End*/
.recaptcha_container {float: left;width: 99%;padding: 10px 0;}