/* #region Reset */

*
{
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    font-size: 100%;
    list-style: none;
    text-decoration: none;
}
a img
{
    border: none;
}

button
{
    cursor: pointer;
    display: block;
}
/* this keeps a vertical scroll on the side always */

html
{
    overflow: -moz-scrollbars-vertical;
}

html
{
    overflow-x: auto;
}

/* #endregion */
/*Basic page element styles*/


a {
    color: #72AD43;
    text-decoration: underline;
}

.blueLink {
    color:#447ac1;
    text-decoration: underline;
    cursor: pointer;
}

a img {
    border: none;
    outline: none;
}

body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #424143;
    background-image: url(/Content/images/bg.gif);
    background-repeat: repeat-x;
}
fieldset {
    background-color: #fafafa;
    border-radius: 4px 4px 4px 4px;
    padding: 10px;
    border: 1px solid #d3d3d3;
}

h1 {
    color: #2ca0d9;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 2px;
}

h2 {
    color: #f58220;
    font-size: 17px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 1px;
}

html {
    overflow-x: auto;
}

html,body {
    height: 96%;
    width: 99%;
    padding: 0;
    margin: 0;
}

img {
    border: none;
    outline: none;
    border-style: none;
}

input {
    font-size: 12px;
    padding: 3px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d1d1d1;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #d1d1d1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #d1d1d1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #d1d1d1;
}
input[readonly],textarea[readonly] {
    border: 1px solid #ddd;
    /*padding: 3px;*/
    vertical-align: top;
    /*font-size: 12px;*/
    color: #424143;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    background-color: #f4f4f4;
}

input[type='checkbox'] {
    line-height: 12px;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 3px;
}

input[type='radio'] {
    line-height: 14px;
    /*margin: 2px 4px 3px 0;*/
    /*padding-bottom: 4px;*/
    /*vertical-align: baseline;*/
    margin-top: 0px;
    box-shadow: none;
}

legend {
    color: #72ad43;
    font-size: 12px;
}

p {
    margin: 0 0 10px;
    padding: 0;
}

select {
    padding: 3px;
    line-height: 22px;
    vertical-align: top;
    font-size: 12px;
    color: #424143;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
}
select[disabled] {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
}

select:-moz-read-only, select:read-only {
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    color: #424143;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 22px;
    margin: 0;
    padding: 3px;
    vertical-align: top;
}

table {
    border-color: lightgray;
    border-width: 0;
    border-spacing: 0;
    border-collapse: collapse;
    font-family: Arial;
}
td {
    font-family: Arial,helvetica,san-serif;
}

textarea {
    font-family: Arial,helvetica,san-serif;
    font-size: 13.333px;
}
/* #endregion */

.ac-tab-box {
    width: 800px;
    border: 1px solid #d4d4d4;
    background-color: #fafafa;
    background-repeat: repeat-x;
    /*border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;*/
    padding: 22px 22px 12px;
    text-align: left;
    float: left;
    z-index: 99;
}

.tab-box-white {
    border: 1px solid #d4d4d4;
    background-color: #FFF;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 22px 22px 12px;
    text-align: left;
    float: left;
    z-index: 99;
}

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

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

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

.alt-row {
    background-color: #f1f1f1;
}

.altrow a {
    color: #72AD43;
    text-decoration: underline;
}

.altrow a:hover {
    color: #80C343;
}

.alt-row td {
    background-color: #f1f1f1;
}

.alt-subrow td {
    background-color: #def8ff;
}

.attention {
    color: #BE1E2D;
    font-weight: 400;
}

.attention a {
    color: #BE1E2D;
}

.attention a:hover {
    color: #ed1c24;
}

.autoFillGrid {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    background-color: #FFF;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0 3px 5px #888;
    position: absolute;
    z-index: 20000;
}

.autoFillGrid td {
    padding: 0 10px;
    text-align: left;
}

.autoFillGridFooter {
    background-color: #80C343;
    color: #FFF;
    height: 22px;
}

.autoFillGridFooter a {
    color: #FFF;
}

.autoFillGridHeader {
    background-color: #80C343;
    color: #FFF;
    font-weight: 700;
    height: 22px;
}

.autoFillHint {
    -o-text-overflow: ellipsis;
    background-color: #fff;
    border: 0 solid #fff;
    /*-moz-border-radius: none;
    -webkit-border-radius: none;*/
    border-radius: 0;
    box-shadow: none;
    color: Gray;
    margin-left: 0;
    overflow: hidden;
    padding-left: 0;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 10;
}

.autoFillRow-alt {
    background-color: #f1f1f1;
    cursor: pointer;
}

.autoFillRow-normal {
    background-color: #f7f7f7;
    cursor: pointer;
}

.autoFillRow-selected {
    background-color: #d3d3d3;
    cursor: pointer;
}

.autoFillRowSelected {
    background-color: #DDD;
    cursor: pointer;
}

.autoFillTextBox {
    color: #000;
    font-style: normal;
    width: 245px;
}

.autoFillTextBoxInactive {
    color: #c2c1c3;
    font-style: italic;
    width: 245px;
}

.autoFillTextBoxValid {
    font-style: normal;
    width: 245px;
}

.blade {
    background-image: url(/Content/images/blade-bg.gif);
    background-repeat: repeat-x;
    border: 1px solid #e6e6e6;
    color: #72AD43;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    margin-top: 6px;
    width: 100%;
}

.blade:hover,.blade-notif:hover {
    border: 1px solid #80c342;
}

.blade-dead {
    height: 25px;
    line-height: 25px;
    color: #72AD43;
    font-size: 14px;
    background-image: url(/Content/images/blade-bg.gif);
    background-repeat: repeat-x;
    border: 1px solid #e6e6e6;
    margin-top: 6px;
}

.blade-icon-collapsed {
    background: url(/Content/images/icon_collapsed.png) no-repeat center left;
    width: 17px;
    padding-right: 5px;
}

.blade-icon-expanded {
    background: url(/Content/images/icon_expanded.png) no-repeat center left;
    width: 17px;
    padding-right: 5px;
}

.bold {
    font-weight: 700;
}

.bottom-margin {
    margin-bottom: 12px;
}

.bottom-margin-small {
    margin-bottom: 6px;
}

.bottom-margin-large {
    margin-bottom: 18px;
}

.box {
    border: 1px solid #d4d4d4;
    background-color: #fafafa;
    /*background-image: url(/Content/images/box-bg.gif);*/
    background-repeat: repeat-x;
    /*border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;*/
    padding: 12px 22px 22px;
    text-align: left;
}
.box-small {
    border: 1px solid #d4d4d4;
    background-color: white;
    /*background-image: url(/Content/images/box-bg.gif);*/
    background-repeat: repeat-x;
    /*border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;*/
    padding: 3px 6px 3px;
    text-align: left;
}

.cell-space5 {
    border-spacing: 2px;
    padding: 0;
}

.cell-space0 {
    border-spacing: 0;
    padding: 0;
}

table.cell-space0 > tbody > tr > td, table.cell-space0 > tr > td  {
    padding: 0;
}

table.cell-space5 > tbody > tr > td, table.cell-space5 > tr > td {
    padding: 2px;
}

.center {
    text-align: center;
}

.checkBoxDiv {
    height: 20px;
}

.checkBoxLabel {
    position: relative;
    left: 3px;
}

.child-close {
    background-color: #4c5e6a;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-right: 1px;
}

.child-foot tr td {
    display: none;
}

.child-head tr td {
    background-color: #72AD43;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
}

.child-head tr td {
    font-size: 11px;
    height: 20px;
    line-height: 16px;
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;
}

