@import "normalize.css";

/***********************************
    Font Face Definitions
***********************************/

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

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

/***********************************
    Common Definitions
***********************************/

.clearfix:after {
    clear       : both;
    content     : ".";
    display     : block;
    height      : 0;
    line-height : 0;
    visibility  : hidden;
}

.clearfix {
    display : inline-block;
}

html[xmlns] .clearfix {
    display : block;
}

* html .clearfix {
    height : 1%;
}

.clear {
    clear : both;
}

.floatbox {
    display : table;
    width   : 100%;
}

.left {
    float : left;
}

.right {
    float : right;
}

.fnone,
.form .button.fnone {
    float    : none;
    display  : inline-block;
    *display : inline;
    zoom     : 1;
}

.hidden {
    display : none;
}

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

.w-100 {
    width : 100%;
}

/***********************************
    Main Style
***********************************/

body {
    font      : .4em "Helvetica", "Arial", sans-serif;
    min-width : 1080px;
}

html {
    background : url("Images/html_bg.png") #c8c8c8 repeat left 84px;
}

/***********************************
    Navigations
***********************************/
#header {
    background : url("Images/header_background.png") repeat-x left top;
}

#header *,
#content .right_pane *,
.x-panel .x-toolbar,
.x-panel .x-toolbar *,
.datechooser,
.datechooser *,
#ui-datepicker-div,
#ui-datepicker-div *,
.expandable_box,
.expandable_box *,
#formPreview,
#formPreview *,
.serviceForm,
.serviceForm * {
    box-sizing         : content-box !important;
    -moz-box-sizing    : content-box !important;
    -webkit-box-sizing : content-box !important;
}

#nav {
    height   : 50px;
    position : relative;
    width    : 100%;
    z-index  : 5;
}

#nav .logo {
    display : block;
    float   : left;
    margin  : 6px 18px 0 53px;
}

#subnav .logo img {
    margin-top : 4px;
}

#nav ul li,
#subnav ul li {
    list-style-type : none;
    float           : left;
}

#nav .nav_buttons {
    padding-left : 2px;
    background   : url("Images/nav_button_border.png") no-repeat left top;
    float        : left;
    font-size    : 12px;
}

#nav .nav_buttons li {
    padding-right : 2px;
    background    : url("Images/nav_button_border.png") no-repeat right top;
    line-height   : 54px;
    position      : relative;
}

#nav .nav_buttons li a {
    font-family      : "HelveticaNeueLTStd75Bold", sans-serif;
    color            : #C2C3C3;
    display          : block;
    height           : 50px;
    width            : 110px;
    padding          : 0 3px;
    position         : relative;
    text-decoration  : none;
    text-transform   : uppercase;
    text-align       : center;
    white-space      : nowrap;
    text-overflow    : ellipsis;
    -o-text-overflow : ellipsis;
    overflow         : hidden;
}

#nav .nav_buttons li a:hover {
    color : #e9e9e9;
}

#nav .nav_buttons li.selected a,
#nav .nav_buttons li.selected a:hover {
    background : url("Images/nav_button_active.png") no-repeat left top;
    color      : #6ab245;
}

#nav .nav_buttons li a:hover {
    background : url("Images/nav_button_over.png") no-repeat left top;
}

#nav .nav_version {
    float      : left;
    font-size  : 12px;
    margin-top : 10px;
}

#nav .nav_version li {
    line-height    : 54px;
    padding        : 0 12px;
    text-transform : uppercase;
    color          : #fff;
}

#subnav .nav_login {
    font-family : "HelveticaNeueLTStd65Medium", sans-serif;
    float       : right;
    font-size   : 13px;
    margin-top  : 8px;
}

#subnav ul li {
    list-style-type : none;
    float           : left;
}

#subnav .nav_login li {
    line-height    : 15px;
    padding        : 0 10px;
    text-transform : capitalize;
    color          : #C2C3C3;
}

#subnav .nav_login li:first-child {
    border-right  : none;
    padding-right : 0;
}

#subnav .nav_login li.last {
    border-right : none;
}

#subnav .nav_login li a {
    color           : #7cbe48;
    text-decoration : none;
    text-align      : left;
}

#subnav .nav_login li a:hover {
    text-decoration : underline;
}

#subnav .nav_login li a.username {
    color        : #7cbe48;
    margin-left  : 0;
    margin-right : 10px;
}

#userMore {
    position      : relative;
    background    : url("Images/more_arrow.png") no-repeat right 5px;
    margin-right  : 8px;
    padding-right : 15px;
    cursor        : pointer;
}

#userMore ul {
    display     : none;
    position    : absolute;
    z-index     : 1030;
    top         : 16px;
    left        : auto !important;
    right       : -89px !important;
    padding-top : 15px;
    background  : url("Images/dropline-top.png") no-repeat left top;
}

#userMore ul li {
    background  : url("Images/dropline-center.png") repeat-y left top;
    line-height : 27px !important;
    display     : list-item;
    float       : none;
    padding     : 0 !important;
}

#userMore ul li.odd {
    background : url("Images/dropline-odditem.png") repeat-y left top;
}

#userMore ul li.last {
    height     : 10px;
    background : url("Images/dropline-bottom.png") no-repeat left bottom;
}

#userMore ul li a {
    font-size           : 11px;
    color               : #636363 !important;
    font-family         : "HelveticaNeueLTStd55Roman", sans-serif;
    padding             : 10px;
    margin              : 0 1px;
    line-height         : 13px;
    border              : none;
    text-shadow         : none;
    -webkit-text-shadow : none;
    -moz-text-shadow    : none;
    display             : block;
    text-transform      : uppercase;
}

#userMore ul li.odd a {
    border-top    : 1px solid #B9D8A5;
    border-bottom : 1px solid #B9D8A5;
}

#subnav {
    font-family : "HelveticaNeueLTStd75Bold", sans-serif;
    background  : url("Images/subnav_background.png") repeat-x left top;
    height      : 32px;
    border-top  : 1px solid #000;
    width       : 100%;
    z-index     : 4;
}

#subnav .tabs,
#subnav .settings {
    margin-left  : 25px;
    padding-left : 2px;
    background   : url("Images/subnav_border.png") no-repeat left top;
    float        : left;
}

#subnav .settings {
    float        : right;
    margin-left  : 0;
    margin-right : 25px;
}

#subnav .tabs li,
#subnav .settings li {
    line-height   : 32px;
    width         : 115px;
    text-align    : center;
    margin-right  : 1px;
    padding-right : 2px;
    background    : url("Images/subnav_border.png") no-repeat right top;
}

#subnav .settings li {
    width : 86px;
}

#subnav .tabs li a,
#subnav .settings li a {
    color            : #C2C3C3;
    display          : block;
    font-size        : 12px;
    padding          : 0 3px;
    text-decoration  : none;
    text-transform   : uppercase;
    white-space      : nowrap;
    text-overflow    : ellipsis;
    -o-text-overflow : ellipsis;
    overflow         : hidden;
    height           : 30px;
    display          : block;
    cursor           : pointer;
}

#subnav .tabs li a:hover,
#subnav .settings li a:hover {
    color : #e9e9e9;
}

#subnav .tabs li.active a, #subnav .tabs li.selected a,
#subnav .tabs li.active a:hover, #subnav .tabs li.selected a:hover,
#subnav .settings li.active a, #subnav .settings li.selected a,
#subnav .settings li.active a:hover, #subnav .settings li.selected a:hover {
    background : url("Images/subnav_button_active.png") no-repeat left top;
    color      : #6cb33f;
}

#subnav .settings li.active a, #subnav .settings li.selected a,
#subnav .settings li.active a:hover, #subnav .settings li.selected a:hover {
    background : url("Images/subnav_settings_button_active.png") no-repeat left top;
}

#subnav .tabs li a:hover,
#subnav .settings li a:hover {
    background : url("Images/subnav_button_over.png") no-repeat left top;
}

#toolbar,
.toolbar {
    height     : 39px;
    margin     : 8px 23px 7px 23px;
    background : url("Images/actionbar.png") no-repeat right top;
}

#toolbar .toolbar-start,
.toolbar .toolbar-start {
    height       : 39px;
    background   : url("Images/actionbar.png") no-repeat left top;
    margin-right : 10px !important;
}

#toolbar a:first-child,
#toolbar .rightCollumn.clearCol.firstCol a:first-child,
.toolbar a:first-child,
.toolbar .rightCollumn.clearCol.firstCol a:first-child {
    background : url("Images/actionbar.png") no-repeat left top;
}

#toolbar a:first-child:hover,
#toolbar .rightCollumn.clearCol.firstCol a:first-child:hover,
.toolbar a:first-child:hover,
.toolbar .rightCollumn.clearCol.firstCol a:first-child:hover {
    background : url("Images/actionbar_over_first.png") no-repeat left top;
}

#toolbar a, .linkButton,
#toolbar .toolbar-dropline,
.toolbar a, .linkButton,
.toolbar .toolbar-dropline {
    color           : #4488EE;
    font-family     : "HelveticaNeueLTStd75Bold", serif;
    font-size       : 12px;
    line-height     : 28px;
    margin-left     : 10px;
    text-decoration : none;
    text-transform  : uppercase;
    cursor          : pointer;
}

#toolbar a,
#toolbar .toolbar-dropline,
.toolbar a,
.toolbar .toolbar-dropline {
    float               : left;
    margin-left         : 0;
    padding             : 0 25px;
    line-height         : 38px;
    color               : #585858;
    border-right        : 1px solid #c9c9c9;
    text-shadow         : 0 1px 1px #fff;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
}

#toolbar.floatingToolbar a,
#toolbar.floatingToolbar .toolbar-dropline {
    line-height : 28px;
}

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

#toolbar a:hover,
#toolbar .toolbar-dropline:hover,
#toolbar .rightCollumn.clearCol a:first-child:hover,
.toolbar a:hover,
.toolbar .toolbar-dropline:hover,
.toolbar .rightCollumn.clearCol a:first-child:hover {
    background      : url("Images/actionbar_over.png") repeat-x left top;
    color           : #9b9b9b;
    text-decoration : none;
}

#toolbar .rightCollumn.clearCol a:first-child,
.toolbar .rightCollumn.clearCol a:first-child {
    background : none;
}

#toolbar .leftCollumn,
.toolbar .leftCollumn {
    width  : 20%;
    height : 30px;
    float  : left;
}

#toolbar .rightCollumn,
.toolbar .rightCollumn {
    padding     : 7px 0;
    height      : 25px;
    float       : right;
    line-height : 28px;
}

#toolbar .rightCollumn.clearCol,
.toolbar .rightCollumn.clearCol {
    padding     : 0;
    height      : 38px;
    float       : none;
    line-height : 38px;
}

#toolbar .rightCollumn .item,
.toolbar .rightCollumn .item {
    margin-left : 30px;
    float       : left;
    font-size   : 14px;
}

#toolbar .rightCollumn.clearCol .item,
.toolbar .rightCollumn.clearCol .item {
    margin-left : 0;
}

#toolbar .rightCollumn .itemRight,
.toolbar .rightCollumn .itemRight {
    margin-left  : 30px;
    margin-right : 30px;
    float        : right;
}

#toolbar .rightCollumn .item span,
.toolbar .rightCollumn .item span {
    padding-left   : 4px;
    padding-right  : 4px;
    padding-top    : 2px;
    padding-bottom : 2px;
}

#toolbar .rightCollumn .item.selected span,
.toolbar .rightCollumn .item.selected span {
    background-color : #4488EE;
    color            : White;

}

#toolbar,
.toolbar {
    z-index  : 1020;
    position : relative;
}

.main-box #toolbar {
    z-index : 1010;
}

#toolbar.leftBg,
.toolbar.leftBg {
    background-position : left top;
}

#toolbar .showFeedbackPopup,
.toolbar .showFeedbackPopup {
    float        : right;
    border-right : none;
    border-left  : 1px solid #C9C9C9;
    background   : url("Images/actionbar.png") no-repeat right top !important;
}

#toolbar .showFeedbackPopup:hover,
.toolbar .showFeedbackPopup:hover {
    background : url("Images/actionbar_over_last.png") no-repeat right top !important;
}

#toolbar .right,
.toolbar .right {
    float : right !important;
}

.main-box {
    z-index : 5;
}

#toolbar .toolbar-dropline,
.toolbar .toolbar-dropline {
    position : relative;
}

#toolbar .toolbar-dropline span,
#toolbar .toolbarList a span,
.toolbar .toolbar-dropline span,
.toolbar .toolbarList a span {
    position : relative;
    z-index  : 100;
}

#toolbar .toolbarList .toolbar-dropline li,
.toolbar .toolbarList .toolbar-dropline li {
    float : none;
}

#toolbar .toolbarList .toolbar-dropline li a,
.toolbar .toolbarList .toolbar-dropline li a {
    background : none !important;
}

#toolbar .toolbar-dropline .active-overlay-wrap,
#toolbar .rightCollumn.clearCol a.item .active-overlay-wrap,
#toolbar .toolbarList a .active-overlay-wrap,
.toolbar .toolbar-dropline .active-overlay-wrap,
.toolbar .rightCollumn.clearCol a.item .active-overlay-wrap,
.toolbar .toolbarList a .active-overlay-wrap {
    width    : 100%;
    position : absolute;
    left     : 0;
    top      : 0;
    z-index  : 10;
    display  : none;
}

#toolbar .toolbar-dropline.active .active-overlay-wrap,
#toolbar .rightCollumn.clearCol a.item.selected .active-overlay-wrap,
#toolbar .toolbarList li.selected a .active-overlay-wrap,
.toolbar .toolbar-dropline.active .active-overlay-wrap,
.toolbar .rightCollumn.clearCol a.item.selected .active-overlay-wrap,
.toolbar .toolbarList li.selected a .active-overlay-wrap {
    display : block;
}

#toolbar .toolbar-dropline .active-overlay-left,
#toolbar .rightCollumn.clearCol a.item .active-overlay-left,
#toolbar .toolbarList a .active-overlay-left,
.toolbar .toolbar-dropline .active-overlay-left,
.toolbar .rightCollumn.clearCol a.item .active-overlay-left,
.toolbar .toolbarList a .active-overlay-left {
    height       : 39px;
    background   : url("Images/actionbar_active-left.png") no-repeat left top;
    padding-left : 46px;
}

#toolbar .rightCollumn.clearCol.firstCol a:first-child .active-overlay-left,
#toolbar .toolbarList li:first-child a .active-overlay-left,
.toolbar .rightCollumn.clearCol.firstCol a:first-child .active-overlay-left,
.toolbar .toolbarList li:first-child a .active-overlay-left {
    background : url("Images/actionbar_active-left-corner.png") no-repeat left top;
}

#toolbar .toolbar-dropline .active-overlay-right,
#toolbar .rightCollumn.clearCol a.item .active-overlay-right,
#toolbar .toolbarList a .active-overlay-right,
.toolbar .toolbar-dropline .active-overlay-right,
.toolbar .rightCollumn.clearCol a.item .active-overlay-right,
.toolbar .toolbarList a .active-overlay-right {
    height        : 39px;
    background    : url("Images/actionbar_active-right.png") no-repeat right top;
    padding-right : 46px;
}

#toolbar .toolbar-dropline .active-overlay,
#toolbar .rightCollumn.clearCol a.item .active-overlay,
#toolbar .toolbarList a .active-overlay,
.toolbar .toolbar-dropline .active-overlay,
.toolbar .rightCollumn.clearCol a.item .active-overlay,
.toolbar .toolbarList a .active-overlay {
    height     : 39px;
    background : url("Images/actionbar_active-center.png") repeat-x left top;
}

#toolbar .toolbarList li,
.toolbar .toolbarList li {
    float : left;
}

#toolbar .toolbar-dropline ul,
.toolbar .toolbar-dropline ul {
    display     : none;
    position    : absolute;
    z-index     : 9999;
    top         : 33px;
    left        : 0;
    padding-top : 15px;
    background  : url("Images/dropline-top.png") no-repeat left top;
}

#toolbar .toolbar-dropline a,
.toolbar .toolbar-dropline a {
    background          : none;
    font-size           : 11px;
    color               : #636363;
    font-family         : "Helvetica", "Arial", sans-serif;
    padding             : 10px;
    margin              : 0 1px;
    line-height         : 13px;
    border              : none;
    text-shadow         : none;
    -webkit-text-shadow : none;
    -moz-text-shadow    : none;
    float               : none;
    display             : block;
}

#toolbar .toolbar-dropline a:hover,
.toolbar .toolbar-dropline a:hover {
    text-decoration : underline;
}

#toolbar .toolbar-dropline li,
.toolbar .toolbar-dropline li {
    background  : url("Images/dropline-center.png") repeat-y left top;
    line-height : 27px;
}

#toolbar .toolbar-dropline li.odd,
.toolbar .toolbar-dropline li.odd {
    background : url("Images/dropline-odditem.png") repeat-y left top;
}

#toolbar .toolbar-dropline li.odd a,
.toolbar .toolbar-dropline li.odd a {
    border-top    : 1px solid #b9d8a5;
    border-bottom : 1px solid #b9d8a5;
}

#toolbar .toolbar-dropline li.last,
.toolbar .toolbar-dropline li.last {
    height     : 10px;
    background : url("Images/dropline-bottom.png") no-repeat left bottom;
}

#toolbar .toolbar-dropline.active,
.toolbar .toolbar-dropline.active,
.toolbar .toolbar-dropline.active {
    color               : #5ca535;
    text-shadow         : none;
    -webkit-text-shadow : none;
    -moz-text-shadow    : none;
}

#toolbar .toolbar-dropline a:hover,
.toolbar .toolbar-dropline a:hover {
    background : none;
}

#toolbar .rightCollumn.clearCol a.item,
.toolbar .rightCollumn.clearCol a.item {
    color           : #585858;
    text-decoration : none;
    font-size       : 12px;
    position        : relative;
}

#toolbar .toolbarList a,
.toolbar .toolbarList a {
    position : relative;
}

#toolbar .rightCollumn.clearCol a.item span,
.toolbar .rightCollumn.clearCol a.item span {
    position : relative;
    z-index  : 100;
}

#toolbar .rightCollumn.clearCol a.item.selected span,
#toolbar .toolbarList li.selected a span,
.toolbar .rightCollumn.clearCol a.item.selected span,
.toolbar .toolbarList li.selected a span {
    background : none;
    color      : #6ead4a;
}

#toolbar .toolbarList a,
.toolbar .toolbarList a {
    background : none;
}

#toolbar .toolbarList a:hover,
.toolbar .toolbarList a:hover {
    background : url("Images/actionbar_over.png") repeat-x left top;
}

#toolbar .toolbarList li:first-child a,
.toolbar .toolbarList li:first-child a {
    background : url("Images/actionbar.png") no-repeat left top;
}

#toolbar .toolbarList li:first-child a:hover,
.toolbar .toolbarList li:first-child a:hover {
    background : url("Images/actionbar_over_first.png") repeat-x left top;
}

.toolbar .toolbar-dropline.selected .active-overlay-wrap {
    display : block;
}

.toolbar .toolbar-dropline.selected span {
    color : #5CA535 !important;
}

#toolbar.floatingToolbar {
    height       : 32px;
    margin       : 0;
    background   : none;
    position     : absolute;
    top          : -32px;
    left         : 25px;
    background   : url("Images/subnav_border.png") no-repeat left top;
    padding-left : 2px;
}

#toolbar.floatingToolbar a,
#toolbar.floatingToolbar .toolbar-dropline {
    background          : none !important;
    border              : none !important;
    text-shadow         : none;
    -webkit-text-shadow : none;
    -moz-text-shadow    : none;
    color               : #C2C3C3 !important;
    padding-top         : 2px;
    height              : 28px;
}

#toolbar.floatingToolbar a:hover,
#toolbar.floatingToolbar .toolbar-dropline:hover {
    color      : #E9E9E9 !important;
    background : url("Images/subnav_button_over.png") repeat-x left top !important;
}

#toolbar.floatingToolbar .toolbar-dropline a:hover {
    background : none !important;
}

#toolbar.floatingToolbar .border {
    display    : block;
    float      : left;
    width      : 2px;
    height     : 32px;
    background : url("Images/subnav_border.png") no-repeat left top;
}

#toolbar.floatingToolbar .toolbar-dropline.active span {
    color : #6CB33F !important;
}

#toolbar.floatingToolbar .toolbar-dropline a {
    color       : #636363 !important;
    height      : auto;
    padding-top : 10px;
}

#toolbar.floatingToolbar .toolbar-dropline .active-overlay-left,
#toolbar.floatingToolbar .selected .active-overlay-left {
    height     : 32px;
    background : url("Images/subnav_active-left.png") no-repeat left top !important;
}

#toolbar.floatingToolbar .toolbar-dropline .active-overlay-right,
#toolbar.floatingToolbar .selected .active-overlay-right {
    height     : 32px;
    background : url("Images/subnav_active-right.png") no-repeat right top !important;
}

#toolbar.floatingToolbar .toolbar-dropline .active-overlay,
#toolbar.floatingToolbar .selected .active-overlay {
    height     : 32px;
    background : url("Images/subnav_active-center.png") repeat-x left top !important;
}

#toolbar.floatingToolbar .toolbar-dropline ul {
    margin-top  : -3px;
    margin-left : 3px;
}

#toolbar.floatingToolbar .toolbar-dropline.selected .active-overlay-wrap,
#toolbar.floatingToolbar .toolbar-dropline.selected .active-overlay-left,
#toolbar.floatingToolbar .toolbar-dropline.selected .active-overlay-right {
    display : block !important;
}

