* {
    font-size: 13px;
}

body {
    font-family: tahoma, helv, arial, verdana, sans-serif;
    font-size: 13px;
    margin: 0;
    overflow-y: hidden;
    color: #616161;
}

#main {
    position: absolute;
    left: 0px;
    top: 60px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#main-content {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    width: 100%;
    overflow-y: scroll;
    /*height: 100%;*/
    height: calc(100%);
    padding-left: 0px;
    padding-right: 5px;

}


fieldset legend {
    font-size: 15px;
    color: #6a6b95;
    padding: 3px;
    margin: 3px;
    margin-top: 10px;

}

.indent10 {
    padding-left: 10px;
    margin-left: 20px;
}

::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-button {  background-color: #f49dd7; }
::-webkit-scrollbar-track {  background-color: #999;}
::-webkit-scrollbar-track-piece {
    /*background: -webkit-linear-gradient(top, #f49dd7, #fadef1);*/
    background: -webkit-linear-gradient(top, #f49dd7, #fadef1);
}
::-webkit-scrollbar-thumb {
    height: 40px;
    border-radius: 3px;
    background: -webkit-linear-gradient(top, #f49dd7, #fadef1);
}
::-webkit-scrollbar-corner { background-color: #999;}
::-webkit-resizer { background-color: #666;}

.header2_pro {
    /*height: 70px;*/
    /*width: 580px;*/
    /*background: url("../images/head-muangthai-1_pro.jpg");*/
}

.header {
    background:  url("../images/header-background.gif") repeat-x;
    height: 60px;
}

.info-group-title {

    background:  url("../images/File-Word-icon.png") no-repeat 10px 5px;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 10px;
    padding-top: 10px;
    padding-left: 40px;
    font-size: 14px;
    color: #125f78;
    text-align: left;

}

.info-group-box {
    width: auto;
    display : table;
    background: -webkit-linear-gradient(top, #f3ffff, #fff);
    border: 2px solid #d7e4ff;
    border-radius: 10px;
    padding: 10px;

}

.info-group-line {
    /*position: relative;*/
    /*width: 100%;*/
    /*display: table;*/

    display: inline-table;
    vertical-align: middle;
    min-width: 260px;
}

.info-group-line .label1, .info-group-line .value {
    padding: 5px;

}

.info-group-line .label1 {
    position: relative;
    float: left;
    line-height: 1.5;
    padding: 6px 12px;
    font-weight: bold;
    line-height: 1;
    color: #008891;
    border-top-left-radius: 4px;
    text-align: right;
    margin-left: 5px;
    width: 150px;
    white-space: pre-wrap;
}

.info-group-line .value, .info-group-line .value:empty {
    float: left;
    position: relative;
    line-height: 1.5;
    padding: 6px 5px;
    font-weight: bold;
    line-height: 1;
    color: #002a80;
    text-align: left;
    border-left: none;
    border-top-right-radius: 4px;
    min-width: 80px;
    white-space: pre-wrap;
}




/* Menu */

div.leftmenu a {
    padding: 7px 10px 7px 40px;
    background: #fff url(../images/cloud-icon.png) no-repeat 10px 6px;
    display: block;
    border-bottom: 1px solid #ddd;
    color: #066;
    text-decoration: none;
}

/* End Menu */

/* tableResult */

.tableresult {
    border-left: 1px solid #f6f3f6;

}

.tableresult tr:hover th[scope=row], .tableresult tr:hover td, .tableresult tr.even:hover td {
    background-color: #ecfaff;

}

.tableresult th {
    color: #003e92;
    /*background: url(../images/TableTitle.gif) repeat;*/
    background: #d9f9ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #d9f9ff 0%, #dbf8fd 50%, #ecfafc 51%, #e7f7fa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9f9ff), color-stop(50%,#dbf8fd), color-stop(51%,#ecfafc), color-stop(100%,#e7f7fa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d9f9ff 0%,#dbf8fd 50%,#ecfafc 51%,#e7f7fa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d9f9ff 0%,#dbf8fd 50%,#ecfafc 51%,#e7f7fa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d9f9ff 0%,#dbf8fd 50%,#ecfafc 51%,#e7f7fa 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d9f9ff 0%,#dbf8fd 50%,#ecfafc 51%,#e7f7fa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f9ff', endColorstr='#e7f7fa',GradientType=0 ); /* IE6-9 */

    border-top: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-right: 1px solid #f6f3f6;
    text-align: center;
    padding: 8px 5px 8px 5px;
    white-space: nowrap;
    font-size: 13px;
}

.tableresult th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #f6f3f6;
    background: none;
}

.tableresult td {

    border-right: 1px solid #f6f3f6;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 5px 5px 4px 5px;
    font-size: 13px;

}

.tableresult tr.even td {

    background-color: #f6f3f6;
}


.boxPopup {
    position: relative;
    z-index: 100;
    background-color: #eef3ff;
    padding: 10px;
    border: 1px solid #c7d7ff;
    width: auto;
}



/* end tableResult */

.list-of-job {
    list-style: none;

}

.formInfo {

}
.formInfo td[align="left"] {
    background: #fffeec url(../images/pencil-small-icon.png) no-repeat 20px 8px;
    padding-left: 40px;
    padding-top: 7px;
    white-space: nowrap;
    vertical-align: top;
}

.formInfo td {
    border-bottom: solid thin #fcebff;

}


a.dashboard-module,
a.dashboard-module:visited {
    width: 122px;
    height: 122px;
    display: block;
    float: left;
    background: url(../images/dashboard/dashboard-module.gif) top left no-repeat;
    margin: 0 8px 8px 0;
    text-align: center;
    color: #444444;
}

a.dashboard-module:hover,
a.dashboard-module:active {
    background-position: bottom left;
    text-decoration: none;
    color: #0063be;
}

a.dashboard-module img {
    margin-top: 15px;
}

a.dashboard-module span {
    margin-top: 10px;
    display: block;
}

#left1, #left2 {
    position: absolute;
    left: 0;
    top: 30px;
    bottom: 1px;
    font-size: 1em;
    overflow: auto;
}

* html #left1, * html #left2 {
    height: 100%;
    top: 0;
    bottom: 0;
    border-top: 100px solid #fff;
    border-bottom: 50px solid #fff;
}



.pageTitle {
    width: 100%;
    /*background: #fff url('../images/page-title.gif') repeat-x;*/
    margin-bottom: 5px;
    height: 30px;
    padding-left: 50px;
    padding-top: 5px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    color: #838181;
}

.menuTitle {
    font-weight: bold;
    color: #3b45c4;
    background: #f7c3d9;
    width: 100px;
    padding: 5px;
}

.paneltitle {
    margin: 0 0 0 0;
    font-size: 15px;
    padding: 4px;
    background-color: #f49dd7;
    color: #fffeee;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #f293d1; /* Old browsers */
    background: -moz-linear-gradient(top,  #f293d1 0%, #f296d2 50%, #f49dd7 51%, #f49dd7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f293d1), color-stop(50%,#f296d2), color-stop(51%,#f49dd7), color-stop(100%,#f49dd7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f293d1 0%,#f296d2 50%,#f49dd7 51%,#f49dd7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f293d1 0%,#f296d2 50%,#f49dd7 51%,#f49dd7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f293d1 0%,#f296d2 50%,#f49dd7 51%,#f49dd7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f293d1 0%,#f296d2 50%,#f49dd7 51%,#f49dd7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f293d1', endColorstr='#f49dd7',GradientType=0 ); /* IE6-9 */
}

.paneltitle2 {
    margin: 0 0 0 0;
    font-size: 15px;
    padding: 4px;
    background-color: #f49dd7;
    color: #fffeee;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #00dfdc; /* Old browsers */
    background: -moz-linear-gradient(top,  #00dfdc 0%, #a7e4f5 50%, #2989d8 50%, #73e3f7 51%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00dfdc), color-stop(50%,#a7e4f5), color-stop(50%,#2989d8), color-stop(51%,#73e3f7), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00dfdc 0%,#a7e4f5 50%,#2989d8 50%,#73e3f7 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00dfdc 0%,#a7e4f5 50%,#2989d8 50%,#73e3f7 51%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00dfdc 0%,#a7e4f5 50%,#2989d8 50%,#73e3f7 51%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00dfdc 0%,#a7e4f5 50%,#2989d8 50%,#73e3f7 51%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dfdc', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */


}




.paneltitle .title {
    margin: 0 0 0 0;
    font-size: 15px;
    cursor:pointer
}

.headerTitle {

    font-size: 16px;
    padding: 10px 0px 0px 10px;
    height: 40px;
    background-color: #f49dd7;
    color: #fa39d3;
    letter-spacing:2px;
    font-weight: bold;
    background: url('../images/diagram-02.png') no-repeat 0px 0px;

    /*-webkit-border-top-left-radius: 10px;*/
    /*-webkit-border-top-right-radius: 10px;*/
    /*-moz-border-radius-topleft: 10px;*/
    /*-moz-border-radius-topright: 10px;*/
    /*border-top-left-radius: 5px;*/
    /*border-top-right-radius: 5px;*/
    /*border-bottom-left-radius: 5px;*/
    /*border-bottom-right-radius: 5px;*/
    margin: 0px 0px 0px 0px;
    background: #df7eb3 url('../images/diagram-02.png') no-repeat 0px 0px;
    background: -moz-linear-gradient(top,  #df7eb3 0%, #fcddfa 49%, #fcddfa 51%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df7eb3), color-stop(49%,#fcddfa), color-stop(51%,#fcddfa), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #df7eb3 0%,#fcddfa 49%,#fcddfa 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #df7eb3 0%,#fcddfa 49%,#fcddfa 51%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #df7eb3 0%,#fcddfa 49%,#fcddfa 51%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #df7eb3 0%,#fcddfa 49%,#fcddfa 51%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df7eb3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.headerTitle .title {
    margin: 0 0 0 0;
    font-size: 15px;
    cursor:pointer
}

span.premium {
    float: right;
    color: #008abd;
}

span.premium a{
    position: relative;
    top: -20px;
}

label.policyNo {
    position: relative;
    width: 110px;
    color: #335764;
    display: inline-block;
    padding-left: 10px;
    /*background: url(../images/vcard-edit-icon.png ) no-repeat 0px -2px;*/

}

label.client {
    /*background: url(../images/green-user-icon.png ) no-repeat 0px 0px;*/
    padding-left: 10px;
    font-weight: normal;
}

label.title {
    font-weight: bold;
    font-size: 13px;
    /*background: url(../images/application-view-tile-icon.png ) no-repeat 10px 0px;*/
    padding-left: 10px;


}

div.info1 {
    margin-top: 3px;
    margin-left: 0px;
    width: auto;
}

div.info2 {
    margin-top: 3px;
    margin-left: 0px;
    font-size: 15px;
    width: auto;
}



#footer {
    position: relative;
    width: 761px;
    margin: 0 auto;
    padding: 0;
    margin-top: -20px;
    line-height: 70px;
    color: #df1ec6;
    height: 50px;
    text-align: center;

}

.app-modal-window .modal-dialog {
    width: 1000px;
}

/* Modal */

.modal {
    display: block;
}

.dialog-header-error { background-color: #d2322d; }
.dialog-header-wait { background-color: #428bca; }
.dialog-header-notify { background-color: #eeeeee; }
.dialog-header-confirm { background-color: #333333; }
.dialog-header-error span, .dialog-header-error h4,
.dialog-header-wait span, .dialog-header-wait h4,
.dialog-header-confirm span, .dialog-header-confirm h4 { color: #ffffff; }

/* Ease Display */

.pad { padding: 25px; }


/* End Modal */



#jobstep-left {
    position: absolute;
    top: 85px;
    bottom: 0;
    left: 0px;
    width: 450px;
    overflow-y: scroll;
    /*height: 100%;*/
    height: calc(100% - 85);
    padding-left: 5px;
    padding-right: 5px;

}

#jobstep-right {
    position: absolute;
    top: 85px;
    bottom: 0;
    right: 0;
    left: 462px;
    overflow-y: scroll;

}

#jobstep-add-cen {
     position: absolute;
     top: 320px;
     bottom: 0;
     left: 0px;
     width: 48.5%;
     overflow-y: scroll;
     /*height: 100%;*/
     /*height: calc(100% - 85);*/
     height: 220px;
     padding-left: 5px;
     padding-right: 5px;

 }

#jobstep-add-cen2 {
    position: absolute;
    top: 320px;
    bottom: 0;
    left: 50%;
    width: 49%;
    overflow-y: scroll;
    /*height: 100%;*/
    /*height: calc(100% - 85);*/
    height: 220px;
    padding-left: 5px;
    padding-right: 5px;

}

#jobstep-add-cen_all {
    position: absolute;
    top: 600px;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-y: scroll;
    /*height: 100%;*/
    /*height: calc(100% - 85);*/
    height: 220px;
    padding-left: 5px;
    padding-right: 5px;

}

#jobstep-content-main {

}

#jobstep-content-info {
    position: absolute;
    top: 0;
    bottom: calc(50% + 50px);
    left: 0;
    right: 0;
    overflow: auto;
    margin-top: 35px;
}

#jobstep-content-job {
    position: absolute;
    height: calc(50%);
    /*height: 100px;*/
    bottom: 50px;
    left: 0;
    right: 0;
    overflow: auto;
    padding-top: 10px;

}


#content-top {
    position: absolute;
    top: 0px;
    bottom: calc(50% + 12px);
    left: 0px;
    width: 100%;
    overflow-y: scroll;
    margin-top: 35px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
}

#content-bottom {
    position: absolute;
    height: calc(50%);
    bottom: 0px;
    left: 0;
    right: 0;
    overflow: auto;
    padding-top: 10px;

}


#panel-content1 {
    position: absolute;
    /*height: 300px;*/
    height: calc(50%);
    bottom: 0px;
    left: 0;
    right: 0;
    overflow: auto;
    padding-top: 10px;

}