.child-head tr td a {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.child-head tr td a span {
    color: #a4d840;
}

.child-head tr td a:hover,.child-head tr td a:hover span {
    color: #c7f274;
}

.ChildRow {
    background-color: #e8e8e8;
    font-size: 8pt;
    white-space: nowrap;
}

.clear {
    clear: both;
}

.clickable {
    cursor: pointer;
}

.container-title {
    color: #f58220;
    font-size: 16px;
    margin: 0 0 6px;
}

.content-body {
    width: 993px;
    background-color: #fafafa;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    clear: right;
    padding: 0 24px 0 24px;

}

.content-box-bl {
    width: 10px;
    height: 15px;
    background-image: url(/Content/images/content-box-bl.png);
}

.content-box-bm {
    height: 15px;
    background-image: url(/Content/images/content-box-bm.png);
    background-repeat: repeat-x;
}

.content-box-body {
    background-color: #fafafa;
    padding: 0 14px;
}

.content-box-bottom {
    background-image: url(/Content/images/content-box-bottom.png);
    background-repeat: no-repeat;
    height: 15px;
    margin-bottom: 3px;
    width: 1043px;
}

.content-box-br {
    width: 10px;
    height: 15px;
    background-image: url(/Content/images/content-box-br.png);
}

.content-box-ml {
    background-image: url(/Content/images/content-box-ml.png);
    background-repeat: repeat-y;
}

.content-box-mr {
    background-image: url(/Content/images/content-box-mr.png);
    background-repeat: repeat-y;
}

.content-box-short-tl {
    width: 10px;
    height: 15px;
    background-image: url(/Content/images/content-box-short-tl.png);
}

.content-box-short-tm {
    height: 15px;
    background-image: url(/Content/images/content-box-short-tm.png);
    background-repeat: repeat-x;
}

.content-box-short-tr {
    width: 10px;
    height: 15px;
    background-image: url(/Content/images/content-box-short-tr.png);
}

.content-box-tl {
    height: 37px;
    width: 10px;
    background-image: url(/Content/images/content-box-tl.png);
}

.content-box-tm {
    background-image: url(/Content/images/content-box-tm.png);
    background-repeat: repeat-x;
    padding: 6px 11px 0 14px;
}

.content-box-top {
    padding: 0 24px;
    width: 996px;
    height: 37px;
    background-image: url(/Content/images/content-box-top.png);
    background-repeat: no-repeat;
}

.content-box-tr {
    width: 10px;
    background-image: url(/Content/images/content-box-tr.png);
}

.content-wrapper {
    width: 1240px;
    margin: 0 auto;
}

.day-on
{
    background-color: #80C342;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 1px 4px;
    height: 15px;
    display: inline-block;
}

.difcursor {
    cursor: pointer;
}

.dontresize {
    width: 75px;
    max-height: 29px;
    max-width: 74px;
}

.dotted-hr {
    height: 1px;
    border-bottom: 1px dotted #d3d3d3;
}

.expand-all, .collapse-all
{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    width: 12px;
    height: 12px;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    background-color: #B8D651;
    text-align: center;
    display: inline-block;
}

.expand-all:hover, .collapse-all:hover
{
    background-color: #ddd;
    cursor: pointer;
}

.expand,.collapse {
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    width: 17px;
    height: 16px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #B8D651;
    text-align: center;
    display: inline-block;
    padding-top: 1px;
    line-height: 15px;
}

.expand:hover,.collapse:hover {
    background-color: #8fb63b;
    cursor: pointer;
}

.expand-all .collapse-all {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    width: 12px;
    height: 12px;
    color: #666;
    font-size: 14px;
    font-weight: 700;
    background-color: #B8D651;
    text-align: center;
    display: inline-block;
}

.expand-all:hover .collapse-all:hover {
    background-color: #ddd;
    cursor: pointer;
}

.expired, .required {
    color: #F03;
}

.favorite-nav {
    display: none;
    width: 200px;
    position: absolute;
    z-index: 1200;
    background-color: transparent;
    padding: 0 50px 100px;
}

.favorite-nav ul {
    background-color: #dcdcdc;
    border: solid 1px #c5c5c5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.favorite-nav .lastli div, .favorite-nav .lastli div:hover {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.favorite-nav .liAddFavorite {
    border-top:dotted 1px #a8a8a8;
    border-right: solid 1px #c5c5c5;
    border-left: solid 1px #c5c5c5;
    border-bottom: solid 1px #c5c5c5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .favorite-nav ul li a {
        float: left;
        width: 160px;
        padding-right: 0;
        padding-left: 10px;
        text-decoration: none;
        line-height: 25px;
        color: #4c5e6a;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: normal;
        overflow: hidden;
        max-height: 25px;
        letter-spacing: 0;
    }

.favorite-nav ul li a:hover,  .favorite-nav ul li div:hover a{
    color: white;
    background-image: none;
}

.favorite-nav ul li div {
    background-color: #dcdcdc;
    text-decoration: none;
    line-height: 30px;
    height: 30px;
    color: #484848;
    font-size: 11px;
    text-transform: uppercase;
    cursor: pointer;
}

.favorite-nav ul li div:hover {
    color: #f7f7f7;
    background-image: none;
    background-color: #4c4c4c;
}

.favorite-trash {
    float: right;
    height: 14px;
    width: 14px;
    cursor: pointer;
    margin-top: 5px;
    margin-right: 3px;
    display: none;
}



.firstcell {
    background-position: left;
    border-right: 1px solid #666364;
    padding-right: 6px;
}

.firstcell a span,.midcell a span,.midcell-bottom a span,.repeat-head td a span {
    color: #999;
    font-size: 11px;
    text-decoration: none;
}

.firstcell a,.midcell a,.midcell-bottom a,.repeat-head td a {
    color: #B8D651;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.firstcell a:hover span,.midcell a:hover span,.midcell-bottom a:hover span,.repeat-head td a:hover span {
    color: #bbb;
}

.firstcell div .midcell div .midcell a {
    font-size: 11px;
    color: #B8D651;
    font-weight: 700;
    text-decoration: none;
}

.firstcell div .midcell div {
    font-size: 11px;
    color: #B8D651;
    font-weight: 700;
    text-decoration: none;
}

.firstcell div span,.midcell div span {
    font-size: 11px;
    color: #999;
    text-decoration: none;
}

.firstcell div:hover span,.midcell div:hover span {
    color: #bbb;
}

/*.firstcell div:hover,.midcell div:hover {
    color: #E0F48E;
}*/

.firstcell-top {
    background-position: left top;
    border-right: 1px solid #6d6a6b;
    text-align: center;
    border-bottom: 1px solid #777;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.footer {
    height: 33px;
    margin-top: 22px;
    border-top: 1px dotted #d3d3d3;
    text-align: center;
    color: #999;
    font-size: 10px;
    line-height: 28px;
}

.footer a {
    color: #999;
    font-size: 10px;
}

.footer a:hover {
    color: #80C343;
}

.green-link {
    color: #72AD43;
    font-weight: 400;
}

.green-link a {
    color: #72AD43;
    text-decoration: underline;
}

.green-link a:hover {
    color: #80C343;
}

.green-text {
    color: #72AD43;
}

.gray-link {
    color: #424143;
    text-decoration: none;
}

.gray-link a {
    color: #424143;
    text-decoration: none;
}

.gray-link a:hover {
    color: #615f62;
}

.greybox {
    background-color: #f2f2f2;
    padding: 12px;
    border: 1px solid #d3d3d3;
    margin-bottom: 2px;
    border-radius: 5px;
}

.grey-text {
    color: #888;
}

.header_jump_to {
    padding: 0;
    margin-left: 8px;
}

div.header_jump_to {
    float: right;
    margin-right: 20px;
    margin-top: 7px;
    height: 30px;
}

.header_jump_to_input {
    width: 300px;
    float: left;
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 15px 0 0 15px;
    padding: 3px;
    padding-left: 10px;
    height: 22px;
    font-size: 14px;
}

.header_jump_to_btn {
    float: left;
    background-color:#fff; 
    border: 1px solid #ccc; 
    border-radius: 0 15px 15px 0; 
    cursor:pointer;
    height: 28px;
}

.header_jump_to_btn_img {
    height:20px; 
    margin:4px 10px;
}

.header_jump_to a {
    border-top:solid 1px #fff;
    border-bottom:solid 1px #fff;
}

.header_jump_to .ui-state-focus {
    background: none;
    background-color: #27bdfb;
    background-color: rgba(39, 189, 251, 0.23);
    border: none;
    border-top:solid 1px #27bdfb;
    border-bottom:solid 1px #27bdfb;
    border-radius: 0;
    color: #000;

}

.header_jump_to .ui-menu-item {
    color: #cccccc;
    line-height: 20px;
}

.header_jump_to a.ui-corner-all {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 25px;
}

.header_jump_to .ui-helper-hidden-accessible {
     display:none;
}

.help-link {
    color: #424143;
    text-decoration: none;
}

.help-link:hover {
    color: #f58220;
    text-decoration: underline;
}

.highlight {
    background-color: #fff7b5;
    height: 31px;
    margin: 0;
}

.highlight-row {
    background-color: #FFF3D2;
}

.highlight-row td {
    background-color: #FFF3D2;
}

.hover-info {
    position: absolute;
    background-color: #FFF;
    border: solid 1px #424143;
    border-radius: 5px;
    padding: 8px 10px;
    z-index: 2000;
    display: none;
    -moz-box-shadow: 3px 3px 4px #777;
    -webkit-box-shadow: 3px 3px 4px #777;
    box-shadow: 3px 3px 4px #777;
}

.icon-collapsed {
    background-image: url(/Content/images/icon_collapsed.png);
    /*background-position: -78px -51px;*/
    /*display: inline-block;*/
    height: 17px;
    /*margin-right: 8px;*/
    width: 17px;
}

.icon-expanded {
    background-image: url(/Content/images/icon_expanded.png);
    /*background-position: -78px -68px;*/
    /*display: inline-block;*/
    height: 17px;
    /*margin-right: 8px;*/
    width: 17px;
}

.icon-logout {
    background-image: url(/Content/images/arrow-grey.png);
    float: right;
    height: 15px;
    width: 10px;
    background-repeat: no-repeat;
}

.indent {
    padding-left: 24px;
    line-height: 18px;
    text-align: left;
    list-style-image: url(/Content/images/bullet.png);
}

.indent li {
    display: list-item;
    list-style-image: url(/Content/images/bullet.png);
}

.inline-icon {
    margin-top: 2px;
}

.inline-icon a img {
    float: left;
    margin-right: 3px;
}

.jumpto {
    float: right;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 13px;
    margin: 2px;
}
.jumpto-icon {
    background-image: url(/Content/images/icon_jumpto.png);
    cursor: pointer;
    height: 23px;
    width: 24px;
    background-repeat: no-repeat;
    margin-left: 5px;
}

.jumpto tr td input, .jumpto tr td select {
    padding: 4px;
    border-radius: 5px;
    border: none;
    background-color: #CCC;
}

.label-column {
    line-height: 24px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}

.lastcell {
    background-position: right;
    padding-right: 6px;
}

.lastcell a span,.lastcell-bottom a span {
    color: #999;
    font-size: 11px;
    text-decoration: none;
}

.lastcell a,.lastcell-bottom a {
    color: #B8D651;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.lastcell a:hover span,.lastcell-bottom a:hover span {
    color: #bbb;
}

.lastcell a:hover,.lastcell-bottom a:hover {
    color: #E0F48E;
}

/*.lastcell div {
    font-size: 11px;
    color: #B8D651;
    font-weight: 700;
    text-decoration: none;
}*/

.lastcell div span {
    font-size: 11px;
    color: #999;
    text-decoration: none;
}

/*.lastcell div:hover {
    color: #E0F48E;
}*/

.lastcell div:hover span {
    color: #bbb;
}

.lastcell-bottom {
    background-position: right bottom;
    text-align: center;
}

.lastcell-top {
    background-position: right top;
    border-bottom: 1px solid #777;
    text-align: center;
}

.last-menu-item {
    border-right: 1px solid #6E6F72;
}

.left {
    text-align: left;
}

.left-bold {
    color: #222;
    font-weight: 700;
    text-align: left;
}

.left-margin {
    margin-left: 12px;
}

.left-margin-small {
    margin-left: 6px;
}

.left-margin-large {
    margin-left: 18px;
}

.lowest-in-head {
    clear: both;
    margin-bottom: 8px;
    height: 27px;
}

.manager-color {
    width: 8px;
    height: 24px;
    float: left;
}

.menu-icon {
    height: 22px;
    padding-top: 3px;
    text-align: center;
    width: 25px;
}

.menu-icon img {
    float: left;
    margin: 0 auto;
    padding-right: 4px;
}

.midcell {
    background-position: center;
    border-right: 1px solid #6d6a6b;
    padding-right: 6px;
}

.midcell-bottom {
    background-position: center bottom;
    /*border-right: 1px solid #6d6a6b;*/
    text-align: center;
}

.midcell-top {
    background-position: center top;
    border-bottom: 1px solid #777;
    /*border-right: 1px solid #6d6a6b;*/
    text-align: center;
}

.minus {
    background-image: url(/Content/images/icon_expanded.png);
    background-repeat: no-repeat;
    text-align: center;
    line-height: 18px;
    width: 18px;
}

.mobile-icon {
    background-image: url(/Content/images/mobile-phone.png);
    float: left;
    height: 22px;
    width: 21px;
}

.modalBackground {
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: .7;
    -moz-opacity: .7;
}

.modal-green-head
{
    color: #72AD43;
    font-size: 14px;
    line-height: 30px;
}

.na {
    background-image: url(/Content/images/na.png);
}

.nav-wrapper {
    width: 1230px;
    height: 34px;
    margin: 4px auto 0;
}

.nav-wrapper div {
    /*height: 30px;*/
    float: left;
    font-family: "Ubuntu",Arial,Helvetica,sans-serif;
}

.nav-wrapper div a {
    font-size: 11px;
    /*color: #424143;*/
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    line-height: 28px;
    padding: 0 22px 0 22px;
    font-weight: bold;
    letter-spacing: 1px;
}

.nav-wrapper div a:hover {
    color: #f7f7f7;
}

.nav-wrapper div.menu-on a {
    background-image: url(/Content/images/menu-on.gif);
    color: #424143;
}

.nav-wrapper div a:hover {
    background-image: url(/Content/images/menu-on-hover.gif);
    color: #f7f7f7;
}

.nav-wrapper div a > img.favorites_menu_icon {
    position: relative;
    top: 2px;
    height: 13px;
    width: 13px;
    margin-left: 10px;
    background-image:url('/Content/images/icon_favorites.png');
    background-repeat: no-repeat;
}

.nav-wrapper div a:hover > img.favorites_menu_icon {
    background-image:url('/Content/images/icon_favorites_light.png');
}

.nav-wrapper div a > img.main_menu_icon {
    position: relative;
    top: 2px;
    height: 13px;
    width: 13px;
    margin-left: 10px;
    background-image:url('/Content/images/arrow-down-dark.png');
}

.nav-wrapper div a:hover > img.main_menu_icon {
    background-image:url('/Content/images/arrow-down-light.png');
}

.nav-wrapper div a > img.help_menu_icon {
    position: relative;
    top: 2px;
    height: 13px;
    width: 13px;
    margin-left: 10px;
    background-image:url('/Content/images/arrow-down-blue.png');
}

.num-notification {
    position: absolute;
    top: 2px;
    right: 2px;
    background: #F2F2F2;
    border-radius: 50%;
    padding: 2px 4px;
    color: #4C5E6A;
    font-size: smaller;
    line-height: 11px;
}

.normal-row {
    background-color: #f7f7f7;
}

.normal-row td {
    background-color: #f7f7f7;
}

.normal-subrow td {
    background-color: #e8fbff;
}

.no-underline {
    text-decoration: none;
}

.orange {
    color: #F58220;
}

.orange a {
    color: #F58220;
}

.orange a:hover {
    color: #ff9b46;
}

.orange-label {
    color: #f58220;
    padding-bottom: 6px;
    font-weight: 700;
}

.red, .red, a.red
{
    color: #BE1E2D;
}

.page-help {
    float: right;
    margin: 0 12px 12px 0;
    padding: 10px 0 0 22px;
    width: 92px;
    height: 17px;
    color: #959595;
    background-image: url(/Content/images/icon_helpwiki.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-size: 10px;
    text-decoration: none;
}

.page-help a {
    color: #959595;
    font-family: Arial,Sans-Serif;
    font-size: 10px;
    text-decoration: none;
}

.page-help a:hover {
    font-size: 10px;
    font-family: Arial,Sans-Serif;
    color: #f58220;
    text-decoration: none;
}

.page-title {
    color: #555;
    /*margin: 24px 0 0 0;*/
    font-size: 20px;
    float: left;
    padding-right: 10px;
    text-transform: uppercase;
}

.page-title-crumb {
    clear: both;
    height: 38px;
    margin-top: 5px;
    margin-bottom: 12px;
    line-height: 38px;
    font-size: 16px;
    color: #f58220;
    font-weight: bold;
    width: 860px;
    float: left;
}

.page-title-crumb a {
    color: #777;
}

.pagination a {
    margin-left: 3px;
    margin-right: 3px;
}

.past_due {
    background-image: url(/Content/Images/pastDue.gif);
    padding-right:5px;
    float: left;
    height: 130px;
    width: 200px;
    border-style: none;
    background-repeat: no-repeat;
}



.right {
    text-align: right;
}

.right-bold {
    color: #222;
    font-weight: 700;
    text-align: right;
}

.right-content
{
    width: 1043px;
    float: left;
    margin: 0 0 25px 25px;
}

.right-margin {
    margin-right: 12px;
}

.right-margin-small {
    margin-right: 6px;
}

.right-margin-large {
    margin-right: 18px;
}

.rpt-cat-box {
    background-color: #FFF;
    border: 1px solid #D4D4D4;
    border-radius: 5px 5px 5px 5px;
    padding-right: 8px;
    width: 291px;
}

.searchInput {
    width:500px; 
    height: 25px; 
    font-size: 16px; 
}

.search-results {
    height: 24px;
    line-height: 24px;
    float: left;
    width: 500px;
    color: #888;
}

.search-results a {
    color: #aaa;
    text-decoration: none;
    font-weight: 400;
    text-decoration: underline;
}

.search-results a:hover {
    color: #80C343;
    text-decoration: underline;
    font-weight: 700;
}

.sect-head-btn {
    position: relative;
    top: -8px;
}

.section-left {
    float: left;
    margin-top: 12px;
    padding-bottom: 12px;
}

.section-left-border {
    float: left;
    margin-top: 12px;
    padding-right: 30px;
    border-right: 1px dotted #d3d3d3;
}

.section-head {
     height: 24px; 
     color: #72AD43; 
     font-size: 14px; 
     border-bottom: 1px dotted #d3d3d3;
}

.section-right {
    float: right;
    margin-top: 12px;
}

.section-right-border {
    float: right;
    padding-left: 30px;
    margin-top: 12px;
    border-left: 1px dotted #d3d3d3;
}

.section-float {
    float: left;
    width:48%;
    margin-top:12px;
}

.section-float .section-head {
    width:95%;
}

/* left side */
.section-float:nth-child(2n+1) {
    padding-right: 30px;
    
}
.section-float:nth-child(2n+1) table {
    border-right: 1px dotted #d3d3d3;
    margin-top:12px;
}

/* right side */
.section-float:nth-child(2n+0) table {
    margin-top: 12px;
}

.sidenav-container {
    margin-top: 55px;
    float: left;
    width: 162px;
    font-family: "Ubuntu",Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #424143;
    text-decoration: none;
    text-transform: uppercase;
}

.sidenav-menu-disabled {
    border-bottom: 1px solid #fff;
    font-size: 11px;
    color: #666;
}

.sidenav-menu-disabled a {
    display: block;
    height: 30px;
    line-height: 24px;
    color: #424143;
    background-color: #ebebec;
    padding-left: 5px;
    text-decoration: none;
    float: left;
    width: 156px;
    border-left: solid 1px #e6e6e6;
    opacity: 0.5;
    cursor: default;
}

.sidenav-menu-disabled a div {
    float: left;
    padding-left: 0;
    padding-top: 3px;
}

.sidenav-menu-disabled img {
    border: none;
    padding-top: 3px;
    opacity: 0.5;
}
.sidenav-menu-disabled a div span {
    float: left;
    width: 123px;
    overflow-y: hidden;
    white-space: nowrap;
    padding-top: 3px;
    text-align: left;
}

.sidenav-menu-item a, .side-menu-on a {
    display: block;
    height: 30px;
    line-height: 24px;
    color: #424143;
    background-color: #ebebec;
    padding-left: 5px;
    text-decoration: none;
    cursor: pointer;
    float: left;
    width: 156px;
    /*border-bottom: 1px solid #fff;*/
    border-left: solid 1px #e6e6e6;
    /*border-right: solid 1px #e6e6e6;*/
}

.side-menu-on a {
    height: 28px;
    width: 155px;
    color: #f58220;
    background-color: #fafafa;
    border-left: solid 1px #e6e6e6;
    /*border-right: solid 1px #e6e6e6;*/
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    margin-bottom: 1px;
}

.sidenav-menu-item a div,.side-menu-on a div {
    float: left;
    padding-left: 0;
    padding-top: 3px;
}

.sidenav-menu-item a div span,.side-menu-on a div span {
    float: left;
    width: 123px;
    overflow-y: hidden;
    white-space: nowrap;
    padding-top: 3px;
    text-align: left;
}

.sidenav-menu-item a:hover {
    background-color: #fafafa;
    color: #666;
    text-decoration: none;
    border-right: solid 1px #e6e6e6;
    width: 154px;
}

.sidenav-menu-item img,.side-menu-on img {
    border: none;
    padding-top: 3px;
}

.sidenav-menu-item {
    border-bottom: 1px solid #fff;
    font-size: 11px;
    color: #666;
}

.sidenav-menu-item-arrow {
    display: none;
}

.side-menu-on-arrow {
    height: 19.2px;
    width: 19.8px;
    background-color: #fafafa;
    border: solid 1px #e6e6e6;
    position: relative;
    left: 150px;
    top: 4.2px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
    z-index: -1;
}

.sidenav-menu-item-indented a {
    display: block;
    height: 24px;
    line-height: 24px;
    color: #424143;
    background-color: #F4F4F4;
    padding-left: 20px;
    text-decoration: none;
    cursor: pointer;
}

.sidenav-menu-item-indented a div,.side-menu-on-indented a div {
    float: left;
}

.sidenav-menu-item-indented a:hover {
    background-color: #d3d3d3;
    color: #666;
    text-decoration: none;
}

.sidenav-menu-item-indented,.side-menu-on-indented {
    border-bottom: 1px solid #fff;
    font-size: 11px;
    color: #666;
}

.sidenav-menu-item img.addOn_icon, .sidenav-menu-item:hover img.addOn_icon {
    float: right;
    height: 9px;
    width: 13px;
    margin-top: 5px;
    background-image:url(/Content/images/icon_blue_lightning.png);
}

.sidenav-menu-item:hover .addOn_icon, .sidenav-menu-item:hover img.addOn_icon {
    background-image:url(/Content/images/icon_white_lightning.png);
}

.sidenav-menu-item .addOn  {
    color: #a1a1a1;
}

.sidenav-menu-item .addOn:hover  {
    background-color: #22a4da;
    color: #d3d3d3;
}

.mainMenuAddOn {
    cursor: pointer;
    background-color: #22a4da;
    position: relative;
    right: 0;
    font-size: 11px;
    line-height: 28px;
    padding: 0 22px 0 22px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #FFF;
    padding: 0 12px 0 4px;
}
.mainMenuAddOn:hover {
    background-color: #27bbf8;
}

.menuAddOn_icon {
    height: 13px;
    width: 13px;
    margin: 8px; 
    background-image:url(/Content/images/icon_white_lightning.png);
}

.sidenav-section-foot {
    height: 12px;
    background-image: url(/Content/images/sidenav-foot.gif);
    background-repeat: no-repeat;    
    float: left;
    width: 165px;
}

.sidenav-section-head {
    width: 150px;
    height: 30px;
    line-height: 30px;
    background-image: url(/Content/images/sidenav-head.gif);
    background-repeat: no-repeat;
    color: #79B539;
    padding-left: 12px;
    font-size: 12px; 
    float: left;
    width: 165px;
    font-weight: bold; 
    border-bottom: solid 1px #e6e6e6;
    margin-bottom: 1px;
}

.site-head {
    height: 64px;
    /*width: 1230px;*/
    margin: 0 auto;
    background-color: #FFF;
}

.size12 {
    font-size: 12px;
}

.slider_holder
{
    float: left;
    position: relative;
    width: 950px;
    overflow: hidden;
    list-style: none;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.small-grey {
    color: #999;
    font-size: 10px;
}

.subtitle {
    /*clear: left;*/
    float: left;
    font-size: 15px;
    /*font-weight: bold;*/
    /*color: #959595;*/
    color: #4aa7e9;
    margin-top: 5px;
    line-height: normal;
    text-transform: none;
    float: left;
    width: 60%;
}

.subtitle-wrapper {
    width: 1043px;
    height: 23px;
}

.sup-head {
    height: 24px;
    font-size: 13px;
    color: #72AD43;
    padding-left: 32px;
    margin-left: 5px;
}

.sup-tools {
    background-image: url(/Content/images/icons-support.png);
    background-repeat: no-repeat;
    background-position: 0 -48px;
}

.tab-box
{
    border: 1px solid #d4d4d4;
    background-color: #fafafa;
    background-image: url(/Content/images/box-bg.gif);
    background-repeat: repeat-x;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 22px;
    text-align: left;
    float: left;
    z-index: 99;
}

.tab
{
    font-size: 13px;
    border-left: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    background-color: #ebebec;
    background-image: url(/Content/images/tab-off-bg.gif);
    background-repeat: repeat-x;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    text-align: center;
    float: left;
    margin: 0 1px -3px 0;
    /*font-size: 13px;*/
    font-family: "Ubuntu",Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #424143;
    text-decoration: none;
    text-transform: uppercase;
}

.tab a
{
    color: #666;
    display: block;
    padding: 7px 22px 8px 22px;
    text-decoration: none;
}

.tab a:hover
{
    color: #f58220;
    display: block;
    cursor: pointer;
}

.tab-on
{
    font-size: 11px;    
    text-decoration: none;
    text-transform: uppercase;
    color: #f58220;
    border-left: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    background-color: #fafafa;
    background-image: url(/Content/images/box-bg.gif);
    background-repeat: repeat-x;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 7px 22px 8px 22px;
    text-align: center;
    float: left;
    margin: 0 1px -3px 0;
    z-index: 1;
    position: relative;
}

.tab-on a
{
    /*font-size: 13px;*/
    color: #f58220;
    text-decoration: none;
}

.tab-off {
    color: #666;
    display: block;
    padding: 7px 22px 8px;
    text-decoration: none;
    cursor: pointer;
    background-image: url(/Content/images/tab-off-bg.gif);
    background-repeat: repeat-x;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.tab-off:hover {
    color: #f58220;
    display: block;
}

.table-body-light .repeat-head td {
    background-image: url(/Content/images/table-head.png);
    background-position: center;
    border-right: 1px solid #666364;
    border-bottom: none;
    padding: 4px 6px;
    height: 16px;
}

.table-body-light {
    padding: 0 8px;
    height: 25px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 10px;
}

.table-body-light td {
    padding: 2px 8px;
    height: 25px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 10px;
}

.table-body-links td {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    font-size: 11px;
    line-height: 15px;
    padding: 4px 6px;
    vertical-align: top;
    white-space: nowrap;
}

.table-body-light tr td {
    font-size: 11px;
    padding: 4px 6px;
    height: 25px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    white-space: nowrap;
    vertical-align: top;
}

.table-body-light tr td {
    padding: 0 10px 0 15px;
    height: 25px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.table-body-light tr td {
    padding: 0 15px;
    height: 25px;
    border-bottom: 1px solid #888;
}

.table-body-links a {
    color: #72ad43;
    text-decoration: underline;
}

.table-body-links a:hover {
    color: #80c342;
    text-decoration: underline;
}

.table-body-med .nopadding tr td {
    margin: 0;
    padding: 0;
}

.table-body-med .ratings-footer {
    padding: 5px;
    background-color: #e7e7e7;
    font-weight: 700;
    border: 1px solid #e7e7e7;
}

.table-body-med td {
    padding: 0 9px;
    height: 30px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 10px;
}

.table-body-med td {
    padding: 8px;
    height: 30px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 10px;
}

.table-body-med tr td {
    /*padding: 0 10px 0 15px;*/
    height: 30px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.table-body-normal td {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    font-size: 11px;
    line-height: 15px;
    padding: 8px;
    white-space: nowrap;
}

.table-body-report tr td {
    font-size: 11px;
    padding: 4px 8px 0;
    height: 25px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    white-space: nowrap;
    vertical-align: top;
}

.table-foot td {
    background-color: #aaa;
    color: #fff;
    font-weight: 700;
    height: 25px;
    padding: 0 15px;
}

.table-foot td a {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    text-decoration: underline;
}

.table-foot td a:hover {
    color: #B8D651;
    font-weight: 700;
    text-decoration: underline;
}

.table-foot tr td {
    height: 25px;
    color: #B8D651;
    padding: 0 15px;
    background-color: #939393;
    font-weight: 700;
    display: none;
}

.table-foot tr td a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    text-decoration: underline;
}

.table-foot tr td a:hover {
    color: #B8D651;
    text-decoration: underline;
    font-weight: 700;
}
.table-head th {
    font-size: 11px;
    line-height: 12px;
    color: #B8D651;
    font-weight: 700;
    padding: 0 8px;
    height: 36px;
    background-image: url(/Content/images/table-head.png);
    background-repeat: no-repeat;
    position: relative;
    text-align: left;
}

.table-head td
{
    background-image: url(/content/images/table-head.png);
    background-repeat: no-repeat;
    color: #B8D651;
    font-size: 11px;
    font-weight: bold;
    height: 36px;
    line-height: 12px;
    padding: 0 8px 0 8px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.table-head-doublerow td {
    background-image: url(/Content/images/table-head.png);
    background-repeat: no-repeat;
    color: #B8D651;
    font-size: 11px;
    font-weight: 700;
    height: 17px;
    line-height: 12px;
    padding: 0 8px;
    margin: 5px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.repeat-head td
{
    background-image: url(/content/images/table-head.png);
    background-position: center;
    background-repeat: no-repeat;
}

.table-label {
    color: #79B539;
    font-size: 14px;
    float: left;
    margin-right: 12px;
}

.table-lines td {
    padding: 3px 0;
    border-bottom: 1px solid #ededed;
}

.pager {
    color: #666;
}

.pager tr td, .pager>td {
    padding: 3px;
    margin: 2px;
    font-size: 12px;
    line-height: 12px;
    height: 10px;
}

.tag-line {
    font-size: 12px;
    color: #888;
}

.tag-line a {
    font-size: 12px;
    color: #72AD43;
    text-decoration: underline;
}

.tag-line a:hover {
    font-size: 12px;
    color: #80C343;
}

.task {
    font-size: 11px;
    margin: 0 0 6px 33px;
    color: #888;
}

.task a {
    font-size: 12px;
    color: #72AD43;
}

.task a:hover {
    color: #80C343;
}

.task-box {
    padding: 6px;
    background-color: #fff;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
}

.task-comment {
    color: #404040;
    font-size: 12px;
    margin-top: 4px;
}

.tasker {
    color: #f58220;
    font-size: 10px;
    float: left;
    font-weight: 700;
    margin-right: 10px;
}

.task-hist {
    width: 100%;
    padding: 2px;
    border: 1px solid #d3d3d3;
    margin: 12px 0;
    background-color: #fff;
}

.task-hist tr td {
    background-color: #f6f6f6;
    padding: 4px;
}

.task-hist tr td img {
    width: 40px;
    height: 40px;
    margin-right: 12px;
    float: left;
}

.task-stamp {
    color: #888;
    font-size: 10px;
    font-style: italic;
}

.tokenMenu {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.tokenMenu {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.thirdpartydivs {
    padding-right: 15px;
}

.tiny-btn {
    background-color: #F4F4F4;
    border: 1px solid #D4D4D4;
    border-radius: 3px 3px 3px 3px;
    font-size: 10px;
    padding: 2px 5px;
}

.title {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 40px;
    padding-left: 12px;
}

.top-margin {
    margin-top: 12px;
}

.top-margin-small {
    margin-top: 6px;
}

.top-margin-large {
    margin-top: 18px;
}

.top-padding-small {
    padding-top: 6px;
}

.total-row td {
    background-color: #ddd;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #444;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 6px;
    vertical-align: top;
    white-space: nowrap;
    vertical-align: middle;
}

.total-row td:first-child {
    -moz-border-bottom-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.total-row td:last-child {
    -moz-border-bottom-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 3.5em;
    height: .6em;
    cursor: default;
}

.ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal {
    height: .2em;
    margin-top: .3em;
}

.underline-helpInText {
    text-decoration: underline;
    color: #424242;
}

.underline-helpInText:hover {
    color: #F58220;
}

.validation-summary-errors {
    background-color: #fff7b5;
    color: #890822;
    font-size: 9pt;
    font-weight: 700;
    margin-bottom: 12px;
    margin-top: 8px;
    padding: 6px;
    text-align: center;
}

.validation-summary-errors ul {
    list-style-type: none;
}

.validation-wrapper {
    margin-top: 21px;
}

.v-foot {
    height: 33px;
    background-image: url(/Content/images/v-foot.png);
}

.v-foot a {
    height: 30px;
    line-height: 30px;
    color: #e3efc2;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 3px 0 0;
    font-size: 11px;
    margin-left: 25px;
}


.v-mid {
    border-left: 2px solid #F58220;
    border-right: 2px solid #F58220;
    background-color: #fff;
    padding: 22px 22px 11px 18px;
}

.v-position {
    width: 1230px;
    margin: 0 auto;
    position: relative;
}

.v-tasks a img {    
    position: relative;
    top: 2px;
    height: 13px;
    width: 13px;
}

.v-tasks a:hover {
    color: #f7f7f7;
}


.v-tasks {
    height: 28px;
    line-height: 22px;
    float: right;
    font-size: 11px;
    margin-top: 1px;
}

.v-tab {
    height: 25px;
    background-position: right;
    background-repeat: no-repeat;
}

.v-tab a {
    height: 28px;
    line-height: 28px;
    color: #424143;
    text-decoration: none;
    display: block;
    text-align: center;
}

.v-tab a:hover {
    color: #f7f7f7;
    background-image: url(/Content/images/menu-on-hover.gif);
}

.v-tasks a {
    color: #424143;
    text-decoration: none;
    width: 70px;
    display: block;
    text-align: center;
}

.v-tasks-foot {
    height: 5px;
    background-color: #dcdcdc;
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.v-tasks-mid {
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    background-color: #dcdcdc;
    padding: 2px 5px 2px 5px;
}

.v-tasks-top {
    height: 1px;
    background-color: #c5c5c5;
}

.v-tasks-top a {
    height: 21px;
    line-height: 21px;
    color: #e6e6e6;
    text-decoration: none;
    display: block;
    text-align: right;
}

.v-top a {
    height: 21px;
    line-height: 19px;
    font-size: 10px;
    color: #e3efc2;
    text-decoration: none;
    display: block;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.v-top a:hover {
    color: #fff;
}

.v-top a:hover,.v-tasks-top a:hover {
    color: #fff;
}
.v-hidden {
    width: 294px;
    height: 25px;
    margin-top: 67px;
    position: absolute;
    right: 0;
    top: 0;
}

.v-shown {
    width: 294px;
    height: 400px;
    margin-top: 68px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}

.v-taskhide {
    background-image: url(/Content/images/menu-on-hover.gif);
    position:absolute; 
    top:68px; 
    right:0;
    width: 70px;
    text-align: center;
    height: 30px;
}
.v-taskhide a {
    text-decoration: none;
    font-size: 11px;
    color: #f7f7f7;
    position: relative;
    top: -3px;
    left: 6px;
}

.v-taskhide a img {
    
    position: relative;
    top: 6px;
    left: 6px;
}

.v-tasks-shown {
    /*width: 421px;*/
    height: 400px;
    margin: 96px 0 0;
    /*background-image: url(/Content/images/v-top.png);*/
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}

.welcome {
    margin: 10px 5px 5px 10px;
    text-align: right;
    color: #424143;
    font-size: 10px;
    text-transform: uppercase;
    overflow: hidden;
    text-wrap: none;
}

.welcome a {
    text-decoration: none;
    color: #939393;
    font-size: 10px;
    text-transform: uppercase;
}

.welcome a:hover {
    color: #fff;
}

.welcome-wrapper {
    float: right;
    clear: right;
    right: 0;
    top: 12px;
    margin-top: 4px;
    cursor: pointer;
}
    .welcome-wrapper .sub-nav li a {
        display: block;
        text-decoration: none;
        color: #4AA7E9;
        font-weight: normal;
        letter-spacing: normal;
        background: none;
        background-image: none;
        margin: 0;
        padding: 0 10px 0 10px;
    }
.welcome-wrapper .sub-nav li:hover a, .welcome-wrapper .sub-nav li a:hover {
    color: #fff;
}

.sub-nav li {
    font-size: 11px;
    color: #4c4c4c;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    line-height: 26px;
    cursor: pointer;
}
.nav-wrapper .sub-nav li a, .nav-wrapper .sub-nav li a:hover {
    display: block;
    font-weight: normal;
    letter-spacing: normal;
    background: none;
    background-image: none;
    margin: 0;
    line-height: 48px;
    /*padding: 0 10px 0 10px;*/
    padding-left: 0;
}

.sub-nav {
    display: none;
    position: absolute;
    z-index: 1200;
    background-image: none;
    background-color: transparent;
    padding: 0 50px 100px;
    right: 50px;
    width: 180px;
}

.sub-nav ul {
    background-color: #dcdcdc;
    border: solid 1px #c5c5c5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.sub-menu {
    margin-top: -77px;
    display: none;
    width: 180px;
    position: absolute;
    z-index: 1200;
    background-color: transparent;
    padding: 25px;
    /*margin-left: 25px;*/
    width: 180px;
}

.sub-menu ul {
    color: #434343;
    border: solid 1px #c5c5c5;
    background-image: none;
    background-color: #dcdcdc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; 
}

.sub-nav ul li:hover > .sub-menu {
    display: block;
	left:245px;
    color: #434343;
}

.sub-nav img.submenu_icon, .sub-nav ul li:hover ul li img.submenu_icon {
    float: right;
    height: 13px;
    width: 13px;
    margin-top: 18px;
    margin-right: 5px;
    background-image:url(/Content/images/arrow-right-dark.png);
}

.sub-nav ul li:hover .submenu_icon, .sub-nav ul li:hover ul li:hover img.submenu_icon {
    background-image:url(/Content/images/arrow-right-light.png);
}

.sub-nav img.addOn_icon, .sub-nav ul li:hover ul li img.addOn_icon {
    float: right;
    height: 13px;
    width: 13px;
    margin-top: 16px;
    margin-right: -16px;
    background-image: none;
    background-image:url(/Content/images/icon_blue_lightning.png);
}

.sub-nav ul li:hover .addOn_icon, .sub-nav ul li:hover ul li:hover img.addOn_icon {
    background-image:url(/Content/images/icon_white_lightning.png);
}

.sub-nav .addOn:hover  {
    background-color: #22a4da;
}

.sub-nav img.menu_icon {
    margin-right: 5px;
    margin-bottom: 16px;
    vertical-align: bottom;
}

.sub-nav div {
    float: left;
}

.sub-nav ul li:hover{
    color: #f7f7f7;
    background-image: none;
    background-color: #4c4c4c;
}

.help-nav {
    color: #22a4da;
    background-color: #fff;
    /*height: 26px;*/
    margin-top: 1px;
}

.nav-wrapper .help-nav div a{
    color: #22a4da;
    background-image: none;
    background-color: #f7f7f7;
    /*line-height: 27px;*/
}

.nav-wrapper .help-nav div a:hover {
    background-color: #FFFFFF;
    color: #22a4da;
}

.help-nav .sub-nav ul {
    background-color: #FFF;
    margin-top: -1px;
}

.nav-wrapper .help-nav .sub-nav li a{
    color: #22a4da;
    background-image: none;
    background-color: #FFFFFF;
}

.nav-wrapper .help-nav .sub-nav li a:hover, .nav-wrapper .help-nav .sub-nav ul li:hover, .nav-wrapper .help-nav .sub-nav li:hover {
    color: #FFFFFF;
    background-image: none;
    background-color: #22a4da;
}

.lastli, .lastli a {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.whitebox {
    background-color: #fff;
    padding: 6px 12px 12px;
    border: 1px solid #d3d3d3;
    margin-bottom: 12px;
    border-radius: 6px;
}

a .tiny-btn {
    color: #72AD43;
    font-size: 10px;
    text-decoration: none;
}

a.icon-delete,a:hover.icon-delete {
    color: transparent;
    text-decoration: none;
}

a:hover .green {
    color: #80c342;
    text-decoration: underline;
}

.body-back {
    background-image: url(/Content/images/bg.gif);
    background-repeat: repeat-x;
}

div.button, div.button-green, div.button-orange, div.button-red, div.button-white, div.button-blue
{
    margin-left: 2px;
    margin-right: 2px;
}

div.button input:hover, div.button-green input:hover, div.button-orange:hover, div.button-red:hover, div.button-white:hover, div.button-blue:hover
div.button input:active, div.button-green input:active, div.button-orange:active, div.button-red:active, div.button-white:active, div.button-blue:active
div.button input:focus, div.button-green input:focus, div.button-orange:focus, div.button-red:focus, div.button-white:focus, div.button-blue:focus
{
    outline: 0;
    border:0;
}

input::-moz-focus-inner
{
    clear: both;
    outline: 0;
    border:0;
    border-bottom-width: 0;
}

div.button input, div.button-green input, div.button-orange input, div.button-red input, div.button-white input, div.button-blue input {
    height: 24px;
    line-height: 20px;
    background-repeat: repeat-x;
    background-position: left top;
    padding: 0 10px 0 10px;
    border: 0;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    /*border-radius: 12px;*/
}


div.button .button-oversized, div.button-green .button-oversized, div.button-orange .button-oversized, div.button-red .button-oversized, div.button-white .button-oversized, div.button-blue .button-oversized {
    font-size: 20px;
    height: 30px;
    background-size: auto 100%;
}

div.button input {
    background-image: url(/Content/images/button_bg.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

div.button input:hover {
    background-image: url(/Content/images/button_bg_hover.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

div.button input:disabled {
    
    background-image: url(/Content/images/button_bg-disabled.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    cursor: default;
}

div.button input:active {
    background-image: url(/Content/images/button_bg_click.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

div.button-green input {
    background-image: url(/Content/images/button_bg_green.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

div.button-green input:hover {
    background-image: url(/Content/images/button_bg_green_hover.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

div.button-green input:disabled {
    
    background-image: url(/Content/images/button_bg-disabled.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    cursor: default;
}

div.button-green input:active {
    background-image: url(/Content/images/button_bg_green_click.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

div.button-orange input {
    background-image: url(/Content/images/button_bg_white.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    color: #F58220;
    border: solid 1px #c9c9c9;
}

div.button-orange input:hover {
    background-image: url(/Content/images/button_bg_orange_hover.png);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    color: #f0f3ff;
    border: 0;
}

div.button-orange input:disabled {
    
    background-image: url(/Content/images/button_bg-disabled.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    cursor: default;
    color: #f0f3ff;
    border: 0;
}

div.button-orange input:active {
    background-image: url(/Content/images/button_bg_orange_click.png);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    color: #f0f3ff;
    border: 0;
}

div.button-red input {
    background-image: url(/Content/images/button_bg_white.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    color: #ed1c24;
    border: solid 1px #c9c9c9;
}

div.button-red input:hover {
    background-image: url(/Content/images/button_bg_red_hover.gif);
    color: #f0f3ff;
}

div.button-red input:disabled {
    
    background-image: url(/Content/images/button_bg-disabled.gif);
    cursor: default;
    color: #f0f3ff;
}

div.button-red input:active {
    background-image: url(/Content/images/button_bg_red_click.gif);
    color: #f0f3ff;
}

div.button-white input {
    background-image: url(/Content/images/button_bg_white.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    color: #858585;
    border: solid 1px #c9c9c9;
}

div.button-white input:hover {
    background-image: url(/Content/images/button_bg_white_hover.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

div.button-white input:disabled {
    
    background-image: url(/Content/images/button_bg-disabled.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    cursor: default;
}

div.button-white input:active {
    background-image: url(/Content/images/button_bg_white_click.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover; /* Mozilla*/
    -o-background-size: cover; /* Opera*/
    background-size: cover; /* Generic*/
}

div.button-blue input {
    background-image: url(/Content/images/button_bg_blue.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

div.button-blue input:hover {
    background-image: url(/Content/images/button_bg_blue_hover.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

div.button-blue input:disabled {
    
    background-image: url(/Content/images/button_bg-disabled.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    cursor: default;
}

div.button-blue input:active {
    background-image: url(/Content/images/button_bg_blue_click.gif);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover; /* Mozilla*/
    -o-background-size: cover; /* Opera*/
    background-size: cover; /* Generic*/
}
span.asp-Checkbox {
    height: 20px;
    vertical-align: bottom;
}

span.asp-Checkbox input {
    vertical-align: top;
}

span.asp-Checkbox label {
    line-height: 1.7;
}

.reset-table {
    border-spacing: 0;
    border-collapse: collapse;
    padding: 0;
}

.searchFields {
    border-width: 0;
    border-spacing: 0;
    border-style: none;
    border-color: gray;
    border-collapse: collapse;
    background-color: transparent;
}

table.searchFields td {
    border-width: 0;
    padding: 0;
    border-style: none;
    border-color: gray;
    background-color: transparent;
}

table.searchFields th {
    border-width: 0;
    padding: 0;
    border-style: none;
    border-color: gray;
    background-color: transparent;
}

tr.table-body-light {
    height: 39px;
}

tr.table-body-normal {
    height: 45px;
}

.grabber
{
    background-image: url("/content/images/icon_graber.png");
    background-repeat: repeat-y;
    width: 22px;
}

.grabber-none
{
    width: 22px;
}

.tier-box
{
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    border: 1px solid #D4D4D4;
    border-radius: 7px 7px 7px 7px;
    clear: both;
    padding: 3px 16px 3px 0;
    text-align: left;
}

.tier-head
{
    border-bottom: 1px dotted #D3D3D3;
    height: 24px;
    margin-bottom: 8px;
    padding-bottom: 2px;
}

.tier-title {
    color: #4c5e6a;
    font-size: 14px;
    margin-right: 8px;
    margin-left: 8px;
    font-weight: bold;
}

.grab-yellow
{
    background-color: #FFFFDE;
    border: 1px solid #D3D34A;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 2px;
    padding: 3px 0 2px;
}

.row-yellow td
{
    background-color: #FFFFDE;
    border-bottom: 1px solid #D3D34A;
}

.grab-grey
{
    background-color: #fdfdfd;
    border: 1px solid #D2D2D2;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 2px;
    padding: 3px 0 2px;
}

.row-grey td
{
    background-color: #F3F3F3;
    border-bottom: 1px solid #D2D2D2;
}

.grab-blue
{
    background-color: #F0F6FF;
    border: 1px solid #91CDF2;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 2px;
    padding: 3px 0 2px;
}

.row-blue td
{
    background-color: #F0F6FF;
    border-bottom: 1px solid #91CDF2;
}

.grab-green
{
    background-color: #F1FFEE;
    border: 1px solid #92E882;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 2px;
    padding: 3px 0 2px;
}

.row-green td
{
    background-color: #F1FFEE;
    border-bottom: 1px solid #92E882;
}

.grab-pink
{
    background-color: #FFEBF5;
    border: 1px solid #F7B0E5;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 2px;
    padding: 3px 0 2px;
}

.row-pink td
{
    background-color: #FFEBF5;
    border-bottom: 1px solid #F7B0E5;
}

.grab-teal
{
    background-color: #E8FCFB;
    border: 1px solid #91D8D6;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 2px;
    padding: 3px 0 2px;
}

.row-teal td
{
    background-color: #E8FCFB;
    border-bottom: 1px solid #91D8D6;
}

.grab-purple
{
    background-color: #F0F3FF;
    border: 1px solid #C0BCF7;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 2px;
    padding: 3px 0 2px;
}

.row-purple td
{
    background-color: #F0F3FF;
    border-bottom: 1px solid #C0BCF7;
}

.grab-red
{
    background-color: #FFF3F3;
    border: 1px solid #FFAEAE;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 2px;
    padding: 3px 0 2px;
}

.row-red td
{
    background-color: #FFF3F3;
}

.grab-gold
{
    background-color: #FFFAF0;
    border: 1px solid #FFC76C;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 2px;
    padding: 3px 0 2px;
}

.row-gold
{
    background-color: #FFFAF0;
    border-bottom: 1px solid #FFC76C;
}

.rainbow-gradient {
    background: red;
    background: -webkit-linear-gradient(left, orange, yellow, green, cyan, blue, violet);
    background: -o-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
    background: -moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
    background: linear-gradient(to right, orange, yellow, green, cyan, blue, violet);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20vw;
}

.indent
{
    margin-left: 14px;
}

.tier-disabled
{
    color: #BBBBBB;
    float: right;
    font-size: 20px;
    letter-spacing: 3px;
    width: 130px;
}


.mod-bl {
    height: 4px;
    width: 4px;
    background-color: #4c5e6a;
    /*background-image: url(/Content/images/mod-bl.png);
    background-repeat: no-repeat;*/
}

.mod-bm {
    height: 4px;
    background-color: #4c5e6a;
}

.mod-br {
    height: 4px;
    width: 4px;
    background-color: #4c5e6a;
    /*background-image: url(/Content/images/mod-br.png);
    background-repeat: no-repeat;*/
}

.mod-container>tbody>tr>td {
    padding: 0;
    margin: 0;
    height: 0;
    border: none;
}

.mod-content {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #424143;
    padding: 24px;
    background-color: #fafafa;
}

.mod-ml {
    width: 4px;
    background-color: #4c5e6a;
}

.mod-mr {
    width: 4px;
    background-color: #4c5e6a;
}

.mod-tl {
    height: 40px;
    width: 4px;
    background-color: #4c5e6a;
    /*background-image: url(/Content/images/mod-tl.png);*/
    /*background-repeat: no-repeat;*/
}

.mod-tm {
    height: 40px;
    background-color: #4c5e6a;
    /*background-image: url(/Content/images/mod-tm.gif);*/
}

.mod-tr {
    height: 40px;
    width: 4px;
    background-color: #4c5e6a;
    /*background-image: url(/Content/images/mod-tr.png);
    background-repeat: no-repeat;*/
}

.featured-background-color {
    background-color: #FFF3D2!important;
}

.feature-header-color {
    color: #80c342;
    font-weight: bold;
}

.grid-listing {
    width: 225px;
    margin-right: 19px;
    margin-bottom: 30px;
    position: relative;
    float: left;
}

.grid-listing-box {
    border: 1px solid #e9e9e9;
    background-color: #fefefe;
    background-image: url(/Content/images/box-bg-light.png);
    background-repeat: repeat-x;
    border-radius: 5px 5px 5px 5px;
}

.grid-listing-button-box-background {
    width: 218px;
    height: 210px;
    background-color: #fdfdfd;
    position: absolute;
    top: 3px;
    left: 2px;
    z-index: 200;
    opacity: 0.8;
    border: solid 1px #ddd;
    display: none;
}
.grid-listing-button-box {
    z-index: 201;
    width: 140px;
    position: absolute;
    top: 30px; 
    left: 50px;
    /*transform: translate(-50%);*/
    display: none;
}

.grid-listing-button-box input {
    border-radius: 20px;
    width: 150px;
    height: 30px;
    cursor:pointer;
}

.flag-featured {
    height: 25px;
    width: 95px;
    position: absolute;
    top: -2px;
    left: -3px;
    z-index: 2;
    background-image: url('/Content/images/flag-featured.png');
    background-repeat: no-repeat;
}

.flag-my-offer {
    height: 35px;
    width: 85px;
    position: absolute;
    background-size: 100% 100%;
    top: -2px;
    right: -3px;
    z-index: 2;
    background-image: url('/Content/images/flag-my-offer.png');
    background-repeat: no-repeat;
}

.flag-denied-offer {
    height: 45px;
    width: 85px;
    position: absolute;
    top: -2px;
    right: -3px;
    z-index: 2;
    background-image: url('/Content/images/flag-denied-offer.png');
    background-repeat: no-repeat;
    padding-top: 5px;
}

.flag-pending-offer {
    height: 45px;
    width: 85px;
    position: absolute;
    top: -2px;
    right: -3px;
    z-index: 2;
    background-image: url('/Content/images/flag-pending-offer.png');
    background-repeat: no-repeat;
    padding-top: 5px;
}

.flag-copied-offer{
    height: 25px;
    width: 75px;
    position: absolute;
    top: -2px;
    right: -3px;
    z-index: 2;
    background-image: url('/Content/images/flag-copied-offer.png');
    background-repeat: no-repeat;
    padding-top: 5px;
}

.preapproved-offer {
    height: 15px;
    width: 98px;
    padding: 5px;
    position: absolute;
    background-size: 100% 100%;
    top: -2px;
    right: -3px;
    z-index: 2;
    background-image: url('/Content/images/flag-preapproved-offer.png');
    background-repeat: no-repeat;
}

.flag-right-red {
    height: 20px;
    width: 75px;
    position: absolute;
    top: -2px;
    right: -3px;
    z-index: 2;
    background-image: url('/Content/images/flag-right-red.png');
    background-repeat: no-repeat;
    padding-top: 5px;
    background-size: 100% 100%;
}

.flag-left-red {
    height: 20px;
    width: 75px;
    position: absolute;
    top: -2px;
    left: -3px;
    z-index: 2;
    background-image: url('/Content/images/flag-left-red.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.flag-right-blue{
    height: 20px;
    width: 75px;
    position: absolute;
    top: -2px;
    right: -3px;
    z-index: 2;
    background-image: url('/Content/images/flag-right-blue.png');
    background-repeat: no-repeat;
    padding-top: 5px;
    background-size: 100% 100%;
}
.flag-right-green{
    height: 20px;
    width: 75px;
    position: absolute;
    top: -2px;
    right: -3px;
    z-index: 2;
    padding-top: 5px;
    background-size: 100% 100%;    
    background-image: url('/Content/images/flag-right-green.png');
    background-repeat: no-repeat;
}
.flag-right-orange{
    height: 20px;
    width: 75px;
    position: absolute;
    top: -2px;
    right: -3px;
    z-index: 2;
    background-image: url('/Content/images/flag-right-orange.png');
    background-repeat: no-repeat;
    padding-top: 5px;
    background-size: 100% 100%;
}
.flag-right-yellow{
    height: 20px;
    width: 75px;
    position: absolute;
    top: -2px;
    right: -3px;
    z-index: 2;
    background-image: url('/Content/images/flag-right-yellow.png');
    background-repeat: no-repeat;
    padding-top: 5px;
    background-size:100% 100%;
}

.flag-text {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 25px;
}


.grid-listing-image-container {
    margin-top: 10px;
    width: 100%;
    text-align: center;
    height: 200px;
}
.grid-listing-image-container img {
    width: 200px;
    height: 200px;
    margin: 1px;
    background-color: transparent;
}

.grid-listing-offerName {
    /*color: rgb(39, 88, 196);*/
    font-size: 14px;
    font-weight: bold;
    margin-top: 3px;
    height: 17px;
    overflow: hidden;
}

.grid-listing-adSpaceName {
    color: rgb(39, 88, 196);
    font-size: 14px;
    font-weight: bold;
    margin-top: 3px;
    height: 17px;
    overflow: hidden;
}

.grid-listing-offerDetails {
    /*color: rgb(39, 88, 196);*/
    font-size: 12px;
    margin-top: 3px;
    height: 45px;
    width: 215px;
    overflow: hidden;
}

.grid-listing-adSpaceDetails {
    color: rgb(39, 88, 196);
    font-size: 12px;
    margin-top: 3px;
    height: 45px;
    width: 215px;
    overflow: hidden;
}

.grid-listing-offerCategory {
    color: rgb(101, 103, 104);
    font-size: 12px;
    font-weight: bold;
    margin-top: 3px;
    height: 15px;
}

.grid-listing-offerPayout {
    color: #72AD43;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    line-height : 21px;
    height: 28px;
}

.grid-listing-offerPayoutRating {
    color: #72AD43;
    font-size: 12px;
    font-weight: bold;
}

.hide-element {
    display: none;
}
.grid-view-icon, .list-view-icon {
    /*background-color: #D3D3D3;*/
    float: right;
    height: 26px;
    width: 26px;
}

.grid-view-icon, .list-view-icon {
    background-color: #f5f5f5;
    float: right;
    height: 26px;
    width: 26px;
    cursor: pointer;
    border: solid 1px #82c644;
    border-radius: 5px;
}

.grid-view-icon:hover, .list-view-icon:hover {
    background-color: #fff;
}
.view-icon-active, .view-icon-active:hover {
    background-color: #eeeeee;
    opacity: 0.7;
    cursor:default;
}
.grid-view-icon img {
    background-image: url('/Content/images/icon_grid.png');
    background-position: center; 
    background-repeat: no-repeat;
    margin: 3px;
    height: 20px;
    width: 20px;
}

.list-view-icon img {
    background-image: url('/Content/images/icon_listing.png');
    background-position: center; 
    background-repeat: no-repeat;
    margin: 3px;
    height: 20px;
    width: 20px;
}

.drag_drop_box
{
	font-size: 1.25rem; /* 20 */
	background-color: white;
	position: relative;
}
.drag_drop_box.has-advanced-upload
{
	outline: 2px dashed #92b0b3;
	outline-offset: -10px;

	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
}
.drag_drop_box.is-dragover
{
	outline-offset: -20px;
	outline-color: #c8dadf;
	background-color: #fff;
}
/*.drag_drop_box__dragndrop,
.drag_drop_box__icon
{
	display: none;
}*/
.drag_drop_box.has-advanced-upload .drag_drop_box__dragndrop
{
	display: inline;
}
.drag_drop_box.has-advanced-upload .drag_drop_box__icon
{
	width: 100%;
	height: 80px;
	fill: #92b0b3;
	display: block;
	margin-bottom: 40px;
}

.drag_drop_box.is-uploading .drag_drop_box__input,
.drag_drop_box.is-success .drag_drop_box__input,
.drag_drop_box.is-error .drag_drop_box__input
{
	visibility: hidden;
}

.drag_drop_box__uploading,
.drag_drop_box__success,
.drag_drop_box__error
{
	display: none;
}
.drag_drop_box.is-uploading .drag_drop_box__uploading,
.drag_drop_box.is-success .drag_drop_box__success,
.drag_drop_box.is-error .drag_drop_box__error
{
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;

	-webkit-transform: translateY( -50% );
	transform: translateY( -50% );
}
.drag_drop_box__uploading
{
	font-style: italic;
}
.drag_drop_box__success
{
	-webkit-animation: appear-from-inside .25s ease-in-out;
	animation: appear-from-inside .25s ease-in-out;
}
	@-webkit-keyframes appear-from-inside
	{
		from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }
		75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }
		to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }
	}
	@keyframes appear-from-inside
	{
		from	{ transform: translateY( -50% ) scale( 0 ); }
		75%		{ transform: translateY( -50% ) scale( 1.1 ); }
		to		{ transform: translateY( -50% ) scale( 1 ); }
	}

.drag_drop_box__restart
{
	font-weight: 700;
}
.drag_drop_box__restart:focus,
.drag_drop_box__restart:hover
{
	color: #39bfd3;
}

.js .drag_drop_box__file
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.js .drag_drop_box__file + label
{
	max-width: 80%;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
}
.js .drag_drop_box__file + label:hover strong,
.drag_drop_box__file:focus + label strong,
.drag_drop_box__file.has-focus + label strong
{
	color: #39bfd3;
}
.js .drag_drop_box__file:focus + label,
.js .drag_drop_box__file.has-focus + label
{
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
.js .drag_drop_box__file + label *
{
	/* pointer-events: none; */ /* in case of FastClick lib use */
}

.no-js .drag_drop_box__file + label
{
	display: none;
}

.no-js .drag_drop_box__button
{
	display: block;
}
.drag_drop_box__button
{
	font-weight: 700;
	color: #e5edf1;
	background-color: #39bfd3;
	display: none;
	padding: 8px 16px;
	margin: 40px auto 0;
}
.drag_drop_box__button:hover,
.drag_drop_box__button:focus
{
	background-color: #0f3c4b;
}

.products-thumbnails,
.ads-thumbnails {
    display: block;
    height: 50px;


}

.center-padding-20 {
    padding: 20px;
    text-align: center;
}

.currency-input-field {
    border: 1px inset #ccc;
}
.currency-input-field input {
    border: 0;
}
/*Used for PlusCharts*/
.ui-tabs-vertical { width: 65em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 15em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px; border-right-width: 0; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 45em;}

/* #region Flexbox */
.flexbox-vertical {
    display: flex;
    flex-direction: column;
}

.flexbox-vertical-reversed {
    display: flex;
    flex-direction: column-reverse;
}

.flexbox-horizontal {
    display: flex;
    flex-direction: row;
}

.flexbox-horizontal-reversed {
    display: flex;
    flex-direction: row-reverse;
}

.flexbox-wrap {
    display: flex;
    flex-wrap: wrap;
}

.flexbox-no-wrap {
    display: flex;
    flex-wrap: nowrap;
}

.flexbox-justify-center {
    display: flex;
    justify-content: center;
}

.flexbox-justify-start {
    display: flex;
    justify-content: flex-start;
}

.flexbox-justify-end {
    display: flex;
    justify-content: flex-end;
}

.flexbox-justify-space-around {
    display: flex;
    justify-content: space-around;
}

.flexbox-justify-space-between {
    display: flex;
    justify-content: space-between;
}

.flexbox-align-center {
    display: flex;
    align-items: center;
}

.flexbox-align-start {
    display: flex;
    align-items: flex-start;
}

.flexbox-align-end {
    display: flex;
    align-items: flex-end;
}

.flexbox-align-stretch {
    display: flex;
    align-items: stretch;
}

.flexbox-align-baseline {
    display: flex;
    align-items: baseline;
}

.flexbox-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flexchild-align-start {
    align-self: flex-start;
}

.flexchild-align-end {
    align-self: flex-end;
}

.flexchild-align-center {
    align-self: center;
}

.flexchild-align-stretch {
    align-self: stretch;
}
/* #endregion */

/* #region Grid */
.grid {
    display: grid;
}

.grid-space5 {
    display: grid;
    grid-gap: 5px 5px;
}

.grid-algin-center {
    display: grid;
    align-content: center;
}

.grid-justify-center {
    display: grid;
    justify-content: center;
}

.grid-center {
    display: grid;
    justify-content: center;
    align-content: center;
}

.gridcell-textbox-label {
    justify-self: end;
    padding-top: 6px;
}

.gridcell-justify-left {
    justify-self: start;
}

.gridcell-justify-right {
    justify-self: end;
}

.gridcell-justify-center {
    justify-self: center;
}
/* #endregion */