#toolbar.floatingToolbar .toolbar-dropline.selected span {
    color : #6CB33F !important;
}

#toolbar.floatingToolbar ul {
    top : 26px;
}

.toolbar .toolbar-dropline ul {
    margin-left : 3px;
}

/***********************************
    Content
***********************************/

#content {
    font     : 2.5em "Helvetica", "Arial", sans-serif;
    position : relative;
    width    : 100%;
}

.main-box {
    padding    : 0 23px;
    margin-top : 8px;
}

.main-box .box-wrapper {
    width      : 100%;
    min-height : 350px;
    /*max-height: none;*/
}

.main-box.box-indent {
    margin-top : 18px;
}

.r-box .left-top-corner {
    background   : url("Images/box-left-top-corner.png") no-repeat left top;
    padding-left : 6px;
}

.r-box.type-1 .left-top-corner {
    background-image : url("Images/box-1-left-top-corner.png");
}

.r-box .right-top-corner {
    background    : url("Images/box-right-top-corner.png") no-repeat right top;
    padding-right : 6px;
}

.r-box.type-1 .right-top-corner {
    background-image : url("Images/box-1-right-top-corner.png");
}

.r-box .top-border {
    height     : 8px;
    background : url("Images/box-top.png") repeat-x left top;
}

.r-box.type-1 .top-border {
    background-image : url("Images/box-1-top.png");
}

.r-box .box-left-border {
    padding-left : 1px;
    background   : url("Images/box-content-border.png") #b4b4b4 no-repeat left top;
}

.r-box.type-1 .box-left-border,
#divWizard .r-box.type-1 .box-content .r-box.type-1 .box-left-border {
    background : url("Images/box-1-content-border.png") #d1d1d1 no-repeat left top;
}

.r-box.type-1 .box-content .r-box.type-1 .box-left-border {
    background : url("Images/box-1-content-border-graystart.png") #d1d1d1 no-repeat left top;
}

.r-box .box-right-border {
    padding-right : 1px;
    background    : url("Images/box-content-border.png") #b4b4b4 no-repeat right top;
}

.r-box.type-1 .box-right-border,
#divWizard .r-box.type-1 .box-content .r-box.type-1 .box-right-border {
    background : url("Images/box-1-content-border.png") #d1d1d1 no-repeat right top;
}

.r-box.type-1 .box-content .r-box.type-1 .box-right-border {
    background : url("Images/box-1-content-border-graystart-r.png") #d1d1d1 no-repeat right top;
}

.r-box .box-content {
    padding    : 0 6px;
    background : url("Images/box-content-background.png") #e5e5e5 repeat-x left top;
}

.r-box.type-1 .box-content {
    padding : 0;
}

.r-box.type-1 .box-content {
    background : url("Images/box-1-content-background.png") #f5f5f5 repeat-x left top;
}

.r-box .left-bottom-corner {
    background   : url("Images/box-left-bottom-corner.png") no-repeat left top;
    padding-left : 6px;
}

.r-box.type-1 .left-bottom-corner {
    background-image : url("Images/box-1-left-bottom-corner.png");
}

.r-box .right-bottom-corner {
    background    : url("Images/box-right-bottom-corner.png") no-repeat right top;
    padding-right : 6px;
}

.r-box.type-1 .right-bottom-corner {
    background-image : url("Images/box-1-right-bottom-corner.png");
}

.r-box .bottom-border {
    height     : 8px;
    background : url("Images/box-bottom.png") repeat-x left top;
}

.r-box.type-1 .bottom-border {
    background-image : url("Images/box-1-bottom.png");
}

.r-box.r-column .box-content {
    padding-right : 5px;
}

.expandable-body.r-box .box-content {
    padding-right : 0;
}

/* Requested panel smooth */
.expandable-body.r-box.type-1 {
    margin : -10px 1px 0;
}

.expandable-body.r-box.type-1 .box-content {
    padding-top : 15px;
    border-top  : 5px solid #419526;
}

.map-expandable .expandable-body.r-box.type-1 .box-content {
    padding : 0 !important;
}

.expandable-body.r-box.type-1 .left-top-corner {
    display : none;
}

/***********************************
    Right pane
***********************************/

#content .right_pane {
    float : left;
    /*min-height: 800px;*/
    width : 25%;
}

#content .right_pane .viewport {
    width : 100%;
}

#content .right_pane ul li {
    min-height    : 51px;
    cursor        : pointer;
    background    : #fff;
    border-bottom : 1px solid #E4E4E4;
}

#content .right_pane ul li.not_found {
    cursor : default;
}

#content .right_pane ul li.odd {
    background : #f5f5f5;
}

#content .right_pane ul li:first-child {
    border-top : 1px solid #E4E4E4;
}

#content .right_pane ul li.active {
    background    : #b0d49a !important;
    border-bottom : 1px solid #6CB33F;
}

#content .right_pane ul li a {
    color : #000;
}

#content .right_pane ul li a:hover {
    text-decoration : none;
}

#content .right_pane ul li .cname {
    text-decoration : none;
}

#content .right_pane .name,
.ui-autocomplete .name,
#content .right_pane .not_found span {
    color          : #000;
    font-family    : "Helvetica", "Arial", sans-serif;
    font-size      : 11px;
    text-transform : uppercase;
}

.ui-autocomplete {
    z-index : 1001 !important;
}

#content .right_pane .info,
.ui-autocomplete .info {
    color     : #000;
    font-size : 10px;
}

#content .right_pane .phone {
    font-size  : 11px;
    color      : #000;
    float      : right;
    width      : 32%;
    padding    : 8px 2% 6px 0;
    text-align : right;
}

#content .right_pane .status {
    font-size      : 11px;
    color          : red;
    float          : left;
    width          : 20%;
    font-family    : "Helvetica", "Arial", sans-serif;
    text-transform : uppercase;
    padding        : 8px 0 6px 4%;
    display        : block;
}

#content .right_pane .founded,
.ui-autocomplete .founded {
    background : #F5F5F5;
    color      : #6CB33F;
}

#content .right_pane .odd .founded {
    background : #FFF;
}

#content .right_pane .layout-1 .name,
.ui-autocomplete .name {
    font-family : "Helvetica", "Arial", sans-serif;
    font-weight : bold;
    display     : block;
    padding     : 8px 0 6px 4%;
    float       : left;
    width       : 60%;
}

.ui-autocomplete .name {
    width : 96%;
}

#content .right_pane .layout-1 .not_found span {
    display      : block;
    line-height  : 35px;
    margin-right : 8px;
    padding      : 8px 0 6px 14px;
}

#content .right_pane .layout-1 .info,
.ui-autocomplete .info {
    display    : block;
    padding    : 0 2% 8px 4%;
    text-align : right;
    float      : right;
}

.ui-autocomplete {
    max-height    : 200px;
    overflow-y    : auto;
    /* prevent horizontal scrollbar */
    overflow-x    : hidden;
    /* add padding to account for vertical scrollbar */
    padding-right : 20px;
}

#content .right_pane .layout-1.layout-2 .status {
    padding-top : 0;
    color       : #DB5454;
}

#content .right_pane .layout-1.layout-2 .clearfix {
    width : 100%;
}

*+html #content .right_pane .layout-1.layout-2 li {
    margin-top : -7px;
}

*+html #content .right_pane .layout-1.layout-2 li:first-child {
    margin-top : 0;
}

/*#content .right_pane .scrollbar {
    top : 45px;
}*/

/***********************************
    Scrollbar
***********************************/

.scrollable {
    position : relative;
}

.scrollable .viewport {
    position : relative;
}

.scrollable .overview {
    list-style   : none;
    /*max-height   : 800px;*/
    margin-right : 0;
    /*overflow-y   : auto;
    overflow-x   : hidden;*/
    position     : relative;
}

#content .scroll-pane .viewport {
    float : none;
}

.tiny-scroll .tiny-viewport,
.column-scroll .tiny-viewport {
    /*max-height: 800px;*/
    overflow : hidden;
    position : relative;
}

.tiny-scroll .tiny-overview,
.column-scroll .tiny-overview {
    width      : 100%;
    list-style : none;
    position   : relative;
    left       : 0;
    top        : 0;
}

.tiny-scroll .tiny-scrollbar,
.column-scroll .tiny-scrollbar {
    position : absolute;
    right    : 0;
    top      : 0;
    width    : 18px;
    z-index  : 50;
}

.tiny-scroll .tiny-track,
.column-scroll .tiny-track {
    height     : 100%;
    min-height : 16px;
    width      : 18px;
    margin-top : 12px;
    background : url("Images/scrollbar-track.png") repeat-y -18px bottom;
    position   : relative;
}

.tiny-scroll .tiny-thumb,
.column-scroll .tiny-thumb {
    width       : 18px;
    min-height  : 16px;
    overflow    : hidden;
    position    : absolute;
    top         : 0;
    margin-left : 1px;
    z-index     : 5;
}

.tiny-scroll .tiny-thumb-start,
.column-scroll .tiny-thumb-start {
    width      : 17px;
    height     : 50%;
    background : url("Images/scrollbar-thumb.png") no-repeat -17px top;
}

.tiny-scroll .tiny-thumb-end,
.column-scroll .tiny-thumb-end {
    width      : 17px;
    height     : 50%;
    background : url("Images/scrollbar-thumb.png") no-repeat left bottom;
}

.tiny-scroll .tiny-track-up,
.column-scroll .tiny-track-up {
    width      : 18px;
    height     : 26px;
    background : url("Images/scrollbar-track-buttons.png") no-repeat left top;
    position   : absolute;
    top        : -20px;
    z-index    : 1;
    cursor     : pointer;
}

.tiny-scroll .tiny-track-up.over,
.column-scroll .tiny-track-up.over {
    background-position : -18px top;
}

.tiny-scroll .tiny-track-up.pressed,
.column-scroll .tiny-track-up.pressed {
    background-position : -36px top;
}

.tiny-scroll .tiny-track-down,
.column-scroll .tiny-track-down {
    width      : 18px;
    height     : 26px;
    background : url("Images/scrollbar-track-buttons.png") no-repeat -54px top;
    position   : absolute;
    bottom     : -18px;
    z-index    : 2;
    cursor     : pointer;
}

.tiny-scroll .tiny-track-down.over,
.column-scroll .tiny-track-down.over {
    background-position : -72px top;
}

.tiny-scroll .tiny-track-down.pressed,
.column-scroll .tiny-track-down.pressed {
    background-position : -90px top;
}

.column-scroll .tiny-track {
    margin-top : 19px;
}

.scroll-pane .r-box {
    padding-right : 20px;
}

.right_pane.scrollable .tiny-scrollbar,
.column-scroll .tiny-scrollbar {
    right : -20px;
}

/***********************************
    Searchbox
***********************************/

#content .searchbox {
    background    : url("Images/searchbox.png") no-repeat left top;
    height        : 31px;
    position      : relative;
    margin-bottom : 3px;
}

#content .searchbox .search-icon {
    width      : 24px;
    height     : 22px;
    background : url("Images/searchbox_icon_sprite.png") no-repeat left top;
    position   : absolute;
    right      : 2px;
    top        : 4px;
    display    : none;
}

#content .searchbox.over .search-icon {
    background-position : -24px top;
}

#content .searchbox.focus .search-icon,
#content .searchbox.focus.over .search-icon {
    background-position : right top;
}

#content .searchbox span {
    background    : url("Images/searchbox.png") no-repeat right bottom;
    display       : block;
    padding-right : 28px;
    padding-left  : 10px;
    height        : 31px;
    font-size     : 16px;
}

#content .searchbox input {
    background  : none;
    border      : none;
    color       : #000;
    font-family : "Helvetica", "Arial", sans-serif;
    font-size   : 12px;
    height      : 18px;
    margin      : 7px 0 5px;
    width       : 100%;
    outline     : none;
}

#content .searchbox input.hint {
    color       : #000;
    font-family : "Helvetica", "Arial", sans-serif;
}

#content .viewport {
    float : left;
    width : 75%;
}

/***********************************
    Expandable box
***********************************/

#content .expandable_box {
    position : absolute;
}

#content .expandable_box .arrow {
    height     : 19px;
    width      : 19px;
    position   : absolute;
    left       : 4px;
    top        : 5px;
    background : url("Images/expandable-arrows.png") no-repeat left top;
}

#content .expandable_box.without_arrow .arrow {
    display : none !important;
}

#content .expandable_box .arrow.expand {
    background-position : left bottom;
}

#content .expandable_box .arrow.expand:hover {
    background-position : -19px bottom;
}

#content .expandable_box .arrow.expand.mup {
    background-position : -38px bottom;
}

#content .expandable_box .arrow.collapse {
    background-position : left -38px;
}

#content .expandable_box .arrow.collapse:hover {
    background-position : -19px -38px;
}

#content .expandable_box .arrow.collapse.mup {
    background-position : -38px -38px;
}

#content .expandable_box .box_content {
    display : none;
    margin  : 22px;
}

/***********************************
    Customer details
***********************************/

#content .expandable_box .customer_details {
    width : 600px;
}

#content .expandable_box .customer_details h2 {
    background     : #0086AC;
    color          : #FFF;
    font-family    : "Helvetica", "Arial", sans-serif;
    font-weight    : bold;
    font-size      : 14px;
    line-height    : 32px;
    padding        : 0 17px 0 10px;
    text-transform : uppercase;
    width          : 573px;
}

#content .expandable_box .customer_details h2 p {
    float               : left;
    color               : #f2f2f2;
    text-shadow         : 0 -1px 0px #000;
    -webkit-text-shadow : 0 -1px 0px #000;
    -moz-text-shadow    : 0 -1px 0px #000;
    min-width           : 70%;
}

#content .expandable_box .customer_details h2 a {
    color           : #FFF;
    display         : block;
    float           : right;
    font-family     : "Helvetica", "Arial", sans-serif;
    margin-top      : 5px;
    text-decoration : none;
    text-transform  : none;
    width           : 19px;
    height          : 19px;
    background      : url("Images/expandable-arrows.png") no-repeat left top;
}

#content .expandable_box .customer_details h2 a.hide {
    background-position : left top;
}

#content .expandable_box .customer_details h2 a.hide:hover {
    background-position : -19px top;
}

#content .expandable_box .customer_details h2 a.hide.mup {
    background-position : -38px top;
}

#content .expandable_box .customer_details h2 a.show {
    background-position : left -19px;
}

#content .expandable_box .customer_details h2 a.show:hover {
    background-position : -19px -19px;
}

#content .expandable_box .customer_details h2 a.show.mup {
    background-position : -38px -19px;
}

#content .expandable_box .customer_details h2.additional {
    color : #0086AC;
}

#content .expandable_box .customer_details h2.additional a {
    color : #004B66;
}

#content .expandable_box .customer_details label,
#content .expandable_box .customer_details .check label:first-child {
    width          : 20%;
    margin         : 0 1% 0 3%;
    text-transform : none;
}

#content .expandable_box .customer_details .check label {
    width          : auto;
    margin         : 0 5px;
    text-transform : uppercase;
}

#content .expandable_box .customer_details .check input {
    vertical-align : middle;
}

#content .expandable_box .customer_details .textbox {
    width : 51%;
}

#content .expandable_box .customer_details .submit {
    width : auto;
}

#content .expandable_box .customer_details .textfield {
    height : 110px;
    width  : 52%;
}

#content .expandable_box .customer_details .serviceRequestForm .textfield {
    width : 51.4%;
}

#content .expandable_box .customer_details .textfield textarea {
    height     : 100px;
    width      : 100%;
    max-width  : 100%;
    min-width  : 100%;
    max-height : 100px;
    min-height : 100px;
}

#content .textfield.notesRow {
    height : 56px !important;
}

#content .textfield.notesRow .lef {
    height : 45px !important;
}

#content .textfield.notesRow .rgh {
    height : 45px !important;
}

#content .textfield.notesRow textarea {
    height     : 45px !important;
    max-height : 45px !important;
    min-height : 45px !important;
}

#content .textfield.notesRow.propbox {
    height : auto !important;
}

#content .expandable_box .customer_details .white {
    background : #fafafa;
}

#content .expandable_box .customer_details .white.first {
    border-top  : 1px solid #e8e8e8;
    margin-top  : -8px;
    padding-top : 8px;
}

#content .expandable_box .customer_details .white.last {
    border-bottom  : 1px solid #e8e8e8;
    margin-bottom  : 8px;
    padding-bottom : 8px;
}

#content .expandable_box .customer_details .field-validation-error {
    /*width : 122px;*/
    width : 17%;
}

#content .expandable_box .customer_details .verifiedLink {
    background      : url("Images/confirmed_icon.png") no-repeat left top;
    color           : #585858;
    display         : inline-block;
    font-family     : "Helvetica", "Arial", sans-serif;
    font-weight     : bold;
    font-size       : 11px;
    height          : 27px;
    line-height     : 25px;
    margin-left     : 10px;
    padding-left    : 32px;
    text-decoration : none;
    vertical-align  : middle;
}

#content .expandable_box .customer_details .verifiedLink:hover {
    text-decoration : underline;
}

#content .expandable_box .customer_details #create-new-request-form {
    float        : right;
    margin-right : 16px;
    margin-top   : 3px;
}

#content .expandable_box .customer_details #create-new-request-form a {
    color           : #4488EE;
    font-size       : 14px;
    text-decoration : none;
}

#content .expandable_box .customer_details #create-new-request-form a:hover {
    text-decoration : underline;
}

/*Ex box as layout*/

#content .listItemDetails .expandable_box {
    position : relative;
    margin   : 0 0 0 5px;
}

#content .listItemDetails .column,
#taskColumn1, #taskColumn2 {
    width      : 50%;
    min-height : 1px;
    position   : relative;
    float      : left;
}

#taskColumn1 .customer_details,
#taskColumn2 .customer_details {
    width : auto !important;
}

#taskColumn2 #liServiceForms,
#taskColumn2 #liAttachments {
    display : block !important;
}

.column.indent-column .r-column {
    margin : 0 0 0 5px;
}

.column .column-head,
.right_pane  .column-head {
    color          : #FFFFFF;
    font-family    : "Helvetica", "Arial", sans-serif;
    font-weight    : bold;
    font-size      : 14px;
    text-align     : left;
    text-transform : uppercase;
    padding-bottom : 5px;
    line-height    : 30px;
}

.column .column-head em,
.right_pane  .column-head em {
    font-weight         : bold;
    text-shadow         : 0 -1px 0px #000;
    -webkit-text-shadow : 0 -1px 0px #000;
    -moz-text-shadow    : 0 -1px 0px #000;
    color               : #f2f2f2;
}

.column-head .column-head-left {
    height       : 30px;
    background   : url("Images/green_heading.png") no-repeat left top;
    padding-left : 16px;
    display      : block;
}

.column-head .column-head-right {
    height        : 30px;
    background    : url("Images/green_heading.png") no-repeat right bottom;
    padding-right : 8px;
    display       : block;
}

.right_pane  .column-head {
    padding-top : 8px;
}

#content .listItemDetails .expandable_box .box_content {
    margin : 0;
}

#content .listItemDetails .expandable_box .box_content .customer_details {
    width : auto;
}

#content .listItemDetails .expandable_box .box_content .customer_details li {
    width         : 100%;
    margin-bottom : 5px;
}

#content .listItemDetails .expandable_box .customer_details h2 {
    width      : 100%;
    padding    : 0;
    height     : 32px;
    background : none;
}

#content .expandable_box .icon {
    float      : left;
    width      : 22px;
    height     : 23px;
    margin     : 3px 14px 3px 8px;
    background : url("Images/ex-header-icons.png") no-repeat left top;
}

#content .expandable_box .icon.notes {
    background-position : -22px 0;
}

#content .expandable_box .icon.attachments {
    background-position : -44px 0;
}

#content .expandable_box .icon.history {
    width               : 26px;
    margin-right        : 10px;
    background-position : -22px -46px;
}

#content .expandable_box .icon.forms {
    background-position : -22px -23px;
}

#content .expandable_box .icon.map {
    background-position : -44px -23px;
}

#content .expandable_box .icon.sr {
    background-position : 0 -46px;
}

#content .expandable_box .icon.wo {
    background-position : 0 -23px;
}

#content .expandable_box .icon.si {
    width               : 31px;
    margin-right        : 5px;
    background-position : 0 -69px;
}

#content .expandable_box .icon.wt {
    background-position : -33px -69px;
}

#content .listItemDetails .expandable_box .expandable-head {
    margin-bottom : 2px;
}

#content .listItemDetails .expandable_box .expandable-head-left,
.searchholder .options-left {
    background   : url("Images/expandable-head-green.png") no-repeat left bottom;
    padding-left : 8px;
    height       : 32px;
}

.searchholder .options-left {
    background : url("Images/expandable-head.png") no-repeat left bottom;
}

#content .listItemDetails .expandable_box .expandable-head-right,
.searchholder .options-right {
    background    : url("Images/expandable-head-green.png") no-repeat right top;
    padding-right : 8px;
    height        : 32px;
}

.searchholder .options-right {
    background : url("Images/expandable-head.png") no-repeat right top;
}

.searchholder .options-right {
    padding-top : 6px;
    height      : 25px;
}

.searchholder .options-right {
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    font-size           : 14px;
    color               : #585858;
    text-shadow         : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
    text-transform      : uppercase;
}

