.vw-systitle {
    color: #ffffff;
    font-size: 1.75em;
    font-weight: bold;
   
}

.vw-imgFrame {
    border: 5px solid #bfbfbf;
    border-radius: 15px;
}
img {
    /*border-radius: 15px;*/
}


/*---- big menu----*/
.vw-bigMenuBorder {
    
    text-align: center;
    margin-bottom:20px;
}
    .vw-bigMenuBorder > a {
        text-align: center;
        font-weight:bold;
        font-size:1.2em;
        display:block;
        padding:10px;
        border-radius:5px;
        min-height:50px;
        border:2px solid #aaa;
        color:inherit;
        background: -webkit-linear-gradient(#f3f3f3, #ffffff); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#f3f3f3, #ffffff); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#f3f3f3, #ffffff); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#f3f3f3, #ffffff);
        /*color:#2a6496;*/
        color: #333;
    }

    .vw-bigMenuBorder > a:hover {
        cursor:pointer;
        background: -webkit-linear-gradient(#0391cc, #005f87); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#0391cc, #005f87); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#0391cc, #005f87); /* For Firefox 3.6 to 15 */
        /*background: linear-gradient(#0391cc, #005f87);*/
        background: #49970f;
        /*border:2px solid #08aff5;*/
        border:1px solid #49970f;
        box-shadow: 1px 1px 5px #888888;
        color:#ffffff;
    }
/*---embed from responsivegrisystem-----*/
.col {
	display: block;
	float:left;
	margin: 1px 0 0px 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

.row {
	clear: both;
	padding: 0px;
	margin: 0px;
    
}

.rowgroup:before,
.rowgroup:after {
    content:"";
    display:table;
}
.rowgroup:after {
    clear:both;
}
.rowgroup {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
    
}
.span_1_of_2 {
	width: 49.2%; 
}
.span_2_of_2 {
	width: 100%; 
}
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.1%; 
}

.span_1_of_3 {
	width: 32.2%; 
}
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
    
}

.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
      
}
.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}

.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
	width: 87.3%; 
}

.span_6_of_8 {
	width: 74.6%; 
}

.span_5_of_8 {
	width: 61.9%; 
}

.span_4_of_8 {
	width: 49.2%; 
}

.span_3_of_8 {
	width: 36.5%;
}

.span_2_of_8 {
	width: 23.8%; 
}

.span_1_of_8 {
	width: 11.1%; 
}
.span_9_of_9 {
	width: 100%;
}

.span_8_of_9 {
	width: 88.71%;
}

.span_7_of_9 {
	width: 77.42%; 
}

.span_6_of_9 {
	width: 66.13%; 
}

.span_5_of_9 {
	width: 54.84%; 
}

.span_4_of_9 {
	width: 43.55%; 
}

.span_3_of_9 {
	width: 32.26%;
}

.span_2_of_9 {
	width: 20.97%; 
}

.span_1_of_9 {
	width: 9.68%; 
}

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.46%;
}

.span_10_of_12 {
	width: 83%;
}

.span_9_of_12 {
	width: 74.54%;
}

.span_8_of_12 {
	width: 66.08%;
}

.span_7_of_12 {
	width: 57.62%; 
}

.span_6_of_12 {
	width: 49.16%; 
}

.span_5_of_12 {
	width: 40.7%; 
}

.span_4_of_12 {
	width: 32.24%; 
}

.span_3_of_12 {
	width: 23.78%;
}

.span_2_of_12 {
	width: 15.32%; 
}

.span_1_of_12 {
	width: 6.86%; 
}