#jobstep-sidebar-resizer {
    background: -webkit-linear-gradient(top, #ada2ff, #fadef1);
    position: absolute;
    top: 85px;
    bottom: 0;
    left: 450px;
    width: 6px;
    cursor: e-resize;
}

#jobstep-content-resizer {
    position: absolute;
    height: 6px;
    /*bottom: 300px;*/
    bottom: calc(50% + 50px);
    left: 0;
    right: 0;
    background: -webkit-linear-gradient(left, #fdb6f9, #ffd3fc);
    cursor: n-resize;
}



tr div.job-opt {

    display: none;
    /*background: #b8d1f3;*/
}

/* Define the hover highlight color for the table row */
tr:hover div.job-opt {
    /*background-color: #ffff99;*/
    display: inline;
    height: auto;
    width: auto;
    /*background: #ffffff;*/
    /*box-shadow: 0 0 4px #888888;*/
    position: absolute;
    /*padding: 8px;*/
    text-align: right;
    /*top: 0px;*/
    /*left:0px;*/
    /*z-index:1000;*/
}


table.formInput {
    margin-left: 50px;
    margin-top: 10px;
}

table.formInput td {

}

table.formInput td[align="left"] {
    background: url(images/orangeDots.gif) no-repeat 4px 10px;
    background-color: #fff6e6;
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 50px;
}

table.formInput td input[type="text"] {
    min-width: 130px;
    width: 130px;
}

table.formInput td select {
    min-width: 130px;
    width: 130px;
    min-height: 25px;
}

table.formInput tr.buttonline td {
    padding-top: 5px;
}

.tabletitlediv {
    font-size: 15px;
    color: #6a6b95;
    padding: 3px;
    margin-top: 10px;
}
.wordwrap2{
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}