.searchholder .options-right .column-45 {
    width : 45%;
    float : left;
}

.searchholder .options-right .column-55 {
    width : 55%;
    float : left;
}

.searchholder .options-right .column-33 {
    width      : 33%;
    float      : left;
    text-align : center;
}

.searchholder .options-right .column-25 {
    width      : 25%;
    float      : left;
    text-align : center;
}

.searchholder .options-right .column-33 label {
    width            : 72%;
    white-space      : nowrap;
    text-overflow    : ellipsis;
    -o-text-overflow : ellipsis;
    overflow         : hidden;
    text-align       : left;
}

/***********************************
    Add customer
***********************************/

#content .heading {
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    color               : #585858;
    text-shadow         : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
    font-size           : 24px;
    margin              : 0 0 24px 0;
}

#content .heading a {
    color           : #66a840;
    text-decoration : underline;
}

#content .heading a:hover {
    text-decoration : none;
}

#content .heading_note {
    color       : #333;
    font-family : "Helvetica", "Arial", sans-serif;
    font-size   : 14px;
    margin      : 0 0 18px 0;
}

#content .heading_desc,
.l-popup .heading_desc {
    color       : #333;
    font-family : "Helvetica", "Arial", sans-serif;
    font-size   : 16px;
    margin      : 0 0 24px 0;
}

#content .heading_desc a {
    color           : #333;
    text-decoration : underline;
}

#content .heading_desc a:hover {
    text-decoration : none;
}

#content .indent {
    margin : 10px;
}

#content .pindent {
    padding : 10px;
}

#content .add_customer label {
    width : 102px;
}

#content .add_customer input {
    /*width : 330px;*/
}

#content .add_customer .submit {
    width : auto;
}

#content .add_customer .textfield {
    height : 110px;
    width  : 350px;
}

#content .add_customer .textfield textarea {
    height     : 100px;
    max-height : 100px;
    min-height : 100px;
    width      : 340px;
    max-width  : 340px;
    min-width  : 340px;
}

/*Service Request table*/

#divServiceRequestTable,
#divAttachmentsTable,
.notesTable,
.roundedTable,
.roundedTable-1 {
    padding             : 0 10px 10px;
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    font-size           : 11px;
    color               : #585858;
    text-shadow         : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
    text-align          : center;
}

.notesTable td.last {
    width : 50%;
}

#tableServiceItems td.name {
    text-transform : uppercase;
}

#tableServiceItems td.name,
#tableServiceItems td.ppu {
    width : 30%;
}

#tableServiceItems td.type,
#tableServiceItems td.count {
    width : 15%;
}

#tableServiceItems td.action {
    width : 10%;
}

.roundedTable.noindent {
    padding : 0;
}

#divServiceRequestTable table,
#divAttachmentsTable table,
.notesTable table,
.roundedTable table {
    width      : 100%;
    text-align : left;
}

.roundedTable-1 table {
    text-align : left;
}

#divServiceRequestTable table th,
#divAttachmentsTable table th,
.notesTable table th,
.roundedTable table th,
.roundedTable-1 table th {
    height              : 22px;
    line-height         : 22px;
    background          : url("Images/table_th.png") repeat-x left top;
    font-size           : 12px;
    font-family         : "Helvetica", "Arial", sans-serif;
    color               : #585858;
    text-shadow         : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
    padding             : 0 10px;
    border-right        : 1px solid #dcdcdc;
    text-transform      : uppercase;
    white-space         : nowrap;
}

#divServiceRequestTable table th:first-child,
#divAttachmentsTable table th:first-child,
.notesTable table th:first-child,
.roundedTable table th:first-child,
.roundedTable-1 table th:first-child {
    background : url("Images/table_th-left.png") no-repeat left top;
}

#divServiceRequestTable table th.last,
#divAttachmentsTable table th.last,
.notesTable table th.last,
.roundedTable table th.last,
.roundedTable-1 table th.last {
    background   : url("Images/table_th-right.png") no-repeat right top;
    border-right : none;
}

#divServiceRequestTable table tr.bottom td:first-child,
#divAttachmentsTable table tr.bottom td:first-child,
.notesTable table tr.bottom td:first-child,
.roundedTable table tr.bottom td:first-child,
.roundedTable table tr.even.bottom td:first-child,
.roundedTable-1 table tr.bottom td:first-child,
.roundedTable-1 table tr.even.bottom td:first-child {
    background  : url("Images/table_td-left.png") no-repeat left bottom;
    border-left : none;
}

#divServiceRequestTable table tr.bottom td,
#divAttachmentsTable table tr.bottom td,
.notesTable table tr.bottom td,
.roundedTable table tr.bottom td,
.roundedTable table tr.even.bottom td,
.roundedTable-1 table tr.bottom td,
.roundedTable-1 table tr.even.bottom td {
    background : url("Images/table_td.png") repeat-x left bottom;
    height     : 6px;
}

#divServiceRequestTable table tr.bottom td.last,
#divAttachmentsTable table tr.bottom td.last,
.notesTable table tr.bottom td.last,
.roundedTable table tr.bottom td.last,
.roundedTable table tr.bottom.even td.last,
.roundedTable-1 table tr.bottom td.last,
.roundedTable-1 table tr.bottom.even td.last {
    background   : url("Images/table_td-right.png") no-repeat right bottom;
    border-right : none;
}

#divServiceRequestTable table td:first-child,
#divAttachmentsTable table td:first-child,
.notesTable table td:first-child,
.roundedTable table td:first-child,
.roundedTable-1 table td:first-child {
    border-left : 1px solid #dbdbdb;
}

#divServiceRequestTable table td,
#divAttachmentsTable table td,
.notesTable table td,
.roundedTable table td,
.roundedTable-1 table td {
    font-family : "Helvetica", "Arial", sans-serif;
    font-size   : 12px;
    padding     : 6px 10px;
    background  : #fff;
}

#divServiceRequestTable table tr.bottom td,
#divAttachmentsTable table tr.bottom td,
.notesTable table tr.bottom td,
.roundedTable table tr.bottom td,
.roundedTable-1 table tr.bottom td {
    padding : 0 10px;
}

#divServiceRequestTable table td.last,
#divServiceRequestTable table tr.even td.last,
#divAttachmentsTable table td.last,
#divAttachmentsTable table tr.even td.last,
.notesTable table td.last,
.notesTable table tr.even td.last,
.roundedTable table td.last,
.roundedTable table tr.even td.last,
.roundedTable-1 table td.last,
.roundedTable-1 table tr.even td.last {
    border-right        : none;
    background-image    : url("Images/table_td-last.png");
    background-position : right top;
    background-repeat   : repeat-y;
}

#divServiceRequestTable table tr.even td,
#divAttachmentsTable table tr.even td,
.notesTable table tr.even td,
.roundedTable table tr.even td,
.roundedTable-1 table tr.even td {
    background : #f5f5f5;
}

#divServiceRequestTable table tr.highlighted td,
#divServiceRequestTable .roundedTable table tr.even.highlighted td,
.roundedTable table tr.highlighted td,
.roundedTable table tr.even.highlighted td,
.roundedTable-1 table tr.highlighted td,
.roundedTable-1 table tr.even.highlighted td {
    background          : #b0d49a;
    text-shadow         : 0 0 0 white;
    -webkit-text-shadow : 0 0 0 white;
    -moz-text-shadow    : 0 0 0 white;
    color               : #000;
}

#tableWorkOrders td {
    cursor : pointer;
}

#tableWorkOrders td:first-child {
    width : 100px;
}

#divServiceRequestTable table td,
#divAttachmentsTable table td,
.notesTable table td,
.roundedTable table td,
.roundedTable-1 table td {
    border-right : 1px solid #dbdbdb;
}

#divServiceRequestTable table td .linkButton,
#divAttachmentsTable table td .linkButton,
#divServiceRequestTable table td a,
#divAttachmentsTable table td a,
.notesTable table td .linkButton,
.notesTable table td a,
#tableServiceItems .editable,
.roundedTable .editable,
.roundedTable table td .linkButton,
.roundedTable table td a,
.roundedTable-1 .editable,
.roundedTable-1 table td .linkButton,
.roundedTable-1 table td a {
    font-family     : "Helvetica", "Arial", sans-serif;
    font-size       : 12px;
    line-height     : 12px;
    color           : #000;
    text-decoration : none;
    margin          : 0;
    border          : none;
}

#divServiceRequestTable table td .linkButton:hover,
#divAttachmentsTable table td .linkButton:hover,
#divServiceRequestTable table td a:hover,
#divAttachmentsTable table td a:hover,
.notesTable table td .linkButton:hover,
.notesTable table td a:hover,
#tableServiceItems .editable:hover,
.roundedTable table td .linkButton:hover,
.roundedTable td a:hover,
.roundedTable-1 table td .linkButton:hover,
.roundedTable-1 td a:hover {
    text-decoration : underline;
}

/* Field worker */

.field-worker .field-worker-wrapper {
    padding-left : 10px;
}

#content .listItemDetails.field-worker .expandable_box {
    position   : absolute;
    margin     : 5px;
    background : none;
    top        : 112px;
}

.map-toolbar {
    background    : url("Images/actionbar-1.png") no-repeat left top;
    padding-left  : 5px;
    height        : 32px;
    margin-bottom : 5px;
}

.map-toolbar .map-toolbar-wrap {
    background : url("Images/actionbar-1.png") no-repeat right top;
    height     : 32px;
}

.map-toolbar .rightCollumn {
    float : left;
}

.map-toolbar .rightCollumn.rindent {
    margin-left : 5px;
}

.map-toolbar .rightCollumn .item {
    float  : left;
    margin : 4px 15px 0 0;
}

#content .listItemDetails.field-worker .expandable_box .box_content .customer_details {
    width : 600px;
}

#content .settingsUsers .listItemDetails.field-worker .field-worker-wrapper .expandable_box .box_content .customer_details {
    width : 800px;
}

#content .settingsUsers .listItemDetails.field-worker .field-worker-wrapper .expandable_box {
    margin   : 0;
    position : relative;
    top      : 0;
}

.settings .settingsUsers .field-worker-wrapper .form .buttons .buttons-wrapper.ind {
    padding : 0 190px;
}

/***********************************
    Widgets
***********************************/

#ui-datepicker-div {
    font-size : 11px;
}

/***********************************
    Forms
***********************************/

.form {
    font-size : 16px;
}

.form a {
    color           : black;
    font-size       : 12px;
    text-decoration : underline;
}

.form a:hover {
    text-decoration : none
}

.form fieldset {
    border  : 0;
    margin  : 0;
    padding : 0 0 16px 0;
}

.form fieldset.empty {
    padding : 0 !important;
}

.form fieldset.empty * {
    display : none !important;
}

.form label {
    color          : #585858;
    font-family    : "Helvetica", "Arial", sans-serif;
    font-weight    : bold;
    font-size      : 11px;
    display        : inline-block;
    padding-right  : 1px;
    text-align     : right;
    vertical-align : middle;
    padding-right  : 10px;
}

.form .text {
    vertical-align : middle;
}

.logon .form .textbox {
    width : 141px;
}

.form .textbox {
    background     : url("Images/textbox.png") no-repeat right bottom;
    display        : inline-block;
    padding-right  : 6px;
    height         : 24px;
    vertical-align : middle;
    *display       : inline;
    zoom           : 1;
    overflow       : hidden;
}

.propbox,
.form .textbox.propbox {
    height : auto !important;
}

.form .textbox.empty {
    background : none;
    height     : auto;
}

.form .textbox span {
    background : url("Images/textbox.png") no-repeat left top;
    display    : block;
    height     : 18px;
    padding    : 0 0 6px 6px;
}

*+html .form .textbox input {
    position : relative;
    top      : 4px;
}

.form .textbox input {
    background  : none;
    border      : none;
    font-family : "Helvetica", "Arial", sans-serif;
    color       : #000;
    font-size   : 12px;
    outline     : none;
    width       : 100%;
}

.form .textfld label,
.form .textfld .textfield {
    vertical-align : top;
}

.form .textfield {
    display        : inline-block;
    vertical-align : middle;
    overflow       : hidden;
}

.form .textfield.propbox {
    height : auto !important;
}

.form .textfield .top-left {
    padding-left : 5px;
    height       : 6px;
    background   : url("Images/textfield_top-left.png") no-repeat left top;
}

.form .textfield .top-right {
    padding-right : 5px;
    height        : 6px;
    background    : url("Images/textfield_top-right.png") no-repeat right top;
}

.form .textfield .top {
    height     : 6px;
    background : url("Images/textfield_top.png") repeat-x right top;
}

.form .textfield .bottom-left {
    padding-left : 5px;
    height       : 6px;
    background   : url("Images/textfield_bottom-left.png") no-repeat left top;
}

.form .textfield .bottom-right {
    padding-right : 5px;
    height        : 6px;
    background    : url("Images/textfield_bottom-right.png") no-repeat right top;
}

.form .textfield .bottom {
    height     : 6px;
    background : url("Images/textfield_bottom.png") repeat-x right top;
}

.form .textfield .lef {
    height     : 100px;
    background : url("Images/textfield_left.png") repeat-y left top;
}

.form .textfield .rgh {
    height     : 100px;
    padding    : 0 5px;
    background : url("Images/textfield_right.png") repeat-y right top;
}

.form .textfield textarea {
    background  : url("Images/textfield_body.png");
    border      : none;
    font-family : "Helvetica", "Arial", sans-serif;
    font-size   : 12px;
    outline     : none;
    height      : 100px;
    max-height  : 100px;
    min-height  : 100px;
    overflow-y  : auto;
}

.form .checkbox,
.form .checkboxGhost {
    background     : url("Images/checkbox.png") no-repeat left top;
    cursor         : pointer;
    display        : inline-block;
    height         : 14px;
    width          : 14px;
    vertical-align : middle;
}

.form .checkboxGhost {
    margin-top : -3px;
}

.form .checkbox.disabled,
.form .checkboxGhost.disabled {
    background-position : left bottom;
}

.form .checkbox.checkboxActive,
.form .checkboxGhost.checkboxActive {
    background-position : right top;
    vertical-align      : middle;
}

.form .checkbox.checkboxActive.disabled,
.form .checkboxGhost.checkboxActive.disabled {
    background-position : right bottom;
}

.form .checkbox input {
    display : none;
}

.form .checkboxGhost input {
    -ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.01)";
    filter         : alpha(opacity = 1);
    -moz-opacity   : 0.01;
    -khtml-opacity : 0.01;
    opacity        : 0.01;
    cursor         : pointer;
}

.form .checkbox.on-off-box {
    background : url("Images/on-off_sprite.png") no-repeat left top;
    height     : 20px;
    width      : 69px;
}

.form .checkbox.on-off-box.checkboxActive {
    background-position : right top;
}

.form .buttons {
    width : 100%;
    /*padding-bottom: 6px;*/
}

.form .buttons.w-140 .button {
    width : 140px !important;
}

.form .buttons.w-141 .button {
    width : 141px !important;
}

.form .buttons.w-100 .button {
    width : 100px !important;
}

.form .buttons.w-100 .button input {
    width : 44px !important;
}

.form .buttons.tindent {
    margin-top : 10px;
}

.form .buttons .buttons-wrapper {
    padding : 0 10px;
}

.form .buttons .buttons-wrapper.noindent {
    padding : 0;
}

.import .form .buttons .buttons-wrapper {
    padding    : 0;
    margin-top : 10px;
}

.import a {
    color           : #000;
    font-size       : 12px;
    text-decoration : underline;
}

.import a:hover {
    text-decoration : none;
}

.form .buttons .buttons-wrapper.ind {
    padding : 0 24% 0 24%;
    margin  : 0 2px;
}

.workHistory .form .buttons .buttons-wrapper {
    padding : 0 10px;
}

.form .button {
    height              : 32px;
    border              : none;
    cursor              : pointer;
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    font-size           : 12px;
    padding-right       : 8px;
    text-transform      : uppercase;
    overflow            : visible;
    color               : #585858;
    text-shadow         : 0 1px 1px #fff;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
    display             : block;
    float               : left;
    background          : url("Images/button.png") no-repeat right bottom;
    margin-left         : 2px;
    text-align          : center;
    white-space         : nowrap;
}
.form .button input {
    outline : none;
}

.form .button.attach-fax,
.form .button.attach-fax.over,
.form .button.attach-fax.mup {
    background : none !important;
    padding    : 0;
}

.form .button.attach-fax input {
    background : url("Images/fax-attach_button.png") no-repeat left top;
    padding    : 0;
    width      : 133px !important;
}

.form .button.attach-fax.over input {
    background : url("Images/fax-attach_button.png") no-repeat -133px top;
}

.form .button.attach-fax.over.mup input {
    background : url("Images/fax-attach_button.png") no-repeat right top !important;
}

.form .button.over,
.form .button.over span,
.form .button.over a,
.form .button.over input {
    background-image : url("Images/button_over.png");
}

.form .button.over.mup,
.form .button.mup,
.form .button.over.mup span,
.form .button.mup span,
.form .button.over.mup a,
.form .button.mup a,
.form .button.over.mup input,
.form .button.mup input {
    background-image : url("Images/button_up.png");
}

.form .button span,
.form .button a {
    display         : block;
    height          : 14px;
    padding         : 8px 24px 10px 32px;
    background      : url("Images/button.png") no-repeat left top;
    color           : #585858;
    text-decoration : none;
}

.form .button input {
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    font-size           : 12px;
    color               : #585858;
    display             : block;
    height              : 32px;
    padding             : 0 24px 0 32px;
    border              : none;
    cursor              : pointer;
    background          : url("Images/button.png") no-repeat left top;
    text-transform      : uppercase;
    text-shadow         : 0 1px 1px #fff;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
    overflow            : visible;
}

.validation-summary-errors {
    margin-bottom : 10px;
}
.field-validation-error, .form .field-validation-error,
.validation-summary-errors ul li {
    color          : #DB313C;
    display        : inline-block;
    font-family    : "Helvetica", "Arial", sans-serif;
    font-size      : 13px;
    vertical-align : middle;
}
.field-validation-error, .form .field-validation-error {
    padding-left : 10px;
}

.form .addressFld .field-validation-error {
    float        : right;
    margin-right : 4%;
    margin-top   : 4px;
}

.info-icon {
    display        : inline-block;
    width          : 24px;
    height         : 24px;
    background     : url("Images/info_square.png") no-repeat left top;
    vertical-align : middle;
    margin         : 0 10px;
}

.mapInfo {
    width               : 168px;
    height              : 56px;
    overflow            : hidden;
    text-shadow         : 0 1px 1px #666;
    -moz-text-shadow    : 0 1px 1px #666;
    -webkit-text-shadow : 0 1px 1px #666;
}

.mapCustomer {
    font-family : "Helvetica", "Arial", sans-serif;
    font-weight : bold;
    font-size   : 16px;
    color       : #ffffff;
}

.mapTitle {
    font-family : "Helvetica", "Arial", sans-serif;
    font-size   : 13px;
    color       : #ffffff;
}

#map_canvas .infoBox .mapTitle a {
    font-family     : "Helvetica", "Arial", sans-serif;
    font-size       : 13px;
    color           : #ffffff;
    text-decoration : none;
}

#map_canvas .infoBox .mapTitle a:hover {
    text-decoration : underline;
}

.mapSubTitle,
.mapStatus,
#map_canvas .infoBox .mapInfo .assignLink {
    font-family : "Helvetica", "Arial", sans-serif;
    font-size   : 15px;
    color       : #ffffff;
    margin-top  : 18px;
}

#map_canvas .infoBox .mapInfo .assignLink {
    margin-top : 5px;
    display    : block;
}

.mapDate {
    font-family   : "Helvetica", "Arial", sans-serif;
    font-size     : 12px;
    color         : #ffffff;
    margin-bottom : 12px;
    margin-top    : 3px;
}

.mapInfo .shedule-view {
    width      : 16px;
    height     : 16px;
    background : url("Images/calendar_16_white.png") no-repeat;
    display    : block;
    position   : absolute;
    top        : 110px;
    right      : 22px;
}

.mapInfo select {
    width      : 100%;
    border     : 1px solid #666666;
    margin-top : 5px;
}

.mapInfo .ellipsis {
    width            : 168px;
    white-space      : nowrap;
    text-overflow    : ellipsis;
    -o-text-overflow : ellipsis;
    overflow         : hidden;
}

/****popup******/
.l-tint {
    background : none repeat scroll 0 0 #000000;
    height     : 100%;
    left       : 0;
    opacity    : 0.5;
    filter     : Alpha(Opacity = 50);
    position   : fixed;
    top        : 0;
    width      : 100%;
    z-index    : 1100;
}

* html .l-tint {
    position : absolute;
}

.l-popup {
    -moz-box-shadow : 0 3px 8px rgba(0, 0, 0, 0.35);
    background      : none repeat scroll 0 0 #FFFFFF;
    left            : 50%;
    margin          : 0 0 0 -200px;
    padding         : 10px 15px 10px;
    position        : absolute;
    top             : 10%;
    width           : 400px;
    z-index         : 2000;
}

.l-popup .loader {
    float : right;
}

.l-popup .closePopupButton {
    float  : right;
    cursor : pointer;
}

.l-popup .closePopupButton img {
    display : block;
}

.l-popup h2 {
    color               : #585858;
    font-size           : 16px;
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    margin              : 0 0 0.5em;
    padding-bottom      : 10px;
    text-align          : left;
    text-shadow         : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
}

.l-popup h2.heading {
    font-size : 20px;
}