.gridbox {
    padding:8px 10px;
    height:100%;
    margin:3px 0px 5px;
    background-color:#f0f0f0;
    border-radius:5px; border:1px solid #fff;
    -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.gridcolorbox {
    background-color:#f0f0f0; padding:10px; border-radius:5px; border:1px solid #fff;
    -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

/*---end embed from responsivegrisystem-----*/

/* --- layout column -----*/
.vw-rowspan {
width:100%;
display:inline-block;
/*
  border:1px solid #f1f1f1;
box-shadow:0px 0px 5px 0px rgba(0,0,0,0.25);  
    */


}
.vw-rowspanbox {
    border:1px solid #f1f1f1;
    padding:10px;
    height:100%;
}
.vw-rowspanbgcolor {
    background-color:#f0f0f0;
    padding:10px;
    height:100%;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    width:100%;
}
.vw-span1 {
float:left;
width:75%;
}
.vw-span2 {
    margin-left:76%;
    width:24%;
}
.vw-spansub1 {
float:left;
width:31%;
}
.vw-spansub2 {
    margin-left:32%;
    width:68%;
}
.vw-spanhalf {
    width: 49.5%;
    float: left;

    
}
.vw-spanhalf1 {
    width: 49%;
    margin-left:50.5%;

    
}
/*-----Label content with left right------*/
.editor-labelLR
{
    position:relative;
    float:left;
    font-size:0.88em !important;
    width:150px;
    padding-top:3px;
    padding-bottom:3px;
    min-height:16px;
}
.editor-fieldLR {
    position:relative;
    font-size:0.88em !important;
    /*margin-left:155px;*/
    font-weight:bold;
    /*width:300px !important;*/
    min-height:16px;
    padding-top:3px;
    padding-bottom:3px;
}
.editor-fieldDay {
    float:left;
}
.editor-fieldMth {
    width:100%;
    margin-left:5px;
}
.editor-fieldYear {
 
}

.editorboxpreview {
    border:none;
    width:100%;
    background-color:transparent;
    padding:0;
    color:#000;
    font-weight:bold;
}

.editorboxpreview2 {
    border:none;
    width:100%;
    background-color:transparent;
    padding:0;
    color:#264a9b;
    /*font-weight:bold;*/
}

.editorboxpreview3 {
    border:none;
    width:100%;
    background-color:transparent !important;
    padding:0;
    color:#000;
    /*font-weight:bold;*/
}
/*input[type="text"]:disabled {//comment out by chiyen 20140722
    color: #666666;
    border: 1px solid #e2e2e2;
    background-color: #f1f1f1;
    margin: 4px 0 5px 0;
    padding: 3px;
    font-weight:normal !important;
    cursor:not-allowed;
}*/
input[type="text"].editorboxpreview:disabled {
    border:none;
    width:100%;
    background-color:transparent;
    padding:0;
    color:#000 !important;
    font-weight:bold !important;
    text-align:right;
}
input[type="text"].editorboxpreview2:disabled {
    border: none;
    width: 100%;
    background-color: transparent;
    padding: 0;
    color: #000 !important;
    font-weight: bold !important;
    
}

input[type="text"].editorboxpreview3:disabled {
    border: none;
    width: 100%;
    background-color: transparent;
    padding: 0;
    color: #666 !important;
    
}


/*---- download file page ---*/
.vw-dwnldWrapper
{
    margin: 20px;
}
div.vw-dwnldWrapper table
{
    width: 85%;
}
/*---- end download file page ---*/

.vw-tvoption
{
    font-size:0.80em;
    border:1px solid #a3a6b6;
    padding:3px 8px;
    background-color:#fff;
    color:#fff;
    border-radius:5px;
}

a.vw-tvoption:link, a.vw-tvoption:visited
{
    background-color:#f6f6f6;
    color:#5f5f5f;
}
a.vw-tvoption:hover
{
    background-color:#a3a6b6;
    color:#fff;

}
.vw-tvopbar
{
    margin-bottom:10px;
    margin-top:8px;

}
.vw-norecord
{
    /*background-color: #8d1014;
    color: #fff;*/
        background-color: #fff;
    color: #333;
    text-align:center;
    padding:3px;
}

/* ---- Tooltip ----*/
  .tooltip {
            background-color: #fffed0;
            border: 1px solid #d1d1d1;
            padding: 10px 15px;
            width: 500px;
            display: none;
            color: #000;
            text-align: left;
            font-size: 0.90em;
            box-shadow: 1px 1px 8px #888888;
            /* outline radius for mozilla/firefox only */
            -moz-box-shadow:  1px 1px 8px #888888;
            -webkit-box-shadow:  1px 1px 8px #888888;
            }

    .tooltip:after
    {
        content: ' ';
	    height: 0;
	    position: absolute;
	    width: 0;
        left: 100%;
	    top: 10px;

    }          

 /* a .label element inside tooltip */
.tooltip .label {
    color: yellow;
    width: 35px;
 }
.tooltip a {
   color: #ad4;
   font-size: 0.85em;
   font-weight: bold;
}


.vw-required
{
    color: #d42025;
}
/*--- home box and styling ---*/
.vw-homebox
{
    margin-top:60px;
    text-align:center;
    width:800px;
    margin-left:auto;
    margin-right:auto;
}
/*---end home box and styling ----*/

.vw-checkboxtext
{
    padding-left:60px;
    margin-top:9px;
    font-size:0.95em;
    color:#666;
}
.vw-numericTD
{
    text-align:right;
}

/*--- successful ---*/
.vw-successbox
{
    background-color: #f9d2d2;
    border: 1px solid #990000;
    margin-left:auto;
    margin-right:auto;
    width:80%;
    padding:10px;
}

.message-success-big {
    clear: both;
    font-size: 1.5em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.vw-topgap
{
    height: 100px;
}
.vw-bottomgap
{
    height:100px;
}
/*--- Others styling ----*/
.vw-noticebox
{
    border:1px solid #ceb20b;
    background-color:#fffaca;
    padding:10px 10px 25px 10px;
    position:relative;
    width:800px;
    
    margin-bottom:10px;
}
.vw-infobox
{
    border:1px solid #ceb20b;
    background-color:#fffaca;
    padding:10px 10px 25px 10px;
    position:relative;
    width:800px;
    margin-left:auto;
    margin-right:auto;
    
}
.vw-bmColumn
{
    width:49%;
    float:left;
    border-right:1px dashed #ceb20b;
    height:100%;
   
}
.vw-biColumn
{
    width:50%;
    height:100%;
    padding-left:50%;
    
}
.vw-withDash
{
    border-bottom:1px solid #d7d08b;
    height:65px;
    margin-right:10px;
}
.vw-tncbox
{
    height:350px;
    overflow:auto;
    border:1px solid #ededed;
    padding:10px;
    color:#666666;
    
}
/*--- end Others styling ----*/
.vw-uppernote
{
    margin-top:5px;
}

.vw-notice
{
    font-size:1em;
    color:#955b0f;
    font-style:italic;
    font-weight:bold;
    padding-bottom:15px;
    padding-top:10px;
}
.vw-pagebreak { page-break-before: always; }
/*--- pwd strong indicator ---*/
.vw-pwdstrong
{
    color:#000;
    font-weight:bold;
    font-size:0.90em;
    background-image:url("../Images/greenloader.gif");
    background-repeat:repeat-x;
    padding:0px 3px 3px;
    border-radius:3px;
    border:1px solid #309a3e;
    text-shadow: 1px 1px 1px #fff;
}
.vw-pwdweak
{
    color: #000;
    font-weight:bold;
    font-size:0.90em;
    background-image:url("../Images/redloader.gif");
    background-repeat:repeat-x;
    padding:0px 3px 3px;
    border-radius:3px;
    border:1px solid #f10909;
    text-shadow: 1px 1px 1px #fff;
}
.vw-pwdmedium
{
    color:#000;
    font-weight:bold;
    font-size:0.90em;
    background-color:#fbd39c;
    background-image:url("../Images/mediumloader.gif");
    background-repeat:repeat-x;
    padding:0px 3px 3px;
    border-radius:3px;
    border:1px solid #e6a814;
    text-shadow: 1px 1px 1px #fff;
 
}

/*----- button for action link ----- */
.vw-homebutton
{
    background-image:url("../Images/Home.png");
    height:45px;
    width:60px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display: block;
    padding:0;
    margin:0;
    float:left;
}
.vw-previewbutton1
{
    background-image:url("../Images/preview_s.png");
    height:19px;
    width:16px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}
.vw-editbutton
{
    background-image:url("../Images/edit.png");
    height:19px;
    width:16px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}
.vw-detailsbutton
{
    background-image:url("../Images/details.png");
    height:19px;
    width:16px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}
.vw-deletebutton
{
    background-image:url("../Images/delete-s.png");
    height:19px;
    width:16px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}
.vw-closebutton
{
    background-image:url("../Images/close.png");
    height:19px;
    width:16px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}
.vw-attachmentbutton
{
    background-image:url("../Images/attach.png");
    height:19px;
    width:19px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}
.vw-deletebigbutton
{
    background-image:url("../Images/delete.png");
    height:53px;
    width:104px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    float: left;  
    padding-right:4px;
}
.vw-detailbigbutton
{
    background-image:url("../Images/detailbig.png");
    width:103px;
    height:53px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    float: left; 
}
.vw-createbutton
{
    background-image:url("../Images/addcreate.png");
    width:102px;
    height:53px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    float: left; 
}
.vw-applybutton
{
    background-image:url("../Images/apply.png");
    width:103px;
    height:53px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    float: left; 
}
.vw-nextbutton
{
    background-image:url("../Images/next.png");
    width:93px;
    height:53px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    float: left; 
}
.vw-reworkbutton
{
    background-image:url("../Images/rework.png");
    width:104px;
    height:53px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    float: left; 
}
.vw-submitbutton
{
    background-image:url("../Images/submit.png");
    width:105px;
    height:53px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    float: left; 
}
.vw-nextbutton-inactive
{
    background-image:url("../Images/nextinactive.png");
    width:93px;
    height:53px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    float: left; 
}
.vw-printbutton
{
    background-image:url("../Images/print.png");
    width:90px;
    height:53px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    float: left; 
}
.vw-backbutton
{
    background-image:url("../Images/back.png");
    width:93px;
    height:53px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    float: left;  
    padding-right:4px;
}
.vw-previewbutton
{
    background-image:url("../Images/preview.png");
    width:118px;
    height:53px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    float: left;  
    padding-right:4px;
}
.vw-addbutton
{
    background-image:url("../Images/addnew.png");
    width:66px;
    height:24px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}
.vw-dupPRbutton
{
    background-image:url("../Images/duplicatePR.png");
    width:140px;
    height:24px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}
.vw-dupbutton
{
    background-image:url("../Images/duplicate.png");
    width:122px;
    height:24px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}
.vw-contractbutton
{
    background-image:url("../Images/contract.png");
    width:122px;
    height:24px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}
.vw-freqpurchasebutton
{
    background-image:url("../Images/freqPurchase.png");
    width:200px;
    height:24px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}
.vw-freqpurchasebutton-inactive
{
    background-image:url("../Images/freqPurchase-inactive.png");
    width:200px;
    height:24px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}
.vw-writeInbutton
{
    background-image:url("../Images/write-in.png");
    width:140px;
    height:24px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}
.vw-writeInbutton-inactive
{
    background-image:url("../Images/write-in-inactive.png");
    width:140px;
    height:24px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}
.vw-downloadbutton
{
    background-image:url("../Images/download-s.png");
    width:16px;
    height:19px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}
.vw-uploadbutton
{
    background-image:url("../Images/upload-s.png");
    width:22px;
    height:22px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
}

.vw-accCreatebutton
{
    background-image:url("../Images/accoutCreation.png");
    width:280px;
    height:85px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    float:left;
}
.vw-idlebutton
{
    background-image:url("../Images/idleAcc.png");
    width:280px;
    height:72px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    margin-left:10px;
}
.vw-lockAccbutton
{
    background-image:url("../Images/lockAcc.png");
    width:280px;
    height:85px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    float:left;
}
.vw-nonActivebutton
{
    background-image:url("../Images/inactiveAcc.png");
    width:280px;
    height:72px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    margin-left:10px;
}
.vw-approvebutton
{
    background-image:url("../Images/accept_s.png");
    width:22px;
    height:22px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    margin-left:5px;
}
.vw-rejectbutton
{
    background-image:url("../Images/reject_s.png");
    width:22px;
    height:22px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    margin-left:5px;
}
.vw-loginbutton
{
    background-image:url("../Images/login.png");
    width: 104px !important;
    height:53px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    display:inline-block;
    margin-left:5px;
}
/*----- end button for action link ----- */

.editor-field-auto
{
    padding:0px 3px 15px 3px;
    font-weight:bold;
}
.editor-field-auto-big
{
    padding:0px 3px 3px 3px;
    font-weight:bold;
    font-size:1.2em;
    color:#264a9b;
}
.editor-field-numbering-preview
{
    padding:0px 3px 15px 36px;
    font-weight:bold; 
}

.editor-chkwidth {
    margin-right:10px;
}
.editor-field-numbering
{
    padding:0px 3px 3px 36px;

}
.editor-labelrequired label:after
{
    content:" *";
    color:#de2328;
    font-weight:bold;
    font-size:0.95em;
}
.editor-label label:after
{
    color:#de2328;
    font-weight:bold;
    font-size:0.95em;
}

.editor-labelpreview-asterik label:after
{
    content:" *";
    color:#de2328;
    font-weight:bold;
    font-size:1em;
}
.editor-labelBold label, .editor-labelBold
{
    font-weight:bold;
    font-size:1em;
    color:#000;
    
}
.editor-labelBoldTotal label, .editor-labelBoldTotal
{
    font-weight:bold;
    font-size:0.90em;
    color:#000;
    padding:3px 3px 3px 45px;
    
}
.editor-field-numbering-autobig
{
    padding:0px 3px 3px 36px;
    font-weight:bold;
    font-size:1.2em;
    color:#264a9b;
}
.editor-field
{
    padding:0px 3px 3px 3px;
    width:100%;
}
.vw-labelnumbering
{
    font-weight: normal;
    font-size:0.95em;
    float:left;
    padding:3px 3px 1px 0px;
    width:33px;
    display:none;
}
.editor-label, .display-label, .editor-labelrequired
{
    margin:5px 3px 1px 34px;
    position:relative;

}
.editor-labeloption
{
    margin:5px 3px 1px 34px;
    position:relative;
    
}
.editor-labelfixWidth
{
    margin:5px 3px 1px 34px;
    position:relative;
    width:90%;
    
}
.editor-labelpreview
{
    margin:5px 3px 1px 3px;
    position:relative;
}
.vw-alternateRow
{
    background-color:#f1f1f1;
}

/* ---- Country code with contact number ------ */
.editor-labelCountryCode
{
    
}
.editor-fieldAreaCode
{
    padding:0px 3px 3px 15px;
    width:50px;
    float:left;
}
.editor-fieldCountryCode
{
    padding:0px 3px 3px 0px;
    width:50px;
    float:left;
}
.editor-CountryArea
{
    width:50px;
}

.editor-fieldContact
{
    padding:0px 3px 3px 135px;
    width:200px;
    
}
.editor-ContactArea
{
    width:200px;
}
/* ---- DOB styling for normal numbering padding and none padding ------*/
.vw-customDropdwn {
    font-size:0.88em;
}
.editor-field-dateDay
{
    
    width:80px;
}
.editor-field-dateMonth
{
    width:150px;
}
.editor-field-dateYear
{
    width:65px !important;
}
.editor-dateDayNoPdd
{
    
    width:80px;
    float:left;
    
}
.editor-dateDay
{
    
    width:80px;
    float:left;
    margin-left:34px;
}
.editor-dateMonth
{
    padding:0px 3px 3px 4px;
    width:150px;
    float:left;
}
.editor-dateYear
{
    padding:0px 3px 3px 272px;
    width:65px !important;
    
}
/*----- small date month year----*/
.editor-sdateDay
{
    
    width:55px;
    float:left;
    
}
.editor-sdateMonth
{
    padding:0px 3px 3px 4px;
    width:100px;
    float:left;
}
.editor-sdateYear
{
    padding:2px 3px 3px 155px;
    width:65px !important;
    
}
.editor-field-sdateDay
{
    font-size:0.88em;
    width:55px;
}
.editor-field-sdateMonth
{
    width:100px;
    font-size:0.88em;
}
.editor-field-sdateYear
{
    width:45px !important;
    font-size:0.88em;
}
/*--- end small date month year ------*/
.editor-dateDayOnly-preview
{
    padding:0px 3px 3px 34px;
    width:20px;
    float:left;
    font-weight:bold;
}
.editor-dateMonthOnly-preview
{
    padding:0px 3px 3px 34px;
    width:50px;
    float:left;
    font-weight:bold;
}
.editor-dateMonthOnly
{
    padding:0px 3px 3px 34px;
    width:150px;
    float:left;
}
.editor-dateYearOnlywMth
{
    padding:0px 3px 3px 154px;
    width:65px !important;
}
.editor-dateYearNoPdd
{
    padding:0px 3px 3px 238px;
    
}
.editor-dateYearPddMth-preview
{
    padding:0px 3px 3px 186px;
    font-weight:bold;
}
.editor-dateYearPddMth
{
    padding:0px 3px 3px 186px;
    
}
/* --- Readonly DOB ----*/
.editor-field-dateDay-readonly
{
    background-color:#f1f1f1;
    width:80px;
}
.editor-field-dateMonth-readonly
{
    width:150px;
    background-color:#f1f1f1;
}
.editor-field-dateYear-readonly
{
    width:65px !important;
    background-color:#f1f1f1;
}
.editor-field-readonly
{
    background-color:#f1f1f1;
}
/* ---- 3 column title ----*/
.editor-fieldLeft label
{
    float: left;
    width:250px;
    padding:0px 3px 3px 34px;
    font-weight:bold;
}
.editor-fieldDDMid label
{
    width:250px;
    padding:0px 3px 3px 288px;
    font-weight:bold;
}
.editor-fieldDD label
{
    width:250px;
    padding:0px 3px 3px 548px;
    font-weight:bold;
}

/* --- special 3 columns drop down ----*/
.editor-specialDDLeft-preview
{
    float:left;
    width:250px;
    padding:0px 3px 3px 34px;
    font-weight:bold;
}

.editor-specialDDLeft
{
    float:left;
    width:250px;
    padding:0px 3px 3px 34px;
    
}
.editor-specialDDMid-preview
{
    width:300px;
    padding:0px 3px 3px 288px;
    font-weight:bold;
}
.editor-specialDDMid
{
    width:300px;
    padding:0px 3px 3px 288px;
    
}
.editor-specialDD
{
    width:250px;
    
}

.editor-field-specialDD
{ 
    width:250px;
}


.editor-specialDD-fieldlabel
{
    padding:3px 4px;
    text-align:center;
    font-style:italic;
    font-size:0.85em;
}
/*--- special right column short for 2 columns --*/
.editor-label2ColRightShort
{
    padding:0px 3px 3px 34px;
    width:250px;
}
/*-------- 2 columns----------- */
.editor-label2ColLeft
{
    float:left !important;
    width:250px;
    padding:0px 3px 3px 34px;
}
label.editor-label2ColLeft
{
    float:left !important;
    width:250px;
    padding:0px 3px 3px 0px;
}
.editor-label2ColRight
{
    padding:0px 3px 3px 277px;
    width:250px;
}
label.editor-label2ColRight
{
    width:250px;
}

.editor-field2ColLeft
{
    padding:0px 3px 3px 34px;
    float:left;
    width:250px;
}
.editor-field2ColLeft-preview
{
    padding:0px 3px 3px 34px;
    float:left;
    width:250px;
    font-weight: bold;
}
.editor-field2ColLeft
{
    width:250px;
}
.editor-field2ColLeft .text-box, .editor-field2ColRight .text-box
{
    width:250px;
}
.editor-field2ColRight
{
    padding:0px 3px 3px 310px;
    width:250px;
}
.editor-field2ColRight-preview
{
    padding:0px 3px 3px 310px;
    width:250px;
    font-weight: bold;
}
/* ------test with right align ----*/
.editor-textRight
{
    text-align: right;
    padding: 3px;
}
/* ----- Preview box ----*/
.vw-previewdemo {
    border: 1px solid #d5d8b5;
    background-color:#f2f5d6;
    padding:10px;
    
}
.vw-previewdemo-nopadding {
    border: 1px solid #f1f1f1;
    background-color:#f7f7f7;
    padding:10px;
    margin-bottom:10px;
    max-width:600px;
}
.vw-previewbox
{
    border: 1px solid #d5d8b5;
    background-color:#f2f5d6;
    padding:10px;
    max-width:600px;
    margin-left:36px;
}
.vw-previewbox-nopadding
{
    border: 1px solid #f1f1f1;
    background-color:#f7f7f7;
    padding:10px;
    margin-bottom:10px;
    max-width:600px;
}

/* ----- end preview box --------*/

/* ------ Delete wrapper box ------ */
.vw-boxwrapper
{
    border:1px solid #801c1c;
    background-color:#fbd1d1;
    padding:10px;
    width:600px;
    margin-left:auto;
    margin-right:auto;
    
}
.vw-custombutton
{
    margin:15px 10px 0px 10px;
    vertical-align: top;
    float:right;
    
}
.vw-sborder
{
    background-color: #d4d4d4;
    height: 1px;
}
.vw-paragraph
{
    line-height: 16pt;
    font-size: 0.95em;
}
header nav.vw-menubar
{
    background-image:url(/Images/topnavbar.gif);
    background-repeat:repeat-x;
    background-color:#fff;
    height:66px;
    margin:0px !important;
    padding:0px !important;
    font-family:'Segoe UI', Arial, Verdana;
    font-size:1.22em;
    font-weight:normal;
}

ul.vw-topnav  {
  list-style: none;
  padding: 0;
  margin: 0;
  background: none;
  position: relative;
}

ul.vw-topnav li
{
  float: left;
  padding:5px 0px 5px 0px;
}
.vw-topnav a {
  display: block;
  color:#000 !important;
  outline: none;
  text-decoration:none;
  padding:10px;
}
.vw-topnav a.active {
  display: block;
  color:#0054a6;
  outline: none;
  text-decoration:none;
  padding:10px;
}
.vw-topnav a:hover {
  color:#0054a6 !important;
  background-color:none !important;
}
.vw-topnav a:hover span {
  background-color:none !important;
}


.vw-loginTitle
{
    background-color:#832cba;
    margin-top:1px;
    padding-bottom:3px;
}

.vw-pdTitle
{
    background-color:#603913;
    margin-top:1px;
    padding-bottom:3px;
}

.vw-nrsReportTitle
{
    background-color:#c30c67;
    margin-top:1px;
    padding-bottom:3px;
}


.vw-forgotPwdTitle
{
    background-color:#ba2c2d;
    margin-top:1px;
    padding-bottom:3px;
}
.vw-forgotUsrTitle
{
    background-color:#d98921;
    margin-top:1px;
    padding-bottom:3px;
}
.vw-generalTitle
{
    background-color:#12245f;
    margin-top:1px;
    padding-bottom:3px;
}
.vw-reportTitle
{
    background-color:#c30c67;
    margin-top:1px;
    padding-bottom:3px;
}


.vw-blankTitle
{
    display:none;
}

/* ------ Login styling ---- */
.vw-loginbg
{
    background: url(/Images/loginbar.png) no-repeat;
    height:66px;
    min-width:230px;
}
.vw-loginarea
{
    background: url(/Images/loginbar-left.png) no-repeat;
    height:66px;
    padding:10px 10px 10px 15px;
    
}


/*----- stepy inactive ----*/
.vw-stepybar-inactive
{
    background-image:url("../Images/inactivestepy.gif");
    background-repeat:no-repeat;
    height:58px !important;
    width:100%;
}
    

    .vw-stepybar-inactive ul
    {
        display: none;
    }

/* ----- Stepy -----------------*/
.vw-stepybar
{
    background-image:url("../Images/stepybar.png");
    background-repeat:repeat-x;
    position:relative;
    background-position:bottom;
    margin:0 !important;
    padding:0;
    float:left;
    width:100%;
    background-color:transparent;
}

.vw-stepybar ul {
  position: relative;
  display:block;
  list-style: none;
  padding: 0px;  
  margin: 0px;      
  border: 0px solid #CCCCCC;    
}
.vw-stepybar ul li{ 
  position: relative; 
  display:block;
  padding-left:3px;
  padding-right: 3px;
  height:48px;
  border: 0px solid #E0E0E0;      
  float: left;
  padding-bottom:15px;
}
.vw-stepybar ul li a {
  display:block;
  position:relative;
  float:left;
  margin:0;
  padding:0px;
  white-space:normal;
  color:#d6d6d6;
  text-decoration: none;
  outline-style:none;
  -moz-border-radius  : 5px;
  -webkit-border-radius: 5px;
  z-index:0;
  
}
.vw-stepybar ul li a:hover
{
   color:#818181;

}

.vw-stepybar ul li a .stepNumber{
  position:relative;
  float:left;
  width:5px;
  height:27px;
  text-align: center;
  margin:2px 0px 5px 5px;
  background-image:url("../Images/graybar.png");
  background-repeat:no-repeat;
  color:#fff;
}
.vw-stepybar ul li a:hover .stepNumber
{
  color:#fff;
  background-image:url("../Images/orangebar.png");
  background-repeat:no-repeat;
}
.vw-stepybar ul li a .stepDesc{
  position:relative;
  display:block;
  float:left;
  text-align: left;
  padding-left:5px;
  padding-right:5px;
  padding-top:0px;
  font: normal 0.90em  "Segoe UI", Verdana, Helvetica, Sans-Serif;
  
}

.vw-stepybar ul li a .stepDesc small{
  font: normal 10px  "Segoe UI", Verdana, Helvetica, Sans-Serif;
}
/*--- inactive stepy numbering & text -----*/
.vw-stepybar ul li a.inactive .stepNumber
{
   color:#d6d6d6;
   background-image:url("../Images/graybar.png");
   background-repeat:no-repeat;
   pointer-events: none;
   cursor:default;

}
.vw-stepybar ul li a.inactive
{
   color:#d6d6d6;
   pointer-events: none;
   cursor:default;
}
/*--- on active stepy numbering & text -----*/
.vw-stepybar ul li a.active .stepNumber
{
   color:#fff;
   background-image:url("../Images/orangebar.png");
   background-repeat:no-repeat;
   
}
.vw-stepybar ul li a.active
{
   color:#818181;
   
}
/*--- on save stepy numbering & text -----*/
.vw-stepybar ul li a.save .stepNumber
{
   color:#3c3c3c;
   background-image:url("../Images/yellowbar.png");
   background-repeat:no-repeat;
   
}
.vw-stepybar ul li a.save
{
   color:#3c3c3c;
   

}
/*--- completed stepy numbering & text -----*/
.vw-stepybar ul li a.completed .stepNumber
{
   color:#fff;
   background-image:url("../Images/greenbar.png");
   background-repeat:no-repeat;
}
.vw-stepybar ul li a.completed
{
   color:#00a651;
}

/*.vw-stepybar ul li a.selected{
  color:#F8F8F8;
  background: EA8511 
  border: 1px solid #EA8511;
  cursor:text;
  -moz-box-shadow: 5px 5px 8px #888;
  -webkit-box-shadow: 5px 5px 8px #888;
  box-shadow: 5px 5px 8px #888;
}
.vw-stepybar ul li a.selected:hover {
  color:#F8F8F8;  
  background: #000;
   
}*/

/*---- TnC styling -----*/
.vw-globalListStyle
{
    padding-left:22px; 
    list-style:decimal;
}
.vw-listStyle
{
    list-style:none;
    padding-left:0px;
    padding-top:10px;
}
.vw-sublistStyle
{
    list-style:none;
    padding-left:0px;
    padding-top:10px;
}
    .vw-sublistStyle li
    {
        padding-bottom:10px;
    }
    .vw-sublistNum
    {
        float:left;
    }
    .vw-sublistitem
    {
        padding-left:50px;
    }
.vw-itemLI
{
    padding-bottom:10px;
}
.vw-listNum
{
    float: left;
}
.vw-listItem
{
    padding-left:35px;
}
.vw-listTitle
{
    text-decoration:underline;
    
}