ul.popup {
    list-style : none outside none;
    padding    : 0 5px 0 5px;
}

ul.popup li {
    clear  : right;
    float  : left;
    margin : 0;
    width  : 30%;
}

ul.popup li span {
    display : block;
    margin  : 0 5px 0 0;
    padding : 0.4em 0 0.3em 0;
}

ul.popup {
    margin   : 0 0 0.5em;
    overflow : hidden;
}

ul.popup input, ul.popup textarea {
    width : 230px;
}

/*----*/
.unassigned {
    color     : #db5454;
    font-size : 1.2em;
    cursor    : pointer;
}

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

.mapDatePicker {
    width : 100px;
}

/*
.x-bodyExt * {
    -moz-box-sizing : border-box;
}*/

.sch-timeline {
    border-left : 2px dotted red !important;

}

.editable {
    color         : #4488EE;
    border-bottom : 1px dashed;
    cursor        : pointer;
}

.sch-schedulerview td.sch-timetd {
    background          : url(../../resources/images/transp-1px.png) repeat-x 0 0 aliceBlue;
    border-bottom-color : lightBlue;
    border-top-color    : #FEE;
}

.sch-schedulerview td.unavailable {
    background : orange url(images/graytexture.png) repeat left top !important;
}

.pct10 {
    width : 10%;
}

.pct20 {
    width : 20%;
}

.pct30 {
    width : 30%;
}

.pct40 {
    width : 40%;
}

.pct100 {
    width : 100%;
}

.textRight {
    text-align : right;
}

.tableList {
    width : 100%;
}

.tableList.wrap-text th {
    white-space : normal !important;
}

.tableList .height-fix {
    display  : inline-block;
    height   : 20px;
    overflow : hidden;
}

.l-popup {
    font                  : 2.5em "Helvetica", "Arial", sans-serif;
    -moz-box-shadow       : 0 2px 5px #666;
    -webkit-box-shadow    : 0 2px 5px #666;
    box-shadow            : 0 2px 5px #666;
    background            : url("Images/datepicker_bg.png") #DFDFDF repeat-x left top;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    border-radius         : 4px
}

.l-popup label {
    width      : 100px;
    text-align : left;
}

#attach_dialog {
    font-family : "Helvetica", "Arial", sans-serif;
    font-weight : bold;
    background  : none;
}

.attach_dialog h2.heading {
    color               : #585858;
    font-size           : 20px;
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    position            : absolute;
    top                 : 8px;
    text-align          : left;
    text-shadow         : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
}

#attach_dialog h2,
.popup h2 {
    font-size           : 16px;
    color               : #585858;
    margin-bottom       : 10px;
    text-shadow         : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
}

.attach_dialog.ui-widget-content {
    background : none;
}

.attach_dialog h2 {
    font   : 14px "Helvetica", "Arial", sans-serif;
    margin : 0 0 15px;
}

#attachment_form #uploadedFile {
    font   : 14px "Helvetica", "Arial", sans-serif;
    margin : 15px 0;
}

/* Sheduler */

#calendar_div {
    float : left;
    width : 75%;
}

#calendar_div .wrapper {
    position : absolute;
    top      : 0;
    bottom   : 0;
    left     : 10px;
    right    : 0;
}

.x-panel .x-toolbar {
    width        : 98.8% !important;
    padding      : 0;
    border       : 0;
    background   : url("Images/actionbar-1.png") no-repeat left top !important;
    padding-left : 1%;
    height       : 32px;
}

.x-panel .x-btn-default-toolbar-small span {
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    text-transform      : uppercase;
    color               : #585858;
    font-size           : 11px;
    text-shadow         : 0 1px 1px white;
    -moz-text-shadow    : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px white;
    padding             : 0 4px;
}

.x-panel .x-btn-default-toolbar-small-pressed {
    background : #f9f9f9 !important;
    border     : 1px solid #c9c9c9 !important;
}

.x-panel .x-btn-default-toolbar-small-over {
    background : #e5e5e5 !important;
    border     : 1px solid #c9c9c9 !important;
}

.x-panel .x-btn-default-toolbar-small .x-btn-icon {
    display : none;
}

.x-panel .x-toolbar .x-box-inner {
    width      : 100% !important;
    background : url("Images/actionbar-1.png") no-repeat right top !important;
    height     : 32px;
}

.x-panel .x-panel-header {
    display : none;
}

.x-panel .x-panel-body.x-box-layout-ct {
    padding-top           : 2px;
    background            : #fff;
    border-radius         : 10px;
    -moz-border-radius    : 10px;
    -webkit-border-radius : 10px;
    width                 : 99.8% !important;
    border                : none;
    top                   : 34px !important;
}

#gridpanel-1015 .x-column-header.x-column-header-sort-ASC,
#gridpanel-1015 .x-column-header.x-column-header-sort-DESC,
#gridpanel-1015 .x-column-header {
    background            : url("Images/Shedule/th-first.png") #dcdcdc repeat-x left top !important;
    border                : none !important;
    width                 : 99.9% !important;
    border-radius         : 5px 0 0 0;
    -webkit-border-radius : 5px 0 0 0;
    -moz-border-radius    : 5px 0 0 0;
}

#gridpanel-1015 .x-docked-noborder-right {
    border-right          : 1px solid #959595 !important;
    border-radius         : 5px 0 0 0;
    -webkit-border-radius : 5px 0 0 0;
    -moz-border-radius    : 5px 0 0 0;
}

#gridpanel-1015 .x-column-header.x-column-header-sort-ASC .x-column-header-inner,
#gridpanel-1015 .x-column-header .x-column-header-inner {
    background   : url("Images/Shedule/sort_ASC.png") transparent no-repeat right center;
    margin-right : 8px;
    cursor       : pointer;
}

#gridpanel-1015 .x-column-header.x-column-header-sort-DESC .x-column-header-inner {
    background   : url("Images/Shedule/sort_DESC.png") transparent no-repeat right center;
    margin-right : 8px;
    cursor       : pointer;
}

.x-panel .x-panel-body.x-box-layout-ct .x-column-header-trigger {
    display : none !important;
}

.x-panel .x-panel-body.x-box-layout-ct .x-column-header-inner {
    padding-top : 0 !important;
}

.x-panel #gridpanel-1015 {
    border : none;
}

.x-box-inner .sch-schedulerpanel .x-box-inner .x-box-item {
    background : url("Images/Shedule/th-even.png") #bdbdbd repeat-x left top;
}

.x-box-inner .x-group-sub-header {
    border : none;
}

.x-box-inner .sch-schedulerpanel .x-box-inner .x-box-item:nth-child(even) {
    background : url("Images/Shedule/th-first.png") #dcdcdc repeat-x left top;
}

.sch-schedulerview td.unavailable {
    background : url("Images/Shedule/non-working-hours.png") transparent repeat left top !important;
}

.x-panel-with-col-lines .x-grid-row .x-grid-cell {
    border-color : #959595 !important;
}

.x-panel .sch-event {
    background : #7fc1d4;
    border     : none;
    padding    : 1px 0;
}

.x-panel .sch-event.sch-event-selected {
    background         : #d99699 !important;
    border-left        : 1px solid #959595 !important;
    border-right       : 1px solid #959595 !important;
    -webkit-box-shadow : none;
    -moz-box-shadow    : none;
    box-shadow         : none;
}

.x-panel.sch-horizontal .sch-timeline {
    border      : none !important;
    background  : url("Images/Shedule/timeline-h.png") repeat-y left top !important;
    width       : 14px !important;
    margin-left : -7px !important;
}

.x-panel.sch-vertical .sch-timeline {
    border     : none !important;
    background : url("Images/Shedule/timeline-v.png") repeat-x left top !important;
    height     : 14px !important;
    margin-top : -7px !important;
}

.x-panel .sch-timeline:hover {
    border : none !important;
}

.x-panel .x-column-header {
    font-family         : "Helvetica", "Arial", sans-serif;
    font-size           : 12px;
    text-transform      : uppercase;
    color               : #585858;
    text-shadow         : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
}

.x-panel .x-column-header-inner {
    padding : 0 4px;
}

.x-panel .x-grid-row .x-grid-cell {
    font-family : "Helvetica", "Arial", sans-serif;
    font-size   : 14px;
}

.x-panel .x-grid-body {
    border : none !important;
}

.x-panel .x-grid-table .x-grid-row .x-grid-cell {
    border-top : none;
    cursor     : pointer;
}

.x-panel .x-grid-table .x-grid-row.x-grid-row-focused .x-grid-cell {
    border-bottom : 1px solid #D0D0D0;
    background    : #f4c289 !important;
}

.x-panel .x-grid-table .x-grid-row.x-grid-row-over .x-grid-cell {
    background : #7fc1d4;
}

.sch-timeaxiscolumn .x-column-header-inner.sch-column-header-inner {
    display : none;
    /*position: absolute;
    z-index: 100;*/
}

.sch-timeaxiscolumn .x-box-inner {
    z-index : 10;
}

.x-panel .x-panel-body.x-box-layout-ct .sch-timeheader.x-column-header-over {
    background : none !important;
}

.item.datePick {
    margin-right : 0 !important;
}

#dateholder .textbox.icon-only,
.datePick .textbox.icon-only {
    background : none;
}

#dateholder .textbox.icon-only span,
.datePick .textbox.icon-only span {
    background : none;
    padding    : 4px 0;
}

.datePick .textbox.icon-only span {
    padding : 1px 0 !important;
}

#dateholder .textbox.icon-only input,
.datePick .textbox.icon-only input {
    width          : 0px;
    height         : 16px;
    padding        : 0px;
    border         : none !important;
    background     : none !important;
    vertical-align : top;
    -ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.01)";
    filter         : alpha(opacity = 1);
    -moz-opacity   : 0.01;
    -khtml-opacity : 0.01;
    opacity        : 0.01;
}

#dateholder .textbox.icon-only img,
.datePick .textbox.icon-only img {
    position    : relative;
    top         : 2px;
    cursor      : pointer;
    margin-left : 4px;
}

.datePick .textbox.icon-only img {
    margin-left : 0;
}

#dateholder .text {
    vertical-align : top;
}

#dateholder {
    color               : #6cb33f;
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    font-size           : 16px;
    text-shadow         : 0 1px 1px white;
    -moz-text-shadow    : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px white;
    text-align          : left;
    margin              : 6px 0;
    padding             : 0 3px;
}

#dateholder.item {
    margin        : 3px 0;
    font-size     : 14px;
    padding-right : 15px;
    padding-left  : 17px;
    color         : #5DA536;
}

#dateholder.item .textbox.icon-only,
.datePick .textbox.icon-only {
    width         : 22px;
    padding-right : 2px;
    margin-top    : -2px;
}

#dateholder.item .textbox.icon-only span,
.datePick .textbox.icon-only span {
    padding : 3px 0;
}

#dateholder.date {
    margin         : 10px 0;
    padding        : 0;
    padding-bottom : 10px;
    padding-left   : 26%;
}

#dateholder.date.toolbar-start {
    padding-top    : 10px;
    padding-bottom : 10px;
    margin         : 0;
}

.rightCollumn.rindent {
    margin-right : 20px;
}

/* Sefvice item */
.serviceItemForm, .serviceFormForm {
    padding : 0 10px;
}

/*Settings*/

.settings label {
    width  : 150px;
    margin : 0 5px 0 0;
}

.settings label.check,
.settings .check label {
    width       : auto;
    margin-left : 5px;
}

.settings input[type="checkbox"] {
    vertical-align : middle;
}

.settings .textbox {
    width : 25%;
}

.settings .form .buttons .buttons-wrapper.ind {
    padding : 0 157px;
}

.form .buttons .buttons-wrapper.pop-ind {
    padding : 0 0 0 27%;
}

.settings.form .image {
    margin-top : 10px;
}

.settings.form .image,
.settings.form .upload {
    margin-left : 157px;
}

.settings #QuickbooksLinks {
    margin-bottom : 15px;
    margin-left   : 162px;
}

.settings #QuickbooksLinks a {
    color           : #000;
    font-family     : "Helvetica", "Arial", sans-serif;
    font-size       : 12px;
    text-decoration : underline;
}

.settings #QuickbooksLinks a:hover {
    text-decoration : none;
}

.organizationDet.form .buttons .buttons-wrapper.ind {
    padding    : 0;
    margin-top : 10px;
}

.validation-summary-errors.formsError {
    color          : #DB313C;
    display        : inline-block;
    font-family    : "Helvetica", "Arial", sans-serif;
    font-size      : 13px;
    margin-bottom  : 5px;
    vertical-align : middle;
}

/*Resourse edit*/

.resourceEdit fieldset {
    width : 100%;
}

.resourceEdit .editor-label, .resourceEdit .editor-field {
    float        : left;
    margin-right : 10px;
    line-height  : 28px;
}

.resourceEdit .editor-field {
    line-height : 30px;
}

.resourceEdit .editor-label label,
.resourceEdit .editor-field {
    font-family : "Helvetica", "Arial", sans-serif;
    font-weight : bold;
    font-size   : 16px;
    color       : #585858;
}

.resourceEdit .textbox {
    width : 98.5%;
}

.resourceEdit .textbox span {
    line-height : 18px;
}

/*Billing*/

.billing.form label {
    width : 88px;
}

.billing.form .textbox {
    width : 200px;
}

.billing.form .buttons .buttons-wrapper {
    padding : 0 92px;
}

.billing.form .exportDate {
    margin-bottom : 5px;
}

.billing.form .exportDate span {
    font-family : "Helvetica", "Arial", sans-serif;
    font-weight : bold;
    font-size   : 12px;
}

/*Service items*/
#serviceItemCategories .editable,
#customerTypes .editable,
#addressTypes .editable,
#contactTypes .editable {
    border         : none;
    color          : #585858;
    font-family    : "Helvetica", "Arial", sans-serif;
    font-weight    : bold;
    font-size      : 16px;
    width          : 192px;
    display        : inline-block;
    *display       : inline;
    zoom           : 1;
    vertical-align : middle;
    margin-bottom  : 1px;
}

#serviceItemCategories .inplace_edit,
#customerTypes .inplace_edit,
#addressTypes .inplace_edit,
#contactTypes .inplace_edit {
    font-family     : "Helvetica", "Arial", sans-serif;
    font-weight     : bold;
    font-size       : 12px;
    line-height     : 28px;
    padding         : 0;
    margin          : 0;
    margin-left     : 10px;
    text-decoration : none;
    text-transform  : uppercase;
    cursor          : pointer;
    color           : black;
    background      : none;
    border          : none;
}

#serviceItemCategories .inplace_edit:hover,
#customerTypes .inplace_edit:hover,
#addressTypes .inplace_edit:hover,
#contactTypes .inplace_edit:hover {
    text-decoration : underline
}

#serviceItemCategories input[name="inplace_value"],
#customerTypes input[name="inplace_value"],
#addressTypes input[name="inplace_value"],
#contactTypes input[name="inplace_value"] {
    width       : 80px !important;
    padding     : 0 5px;
    height      : 24px;
    line-height : 24px;
    float       : left;
    background  : url("Images/textbox-90.png") no-repeat left top;
    border      : none;
    font-family : "Helvetica", "Arial", sans-serif;
    color       : black;
    font-size   : 12px;
}

#serviceItemCategories .inplace_save,
#customerTypes .inplace_save,
#addressTypes .inplace_save,
#contactTypes .inplace_save {
    line-height           : 20px;
    color                 : #666;
    font-size             : 11px;
    font-family           : "Helvetica", "Arial", sans-serif;
    font-weight           : bold;
    cursor                : pointer;
    background            : url("Images/sort_control_bg.png") repeat-x right top;
    border-top            : 1px solid #E3E3E3;
    border-left           : 1px solid #DEDEDE;
    border-right          : none;
    border-bottom         : 1px solid #D8D8D8;
    float                 : left;
    margin                : 0 0 0 10px;
    padding               : 0 6px;
    border-radius         : 4px 0 0 4px;
    -webkit-border-radius : 4px 0 0 4px;
    -moz-border-radius    : 4px 0 0 4px;
}

#serviceItemCategories .inplace_cancel,
#customerTypes .inplace_cancel,
#addressTypes .inplace_cancel,
#contactTypes .inplace_cancel {
    line-height           : 20px;
    color                 : #666;
    font-size             : 11px;
    font-family           : "Helvetica", "Arial", sans-serif;
    font-weight           : bold;
    cursor                : pointer;
    background            : url("Images/sort_control_bg.png") repeat-x right top;
    border-top            : 1px solid #E3E3E3;
    border-left           : 1px solid #E0E0E0;
    border-right          : 1px solid #DEDEDE;
    border-bottom         : 1px solid #D8D8D8;
    float                 : left;
    margin                : 0;
    padding               : 0 6px;
    border-radius         : 0 4px 4px 0;
    -webkit-border-radius : 0 4px 4px 0;
    -moz-border-radius    : 0 4px 4px 0;
}

#serviceItemCategories .linkButton,
#customerTypes .linkButton,
#addressTypes .linkButton,
#contactTypes .linkButton {
    color : #000;
}

#serviceItemCategories li:first-child,
#customerTypes li:first-child,
#addressTypes li:first-child,
#contactTypes li:first-child {
    border-top : 1px solid #AAA;
}

#serviceItemCategories li,
#customerTypes li,
#addressTypes li,
#contactTypes li {
    border-bottom : 1px solid #AAA;
}

#customerTypes li,
#addressTypes li,
#contactTypes li {
    width       : 370px;
    margin-left : 6px;
}

.w-300 {
    width : 320px;
}

.w-320 {
    width : 380px;
}

.settings .w-300 {
    margin-right : 50px;
}

.settings .w-300 label {
    width : 116px;
}

#content .heading.small {
    font-size     : 14px;
    margin-left   : 6px;
    margin-bottom : 5px;
}

/*Service forms*/
.serviceFormsList,
.resourceList,
.serviceItemsList {
    width     : 60%;
    min-width : 944px
}

.serviceFormsList tr {
    cursor : pointer;
}

.resourceList .button input {
    font-family     : "Helvetica", "Arial", sans-serif;
    font-size       : 12px;
    line-height     : 12px;
    color           : black;
    background      : none;
    text-decoration : none;
    margin          : 0;
    border          : none;
    text-transform  : uppercase;
    border-bottom   : 1px solid transparent;
    cursor          : pointer;
}

.resourceList .form {
    width        : 90%;
    margin-right : 20px;
    display      : inline-block;
}

.resourceList .form .textbox {
    width : 99%;
}

.resourceList .button input:hover {
    border-bottom : 1px solid black;
}

.roundedTable .uppercase a {
    text-transform : uppercase;
}

.serviceFormsList .delete {
    font-family     : "Helvetica", "Arial", sans-serif;
    font-size       : 12px;
    line-height     : 12px;
    color           : #000;
    background      : none;
    text-decoration : none;
    margin          : 0;
    border          : none;
    text-transform  : uppercase;
    border-bottom   : 1px solid transparent;
    cursor          : pointer;
}

.serviceFormsList .delete:hover {
    border-bottom : 1px solid #000;
}

.addServiceForm .buttons .buttons-wrapper,
#serviceFormEdit .buttons .buttons-wrapper {
    padding : 0 65px;
}

.addServiceForm .textbox,
#serviceFormEdit .textbox {
    width : 344px;
}

#content .addServiceForm label,
#content #serviceFormEdit label {
    width : 62px;
}

#tableServiceFormFields .actions .linkButton {
    margin-left  : 5px;
    padding-left : 5px;
    border-left  : 1px solid #000;
}

#tableServiceFormFields .actions .linkButton:first-child {
    margin-left  : 0;
    padding-left : 0;
    border-left  : none;
}

#tableServiceFormFields .controls label {
    width          : auto;
    vertical-align : middle;
    font-family    : "Helvetica", "Arial", sans-serif;
    font-size      : 12px;
    padding        : 4px 4px;
    background     : none;
    text-align     : left;
    display        : inline-block;
}

#tableServiceFormFields .controls input {
    vertical-align : middle;
}

#tableServiceFormFields .controls select {
    width : 100%;
}

#tableServiceFormFields .controls .textbox {
    width : 97.5%;
}

#tableServiceFormFields .controls .textbox input {
    margin-top : 4px;
}

#tableServiceFormFields .ray-ui-dropdown {
    width : 14em;
}

#divListItems {
    padding-bottom : 10px;
}

#divListItems .addItem {
    font-family     : "Helvetica", "Arial", sans-serif;
    font-weight     : bold;
    font-size       : 11px;
    margin-top      : 5px;
    margin-left     : 2px;
    display         : inline-block;
    text-decoration : underline;
    cursor          : pointer;
    *display        : inline;
    zoom            : 1;
}

#divListItems .addItem:hover {
    text-decoration : none;
}

#divListItems #sortable li {
    padding : 4px;
    margin  : 0;
    height  : 18px;
}

#divListItems #sortable {
    font-size : 12px;
}

/*Ui dialog*/
.ui-dialog.ui-widget-content {
    padding            : 10px 15px 10px;
    background         : url("../../themes/base/images/datepicker_bg.png") #DFDFDF repeat-x left top;
    -moz-box-shadow    : 0 2px 5px #666;
    -webkit-box-shadow : 0 2px 5px #666;
    box-shadow         : 0 2px 5px #666;
}

.ui-dialog.ui-widget-content .ui-widget-header {
    background : none;
}

.ui-dialog .ui-dialog-title {
    color               : #585858;
    font-size           : 18px;
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    margin              : 0 0 0.5em;
    padding-bottom      : 10px;
    text-align          : left;
    text-shadow         : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
    width      : 19px;
    height     : 19px;
    background : url("Images/close.gif") no-repeat left top;
    float      : right;
}

#reset-customer {
    width          : 19px;
    height         : 19px;
    background     : url("Images/close.gif") no-repeat left top;
    cursor         : pointer;
    display        : inline-block;
    vertical-align : middle;
    margin-top     : -4px;
    *display       : inline;
    zoom           : 1;
}

body .ui-widget-overlay {
    background : none repeat scroll 0 0 black;
    opacity    : 0.5;
    filter     : Alpha(Opacity = 50);
}

.ui-dialog .ui-resizable-handle {
    display : none !important;
}

.ui-widget-overlay {
    z-index : 1100 !important;
}

.ui-dialog {
    z-index : 1110 !important;
}

.propbox-hint {
    color          : #000;
    font-family    : "Helvetica", "Arial", sans-serif;
    font-size      : 12px;
    display        : inline-block;
    padding-right  : 1px;
    text-align     : right;
    vertical-align : middle;
    *margin-top    : 5px;
    *display       : inline;
    zoom           : 1;
    text-align     : left;
}

.textfield .propbox-hint {
    vertical-align : top;
}

.propbox-hint a {
    color           : black;
    font-size       : 12px;
    text-decoration : underline;
}

.propbox-hint a:hover {
    text-decoration : none;
}

/* Dtag and drop */
body .x-dd-drop-nodrop .x-dd-drop-icon {
    background : url("Images/Shedule/drag_no.png") no-repeat left top;
}

body .x-dd-drop-ok .x-dd-drop-icon {
    background : url("Images/Shedule/drag_ok.png") no-repeat left top;
}

body .x-dd-drop-nodrop.x-dd-drag-repair .x-dd-drop-icon,
body .x-dd-drop-ok.x-dd-drag-repair .x-dd-drop-icon {
    display    : block !important;
    background : url("Images/Shedule/drag_repair.png") no-repeat left top;
}

.x-dd-drag-proxy .x-dd-drop-icon {
    top  : 6px;
    left : 5px;
}

.x-dd-drag-proxy .x-dd-drag-ghost {
    font                  : 14px "Helvetica", "Arial", sans-serif;
    -moz-box-shadow       : 0 2px 5px #666;
    -webkit-box-shadow    : 0 2px 5px #666;
    box-shadow            : 0 2px 5px #666;
    background            : url("../../themes/base/images/datepicker_bg.png") #DFDFDF repeat-x left top;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    border-radius         : 4px
}

.x-dd-drag-proxy .x-dd-drag-ghost div {
    width        : auto !important;
    height       : auto !important;
    font-size    : 14px !important;
    padding-left : 5px;
}

.x-dd-drag-proxy .x-dd-drag-ghost .sch-event {
    font-family : "Helvetica", "Arial", sans-serif;
    position    : relative !important;
    background  : none !important;
    border      : none !important;
    font-size   : 13px !important;
}

#scheduler #button-1055 {
    right : 128px !important;
    left  : auto !important;
}

#scheduler #button-1056 {
    right : 8px !important;
    left  : auto !important;
}

/*Gmap*/
#map_canvas .infoBox {
    padding     : 38px 0 0;
    background  : url("Images/map_bubble.png") no-repeat left top;
    width       : 228px;
    margin-left : -54px;
    margin-top  : 30px;
}

#map_canvas .infoBox img {
    position : absolute !important;
    right    : 13px;
    top      : 30px;
}

#map_canvas .infoBox .mapInfo-bottom {
    padding    : 0 0 17px;
    background : url("Images/map_bubble.png") no-repeat right bottom;
    width      : 228px;
}

#map_canvas .infoBox .mapInfo {
    width      : 186px;
    min-height : 54px;
    height     : auto;
    padding    : 0 30px 0 12px;
    background : url("Images/map_bubble.png") no-repeat -228px top;
}

#map_canvas .infoBox a {
    color     : #000;
    font-size : 12px;
}

#map_canvas .infoBox a:hover {
    text-decoration : none;
}

.serviceFormFieldForm label {
    width      : 65px;
    text-align : right;
}

#formPreview label {
    width         : 100px;
    padding-right : 5px;
    text-align    : right;
}

#formPreview .textbox {
    width : 174px;
}

#formPreview .textbox span {
    height : 24px;
}

#formPreview .check {
    width    : 174px;
    display  : inline-block;
    *display : inline;
    zoom     : 1;
}

#formPreview .check label {
    width       : auto !important;
    margin-left : 5px;
}

#formPreview .checkLbl {
    vertical-align : top;
    margin-top     : 3px;
}

/* Settings */
.settings #toolbar {
    margin : 18px 0 18px 0;
}

.settings .access label,
.settings .access .check label:first-child {
    width : 90px;
}

.settings .access label.check, .settings .access .check label {
    width       : auto;
    margin-left : 5px;
}

.settings .access .form .buttons .buttons-wrapper.ind {
    padding : 0 98px;
}

.settings .timezone select {
    margin : 0;
}

.settings #QuickbooksOnlineLinks,
.settings #QuickbooksDesktopLinks {
    padding : 0 0 16px 160px;
}

.settings #QuickbooksOnlineLinks a,
.settings #QuickbooksDesktopLinks a {
    color           : #000;
    font-size       : 12px;
    text-decoration : underline;
}

.settings #QuickbooksOnlineLinks a:hover,
.settings #QuickbooksDesktopLinks a:hover {
    text-decoration : none;
}

/*Ray ui*/
.form .dropdown {
    vertical-align : middle;
}

#content .expandable_box .customer_details .dropdown {
    width : 51.9%;
}

#content .expandable_box .customer_details select {
    width : 51.9%;
}

#content .access .dropdown {
    width : 25.3%;
}

#content .access select {
    width : 25.3%;
}

#content .daysSettings .dropdown,
#content .calendarSettings .dropdown,
#content .expandable_box .customer_details .time-range .dropdown,
.form .time-range .dropdown {
    width : 102px;
}

#content .daysSettings select,
#content .calendarSettings select,
#content .expandable_box .customer_details .time-range select,
.form .time-range select {
    width : 102px;
}

#content .timezone .dropdown {
    width : 25.5%;
}

#content .timezone select {
    width : 450px;
}

.dropdown {
    font-family : "Helvetica", "Arial", sans-serif;
    color       : #000000;
    font-size   : 12px;
    width       : 15em;
    height      : 30px;
    position    : relative;
    display     : inline-block;
    *display    : inline;
    zoom        : 1;
    overflow    : hidden;
}

.dropdown select {
    width              : 112% !important;
    height             : 20px;
    padding            : 5px 6px;
    font-family        : "Helvetica", "Arial", sans-serif;
    font-size          : 12px;
    background         : transparent;
    border             : none;
    outline            : none;
    -webkit-appearance : none;
    position           : relative;
    z-index            : 1000;
    box-sizing         : content-box !important;
    -moz-box-sizing    : content-box !important;
    -webkit-box-sizing : content-box !important;
}

.dropdown .dropdown-wrap-layer {
    width       : 100%;
    height      : 30px;
    position    : absolute;
    left        : 0;
    top         : 0;
    line-height : 32px;
    background  : url("Images/dropdown.png") no-repeat right -30px;
}

/*.dropdown .dropdown-button
{
    width: 32px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    background: url("Images/dropdown.png") no-repeat right -30px;
    z-index: 1001;
}
.dropdown.state-pressed .dropdown-button
{
    background-position: right -60px;
}*/

.dropdown.state-pressed .dropdown-wrap-layer {
    background-position : right -60px;
}

.dropdown .dropdown-layer {
    height       : 30px;
    background   : url("Images/dropdown.png") no-repeat left top;
    margin-right : 32px;
}

.formFieldWorker .buttons-wrapper {
    padding-right : 0 !important;
}

/*Color picker*/
.colorpicker-wrap {
    display        : -moz-inline-stack;
    display        : inline-block;
    vertical-align : middle;
    *display       : inline;
    zoom           : 1;
}

.colorpicker-picker {
    z-index : 9999;
}

.colorpicker-picker-info {
    display : none;
}

/*Help bubble*/
.bubble {
    position : absolute;
    left     : 0;
    top      : 0;
    display  : none;
    z-index  : 9999;
}

.bubble .top-left {
    background   : url("Images/help_bubble/help-bubble_corners.png") no-repeat left top;
    padding-left : 5px;
}

.bubble.green .top-left {
    background-image : url("Images/help_bubble/help-bubble_corners_green.png");
}

.bubble .top-right {
    background    : url("Images/help_bubble/help-bubble_corners.png") no-repeat right -10px;
    padding-right : 5px;
}

.bubble.green .top-right {
    background-image : url("Images/help_bubble/help-bubble_corners_green.png");
}

.bubble .top {
    height     : 5px;
    background : url("Images/help_bubble/help-bubble_corners.png") repeat-x left -5px;
    *width     : 100px;
}

.bubble.green .top {
    background-image : url("Images/help_bubble/help-bubble_corners_green.png");
}

.bubble .cont-left {
    background   : url("Images/help_bubble/help-bubble_left-border.png") no-repeat left top;
    padding-left : 5px;
}

.bubble.green .cont-left {
    background-image : url("Images/help_bubble/help-bubble_left-border_green.png");
}

.bubble .cont-right {
    background    : url("Images/help_bubble/help-bubble_right-border.png") no-repeat right top;
    padding-right : 5px;
}

.bubble.green .cont-right {
    background-image : url("Images/help_bubble/help-bubble_right-border_green.png");
}

.bubble .cont {
    width               : 100px;
    min-height          : 30px;
    background          : url("Images/help_bubble/help-bubble_content.png") repeat-x left top;
    padding-right       : 5px;
    padding             : 5px 0;
    color               : #585858;
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    font-size           : 11px;
    text-shadow         : 0 1px 1px white;
    -moz-text-shadow    : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px white;
    text-align          : center;
}

.bubble.green .cont {
    background-image    : url("Images/help_bubble/help-bubble_content_green.png");
    color               : #ffffff;
    text-shadow         : none;
    -moz-text-shadow    : none;
    -webkit-text-shadow : none;
}

.bubble .bot-left {
    background   : url("Images/help_bubble/help-bubble_corners.png") no-repeat left -15px;
    padding-left : 5px;
}

.bubble.green .bot-left {
    background-image : url("Images/help_bubble/help-bubble_corners_green.png");
}

.bubble .bot-right {
    background    : url("Images/help_bubble/help-bubble_corners.png") no-repeat right -27px;
    padding-right : 5px;
}

.bubble.green .bot-right {
    background-image : url("Images/help_bubble/help-bubble_corners_green.png");
}

.bubble .bot {
    height     : 12px;
    background : url("Images/help_bubble/help-bubble_corners.png") repeat-x left -39px;
    *width     : 100px;
}

.bubble.green .bot {
    background-image : url("Images/help_bubble/help-bubble_corners_green.png");
}

.bubble .arrow {
    width       : 12px;
    height      : 9px;
    background  : url("Images/help_bubble/help-bubble_arrow.png") no-repeat left top;
    position    : absolute;
    left        : 50%;
    bottom      : 0;
    margin-left : -6px;
}

.bubble.green .arrow {
    background-image : url("Images/help_bubble/help-bubble_arrow_green.png");
}

.sendChangesDiv {
    position : relative;
}

.sendChangesDiv h2 {
    padding-bottom : 6px;
    font-family    : "Helvetica", "Arial", sans-serif;
    font-weight    : bold;
}

.sendChangesDiv li {
    display        : -moz-inline-stack;
    display        : inline-block;
    *display       : inline;
    zoom           : 1;
    text-transform : uppercase;
    line-height    : 10px;
}

.sendChangesDiv li:first-child {
    padding-left : 0;
    margin-left  : 0;
    border       : none;
}

.sendChangesDiv li {
    padding-left : 10px;
    margin-left  : 10px;
    border-left  : 1px solid #ffffff;
}

.sendChangesDiv a {
    text-decoration : none;
    color           : #ffffff;
}

.sendChangesDiv .bubble {
    top  : -50px;
    left : 400px;
}

/*.upgrade-help-bubble1 {
    margin-left: 58px;
}

.upgrade-help-bubble2 {
    margin-left: 55px;
}

.upgrade-help-bubble3 {
    margin-left: 55px;
}

.upgrade-help-bubble4 {
    margin-left: 57px;
}

.upgrade-help-bubble5 {
    margin-left: 32px;
}*/

.ui-resizable-e {
    cursor     : e-resize;
    float      : right;
    height     : 100%;
    right      : -2px;
    top        : 0;
    width      : 7px;
    background : url("Images/resize-handle-hor.gif") no-repeat scroll center center transparent;

}

.ui-resizable-w, .draggableEvent {
    cursor     : w-resize;
    height     : 100%;
    left       : 0px;
    top        : 0;
    width      : 10px;
    cursor     : move;
    background : url("Images/resize-handle-hor.gif") repeat-x scroll center center transparent;
}

.ui-resizable-handle {
    display   : block;
    font-size : 0.1px;
    position  : absolute;
    z-index   : 99999;
}

/*dhtmxcalendar*/
#scheduler {
    background : none !important;
    position   : absolute;
    top        : 0;
    bottom     : 0;
    left       : 0;
    right      : 0;
}

#scheduler table {
    border-collapse : separate;
    font-family     : "Helvetica", "Arial", sans-serif;
    font-weight     : bold;
}

#scheduler.dhx_cal_container {
    overflow : visible;
}

#scheduler .dhx_cal_navline {
    height                : 28px !important;
    background            : url("Images/schedule_header.png") repeat-x left top;
    border-radius         : 6px;
    -webkit-border-radius : 6px;
    -moz-border-radius    : 6px;
    border-top            : 1px solid #e3e3e3;
    border-left           : 1px solid #dedede;
    border-right          : 1px solid #dedede;
    border-bottom         : 1px solid #b8b8b8;
    margin-left           : -1px;
    box-shadow            : 0px 1px 1px #d6d6d6;
    -webkit-box-shadow    : 0px 1px 1px #d6d6d6;
    -moz-box-shadow       : 0px 1px 1px #d6d6d6;
}

#scheduler .dhx_cal_navline .check {
    top  : 9px;
    left : 610px;
}

#scheduler .dhx_cal_navline .check label {
    vertical-align      : top;
    color               : #585858;
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    text-shadow         : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
}

#scheduler .dhx_cal_navline input#datepicker {
    width          : 0px;
    opacity        : 0.01;
    -moz-opacity   : 0.01;
    filter         : alpha(opacity = 1);
    border         : none;
    margin-left    : 8px;
    margin-top     : 6px;
    height         : 15px;
    vertical-align : top;
}

#scheduler .dhx_cal_navline .ui-datepicker-trigger {
    margin-top : 4px;
    cursor     : pointer;
}

#scheduler .dhx_cal_prev_button {
    width      : 19px;
    height     : 19px;
    left       : 32px !important;
    top        : 5px !important;
    background : url("Images/expandable-arrows.png") no-repeat left -38px;
}

.rightCollumn .cal_prev_button {
    width        : 19px;
    height       : 19px;
    background   : url("Images/expandable-arrows.png") no-repeat left -38px;
    margin-top   : 5px !important;
    margin-right : 3px !important;
    cursor       : pointer;
}

#scheduler .dhx_cal_next_button {
    width      : 19px;
    height     : 19px;
    left       : 54px !important;
    top        : 5px !important;
    background : url("Images/expandable-arrows.png") no-repeat left -57px;
}

.rightCollumn .cal_next_button {
    width        : 19px;
    height       : 19px;
    background   : url("Images/expandable-arrows.png") no-repeat left -57px;
    margin-top   : 5px !important;
    margin-right : 6px !important;
    cursor       : pointer;
}

#scheduler .dhx_cal_today_button,
#scheduler .export-btn {
    width               : 41px !important;
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    font-size           : 11px;
    background          : none;
    left                : 76px !important;
    top                 : 5px !important;
    text-decoration     : none;
    color               : #6d6d6d;
    text-shadow         : 0 1px 1px #fff;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
    background          : url("Images/today_bg.png") no-repeat left top;
    padding             : 3px 0;
}

#scheduler .export-btn {
    border   : none;
    position : absolute;
    top      : 3px !important;
    left     : 360px !important;
    cursor   : pointer;
}

.rightCollumn .cal_today_button {
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    font-size           : 11px;
    line-height         : 18px;
    background          : none;
    text-decoration     : none;
    text-shadow         : 0 1px 1px #fff;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
    margin-top          : 5px !important;
    margin-right        : 0 !important;
    margin-left         : -3px !important;
    cursor              : pointer;
    color               : #6d6d6d;
    background          : url("Images/today_bg.png") no-repeat left top;
    padding             : 1px 4px;
}

.rightCollumn .cal_today_button:hover {
    text-decoration : none;
}

#scheduler .dhx_cal_date {
    left                : 124px !important;
    top                 : 6px !important;
    padding-left        : 10px;
    color               : #5da536;
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold !important;
    font-size           : 14px;
    text-shadow         : 0 1px 1px #fff;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
    font-weight         : normal;
}

#scheduler .dhx_cal_today_button:hover {
    text-decoration : none;
}

#scheduler .dhx_cal_header {
    border-top            : none;
    background            : url("Images/Shedule/table_th.png") repeat-x left top;
    border-radius         : 6px 6px 0 0;
    -webkit-border-radius : 6px 6px 0 0;
    -moz-border-radius    : 6px 6px 0 0;
    border-top            : 1px solid #E3E3E3;
    border-left           : 1px solid #DEDEDE;
    border-right          : 1px solid #DEDEDE;
    border-bottom         : 1px solid #959595;
}

#scheduler .dhx_cal_header.dhx_second_cal_header {
    background            : url("Images/Shedule/cal-table-head.png") repeat-x left top;
    border-left           : none;
    border-right          : none;
    border-bottom         : none;
    border-top            : 2px solid #fff;
    border-radius         : 6px 6px 0 0;
    -webkit-border-radius : 6px 6px 0 0;
    -moz-border-radius    : 6px 6px 0 0;
}

#scheduler .dhx_cal_data {
    margin-top : 32px;
    border-top : none;
    position   : absolute !important;
    top        : 30px !important;
    bottom     : 0 !important;
    left       : 0 !important;
    right      : 0 !important;
    overflow-y : auto;
    width      : auto !important;
}

#scheduler .dhx_cal_header.dhx_second_cal_header div:first-child {
    background : none;
}

#scheduler .dhx_cal_header.dhx_second_cal_header div:first-child .dhx_scale_bar {
    background          : none;
    border-bottom       : 1px solid #959595;
    border-left         : 1px solid #959595;
    color               : #5da536;
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    font-size           : 11px;
    text-shadow         : 0 1px 1px #fff;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
    font-weight         : normal;
}

#scheduler .dhx_cal_header .dhx_scale_bar {
    background          : url("Images/Shedule/cal-table-head-odd.png") repeat-x left 2px;
    font-family         : "Helvetica", "Arial", sans-serif;
    font-size           : 10px;
    text-transform      : uppercase;
    color               : #585858;
    text-shadow         : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
    border-style        : solid;
    border-color        : #959595;
    border-width        : 1px;
    border-top          : none;
    overflow            : hidden;
    margin-top          : 1px !important;
    padding-top         : 2px !important;
    top                 : 1px !important;
    border-left         : none; /*important: scheduler header cell can have only 1px border(left or right)*/
}

#scheduler .dhx_cal_header .dhx_scale_bar:nth-child(even) {
    background : url("Images/Shedule/cal-table-head-even.png") repeat-x left 2px;
}

#scheduler .dhx_cal_header.dhx_second_cal_header .dhx_scale_bar:first-child {
    background : url("Images/Shedule/cal-table-head-odd.png") repeat-x left 2px;
}

#scheduler .dhx_cal_data .dhx_matrix_scell,
#scheduler .dhx_cal_data .dhx_matrix_cell {
    border-bottom : 1px solid #959595;
    border-right  : 1px solid #959595;
    background    : #fff;
}

#scheduler .dhx_cal_data .dhx_matrix_cell {
    border-bottom : 1px solid #959595;
    border-left   : 1px solid #959595;
    border-right  : none;
    background    : #fff;
}

#scheduler .dhx_cal_data .dhx_matrix_cell:first-child {
    border-left : none;
}

#scheduler .dhx_cal_data table tr,
#scheduler .dhx_cal_data table .dhx_matrix_line {
    height : 40px !important;
}

#scheduler .dhx_cal_event_line {
    height        : 39px !important;
    line-height   : 16px;
    text-overflow : ellipsis;
    position      : relative;
    overflow      : visible;
}

#scheduler .dhx_cal_event_line .eventText {
    width        : 90%;
    height       : 90%;
    margin       : 5px 0;
    overflow     : hidden;
    color        : black !important;
    padding-left : 0px !important;
}

#scheduler .dhx_matrix_line {
    overflow : visible;
}

#scheduler .dhx_cal_event_line .close, #scheduler .dhx_cal_event .close {
    width      : 16px;
    height     : 16px;
    background : url("Images/Shedule/close-icon.png") #ffffff no-repeat left top;
    display    : block;
    position   : absolute;
    right      : 0;
    top        : -16px;
    display    : none;
}

#scheduler .dhx_matrix_line_first .dhx_cal_event_line .close, #scheduler .dhx_matrix_line_first .dhx_cal_event .close {
    top   : 0;
    right : -16px;
}

#scheduler .dhx_cal_event_line:hover .close, #scheduler .dhx_cal_event:hover .close {
    display : block;
}

.dhx_matrix_line .dhx_cal_event_line {
    border-radius         : 0;
    -moz-border-radius    : 0;
    -webkit-border-radius : 0;
    background            : #ffffff;
    border                : none;
    text-indent           : 4px;
}

.dhx_matrix_line .dhx_cal_event_line .ui-resizable-handle {
    background : url("Images/resizable_handle.png") repeat-y top left transparent;
}

.dhx_matrix_line .dhx_cal_event_line .ui-resizable-handle.ui-resizable-e {
    background : url("Images/resizable_handle_dot.png") repeat-y top left transparent;
}

#scheduler .resourceName {
    font-family    : "Helvetica", "Arial", sans-serif;
    font-size      : 10px;
    text-transform : uppercase;
    color          : #585858;
    margin         : 10px;
    display        : block;
}

#scheduler .dhx_timeline {
    background  : url("Images/Shedule/timeline-h.png") repeat-y left top;
    width       : 14px !important;
    margin-left : 7px;
    top         : 0px !important;
}

#scheduler .dhx_cal_data .dhx_matrix_cell_nowork {
    background : url("Images/Shedule/non-working-hours.png") #FFF repeat left top !important;
}

#scheduler .dhx_cal_data .dhx_matrix_cell_holiday {
    background : url("Images/Shedule/holiday-hours.png") #FFF repeat left top !important;
}

#scheduler .dhx_cal_data .dhx_matrix_cell_nowork_before_25 .dhx_top,
#scheduler .dhx_cal_data .dhx_matrix_cell_nowork_before_50 .dhx_top,
#scheduler .dhx_cal_data .dhx_matrix_cell_nowork_before_75 .dhx_top,
#scheduler .dhx_cal_data .dhx_matrix_cell_nowork_after_25 .dhx_top,
#scheduler .dhx_cal_data .dhx_matrix_cell_nowork_after_50 .dhx_top,
#scheduler .dhx_cal_data .dhx_matrix_cell_nowork_after_75 .dhx_top {
    background : url("Images/Shedule/non-working-hours.png") #FFF repeat-y left top !important;
    height     : 39px;
}

#scheduler .dhx_cal_data .dhx_matrix_cell_holiday_before_25 .dhx_top,
#scheduler .dhx_cal_data .dhx_matrix_cell_holiday_before_50 .dhx_top,
#scheduler .dhx_cal_data .dhx_matrix_cell_holiday_before_75 .dhx_top,
#scheduler .dhx_cal_data .dhx_matrix_cell_holiday_after_25 .dhx_top,
#scheduler .dhx_cal_data .dhx_matrix_cell_holiday_after_50 .dhx_top,
#scheduler .dhx_cal_data .dhx_matrix_cell_holiday_after_75 .dhx_top {
    background : url("Images/Shedule/holiday-hours.png") #FFF repeat-y left top !important;
    height     : 39px;
}

#scheduler .dhx_cal_data .dhx_matrix_cell_nowork_before_25 div,
#scheduler .dhx_cal_data .dhx_matrix_cell_nowork_before_50 div,
#scheduler .dhx_cal_data .dhx_matrix_cell_nowork_before_75 div,
#scheduler .dhx_cal_data .dhx_matrix_cell_nowork_after_25 div,
#scheduler .dhx_cal_data .dhx_matrix_cell_nowork_after_50 div,
#scheduler .dhx_cal_data .dhx_matrix_cell_nowork_after_75 div {
    width    : auto;
    overflow : visible;
}

#scheduler .dhx_cal_data .dhx_matrix_cell_holiday_before_25 div,
#scheduler .dhx_cal_data .dhx_matrix_cell_holiday_before_50 div,
#scheduler .dhx_cal_data .dhx_matrix_cell_holiday_before_75 div,
#scheduler .dhx_cal_data .dhx_matrix_cell_holiday_after_25 div,
#scheduler .dhx_cal_data .dhx_matrix_cell_holiday_after_50 div,
#scheduler .dhx_cal_data .dhx_matrix_cell_holiday_after_75 div {
    width    : auto;
    overflow : visible;
}

.ui-draggable.ui-draggable-dragging {
    max-width             : 300px;
    font                  : 12px "Helvetica", "Arial", sans-serif;
    -moz-box-shadow       : 0 2px 5px #666;
    -webkit-box-shadow    : 0 2px 5px #666;
    box-shadow            : 0 2px 5px #666;
    border                : 1px solid #CCC;
    padding               : 5px;
    background            : url("../../themes/base/images/datepicker_bg.png") #DFDFDF repeat-x left top;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    border-radius         : 4px;
}

.ui-draggable.ui-draggable-dragging .name {
    display : block;
}

.ui-draggable.ui-draggable-dragging .phone {
    display : block;
}

.ui-draggable.ui-draggable-dragging a {
    color : #000;
}

.ui-draggable.ui-draggable-dragging .status {
    display  : block;
    position : relative;
}

#scheduler .dhx_cal_data .dhx_matrix_scell {
    background  : #ffffff;
    text-align  : left;
    text-indent : 10px;
    font-family : "Helvetica", "Arial", sans-serif;
    font-size   : 12px;
}

.dropAvailable {
    background-color : #e3ffd3 !important;
}

.selectedEvent {
    background-color : maroon !important;
}

.relatedEvent {
    background-color : #80d54f !important;
}

/* Feedback */
#feedbackPopup .heading {
    padding-left : 105px;
    margin-top   : 15px;
}

#feedbackPopup .imgfb {
    background : url("Images/feedback.png") no-repeat left top;
}

#feedbackPopup .imgri {
    background : url("Images/Referral_Icon.png") no-repeat left top;
}

#feedbackPopup .heading .second, #feedbackPopup .heading2 .second {
    display        : block;
    padding-bottom : 50px;
}

#feedbackPopup .heading_note {
    padding-bottom : 25px;
    font-family    : "Helvetica", "Arial", sans-serif;
    font-weight    : bold;
    font-size      : 14px;
    color          : #585858;
}

#sendFeedback {
    margin-left : 94px;
}

#textareaFeedback {
    width : 392px;
}

#divFeedback {
    font-family    : "Helvetica", "Arial", sans-serif;
    font-weight    : bold;
    font-size      : 14px;
    color          : #585858;
    padding-bottom : 60px;
}

#divFeedback p {
    margin-bottom : 10px;
}

#divFeedback p.center {
    text-align    : center;
    font-size     : 20px;
    margin-bottom : 30px;
}

#jquery-overlay {
    z-index : 2900 !important;
}

#jquery-lightbox {
    z-index : 3000 !important;
}

.textClickable {
    cursor : pointer;
}

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

.paymentIndent {
    margin-left   : 161px;
    margin-bottom : 16px;
}

.paymentIndent .card-name,
.paymentIndent h2,
.paymentIndent h3 {
    font-family         : "Helvetica", "Arial", sans-serif;
    font-weight         : bold;
    color               : #585858;
    text-shadow         : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
    font-size           : 16px;
}

.paymentIndent .card-name {
    margin-bottom : 16px;
}

.paymentIndent h3 {
    margin-bottom : 16px;
}

.paymentForm .textbox {
    width : 205px;
}

.paymentForm .dropdown {
    width : 210px;
}

.paymentForm .halfbox .dropdown {
    width : 103px;
}

.paymentForm .smallLabel label {
    width : 70px;
}

.settings .paymentForm.form .buttons .buttons-wrapper.ind {
    padding : 0 77px;
}

.paymentForm .field-validation-error {
    width : 202px;
}

.paymentForm .pinfo {
    font-size : 16px;
    padding   : 58px 0 0 82px;
}

.paymentForm .pinfo span {
    display       : block;
    margin-bottom : 10px;
}

.bubble.billingHelp .cont,
.bubble.upgradesHelp .cont,
.bubble.sfHelp .cont,
.bubble.siHelp .cont,
.bubble.attHelp .cont,
.bubble.notHelp .cont,
.bubble.not1Help .cont,
.bubble.terminologyHelp .cont {
    width : 155px !important;
}

.trial_message {
    background : url("Images/trial_message.png") no-repeat right top;
}

.past_due_message {
    background : url("Images/past_due_mode.png") no-repeat right top;
}

.trial {
    width        : 300px;
    padding-top  : 19px;
    margin-top   : 11px;
    margin-right : 26px;
    float        : right;
}

.trial ul {
    float      : right;
    margin-top : 5px;
}

.trial li {
    font-size   : 11px;
    color       : #6da171;
    line-height : 11px;
}

.trial li.last {
    border-left  : 1px solid #ffffff;
    padding-left : 6px;
    margin-left  : 6px;
}

.trial li em {
    color : #ffffff;
}

.trial li a {
    color           : #6da171;
    text-decoration : none;
}

.trial li a:hover {
    text-decoration : underline;
}

div#scheduler_here {
    width      : 80%;
    text-align : center;
    top        : 0;
    z-index    : 10;
    left       : 0;
}

div.dhx_cal_navline {
    position : static !important;
}

div.dhx_cal_data {
    position   : static !important;
    height     : auto !important;
    margin-top : 40px;
    overflow   : visible;
}

.lightBox {
    z-index          : 100;
    filter           : alpha(opacity = 60);
    -moz-opacity     : 0.6;
    -khtml-opacity   : 0.6;
    opacity          : 0.6;
    background-color : white;
    padding          : 2px;
}

a.back-to-calendar {
    color           : #4488EE;
    font-family     : "BertholdAkzidenzGroteskBold", serif;
    font-size       : 12px;
    line-height     : 28px;
    margin-left     : 10px;
    text-decoration : none;
    text-transform  : uppercase;
    cursor          : pointer;
}

a:hover.back-to-calendar {
    text-decoration : underline;
}

.one_line {
    white-space    : nowrap;
    overflow       : hidden;
    padding-top    : 2px;
    padding-left   : 2px;
    padding-bottom : 2px;
    text-align     : left !important;
}

.dhx_cal_event_line {
    height : 23px;
}

.card-on-file {
    color     : #7CBE48;
    font-size : 14px;
}

/* Fullheight Layout */
#content {
    position   : absolute;
    top        : 83px;
    bottom     : 0;
    min-height : 650px;
    min-width  : 1080px;
}

#full-height.main-box {
    position : absolute;
    top      : 0;
    bottom   : 8px;
    left     : 23px;
    right    : 23px;
    padding  : 0;
}

#full-height.main-box > .box-left-border,
#full-height .scroll-pane .r-box .box-left-border,
#full-height .r-box.type-1.r-column > .box-left-border {
    position : absolute;
    top      : 8px;
    bottom   : 8px;
    left     : 0;
    right    : 0;
}

#full-height .r-box.type-1.r-column .box-left-border {
    left : 5px;
}

#full-height.main-box > .box-left-border > .box-right-border,
#full-height .scroll-pane .r-box .box-right-border,
#full-height .r-box.type-1.r-column > .box-left-border > .box-right-border {
    position : absolute;
    top      : 0;
    bottom   : 0;
    left     : 1px;
    right    : 0;
}

#full-height.main-box > .box-left-border > .box-right-border > .box-content,
#full-height .r-box.type-1.r-column > .box-left-border > .box-right-border > .box-content {
    position : absolute;
    top      : 0;
    bottom   : 0;
    left     : 0;
    right    : 1px;
}

#full-height .r-box.type-1.r-column > .box-left-border > .box-right-border > .box-content .expandable_box,
#full-height .r-box.type-1.r-column > .box-left-border > .box-right-border > .box-content .expandable_box .box_content {
    position : absolute !important;
    top      : 0;
    bottom   : 0;
    left     : 0;
    right    : 0;
}

#full-height .r-box.type-1.r-column > .box-left-border > .box-right-border > .box-content .expandable_box .box_content {
    right : 4px;
}

/*#full-height .r-box.type-1.r-column > .box-left-border > .box-right-border > .box-content .expandable_box .box_content ul
{
    position: absolute !important;
    top: 35px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
}*/

#full-height.main-box > .left-bottom-corner,
#full-height .scroll-pane .r-box .left-bottom-corner,
#full-height .r-box.type-1.r-column > .left-bottom-corner {
    position : absolute;
    bottom   : 0;
    left     : 0;
    right    : 0;
    z-index  : 1;
}

#full-height .r-box.type-1.r-column > .left-bottom-corner {
    left : 5px;
}

#full-height.main-box > .box-left-border > .box-right-border > .box-content > .box-wrapper {
    width    : auto;
    position : absolute;
    left     : 6px;
    right    : 6px;
    top      : 0;
    bottom   : 0;
}

#content #full-height  .right_pane {
    position : absolute;
    top      : 0;
    bottom   : 0;
}

#full-height.main-box > .box-left-border > .box-right-border > .box-content > .box-wrapper > .viewport,
#calendar_div {
    position : absolute;
    top      : 0;
    bottom   : 0;
    right    : 0;
}

#content #full-height  .right_pane .scroll-pane {
    position : absolute;
    top      : 73px;
    bottom   : 0;
    left     : 5px;
    right    : 5px;
}

#content #full-height  .right_pane .scroll-pane.srScroll {
    top : 110px;
}

#full-height .scroll-pane .r-box {
    position : absolute;
    left     : 2px;
    right    : 0;
    top      : 0;
    bottom   : 0;
}

#full-height .scroll-pane .r-box .box-left-border {
    right : 20px;
}

#full-height .scroll-pane .viewport,
#full-height .scroll-pane .overview,
#full-height .column-scroll {
    position : absolute;
    left     : 0;
    right    : 1px;
    top      : 0;
    bottom   : 0;
}

#full-height .column-scroll {
    top : 36px
}

#full-height .tiny-scroll .tiny-viewport,
#full-height .column-scroll .tiny-viewport {
    position   : absolute;
    left       : 0;
    right      : 0;
    top        : 0;
    bottom     : 0;
    background : whiteSmoke;
}

#full-height .tiny-scroll .tiny-viewport .tiny-overview,
#full-height .tiny-scroll .tiny-viewport .tiny-overview ul {
    min-height : 100%;
}

#full-height .scroll-pane .r-box .left-bottom-corner {
    right : 20px;
}

#content #full-height  .column {
    position : absolute !important;
    right    : 0;
    top      : 0;
    bottom   : 0;
}

#content #full-height  .column:first-child,
#full-height #serviceRequestColumn {
    left : 0;
}

#full-height .right_pane .r-box.closest {
    position : absolute;
    top      : 0;
    left     : 0;
    bottom   : 0;
    right    : 0;
}

#full-height .right_pane .r-box.closest > .box-left-border {
    position : absolute;
    top      : 8px;
    bottom   : 8px;
    left     : 0;
    right    : 0;
}

#full-height .right_pane .r-box.closest > .box-left-border > .box-right-border {
    position : absolute;
    top      : 0;
    bottom   : 0;
    left     : 1px;
    right    : 0;
}

#full-height .right_pane .r-box.closest > .box-left-border > .box-right-border > .box-content {
    position : absolute;
    top      : 0;
    bottom   : 0;
    left     : 0;
    right    : 1px;
    padding  : 0 5px;
}

#full-height .right_pane .r-box.closest > .left-bottom-corner {
    position : absolute;
    bottom   : 0;
    left     : 0;
    right    : 0;
    z-index  : 1;
}

#full-height .tiny-scrollbar.disabled {
    display : none;
}

#full-height .column-scroll.disabled {
    right : 0;
}

#full-height .column-scroll {
    right : 20px;
}

#full-height .right_pane .scroll-pane > .r-box {
    right : 0;
}

#full-height .right_pane .scroll-pane.disabled > .r-box {
    right : -18px;
}

.divServiceRequestNotSelect {
    text-align  : center;
    padding-top : 200px;
    font-size   : 2em;
}

.divCustomerNotSelect {
    text-align  : center;
    padding-top : 200px;
    font-size   : 1.2em;
}

.sort-controls {
    height                : 18px;
    border-top            : 1px solid #E3E3E3;
    border-left           : 1px solid #DEDEDE;
    border-right          : 1px solid #DEDEDE;
    border-bottom         : 1px solid #d8d8d8;
    border-radius         : 4px;
    -webkit-border-radius : 4px;
    -moz-border-radius    : 4px;
    background            : url("Images/sort_control_bg.png") repeat-x right top;
    display               : block;
    margin-top            : 7px;
}

.sort-controls span {
    width       : 33%;
    line-height : 18px;
    color       : #858585;
    font-size   : 10px;
    font-family : "Helvetica", "Arial", sans-serif;
    font-weight : bold;
    display     : block;
    float       : left;
    border-left : 1px solid #e0e0e0;
    text-align  : center;
    cursor      : pointer
}

.sort-controls span em {
    display : block;
}

.sort-controls span:first-child {
    border-left : none;
}

.sort-controls span.active {
    color      : #5aa036;
    background : url("Images/sort_control_active_bg.png") repeat-x right top;
}

.sort-controls span.active em {
    background : url("Images/sort_control_active_ribbon.png") no-repeat center top;
}

/* Multi upload */

.MultiFile-remove {
    width          : 19px;
    height         : 19px;
    background     : url("Images/close.gif") no-repeat left top;
    display        : inline-block;
    text-indent    : -9999px;
    vertical-align : middle;
}

.MultiFile-title {
    vertical-align : middle;
}

.customer-import-list {
    font-size : 12px;
    width     : 60%
}

.customer-import-list strong {
    font-family : "Helvetica", "Arial", sans-serif;
    font-weight : bold;
    font-size   : 11px;
}

.customer-import-list .red {
    color : #DB313C;
}

.customer-import-list table td {
    padding-right : 10px;
}

.customer-import-list form table td {
    padding   : 0 5px 0 0;
    font-size : 12px;
}

.customer-import-list form table {
    margin-bottom : 10px;
}

.customer-multi {
}

.customer-multi {
    width      : 79px;
    height     : 22px;
    background : url(btn-choose-file.gif) 0 0 no-repeat;
    display    : block;
    overflow   : hidden;
    cursor     : pointer;
}

.customer-multi input {
    position     : relative;
    height       : 100%;
    width        : auto;
    opacity      : 0;
    -moz-opacity : 0;
    filter       : progid:DXImageTransform.Microsoft.Alpha(opacity = 0);
}

.footer-note {
    font-size             : 12px;
    text-align            : right;
    position              : fixed;
    left                  : 5px;
    bottom                : 5px;
    z-index               : 100;
    background            : #E6E6E6;
    border-radius         : 6px;
    -moz-border-radius    : 6px;
    -webkit-border-radius : 6px;
    padding               : 4px;
    border                : 1px solid #dfdfdf
}

.footer-note a {
    color           : black;
    text-decoration : underline;
    cursor          : pointer;
}

.footer-note a:hover {
    text-decoration : none;
}

/*License popup*/
#licensePopup h2.heading {
    font-family : 'Century Gothic', sans-serif;
    font-size   : 15px;
    color       : black;
    text-align  : center;
    font-weight : bold;
}

#licensePopup .scroll-pane {
    max-height    : 500px;
    overflow      : auto;
    padding-right : 5px;
}

#licensePopup .text {
    font-family : 'Century Gothic', sans-serif;
    font-size   : 12px;
    color       : black;
    text-align  : justify;
}

#licensePopup .text p,
#licensePopup .text h3 {
    margin-bottom : 8px;
}

#licensePopup .text strong,
#licensePopup .text h3,
#licensePopup .text strong em {
    font-weight : bold;
}

#licensePopup .text em {
    font-style : italic;
}

/*Wizard*/
.l-popup.wizard {
    font                  : 2.5em "Helvetica", "Arial", sans-serif;
    -moz-box-shadow       : none;
    -webkit-box-shadow    : none;
    box-shadow            : none;
    background            : none;
    -moz-border-radius    : 0;
    -webkit-border-radius : 0;
    border-radius         : 0;
}

.l-popup.wizard .closePopupButton {
    display : none;
}

#divWizard h1 {
    background : url("Images/Wizard/wizard_header.png") no-repeat left top;
    height     : 58px;
    width      : 593px;
    padding    : 25px 50px 0;
    position   : relative;
}

#divWizard h1 strong {
    font-family : "Helvetica", "Arial", sans-serif;
    font-style  : italic;
    font-size   : 39px;
    color       : #fff;
}

#divWizard h1 strong em {
    color     : #c9cdcc;
    font-size : 14px;
}

#divWizard .next,
#divWizard .finish {
    width       : 73px;
    height      : 38px;
    display     : block;
    background  : url("Images/Wizard/next.png") no-repeat left top;
    position    : absolute;
    right       : 14px;
    bottom      : -18px;
    text-indent : -9999px;
    cursor      : pointer;
}

#divWizard .finish {
    background : url("Images/Wizard/finish.png") no-repeat left top;
}

#divWizard .prev {
    width       : 57px;
    height      : 30px;
    display     : block;
    background  : url("Images/Wizard/back.png") no-repeat left top;
    position    : absolute;
    right       : 92px;
    bottom      : -14px;
    text-indent : -9999px;
    cursor      : pointer;
}

#divWizard .wizard-body {
    width      : 693px;
    height     : /*375px*/ 410px;
    background : url("Images/Wizard/wizard_body.png") no-repeat left top;
    overflow   : hidden;
}

#divWizard .wizard-body.alt-bg {
    background : url("Images/Wizard/wizard_body_alt.png") no-repeat left top;
}

#divWizard .wizard-nav {
    width      : 687px;
    height     : 64px;
    padding    : 2px 3px;
    background : url("Images/Wizard/wizard_nav.png") no-repeat left top;
}

#divWizard .wizard-progress {
    width      : 687px;
    height     : 52px;
    background : url("Images/Wizard/wizard_progress.png") no-repeat left top;
}

#divWizard .wizard-progress.step-1 {
    background-position : 0 -52px;
}

#divWizard .wizard-progress.step-2 {
    background-position : 0 -104px;
}

#divWizard .wizard-progress.step-3 {
    background-position : 0 -156px;
}

#divWizard .wizard-progress.step-4 {
    background-position : 0 -208px;
}

#divWizard .wizard-progress.step-5 {
    background-position : 0 -260px;
}

#divWizard .wizard-progress.step-6 {
    background-position : 0 -312px;
}

#divWizard .wizard-progress.step-1 .step-1-ind,
#divWizard .wizard-progress.step-2 .step-1-ind,
#divWizard .wizard-progress.step-2 .step-2-ind,
#divWizard .wizard-progress.step-3 .step-1-ind,
#divWizard .wizard-progress.step-3 .step-2-ind,
#divWizard .wizard-progress.step-3 .step-3-ind,
#divWizard .wizard-progress.step-4 .step-1-ind,
#divWizard .wizard-progress.step-4 .step-2-ind,
#divWizard .wizard-progress.step-4 .step-3-ind,
#divWizard .wizard-progress.step-5 .step-1-ind,
#divWizard .wizard-progress.step-5 .step-2-ind,
#divWizard .wizard-progress.step-5 .step-3-ind,
#divWizard .wizard-progress.step-6 .step-1-ind,
#divWizard .wizard-progress.step-6 .step-2-ind,
#divWizard .wizard-progress.step-6 .step-3-ind,
#divWizard .wizard-progress.step-6 .step-4-ind {
    color : #fff;
}

#divWizard .wizard-progress span {
    font-family  : "Helvetica", "Arial", sans-serif;
    font-weight  : bold;
    font-size    : 16px;
    color        : #666666;
    line-height  : 52px;
    margin-right : 26px;
}

#divWizard .step-1-ind {
    margin-left  : 36px;
    margin-right : 0;
}

#divWizard .wizard-progress  .step-4-ind {
    margin-left  : 252px;
    margin-right : 0;
}

#divWizard .welcome h3 {
    font-family : "Helvetica", "Arial", sans-serif;
    font-weight : bold;
    font-size   : 22px;
    color       : #666666;
    margin      : 130px 0 0 100px;
}

#divWizard .welcome p {
    font-family : "Helvetica", "Arial", sans-serif;
    font-weight : bold;
    font-style  : italic;
    font-size   : 63px;
    color       : #0084a9;
    margin      : 0 0 6px 158px;
}

#divWizard .welcome span {
    font-family : "Helvetica", "Arial", sans-serif;
    font-weight : bold;
    font-size   : 18px;
    color       : #999999;
    margin      : 0 0 0 236px;
}

#divWizard .company,
#divWizard .upload-logo,
#divWizard .operation-hours,
#divWizard .import-customers {
    padding : 16px 54px;
}

#divWizard .import-customers {
    padding-right : 0;
}

#divWizard .company p,
#divWizard .upload-logo p,
#divWizard .operation-hours p,
#divWizard .import-customers p {
    width         : 448px;
    font-family   : "Helvetica", "Arial", sans-serif;
    font-weight   : bold;
    font-size     : 15px;
    color         : #666666;
    margin-bottom : 10px;
}

#divWizard .import-customers p {
    width : 100%
}

#divWizard .company label,
#divWizard .operation-hours label {
    font-family  : "Helvetica", "Arial", sans-serif;
    font-weight  : bold;
    font-size    : 11px;
    color        : #666;
    width        : 92px;
    text-align   : right;
    margin-right : 5px;
}

#divWizard .operation-hours label {
    width : 62px;
}

#divWizard .operation-hours .lw-140 label {
    width : 140px;
}

#divWizard .company fieldset,
#divWizard .operation-hours fieldset {
    padding  : 0 0 12px 0;
    position : relative;
}

#divWizard .company fieldset span,
#divWizard .operation-hours fieldset span {
    vertical-align : middle;
}

#divWizard .company .field-validation-error,
#divWizard .operation-hours .field-validation-error {
    position   : absolute;
    left       : 362px;
    margin-top : 4px;
    top        : 0;
    width      : 170px;
    font-size  : 11px;
}

#divWizard .company .form,
#divWizard .company input,
#divWizard .operation-hours .form,
#divWizard .operation-hours input,
#divWizard .operation-hours select {
    font-size : 11px;
}

#divWizard .company input {
    margin-top : 5px;
}

#divWizard .company .textbox {
    width : 242px;
}

#divWizard .upload-logo .logo-example {
    width      : 219px;
    height     : 121px;
    background : url("Images/Wizard/logo_example.png") no-repeat left top;
    position   : absolute;
    right      : 50px;
    top        : 174px;
}

#divWizard .import-customers .hint-image {
    width      : 156px;
    height     : 228px;
    background : url("Images/Wizard/import_customers_hint.png") no-repeat left top;
    margin-top : 18px;
}

#divWizard .add-team p {
    width         : 380px;
    font-family   : "Helvetica", "Arial", sans-serif;
    font-weight   : bold;
    font-size     : 15px;
    color         : #666666;
    margin-bottom : 10px;
    padding       : 16px 54px 0;
}

#divWizard .add-team .hint-image {
    width       : 576px;
    height      : 278px;
    background  : url("Images/Wizard/add_team_hint.png") no-repeat left top;
    margin-top  : -8px;
    margin-left : 53px;
}

#divWizard .finish-view h3 {
    font-family : "Helvetica", "Arial", sans-serif;
    font-weight : bold;
    font-style  : italic;
    font-size   : 24px;
    color       : #0084a9;
    margin      : 66px 54px 25px;
}

#divWizard .finish-view h4 {
    font-family : "Helvetica", "Arial", sans-serif;
    font-weight : bold;
    font-size   : 16px;
    color       : #666666;
    margin      : 0 54px 25px;
}

#divWizard .finish-view p {
    font-family : "Helvetica", "Arial", sans-serif;
    font-weight : bold;
    font-size   : 15px;
    color       : #666666;
    line-height : 24px;
}

#divWizard .finish-view .rs-mobile {
    width      : 71px;
    height     : 113px;
    background : url("Images/Wizard/mobile_rs.png") no-repeat left top;
    float      : left;
    margin     : 0 32px 0 86px;
}

#divWizard .operation-hours .dropdown {
    height : 20px;
}

#divWizard .operation-hours .dropdown .dropdown-wrap-layer {
    height     : 20px;
    background : url("Images/Wizard/tiny_dropdown.png") no-repeat right -20px;
}

#divWizard .operation-hours .dropdown.state-pressed .dropdown-wrap-layer {
    background : url("Images/Wizard/tiny_dropdown.png") no-repeat right -40px;
}

/*#divWizard .operation-hours .dropdown .dropdown-button
{
    width: 22px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    background: url("Images/Wizard/tiny_dropdown.png") no-repeat right -20px;
    z-index: 1001;
}
#divWizard .operation-hours .dropdown.state-pressed .dropdown-button
{
    background-position: right -40px;
}*/
#divWizard .operation-hours .dropdown .dropdown-wrap-layer .dropdown-layer {
    height       : 20px;
    background   : url("Images/Wizard/tiny_dropdown.png") no-repeat left top;
    margin-right : 21px;
}

#divWizard .operation-hours .dropdown select {
    padding             : 0;
}

#divWizard .operation-hours #scheduleSettings .dropdown {
    width        : 74px;
    margin-right : 6px;
}

#divWizard .operation-hours #scheduleSettings .dropdown select {
    width          : 140% !important;
    vertical-align : top;
}

#divWizard .operation-hours .check label {
    width        : 78px;
    text-align   : left;
    margin-right : 0;
}

#divWizard .operation-hours .time-zone {
    height      : 27px;
    background  : url("Images/Wizard/time_zone.png") no-repeat left top;
    width       : 431px;
    margin-left : -5px;
    position    : relative;
    top         : -7px;
    padding-top : 2px;
}

#divWizard .operation-hours .time-zone label {
    width      : 67px;
    text-align : right;
    display    : inline-block;
}

#divWizard .operation-hours .time-zone .dropdown {
    width          : 348px;
    vertical-align : middle;
}

#divWizard .operation-hours label,
#divWizard .operation-hours select {
    font-size : 11px;
}

#divWizard .help-trigger {
    display : none !important;
}

#divWizard .operation-hours .invoicing-note {
    font-weight : normal;
    font-size   : 12px;
    width       : 580px;
    font-style  : italic;
    position    : absolute;
    bottom      : 82px;
    margin-left : 56px;
}

#divWizard .wizard-note {
    font-weight   : normal !important;
    font-size     : 12px !important;
    width         : 580px !important;
    font-style    : italic;
    position      : absolute;
    bottom        : 82px;
    margin-left   : 6px;
    margin-bottom : 2px !important;
}

#divWizard .operation-hours .label-note {
    font-size   : 12px;
    margin-left : 4px;
    width       : 525px;
}

/*******paging********/
.paging {
    height                : 18px;
    clear                 : both;
    font                  : 11px "Helvetica", "Arial", serif;
    list-style            : none outside none;
    margin                : 5px 0;
    background            : url("Images/paging.png") repeat-x left top;
    border                : 1px solid #d8d8d8;
    display               : inline-block;
    *display              : inline;
    zoom                  : 1;
    border-radius         : 4px;
    -webkit-border-radius : 4px;
    -moz-border-radius    : 4px;
}

.paging li {
    float       : left;
    border-left : 1px solid #d8d8d8;
}

.paging li:first-child {
    border-left : none;
}

.paging a, .paging em, .paging span {
    color   : #585858;
    display : block;
    padding : 2px 6px 3px;
}

.paging em {
    background  : #fbfbfb;
    color       : #589f35;
    font-style  : normal;
    font-weight : 400;
}

.paging a:hover {
    background : #fbfbfb;
}

.paging li:first-child a {
    border-radius         : 4px 0 0 4px;
    -webkit-border-radius : 4px 0 0 4px;
    -moz-border-radius    : 4px 0 0 4px;
}

.paging li:last-child a {
    border-radius         : 0 4px 4px 0;
    -webkit-border-radius : 0 4px 4px 0;
    -moz-border-radius    : 0 4px 4px 0;
}

.paging a {
    text-decoration : none;
}

.formUserSchedule .dropdown {
    width : 15em !important;
}

.globalLoadingDiv {
    font-size   : 14px;
    right       : 5px;
    padding     : 4px;
    position    : fixed;
    z-index     : 10000;
    color       : White;
    font-family : Arial;
}

.globalLoadingDiv .bg {
    z-index      : -1;
    position     : absolute;
    top          : 0;
    width        : 100%;
    height       : 100%;
    background   : #000000;
    opacity      : .5;
    -moz-opacity : 0.5;
    filter       : alpha(opacity = 50);
}

.globalLoadingDiv .notice {
    float         : left;
    clear         : both;
    padding       : 10px 0;
    color         : #FFFFFF;
    position      : relative;
    width         : 250px;
    margin-bottom : 5px;
}

.globalLoadingDiv .notice h1 {
    clear          : both;
    padding        : 0 10px;
    margin         : 0;
    font-size      : 18px;
    font-family    : Arial;
    color          : #FFFFFF;
    letter-spacing : 0;
    text-align     : center;
}

.globalLoadingDiv .notice div {
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
}

/* Timecard */
.timecardHead fieldset {
    float        : left;
    margin-right : 10px;
    padding-top  : 5px;
}

.timecardHead fieldset label {
    width : auto;
}

.timecardHead fieldset .textbox {
    width : 76px;
}

.timecardTable {
    font-size : 12px;
}

.timecardTable th {
    background : #808080;
    color      : #fff;
    padding    : 3px 6px;
}

.timecardTable td {
    padding : 3px 6px;
}

.timecardTable .line {
    border-top : 1px solid #000;
}

.timecardTable a {
    color           : #62963a;
    text-decoration : underline;
}

.timecardTable a:hover {
    text-decoration : none;
}

.input-indent .textbox {
    margin-left : 4px;
}

/*customer expansion*/
/*.expander{
    position: relative;
    top: 7px;
}*/
.expander .expander-trigger {
    border-top          : 1px solid #D1D1D1;
    background          : url("Images/exp_gradient.png") repeat-x left top;
    text-shadow         : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
    color               : #585858;
    font-size           : 11px;
    cursor              : pointer;
    position            : relative;
}

.expander li {
    margin-bottom : 0 !important;
}

.expander .expander-trigger span.spanTitle {
    display    : block;
    padding    : 5px 15px 5px 26px;
    background : url("Images/home.png") no-repeat 6px 3px;
}

.expander.contact .expander-trigger span.spanTitle {
    background : url("Images/contact.png") no-repeat 6px 2px;
}

.expander .expander-trigger.create span,
.expander.contact .expander-trigger.create span {
    background : url("Images/plus.png") no-repeat 8px 5px;
}

.expander .expander-body .expander-trigger {
    border : 1px solid #D1D1D1;
}

.expander .expander-body li:last-child > h3 {
    border-radius : 0;
}

.expander .expander-body li:last-child {
    margin-bottom : 10px;
}

.expander > li:last-child > h3 {
    border-radius : 0 0 6px 6px;
}

.expander .expander-body {
    padding : 10px 0;
}

.expander .expander-body fieldset {
    text-align : left;
}

.up-action,
.down-action,
.remove-action {
    width       : 12px;
    height      : 12px;
    display     : inline-block;
    cursor      : pointer;
    margin-left : 2px;
    margin-top  : 2px;
}

.serviceFormForm .dropdown,
.serviceItemForm .dropdown,
.serviceFormForm .textbox,
.serviceItemForm .textbox {
    margin-left : 8px;
}

.up-action {
    background  : url("Images/move_up.png") no-repeat center;
    margin-left : 2px;
}

.down-action {
    background : url("Images/move_down.png") no-repeat center;
}

.remove-action {
    background : url("Images/remove.png") no-repeat center;
}

.expander-trigger .up-action,
.expander-trigger .down-action {
    position     : absolute;
    top          : 3px;
    right        : 0;
    margin-right : 3px;
}

.expander-trigger .down-action {
    margin-right : 18px;
    margin-top   : 3px;
}

.expander-trigger .up-action {
    margin-right : 3px;
}

.roundedTable {
    margin : 0 10px;
}

.roundedTable .add {
    text-decoration : none;
    text-transform  : uppercase;
    cursor          : pointer;
}

.roundedTable .add:hover {
    text-decoration : underline;
}

.add_customer.exp .buttons {
    margin-bottom : 5px;
}

.export-button {
    position : absolute;
    top      : -64px;
    left     : 346px;
}

.export-button-si {
    position : absolute;
    top      : -64px;
    left     : 346px;
}

/*.serviceItemsList table
{
    width: 1024px;
}*/
/*quick improvements*/
.dollar {
    font-size    : 12px;
    margin-left  : -12px;
    margin-right : 5px;
}

#li_menu_company ul {
    left : -28px !important;
}

#formPopup .buttons {
    padding : 0 102px;
}

#content .expandable_box .customer_details #scheduleSettings .check label {
    width  : 72px;
    margin : 0;
}

.r-font-size {
    font-size : 0px;
}

.r-font-size .textbox input {
    margin-top : 4px;
}

.dropdown-ind-18 .dropdown {
    margin-left : 18px;
}

.fillFormDescription {
    font-weight   : normal;
    font-size     : 0.8em;
    overflow      : hidden;
    text-overflow : ellipsis;
    word-wrap     : break-word;
}

#tableServiceFormFields .controls input[type="file"] {
    margin : 5px 0;
}

#tableServiceFormFields .controls a.preview_donload_links {
    margin-right : 10px;
}

#formPreview input[type="file"] {
    margin : 10px 0 0 106px;
}

#formPreview a.preview_donload_links {
    margin-right : 10px;
}

/*Calendar tabs*/
.dhx_cal_navline .dhx_cal_tab {
    top                   : 5px;
    height                : 17px;
    background            : url("Images/cal_tab_bg.png") no-repeat left top;
    border                : none !important;
    border-radius         : 0px;
    -webkit-border-radius : 0px;
    -moz-border-radius    : 0px;
    text-decoration       : none;
    color                 : #6D6D6D;
    text-shadow           : 0 1px 1px white;
    -webkit-text-shadow   : 0 1px 1px #fff;
    -moz-text-shadow      : 0 1px 1px #fff;
}

.dhx_cal_data .dhx_month_head {
    background          : #dedede;
    border-right        : 1px solid #959595;
    color               : #6D6D6D;
    text-shadow         : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
}

.dhx_cal_data .dhx_after .dhx_month_head,
.dhx_cal_data .dhx_before .dhx_month_head {
    color      : #929292;
    background : #e8e8e8;
}

.dhx_cal_data .dhx_month_body {
    border-right  : 1px solid #959595;
    border-bottom : 1px solid #959595;
}

.dhx_cal_data .dhx_after .dhx_month_body,
.dhx_cal_data .dhx_before .dhx_month_body {
    background : #f0f0f0;
}

.dhx_cal_data .dhx_now .dhx_month_head {
    background          : #70b544;
    color               : #fff;
    text-shadow         : 0 1px 1px #666;
    -webkit-text-shadow : 0 1px 1px #666;
    -moz-text-shadow    : 0 1px 1px #666;
}

.dhx_cal_data .dhx_now .dhx_month_body {
    background : #9ac879;
}

.dhx_cal_data .dhx_scale_holder {
    border-right : 1px solid #959595;
    /*position: relative;*/
}

.dhx_cal_data .dhx_scale_holder .dhx_scale_top,
.dhx_cal_data .dhx_scale_holder_now .dhx_scale_top {
    background : url("Images/Shedule/non-working-hours.png") white repeat left top;
}

.dhx_cal_data .dhx_scale_holder .dhx_scale_bottom,
.dhx_cal_data .dhx_scale_holder_now .dhx_scale_bottom {
    background : url("Images/Shedule/non-working-hours.png") white repeat left top;
    position   : absolute;
    bottom     : 0;
    width      : 100%;
}

.dhx_cal_data .dhx_scale_hour {
    border-bottom       : 1px solid #959595;
    background          : #c2c2c2;
    color               : #585858;
    text-shadow         : 0 1px 1px white;
    -webkit-text-shadow : 0 1px 1px #fff;
    -moz-text-shadow    : 0 1px 1px #fff;
}

.dhx_cal_data .dhx_scale_hour:nth-child(even) {
    background : #e0e0e0;
}

.dhx_cal_data .dhx_scale_holder_now {
    border-right : 1px solid #959595;
}

.dhx_cal_data div.dhx_now_time {
    background : url("Images/Shedule/timeline-v.png") repeat-x left top;
    height     : 14px !important;
    margin-top : -7px !important;
    border     : none;
}

.dhx_cal_data .dhx_cal_event .dhx_header {
    display : none;
    /*position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 10px;
    background: url("Images/resizable_handle.png") repeat top left transparent;*/
}

.dhx_cal_data .dhx_cal_event .dhx_footer {
    position   : absolute;
    left       : 0;
    bottom     : 1px;
    width      : 100% !important;
    margin     : 0;
    height     : 7px;
    border     : none;
    background : url("Images/resizable_handle_dot.png") repeat-x top left transparent;
}

.dhx_cal_data .dhx_cal_event .dhx_title,
.dhx_cal_data .dhx_cal_event .dhx_body {
    color    : black !important;
    border   : none;
    overflow : hidden;
}

.dhx_cal_data .dhx_cal_event_clear {
    color    : black !important;
    overflow : hidden;
}

.taxRateForm label {
    vertical-align : middle !important;
    width          : auto !important;
    margin         : 0 !important;
    font-size      : 12px;
}

.taxNameForm label {
    vertical-align : middle !important;
    width          : auto !important;
    margin         : 0 !important;
    font-size      : 12px;
}

#serviceItemsInProgress {
    font-size    : 12px;
    float        : right;
    margin-right : 24px;
}

#liServiceItems .textfld {
    clear : both;
}

.customerTypesForm, .addressTypesForm, .contactTypesForm {
    display        : inline-block;
    font-size      : 0;
    vertical-align : middle;
    *display       : inline;
    zoom           : 1;
}

.roundedForm {
    margin                : 8px 4px 4px;
    padding               : 6px;
    border                : 1px solid #DBDBDB;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    background            : whiteSmoke;
}

.roundedForm label {
    width : 114px;
}

.clear-search {
    width      : 54px;
    height     : 22px;
    background : url("Images/clear_search.png") no-repeat;
    position   : absolute;
    top        : 4px;
    right      : 2px;
    cursor     : pointer;
}

.label-all label {
    width       : auto;
    margin-left : 5px;
}

.l-popup .recurrenceForm .w-90 {
    width      : 100px;
    text-align : right;
}

.l-popup .recurrenceForm .w-90.ta-left {
    text-align : left;
}

.l-popup .recurrenceForm label {
    width : auto;
}

.l-popup .recurrenceForm input[disabled="disabled"] {
    opacity : .5;
}

#recurrenceButtons {
    float : left;
}

/* Dashboard */
.dashboard #sortable1,
.dashboard #sortable2,
.dashboard #sortable3 {
    list-style-type : none;
    float           : left;
    width           : 33.3333%;
}

.dashboard #sortable1 li,
.dashboard #sortable2 li,
.dashboard #sortable3 li {
    height                : 400px;
    border                : none;
    margin-bottom         : 10px;
    margin-right          : 10px;
    background            : #f5ebec;
    -moz-border-radius    : 0 0 6px 6px;
    -webkit-border-radius : 0 0 6px 6px;
    border-radius         : 0 0 6px 6px;
}

.dashboard .ui-widget {
    font-family : "Helvetica", "Arial", sans-serif !important;
}

.dashboard #sortable3 li {
    margin-right : 0;
}

.dashboard .ulSortable .options-left {
    -moz-border-radius    : 6px 6px 0 0;
    -webkit-border-radius : 6px 6px 0 0;
    border-radius         : 6px 6px 0 0;
    box-shadow            : 0 1px 2px #b4b4b4;
    padding               : 5px 24px;
    background            : url("Images/widget_heading.png") repeat-x;
    position              : relative;
    /*border-bottom         : 2px solid #c5c5c5;*/
}

.dashboard .ulSortable .options-right {
    background : none !important;
    padding    : 0;
    height     : auto;
}

.dashboard .ulSortable .options-left h2 {
    vertical-align : bottom;
    font-weight    : bold;
    max-width      : 72%;
}

.dashboard .ulSortable .options-left h2 p {
    white-space         : nowrap;
    text-overflow       : ellipsis;
    -o-text-overflow    : ellipsis;
    overflow            : hidden;
    color               : #dbdbdb;
    font-size           : 15px;
    text-shadow         : 0 -1px 0 #929292;
    -webkit-text-shadow : 0 -1px 0 #929292;
    -moz-text-shadow    : 0 -1px 0 #929292;
}

.dashboard .moreWidgetButton {
    float               : right;
    color               : #dbdbdb !important;
    text-shadow         : 0 -1px 0 #929292;
    -webkit-text-shadow : 0 -1px 0 #929292;
    -moz-text-shadow    : 0 -1px 0 #929292;
    margin-top          : 3px;
}

.dashboard .moreWidgetButton:hover {
    text-decoration : underline;
}

.dashboard .deleteWidgetButton {
    width          : 9px;
    height         : 9px;
    background     : url("Images/widget_remove.png") no-repeat;
    display        : inline-block;
    cursor         : pointer;
    vertical-align : middle;
}

.dashboard .refreshWidgetButton {
    width          : 17px;
    height         : 19px;
    background     : url("Images/widget_reload.png") no-repeat;
    display        : inline-block;
    cursor         : pointer;
    vertical-align : middle;
    margin-right   : 2px;
}

.dashboard .widgetContentWrap {
    padding               : 0 6px 6px;
    border-left           : 2px solid #c5c5c5;
    border-right          : 2px solid #c5c5c5;
    border-bottom         : 2px solid #c5c5c5;
    -moz-border-radius    : 0 0 6px 6px;
    -webkit-border-radius : 0 0 6px 6px;
    border-radius         : 0 0 6px 6px;
}

.dashboard .widgetContentWrapWrapper {
    padding    : 5px;
    background : #f5f5f5;
}

.dashboard .widgetContent {
    height        : 354px;
    background    : #f5f5f5;
    border-radius : 0 !important;
}

.dashboard .ui-state-default a,
.dashboard .ui-state-default a:link,
.dashboard .ui-state-default a:visited {
    color : #000;
}

.dashboard #refresh {
    padding : 5px 3px;
}

.upcomingWidget h2 {
    margin     : 0 10% 5px;
    padding    : 5px 0;
    text-align : center;
}

.upcomingWidget table {
    margin    : 0 auto 10px;
    width     : 95%;
    font-size : 13px;
}

.upcomingWidget table td {
    padding : 2px;
}

.upcomingWidget table a {
    font-size : 13px;
}

.upcomingWidget table a:hover {
    text-decoration : underline;
}

.notesWidget table {
    font-size  : 13px;
    margin-top : 36px;
}

.notesWidget table th {
    font-weight : bold;
}

.notesWidget table td {
    padding        : 2px 5px 2px 0;
    vertical-align : top;
}

.notesWidget table a {
    font-size : 13px;
}

.notesWidget table a:hover {
    text-decoration : underline;
}

.recentWidget h2 {
    margin     : 0 10% 5px;
    padding    : 5px 0;
    text-align : center;
}

.recentWidget table {
    width     : 80%;
    margin    : 0 auto 10px;
    font-size : 13px;
}

.recentWidget table th {
    font-weight : bold;
    padding     : 3px 2px 3px 0;
}

.recentWidget table td {
    padding        : 2px 5px 2px 0;
    vertical-align : top;
}

.recentWidget tr.border {
    border-bottom : 1px solid #C5C5C5;
}

.utilWidget h2 {
    margin     : 0 10% 5px;
    padding    : 5px 0;
    text-align : center;
}

.widgetContent h2.date {
    font-weight : bold;
}

.utilWidget .avg {
    margin        : 0 5% 5px;
    border-bottom : 1px solid #C5C5C5;
    padding       : 0 0 5px 0;
    font-size     : 0;
}

.utilWidget .avg span {
    display    : inline-block;
    width      : 50%;
    font-size  : 14px;
    text-align : center;
}

.utilWidget #pie-chart {
    min-width : 330px;
}

.messengerWidget {
    margin-top   : 5px;
    padding-left : 50px !important;
    padding-top  : 24px;
}

.messengerWidget label {
    width : 115px;
}

.messengerWidget textarea {
    width : 170px;
}

.timecardWidget h2 {
    margin     : 0 10% 5px;
    padding    : 5px 0;
    text-align : center;
}

.timecardWidget table {
    width     : 80%;
    margin    : 0 auto 10px;
    font-size : 13px;
}

.timecardWidget table th {
    font-weight : bold;
    padding     : 3px 2px 3px 0;
}

.timecardWidget table td {
    padding        : 2px 5px 2px 0;
    vertical-align : top;
}

.timecardWidget tr.border {
    border-bottom : 1px solid #C5C5C5;
}

.widgetContent table.dashTable {
    border-top : 1px solid #e2e2e2;
    background : url("Images/widget_table_bg.png") repeat left 23px;
    min-width  : 375px;
}

.widgetContent table.dashTable tr.dash {
    background    : url("Images/widget_table_th.png") repeat-x !important;
    border-bottom : none;
}

.widgetContent table.dashTable tr.dash.equal th {
    width : 33.333%;
}

.widgetContent table.dashTable tr {
    border-bottom  : 1px solid #d3d3d3;
    background     : #f5f5f5;
    vertical-align : middle;
}

.widgetContent table.dashTable tr:nth-child(odd) {
    background : url("Images/widget_table_even.png");
}

.widgetContent table.dashTable tr.dash th {
    padding             : 2px 2px 5px;
    font-weight         : bold;
    text-shadow         : 0 1px 0 #fff;
    -webkit-text-shadow : 0 1px 0 #fff;
    -moz-text-shadow    : 0 1px 0 #fff;
}

.widgetContent table.dashTable td {
    padding-left        : 8px;
    padding-right       : 8px;
    text-shadow         : 0 1px 0 #fff;
    -webkit-text-shadow : 0 1px 0 #fff;
    -moz-text-shadow    : 0 1px 0 #fff;
    vertical-align      : middle;
}

.widgetContent table .color {
    width                 : 17px;
    height                : 17px;
    margin-bottom         : 1px;
    margin-left           : 3px;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    -moz-box-shadow       : 0 1px 2px #bebebe;
    -webkit-box-shadow    : 0 1px 2px #bebebe;
    box-shadow            : 0 1px 2px #bebebe;
}

.widgetContent .wijmo-wijsuperpanel-vbarcontainer {
    border                : 1px solid #bcbec0 !important;
    background            : url("Images/sb_hor.png") repeat-y;
    width                 : 13px !important;
    -webkit-border-radius : 8px;
    -moz-border-radius    : 8px;
    -ms-border-radius     : 8px;
    border-radius         : 8px;
}

.widgetContent  .wijmo-wijsuperpanel-hbarcontainer {
    border                : 1px solid #bcbec0 !important;
    background            : url("Images/sb_ver.png") repeat-x;
    height                : 13px !important;
    -webkit-border-radius : 8px;
    -moz-border-radius    : 8px;
    -ms-border-radius     : 8px;
    border-radius         : 8px;
}

.widgetContent .wijmo-wijsuperpanel-vbarcontainer .ui-state-default,
.widgetContent .wijmo-wijsuperpanel-hbarcontainer .ui-state-default {
    width  : 11px;
    height : 11px;
}

.widgetContent .wijmo-wijsuperpanel-vbarcontainer .ui-icon-grip-solid-horizontal {
    width       : 6px;
    height      : 5px;
    background  : url("Images/sb_knob_ver.png") no-repeat;
    margin-left : 2px;
}

.widgetContent .wijmo-wijsuperpanel-hbarcontainer .ui-icon-grip-solid-vertical {
    width      : 5px;
    height     : 6px;
    background : url("Images/sb_knob_hor.png") no-repeat;
    margin-top : 2px;
}

.widgetContent .wijmo-wijsuperpanel-vbarcontainer .wijmo-wijsuperpanel-handle {
    background : url("Images/sb_bg_ver.png") repeat-y;
}

.widgetContent .wijmo-wijsuperpanel-hbarcontainer .wijmo-wijsuperpanel-handle {
    background : url("Images/sb_bg_hor.png") repeat-x;
}

.widgetContent .wijmo-wijsuperpanel-handle.ui-draggable.ui-draggable-dragging {
    max-width          : 99999px;
    padding            : 0;
    box-shadow         : none;
    -moz-box-shadow    : none;
    -webkit-box-shadow : none;
}

.widgetContent .wijmo-wijsuperpanel-vbar-buttontop {
    height        : 16px !important;
    border-radius : 8px 8px 0 0;
}

.widgetContent .wijmo-wijsuperpanel-vbar-buttontop .ui-icon,
.widgetContent .wijmo-wijsuperpanel-vbar-buttonbottom .ui-icon {
    margin : 0 -3px;
}

.widgetContent .wijmo-wijsuperpanel-vbar-buttontop .ui-icon {
    margin : 0 -2px;
}

.widgetContent .wijmo-wijsuperpanel-vbar-buttonbottom {
    height        : 16px !important;
    border-radius : 0 0 8px 8px;
}

.widgetContent .wijmo-wijsuperpanel-hbar-buttonleft {
    width         : 16px !important;
    border-radius : 8px 0 0 8px;
}

.widgetContent .wijmo-wijsuperpanel-hbar-buttonleft .ui-icon,
.widgetContent .wijmo-wijsuperpanel-hbar-buttonright .ui-icon {
    margin : -3px 0;
}

.widgetContent .wijmo-wijsuperpanel-hbar-buttonright {
    width         : 16px !important;
    border-radius : 0 8px 8px 0;
}

.settings input[disabled="disabled"] {
    opacity : .5;
}

.legend > div {
    background : none !important;
}

.legend .legendLabel {
    padding-left : 8px;
}

.legend tr {
    margin-bottom : 4px;
    display       : block;
}

.legendColorBox > div {
    padding : 0 !important;
    border  : none !important;
}

.legendColorBox > div > div {
    width                 : 0 !important;
    border-width          : 8px !important;
    -webkit-border-radius : 4px;
    -moz-border-radius    : 4px;
    -ms-border-radius     : 4px;
    border-radius         : 4px;
}

.payment-note {
    padding               : 6px;
    border                : 1px solid #DBDBDB;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    background            : whiteSmoke;
}

.payment-note strong {
    font-weight : bold;
}

.form.additionalTerms textarea {
    width      : 386px;
    height     : 150px;
    min-height : 150px;
    max-height : 150px;
}

.additionalTerms .textfield .lef,
.additionalTerms .textfield .rgh {
    height : 150px;
}

.settings a {
    color           : #333;
    text-decoration : underline;
}

.settings a:hover {
    color           : #333;
    text-decoration : none;
}

#infoMessage {
    margin-left : 94px;
    font-size   : 14px;
}

#excelMergeDd .dropdown {
    width : 206px;
}

#completedWorkOrders {
    margin-left : 94px;
    font-size   : 12px;
}

#completedWorkOrders td {
    padding : 10px 10px 10px 0;
}

.button .rec-icon {
    width        : 19px;
    height       : 16px;
    background   : url("Images/recurrence_icon.png") no-repeat;
    display      : inline-block;
    margin-right : 5px;
    margin-left  : -9px;
}

.button em {
    vertical-align : middle;
    font-weight    : inherit;
}

.recurrent-icon {
    width          : 19px;
    height         : 16px;
    background     : url("Images/recurrence_icon_12.png") no-repeat;
    display        : inline-block;
    vertical-align : middle;
    margin-left    : 5px;
}

#addNewLocation {
    display     : block;
    text-align  : center;
    margin-top  : 5px;
    cursor      : pointer;
    font-weight : bold;
}

.wo-p {
    margin-left   : 18px;
    margin-bottom : 10px;
    font-size     : 14px;
}

#createRecurrenceWODiv .bubble .cont {
    width : 210px !important;
}

#createRecurrenceWODiv .bubble {
    top  : -50px;
    left : 402px;
}

.widget-content {
  margin: 10px 0;
  box-shadow: 0 0 5px #AAA;
  -moz-box-shadow: 0 0 5px #AAA;
  -webkit-box-shadow: 0 0 5px #AAA;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }
  .widget-content .top-left {
    background: url("Images/widget_content_top-left.png") no-repeat;
    padding-left: 10px; }
  .widget-content .top-right {
    background: url("Images/widget_content_top-right.png") no-repeat right top;
    padding-right: 9px; }
  .widget-content .top {
    height: 7px;
    background: url("Images/widget_content_top.png") repeat-x; }
  .widget-content .center-left {
    background: url("Images/widget_content_center-left.png") repeat-y;
    padding-left: 10px; }
  .widget-content .center-right {
    background: url("Images/widget_content_center-right.png") repeat-y right top;
    padding-right: 9px; }
  .widget-content .center {
    background: url("Images/widget_content_center.png") repeat;
    padding: 10px;
    color: #231F20; }
  .widget-content .bot-left {
    background: url("Images/widget_content_bottom-left.png") no-repeat;
    padding-left: 10px; }
  .widget-content .bot-right {
    background: url("Images/widget_content_bottom-right.png") no-repeat right top;
    padding-right: 9px; }
  .widget-content .bot {
    height: 7px;
    background: url("Images/widget_content_bottom.png") repeat-x; }

#ulTabs
{
    padding-left: 2px;
    background: url("Images/nav_button_border.png") no-repeat left top;
    font-size: 12px;
    position: absolute;
    left: 260px;
    top: -83px;
    z-index: 100;
}

#ulTabs li
{
    padding-right: 2px;
    background: url("Images/nav_button_border.png") no-repeat right top;
    line-height: 54px;
    position: relative;
    list-style-type: none;
    float: left;
}

#ulTabs li a
{
    font-family: "HelveticaNeueLTStd75Bold", sans-serif;
    color: #C2C3C3;
    display: block;
    height: 50px;
    width: 110px;
    padding: 0 3px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

#ulTabs li a.selected, #ulTabs li a.selected:hover {
    background: url("Images/nav_button_active.png") no-repeat left top;
    color: #6AB245;
}

#ulTabs li a:hover
{
    background: url("Images/nav_button_over.png") no-repeat left top;
    color: #E9E9E9;
}

.columns
{
    width: 100%;
}

.left-column
{
    width: 15%;
    float: left;
}

.left-column .list-top-left
{
    padding-left: 6px;
    background: url("Images/list_top-left.png") no-repeat left top;
}

.left-column .list-top-right
{
    padding-right: 8px;
    background: url("Images/list_top-right.png") no-repeat right top;
}

.left-column .list-top
{
    height: 7px;
    background: url("Images/list_top.png") repeat-x left top;
}

.left-column .list-left
{
    padding-left: 6px;
    background: url("Images/list_left.png") repeat-y left top;
}

.left-column .list-right
{
    padding-right: 8px;
    background: url("Images/list_right.png") repeat-y right top;
}

.left-column .list-content
{
    background: #d3d7da;
    margin-left: -2px;
    width: 101.5%;
}

.left-column .list-content h3
{
    font-size: 16px;
    color: #68737b;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0 1px 0 #fff;
    -moz-text-shadow: 0 1px 0 #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    padding: 5px 7px 10px;
}

.left-column .list-content li span
{
    display: block;
    font-size: 14px;
    color: #68737b;
    text-shadow: 0 1px 0 #fff;
    -moz-text-shadow: 0 1px 0 #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    padding-top: 5px;
    background: url("Images/list_item.png") repeat-x left top;
    cursor: pointer;
}

.left-column .list-content li span em
{
    display: block;
    padding: 5px 8px 8px;
    font-weight: bold;
}

.left-column .list-content li span.selected em
{
    background: #e3e5e7;
}

.left-column .list-content li:first-child span
{
    background: none;
}

.left-column .list-content li span.selected
{
    background: url("Images/list_item_selected.png") repeat-x left top;
}

.left-column .list-bot-left
{
    padding-left: 6px;
    background: url("Images/list_bot-left.png") no-repeat left top;
}

.left-column .list-bot-right
{
    padding-right: 8px;
    background: url("Images/list_bot-right.png") no-repeat right top;
}

.left-column .list-bot
{
    height: 9px;
    background: url("Images/list_bot.png") repeat-x left top;
}

.left-column .list-wrap
{
    padding-right: 10px;
}

.right-column
{
    width: 85%;
    float: right;
    margin-top: -10px;
}

.right-column .wrap
{
    overflow: hidden;display:table;
    width:100%;
    margin-top: 20px;
}

.right-column .wrap:first-child
{
    margin-top: 0;
}

.right-column .left
{
    width: 100%;
    float: left;
    margin-right: -300px;
}

.right-column .left .inner
{
    padding-right: 320px;
}

.right-column .right
{
    width: 300px;
    float: left;
}

.right-column h4, .right-column h4 a 
{
    font-size: 28px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 #fff;
    -moz-text-shadow: 0 1px 0 #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-decoration: none;
}

.right-column p
{
    margin: 10px 0;
    color: #333;
    font-size: 16px;
}

.right-column .is li
{
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.right-column .widget-content
{
    margin-bottom: 20px;
}

#fancybox-overlay
{
    filter         : alpha(opacity = 40) !important;
    -moz-opacity   : 0.4 !important;
    -khtml-opacity : 0.4 !important;
    opacity        : 0.4 !important;
}

.fancybox-opened .fancybox-skin
{
    font: 2.5em "Helvetica","Arial",sans-serif;
    -moz-box-shadow: 0 2px 5px #666 !important;
    -webkit-box-shadow: 0 2px 5px #666 !important;
    box-shadow: 0 2px 5px #666 !important;
    background: url("Images/datepicker_bg.png") #DFDFDF repeat-x left top;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened .fancybox-close
{
    width: 19px;
    height: 19px;
    background: url("Images/close.gif") no-repeat;
    right: 7px;
    top: 7px;
}

.resource_message {
    position   : absolute;
    width      : 246px;
    height     : 19px;
    top        : 15px;
    right      : 25px;
    background : url("Images/resource_message.png") no-repeat right top;
}

.ui-dialog.ui-widget-content {
    padding            : 10px 15px 10px;
    border-radius      : 4px;
    background         : url("/Content/Images/datepicker_bg.png") #DFDFDF repeat-x left top;
    -moz-box-shadow    : 0 2px 5px #666;
    -webkit-box-shadow : 0 2px 5px #666;
    box-shadow         : 0 2px 5px #666;
    outline            : none;
}
.ui-dialog .ui-dialog-titlebar .ui-button-text {
    display : none;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    display    : block;
    float      : right;
    padding    : 0;
    background : transparent;
    outline    : none;
    border     : none;
    cursor     : pointer;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
    width      : 19px;
    height     : 19px;
    background : url("/Content/Images/close.gif") no-repeat left top;
    float      : right;
}


.forgot_page .forgot label {
    width : 120px;
}
.forgot_page .forgot .buttons .button {
    display : inline-block;
    float   : none;
}
.forgot_page .forgot .buttons .button {
    margin-left : 135px;
}

#content .sing_in_page .preview_label .heading {
    margin-bottom : 15px;
}
.sing_in_page .preview .button {
    display : inline-block;
    float   : none;
}
.sing_in_page .preview .create_new_portal,
.sing_in_page .preview .link_my_account {
    padding-top : 25px;
}
.sing_in_page .preview .create_new_portal h2,
.sing_in_page .preview .link_my_account h2 {
    padding : 0 0 5px 5px;
}

.sing_in_page .link_my_account .form {
    margin-top : 25px;
}
.sing_in_page .link_my_account label {
    width : 120px;
}
.sing_in_page .link_my_account .buttons .button {
    display     : inline-block;
    float       : none;
    margin-left : 135px;
}
.sing_in_page .link_my_account .forgot_password {
    margin : 10px 0 0 140px;
}

.create_new_portal_dialog .ui-dialog-titlebar {
    display : none;
}
.create_new_portal_dialog .form {
    margin-top : 10px;
}
.create_new_portal_dialog .form .loading {
    margin-bottom : 10px;
    text-align    : center;
}
.create_new_portal_dialog .form p {
    margin-bottom : 10px;
    font-size     : 14px;
}