/* DEFAULTS START ***************************************************************************************************************************************************************************/
*{ border: 0px; margin: 0px; padding: 0px; font: 10pt helvetica, arial; color: #000000; }
body{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; min-width: 800px; min-height: 400px; overflow: hidden; } 
label { margin-left: 5px; }

#preload-task { background: url(../images/dv_mm_tasks.png) no-repeat -9999px -9999px; }
#preload-database { background: url(../images/dv_mm_database.png) no-repeat -9999px -9999px; }
#preload-calendar { background: url(../images/dv_mm_calendar.png) no-repeat -9999px -9999px; }
#preload-reports { background: url(../images/dv_mm_reports.png) no-repeat -9999px -9999px; }

#preload-task-on{ background: url(../images/dv_mm_tasks_on.png) no-repeat -9999px -9999px; }
#preload-database-on { background: url(../images/dv_mm_database_on.png) no-repeat -9999px -9999px; }
#preload-calendar-on { background: url(../images/dv_mm_calendar_on.png) no-repeat -9999px -9999px; }
#preload-reports-on { background: url(../images/dv_mm_reports_on.png) no-repeat -9999px -9999px; }

.loaderimg { width: 32px; height: 32px; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px; }

#fileuploadview { z-index: 80000; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: url(../images/blockbg2.png); background: rgba(0,0,0,0.2); display: none; }
#fileuploadviewform { z-index: 80001; position: absolute; top: 50%; margin-top: -100px; left: 50%; margin-left: -270px; width: 500px; height: 80px; background-color: #ffffff; padding: 20px;
               -moz-box-shadow: 3px 3px 20px #000000; box-shadow: 3px 3px 20px #000000; -webkit-box-shadow: 3px 3px 20px #000000;
               -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-width: 500px;
}
#fileuploadname { position: relative; float: left; width: 200px; height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; }
#fileuploadstatus { position: relative; float: right; width: 200px; height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; text-align: right; }
#fileprogress { position: absolute; bottom: 20px; width: 500px; }

#subview { z-index: 50000; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: url(../images/blockbg2.png); background: rgba(0,0,0,0.2); display: none; }
#subviewform { z-index: 50001; position: absolute; bottom: 0px; left: 50%; margin-left: -36.5%; display: none; width: 70%; height: 85%; background-color: #ffffff; padding: 20px;
               -moz-box-shadow: 3px 3px 20px #000000; box-shadow: 3px 3px 20px #000000; -webkit-box-shadow: 3px 3px 20px #000000;
               -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px;
               -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }

#loadingview { z-index: 100000; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: url(../images/blockbg2.png); background: rgba(255,255,255,0.2); display: none; }
#loadingmsg { z-index: 100001; position: absolute; top: 0px; left: 50%; width: 120px; margin-left: -60px; height: 25px; background-color: #f9edbe; border: 1px solid #f0c36d; text-align: center;
              -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
              -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
#loadingmsg div { display: inline-block; font-weight: bold; margin-top: 4px; }

#loginmsg { display: none; z-index: 100001; position: absolute; top: 0px; left: 50%; width: 350px; margin-left: -175px; padding: 5px; background-color: #f9edbe; border: 1px solid #f0c36d; text-align: center;
              -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
              -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
#loginmsg span { display: inline-block; font-weight: bold; }

#loadingprocmsg { z-index: 8001; position: absolute; top: -1px; left: 50%; width: 250px; margin-left: -125px; height: 25px; background-color: #99ff99; border: 1px solid #336600; text-align: center;display: none;
              -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
              -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
#loadingprocmsg div { display: inline-block; font-weight: bold; margin-top: 4px; }

#winbar { z-index: 200; position: absolute; left: 448px; top: 46px; bottom: 0px; width: 5px; background-color: transparent; cursor: w-resize; }

#userinfo{z-index: 100; cursor: pointer; float: right; color: White; font-size: 11pt; padding-right: 20px; padding-top: 11px; margin-top: 0px;}
#userinfo:hover{ cursor: pointer; margin-top: 1px; padding-right: 19px;}



#acctmenu{ position: absolute; display: none; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: transparent; z-index:90000; top: 0px; left: 0px; }

#acctmenuarrow { position: absolute; display: none;  z-index: 900001; top: 35px; right: 75px; width: 16px; height: 10px; background-image: url(../images/menuarrow.png);}
#acctitems {  position: absolute; display: inline-block; background-color: #ffffff; z-index:90000; top: 42px; right: 16px; padding-top: 5px; padding-bottom: 5px; border: solid 1px #282828;
                -moz-border-radius: 5px; -moz-box-shadow: 4px 4px 12px #000000; -webkit-border-radius: 5px; -webkit-box-shadow: 4px 4px 12px #000000; border-radius: 5px; box-shadow: 4px 4px 12px #000000; }
        
#acctitems ul { list-style-type: none; margin: 0px; padding: 0px; }
        
#acctitems li { padding: 4px 12px 4px 12px; cursor: pointer; }
        
#acctitems li:hover { background-color: #003366; color: #ffffff;  background-image: url(../images/sortbg1.png); }

#chgpwdblock { position: absolute; display: none;top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #333333; z-index:90002; top: 0px; left: 0px; filter:alpha(opacity=70); opacity:0.7; }
#chgpwdform 
{ 
    position: absolute; display: none; width: 550px; height: 340px; top: 50%; left: 50%; margin-left: -275px; margin-top: -170px; background-color: #ffffff; z-index: 90003;
    border: solid 1px #282828;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
    -moz-box-shadow: 4px 4px 12px #000000; -webkit-box-shadow: 4px 4px 12px #000000; box-shadow: 4px 4px 12px #000000;
}

#chgpwdfields { position: relative; float: left; width: 100%; }
#chgpwdtitle { position: relative; float: left; clear: both; font-size: 16pt; font-weight: bold; width: 90%; margin: 20px 0px 0px 20px; }
#chgpwddesc { font-size: 12pt; color: #999999; font-weight: normal; position: relative; float: left; width: 90%; margin: 5px 0px 40px 20px; }
.chgpwdfielddiv { position: relative; display: inline-block; width: 98%; }

.chgpwdfielddiv label { position: relative; float: left; display: block; width: 150px; text-align: right; margin-right: 20px; padding-top: 7px; }

.chgpwdfielddiv input:focus
{
    border: solid 1px #24B2E6;
    box-shadow: 0 0 5px #24B2E6;
    -webkit-box-shadow: 0 0 5px #24B2E6; 
    -moz-box-shadow: 0 0 5px #24B2E6; 
}
        
.chgpwdinput 
{ 
    position: relative; float: left; width: 200px; font: 14pt helvetica, arial; padding: 4px; border: solid 1px #999999; 
    outline:none; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;                  
}
        
.chgpwdbtn 
{ 
    position: relative; float: left; margin-right: 10px; margin-top: 15px; 
    -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;
}
        
.chgpwdtext { position: relative; float: left; white-space: nowrap; margin-left: 10px; margin-top: 35px; color: #777777; font-style: italic; }
        
#btnchgpwdupdate{ background-color: #2DB8EC; font-weight: bold; color: #FFFFFF; height: 30px; border: solid 1px #096EB3; width: 130px; }
#btnchgpwdupdate:hover{ background-color: #25A2D6; cursor: pointer; }
        
#btnchgpwdcancel{ background-color: #f0f0f0; font-weight: bold; color: #000000; height: 30px; border: solid 1px #cccccc; width: 100px; }
#btnchgpwdcancel:hover{ background-color: #cccccc; border: solid 1px #777777; cursor: pointer; }

#copyright { display: none; }
/* DEFAULTS END ****************************************************************************************************************************************************************************/


/* UH-OH START ******************************************************************************************************************************************************************************/
#uhoh_app { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #676C72 url(../images/fbg.png);  display: block; }
#uhoh_content { position: absolute; top: 50%; left: 50%; width: 500px; height: 200px; margin-left: -250px; margin-top: -200px; background-color: #ffffff; border: solid 1px transparent; border-collapse: separate;
            -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
            -moz-box-shadow: 3px 3px 20px #000000; box-shadow: 3px 3px 20px #000000; -webkit-box-shadow: 3px 3px 20px #000000;
            /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); 
            /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
}
#uhoh_header { position: relative; float: left; font-size: 20pt; font-weight: bold; color: #333333; text-align: center; margin-top: 20px; width: 100%; }
#uhoh_subheader { position: relative; text-align: center; width: 100%; margin: 5px 0px 30px 0px; }
#uhoh_errmsg { position: relative; text-align: center; width: 80%; margin: 0px 0px 30px 0px; font-size: 11pt; margin-left: auto; margin-right: auto; }
/* UH-OH END ********************************************************************************************************************************************************************************/


/* NO SCRIPT STYLING START ******************************************************************************************************************************************************************/
#_noscript_msg_app { z-index: 5000; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #676C72 url(../images/fbg.png);  display: block; }   /* when changing the bgimg, make sure the bgcolor resembles the background image */
#_noscript_msg { position: absolute; top: 50%; left: 50%; width: 500px; height: 200px; margin-left: -250px; margin-top: -200px; background-color: #ffffff; border: solid 1px transparent; border-collapse: separate;
            -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
            -moz-box-shadow: 3px 3px 20px #000000; box-shadow: 3px 3px 20px #000000; -webkit-box-shadow: 3px 3px 20px #000000;
            /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); 
            /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
}
#_noscript_header { position: relative; float: left; font-size: 16pt; font-weight: bold; color: #333333; text-align: center; margin-top: 20px; width: 100%; }
#_noscript_subheader { position: relative; float: left; text-align: center; width: 100%; margin: 10px 0px 30px 0px; }
#_noscript_browsericons { position: relative; float: left; margin-left: 100px; }
#_noscript_browsericons a { margin-right: 25px; }
#_noscript_copyrights { position: relative; float: left; width: 100%; text-align: center; margin-top: 20px; font-size: 9pt; color: #999999; }
/* NO SCRIPT STYLING END ********************************************************************************************************************************************************************/


/* SIGNIN START *****************************************************************************************************************************************************************************/
#signinclose { z-index: 1001; position: absolute; width: 25px; left: 50%; top: 50%; margin-left: 290px; margin-top: -260px; color: #ffffff; cursor: pointer; }
#signin { z-index: 1000; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #676C72 url(../images/fbg.png);  }  /* when changing the bgimg, make sure the bgcolor resembles the background image */

#signin label { margin-left: 5px; }
#signin input { border: 1px solid #999999; margin: 5px; padding: 5px; outline: none; font-size: 11pt; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
        transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;  
        box-shadow: inset 0 1px 2px #cccccc; -ms-box-shadow: inset 0 1px 2px #cccccc; -moz-webkit-shadow: inset 0 1px 2px #cccccc; -moz-box-shadow: inset 0 1px 2px #cccccc; }
#signin input:focus { border: 1px solid #24B2E6; box-shadow: 0 0 5px #24B2E6; -webkit-box-shadow: 0 0 5px #24B2E6; -moz-box-shadow: 0 0 5px #24B2E6; }

#frmsignin { z-index: 600; position: absolute; width: 600px; height: 300px; top: 50%; left: 50%; margin-left: -300px; margin-top: -250px; background-color: #ffffff; border: solid 1px transparent; border-collapse: separate;
            -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
            -moz-box-shadow: 3px 3px 20px #000000; box-shadow: 3px 3px 20px #000000; -webkit-box-shadow: 3px 3px 20px #000000;
            /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); 
            /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
}
#signinform { position: absolute;  width: 300px; height: 300px; top: 0px; left: 0px; border-collapse: collapse; }
#socialsignin { position: absolute;  width: 300px; height: 300px; top: 0px; left: 300px; border-collapse: collapse; padding-left: 30px; }

#signinacct { position: absolute; top: 25px; right: 28px; } #signinacct a { font-size: 9pt; color: #24B2E6; text-decoration: none; } #signinacct a:hover { text-decoration: underline; }
#signinfpwd { position: absolute; bottom: 140px; right: 28px; } #signinfpwd a { font-size: 9pt; color: #24B2E6; text-decoration: none; } #signinfpwd a:hover { text-decoration: underline; }
#signinlabel { position: absolute; top: 20px; left: 25px; font-size: 16pt; color: #333333;}
#sociallabel { position: absolute; top: 20px; left: 25px; font-size: 16pt; color: #333333;}
#signinfields { position: absolute; top: 80px; left: 20px; right: 0px; bottom: 0px; }
.signinfieldsdiv { position: relative; display: block; width: 100%; height: 65px; }
#signinfields div label { position: relative; display: block;  float: left; clear: both; }
#signinfields div input { position: relative;  display: block; float: left; clear: both; width: 235px; }
#signincopy { position: absolute; bottom: 0px; height: 40px; left: 0px; right: 0px; }
#dvcopy { position: absolute; bottom: 10px; left: 20px; font-size: 9pt; color: #333333; }
#dvterm { position: absolute; bottom: 10px; right: 20px; } 
#dvterm a { font-size: 9pt; color: #333333; text-decoration: underline; margin-left: 20px; }
#dvlink { position: absolute; top: 0px; left: 50%; margin-left: -20px; width: 40px; height: 30px; background-image: url(../images/dvlogo_smoke.png); }
#btnSignIn { position: relative; display: block; float: left; width: 130px; cursor: pointer; }
.signinproc { background: #f1f1f1 url(../images/loading_textbox.gif) no-repeat 103px center; }
#signincopy { display: none; }

.socialbtn { position: absolute; width: 180px; height: 40px; border: 1px solid #999999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; left: 25px; padding-left: 50px; cursor: pointer; }
.socialbtn div { margin-top: 12px; color: #000000; font-weight: bold;  }
.socialbtn:hover { border: 1px solid #24B2E6; box-shadow: 0 0 5px #24B2E6; -webkit-box-shadow: 0 0 5px #24B2E6; -moz-box-shadow: 0 0 5px #24B2E6;  }
#signinfb { top: 80px; background: #ffffff url(../images/signin_fb.png) no-repeat 5px center; }
#signintw { top: 150px; background: #ffffff url(../images/signin_tw.png) no-repeat 5px center;  }
#signingp { top: 220px; background: #ffffff url(../images/signin_gp.png) no-repeat 5px center;  }
/* SIGNIN END ********************************************************************************************************************************************************************************/


/* CLEAR BLOCKER STYLING START **************************************************************************************************************************************************************/
#clearblock { z-index: 4000; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: #676C72; filter:alpha(opacity=10); opacity:0.1; display: none;  }
#loginbgblock { z-index: 500; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: url(../images/blockbg2.png); background: rgba(255,255,255,0.4); display: block; }
/* CLEAR BLOCKER STYLING END ****************************************************************************************************************************************************************/


/* SIGNIN BUTTON START ***********************************************************************************************************************************************************************/
#signinbtn { position: relative; float: right; margin: 0px 30px 0px 30px; height: 30px; border-top: 2px solid transparent; cursor: pointer; }
#signinbtn:hover { border-top: 2px solid #ffffff; }
#signinbtn:hover div { color: #ffffff; }
#signinbtn div { margin-top: 6px; color: #dddddd; font-weight: normal; }
/* SIGNIN BUTTON END *************************************************************************************************************************************************************************/

/* REGISTER BUTTON START *********************************************************************************************************************************************************************/
#registerbtn { position: relative; float: right; margin: 0px 0px 0px 30px; height: 30px; border-top: 2px solid transparent; cursor: pointer; }
#registerbtn:hover { border-top: 2px solid #ffffff; }
#registerbtn:hover div { color: #ffffff; }
#registerbtn div { margin-top: 6px; color: #dddddd; font-weight: normal;}
/* REGISTER BUTTON END ***********************************************************************************************************************************************************************/



/* EXTENDED PROPERTIES START ***************************************************************************************************************************************************************/
#extpropview { z-index: 40000; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;
               background-image: url(../images/blockbg2.png); background: rgba(255,255,255,0.2); display: none; }

#extprop { position: absolute; top: 50%; left: 50%; width: 500px; height:600px; margin-left: -250px; margin-top: -300px; right: 0; bottom: 0;
           -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ffffff;
           -moz-box-shadow: 3px 3px 20px #000000; box-shadow: 3px 3px 20px #000000; -webkit-box-shadow: 3px 3px 20px #000000;  }

#extprop .topspacer { position: relative; float: left; width: 100%; height: 20px; }
#extprop .xpc { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; overflow: auto; }
.extprop_label { position:relative; float: left; width: 150px; height: 20px; border-collapse: collapse; padding: 5px; border: 1px solid #cccccc; background-color: #fefefe; }
.extprop_fld { position:relative; float: left; width: 269px; height: 20px; border-collapse: collapse; padding: 5px;  border: 1px solid #cccccc; }
.extprop_fld input { width: 100%; border: 1px solid transparent; }
/* EXTENDED PROPERTIES END *****************************************************************************************************************************************************************/


/* MENU START ******************************************************************************************************************************************************************************/
#menuview {  z-index: 20000; position: absolute; top: 46px; left: 0px; right: 0px; bottom: 0px; background-image: url(../images/blockbg2.png); background: rgba(255,255,255,0.9); display: none; }
#mainmenu { position: absolute; top: 50%; left: 50%; margin-top: -100px; margin-left: -351px; width: 710px; height: 120px; border-collapse: collapse; }
#mainmenu div { transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;  }

#menuhome { position: relative; float: left; width: 120px; height: 120px; margin-right: 70px; cursor: pointer; background-image: url(../images/dv_mm_tasks.png); } 
#menuhome div { margin-left: 37px; margin-top: 120px; font-size: 11pt; }
#menuhome:hover { background-image: url(../images/dv_mm_tasks_on.png); background-position: 2px 5px; }

#menudata { position: relative; float: left; width: 120px; height: 120px; margin-right: 70px; cursor: pointer; background-image: url(../images/dv_mm_database.png); } 
#menudata div { margin-left: 27px; margin-top: 120px; font-size: 11pt; }
#menudata:hover { background-image: url(../images/dv_mm_database_on.png); background-position: 2px 5px; }

#menucal { position: relative; float: left; width: 120px; height: 120px; margin-right: 70px; cursor: pointer; background-image: url(../images/dv_mm_calendar.png); } 
#menucal div { margin-left: 29px; margin-top: 120px; font-size: 11pt; }
#menucal:hover { background-image: url(../images/dv_mm_calendar_on.png); background-position: 2px 5px; }

#menurep { position: relative; float: left; width: 120px; height: 120px; cursor: pointer; background-image: url(../images/dv_mm_reports.png); } 
#menurep div { margin-left: 32px; margin-top: 120px; font-size: 11pt; }
#menurep:hover { background-image: url(../images/dv_mm_reports_on.png); background-position: 2px 5px; }

#menudvlogo { position: absolute; width: 250px; left: 50%; margin-left: -125px; bottom: 10px; z-index: 1000;}
#dvlogo { position: relative; width: 100%; text-align: center; }
#dvbuild { position: relative; width: 100%; text-align: center; height: 0px; overflow: hidden; color: #69727B; }

/* MENU END *****************************************************************************************************************************************************************************/


/* APP START ********************************************************************************************************************************************************************************/
#app { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border-collapse: collapse; background-color: #232323; background-image: url(../images/fbg.png); }
#tb_home { display: none; }
#tb_data { display: none; }
#tb_cal { display: none; }
#tb_rep { display: none; }
#homeview { display: none; }
#dataview { display: none; }
#calview { display: none; }
#repview { display: none; }
/* APP END **********************************************************************************************************************************************************************************/



/* TOOLBAR BUTTON START **********************************************************************************************************************************************************************************/
#calbtnprev { position: absolute; top: 8px; left: 60px; width: 30px; height: 27px; border: 1px solid #00324c; background-color: #002335; z-index: 10;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer;
background-image: url(../images/calbtnprev.png); }

#calbtnrefresh { position: absolute; top: 8px; left: 110px; width: 30px; height: 27px; border: 1px solid #00324c; background-color: #002335; z-index: 10;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer;
background-image: url(../images/calbtnrefresh.png); }

#calbtn { position: absolute; top: 8px; left: 160px; width: 30px; height: 27px; border: 1px solid #00324c; background-color: #002335; z-index: 10;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer;
background-image: url(../images/calbtnon.png); }

#calbtnnext { position: absolute; top: 8px; left: 210px; width: 30px; height: 27px; border: 1px solid #00324c; background-color: #002335; z-index: 10;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer;
background-image: url(../images/calbtnnext.png); }
/* TOOLBAR BUTTON END **********************************************************************************************************************************************************************************/



/* HOMEVIEW START ********************************************************************************************************************************************************************************/
#homeview { z-index: 10000; overflow: auto; position: absolute; top: 46px; right: 0px; bottom: 0px; left: 0px; border-collapse: collapse; background-color: #ffffff; }
#welcome { position: absolute; top: 30px; left: 40px; color: #383838; font-weight: bold; font-size: 14pt; }
#welcomedt { position: absolute; top: 30px; right: 40px; color: #999999; font-weight: bold; font-size: 12pt;  }
#personaltasks { position: absolute; top: 100px; bottom: 40px; left: 40px; right: 40px; border: 1px solid #686868;
                 -moz-border-top-left-radius: 10px; -moz-border-top-right-radius: 10px; 
                 -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; 
                 border-top-left-radius: 10px; border-top-right-radius: 10px;  }
#ptaskheader { position: absolute; top: 0px; left: 0px; right: 0px; height: 30px; background-color: #e8e8e8; border-bottom: 1px solid #686868; 
               -moz-border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px;
               -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px;  }
#ptasktitle { position: relative; float: left; margin: 7px 0px 0px 10px; color: #383838; }
.taskfilterlink { position: relative; float: left; margin: 7px 0px 0px 20px; color: #51A4CF; text-decoration: none; cursor: pointer; }
.taskfilterlink:hover { text-decoration: underline; }
#notaskmsg { position: absolute; top: 40px; left: 10px; color: #cccccc; font-weight: bold; font-size: 12pt; font-style: italic; }
#tasklist { position: absolute; top: 31px; left: 0px; right: 0px; bottom: 20px; }
#taskbtnadd { position: absolute; top: 8px; left: 55px; width: 30px; height: 27px; border: 1px solid #00324c; background-color: #002335;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
background-image: url(../images/addnewbtnon.png); cursor: pointer; }
/* HOMEVIEW START *******************************************************************************************************************************************************************************/



/* REPVIEW START ********************************************************************************************************************************************************************************/
#repview { z-index: 10000; overflow: auto; position: absolute; top: 46px; right: 0px; bottom: 0px; left: 0px; border-collapse: collapse; background-color: #ffffff; }
#repheader { position: absolute; top: 40px; left: 40px; color: #cccccc; font-weight: bold; font-size: 12pt; font-style: italic; }
/* REPVIEW START ********************************************************************************************************************************************************************************/



/* CALVIEW START ********************************************************************************************************************************************************************************/
#calview { z-index: 10000; overflow: auto; position: absolute; top: 46px; right: 0px; bottom: 0px; left: 0px; border-collapse: collapse; background-color: #232323; background-image: url(../images/fbg.png); }
.calweek { position: relative; width: 1484px; background-color: #ffffff; border-top: 1px solid #333333; border-bottom: #484848; margin-bottom: 30px;
           -moz-box-shadow: 3px 3px 20px #000000; box-shadow: 3px 3px 20px #000000; -webkit-box-shadow: 3px 3px 20px #000000; }
.caltech { position: absolute; top: 0px; bottom: 0px; width: 140px; border-right: 1px solid transparent; }
.calday { position: absolute; top: 0px; bottom: 0px; width: 192px; border-right: 1px solid transparent; }
.calheader {position: relative; width: 100%; padding: 4px 0px 4px 0px; z-index:10001; background-color: #e8e8e8; border-bottom: 1px solid #383838; text-align: center; font-size: 12pt; }
.dayheaders { position: relative; width: 100%; height: 24px; z-index:10001; background-color: #ffffff; border-bottom: 1px solid #383838; }
.dayheaders div div { width: 100%; text-align: center; margin-left: 0px; }
.hourheaders { position: relative; width: 100%; height: 24px; z-index:10001; background-color: #ffffff; border-bottom: 1px solid #383838; }
._wk { font-weight: bold; color: #cccccc; }
.techs { position: absolute; top: 0px; bottom: 0px; width: 140px; border-right: 1px solid #383838; }
.techs div { margin: 4px 10px 0px 10px; }
.days { position: absolute; top: 0px; bottom: 0px; width: 192px; border-right: 1px solid #383838; }
.days div { margin: 4px 10px 0px 10px; }
.hours { position: absolute; top: 0px; bottom: 0px; width: 192px; background-image: url(../images/timeline.png); background-color: #f8f8f8; }
.techweek { position: relative; width: 100%; z-index: 10001; background-color: transparent; border-bottom: 1px solid #cccccc; }
.techweek .tech { position: absolute; top: 0px; bottom: 0px; width: 140px;  margin: 4px 10px 0px 10px; }

.tech span { white-space: nowrap;  width: 130px; overflow: hidden; text-overflow: ellipsis; display: inline-block;  }

.techweek .taskweek { position: absolute; top: 0px; left: 140px; right: 0px; bottom: 0px; }

.techweek .taskweek .task { position: absolute; height: 18px; 
                            -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
                            white-space: nowrap; text-overflow: ellipsis; width: 130px; overflow: hidden; display: inline-block; 
                            color: #ffffff; padding-left: 3px; padding-top: 3px; cursor: pointer; }
                            
#caltbspacer { position: absolute; top: 0px; left: 0px; height: 45px; width: 255px; border-right: 1px solid #00273a;  }
#calbtnadd { position: absolute; top: 8px; left: 270px; width: 30px; height: 27px; border: 1px solid #00324c; background-color: #002335;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
background-image: url(../images/addnewbtnon.png); cursor: pointer; }

#minicalview { z-index: 999999; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;
               background-image: url(../images/blockbg2.png); background: rgba(255,255,255,0.2); display: none; }

#minical { position: absolute; top: 38px; left: 160px; width: 252px; height: 190px; right: 0; bottom: 0;
           -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
           -moz-box-shadow: 3px 3px 20px #000000; box-shadow: 3px 3px 20px #000000; -webkit-box-shadow: 3px 3px 20px #000000;  }
/* CALVIEW END **********************************************************************************************************************************************************************************/



/* APPHEADER START **************************************************************************************************************************************************************************/
#appheader {    position: absolute; top: 0px; right: 0px; left: 0px; height: 46px; border-collapse: collapse; background-image: url(../images/dv_bg_toolbar_001.png);
}
#home { z-index: 10; position: absolute; top: 0px; left:0px; width: 45px; height: 45px; border-right: 1px solid #00273a;  }
#homebtn { position: absolute; top: 8px; left: -10px; width: 43px; bottom: 9px; border: 1px solid #00324c; background-color: #00293d; cursor: pointer;
              -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
#homeicon { position: absolute; top: 4px; left: 15px; width: 21px; height: 18px; background-image: url(../images/dv_home_icon.png); }

#categorydd { z-index: 10; position: absolute; top: 8px; left: 56px; width: 180px; bottom: 9px; border: 1px solid #00324c; background-color: #00293d; cursor: pointer;
              -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
#catdd_title { position: absolute; top: 0px; left: 0px; margin-top: 5px; margin-left: 10px; color: #f8f8f8; }
#catdd_arrow { position: absolute; top: 9px; right: 10px; height: 12px; width: 10px; background-image: url(../images/dd_arrows.png); background-position: 0px 0px;}

#categorydd:hover { background-color: #002335; }

#categories { z-index: 5000; position: absolute; background-color: transparent; top: 0px; right: 0px; left: 0px; bottom: 0px; display: none; }

#category_menu { z-index: 5001; position: absolute; top: 35px; left: 56px; background-color: #ffffff; width: 250px; height: 375px; border: 1px solid #000000; 
                 -moz-box-shadow: 3px 3px 20px #000000; box-shadow: 3px 3px 20px #000000; -webkit-box-shadow: 3px 3px 20px #000000;
                 -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
                 -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;
                 -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
                 
#category_menu_dd { z-index: 5002; position: absolute; top: 8px; left: 56px; width: 180px; height: 27px;
                   border-top: 1px solid #222222; border-right: 1px solid #222222; border-left: 1px solid #222222; background-color: #ffffff; color: Black; 
                   cursor: pointer; 
                   -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px;
                   -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;  }
                   
#report_menu { z-index: 5001; position: absolute; top: 35px; left: 56px; background-color: #ffffff; width: 250px; height: 375px; border: 1px solid #000000; 
                 -moz-box-shadow: 3px 3px 20px #000000; box-shadow: 3px 3px 20px #000000; -webkit-box-shadow: 3px 3px 20px #000000;
                 -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
                 -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;
                 -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
                 
#report_menu_dd { z-index: 5002; position: absolute; top: 8px; left: 56px; width: 180px; height: 27px;
                   border-top: 1px solid #222222; border-right: 1px solid #222222; border-left: 1px solid #222222; background-color: #ffffff; color: Black; 
                   cursor: pointer; 
                   -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px;
                   -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;  }
                   
#category_menu_title { position: absolute; top: 0px; left: 0px; margin-top: 5px; margin-left: 10px; color: #111111; }
#category_menu_arrow { position: absolute; top: 9px; right: 10px; height: 12px; width: 10px; background-image: url(../images/dd_arrows.png); background-position: 10px 24px;}

#srchfrm { z-index: 10; position: absolute; top: 3px; left: 240px; border: 0px solid red; }

.txtbx_shadow1 { box-shadow: inset 0 1px 2px #383838; -ms-box-shadow: inset 0 1px 2px #383838; -moz-webkit-shadow: inset 0 1px 2px #383838; -moz-box-shadow: inset 0 1px 2px #383838; }

#searchtext { border: 1px solid #00324c; margin: 5px; padding: 5px; outline: none; font-size: 11pt; width: 150px; background-color: #00293d;
              -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
              -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
#searchtextbtn { position: absolute; top: 5px; left: 165px; width: 30px; height: 27px; border: 1px solid #00324c; background-color: #002335;
                 -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
                 -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;
                 background-image: url(../images/searchtextbtnoff.png); }
                 
#addbtn { position: absolute; top: 8px; left: 463px; width: 30px; height: 27px; border: 1px solid #00324c; background-color: #002335;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
background-image: url(../images/addnewbtnoff.png); }



#searchwidth { position: absolute; top: 0px; left: 0px; height: 45px; width: 450px; border-right: 1px solid #00273a;  }

.catgroup { position: relative; float: left; width: 248px; height: 348px; border: 0px solid red; }

.repgroup { position: relative; float: left; width: 248px; height: 348px; border: 0px solid red; }


.catmenu { position: relative; width: 100%; float: left; width: 220px; min-height: 24px; padding-bottom: 2px; border: 1px solid transparent; padding-left: 8px; margin-top: 8px; margin-left: 10px;
           -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }
.catmenu span { position: relative; float: left; margin-top: 4px; overflow: hidden; }

.catmenu:hover { border: 1px solid #cccccc;  }



.repmenu { position: relative; width: 100%; float: left; width: 220px; min-height: 24px; padding-bottom: 2px; border: 1px solid transparent; padding-left: 8px; margin-top: 8px; margin-left: 10px;
           -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }
.repmenu span { position: relative; float: left; margin-top: 4px; overflow: hidden; }

.repmenu:hover { border: 1px solid #cccccc;  }

.repviewbtnicon {  }
.repviewbtn { position: relative; width: 220px; float: left; clear: both; padding: 3px; border: 1px solid transparent; margin: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; cursor: pointer; }
.repviewbtn:hover { border: 1px solid #cccccc; }


#sortmenu{ z-index:500; position: absolute; display: none; top:0px; left: 0px; right: 0px; bottom: 0px; background-color: transparent; }

#sortitems { z-index:501; position: absolute; display: inline-block; background-color: #ffffff;  top: 68px; padding-top: 5px; padding-bottom: 5px; border: solid 1px #282828; 
             -webkit-box-shadow: 4px 4px 12px #000000;-moz-box-shadow: 4px 4px 12px #000000;box-shadow: 4px 4px 12px #000000;
             -moz-border-bottom-left-radius: 5px;  -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; 
             -moz-border-bottom-right-radius: 5px;  -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; 
}
        
#sortitems ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
        
#sortitems li {
    padding: 4px 12px 4px 12px; cursor: pointer;
}
        
#sortitems li:hover {
        background-color: #003366; color: #ffffff; 
        background-image: url(../images/sortbg1.png);
}
/* APPHEADER END ****************************************************************************************************************************************************************************/


/* DATAVIEW START ***************************************************************************************************************************************************************************/
#dataview { position: absolute; top: 46px; right: 0px; bottom: 0px; left: 0px; border-collapse: collapse; overflow: hidden; }

#searchview { position: absolute; top: 0px; left: 0px; bottom: 0px; width: 450px; border-right: 1px solid #303030; background-color: #ffffff; overflow: hidden; }

#formview { position: absolute; top: 0px; left: 451px; right: 0px; bottom: 0px; background-color: #ffffff; }

/* DATAVIEW END *****************************************************************************************************************************************************************************/


/* SEARCHVIEW END ***************************************************************************************************************************************************************************/
#searchblock {   
    display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; filter:alpha(opacity=60); opacity:0.6; 
    background-color: transparent; text-align: center; vertical-align: middle; z-index: 98; background-image: url(images/blockbg1.png);
}

#summarydata 
{
    display: block; position: relative; float: left; height: 100%; width:100%; overflow: auto; overflow-x: hidden; 
    z-index: 97; background-color: #ffffff;
}

#nosearchresults { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: url(../images/nosearchresults.png); background-repeat: no-repeat; background-position: center; }
#searchheader { position: absolute; top: 0px; left: 0px; right: 0px; height: 22px; background-color: #e8e8e8; border-bottom: 1px solid #383838; display: none; }  
#searchbody { position: absolute; border-collapse: collapse; top: 23px; left: 0px; right: 0px; bottom: 0px; overflow-x: hidden; overflow-y: auto; display: none; }
#searchtitle { 
    position:relative; display: block; float: left;margin-top: 2px; margin-left: 8px; 
    font-weight: normal; font-size: 11pt; color: #282828;
}
#sort { 
    position:relative; display: block; float: right;margin-top: 2px; margin-right: 20px; 
    font-weight: normal; font-size: 11pt; color: #282828; white-space: nowrap; cursor: pointer;
}
#sort:hover {
    margin-top: 3px; margin-right: 19px;
}


#drb
{
    position: relative; display: inline-block; float: left; width: 100%; border-bottom: solid 1px #888888;
}

.dr
{
    position: relative; display: inline-block; float: left; clear: both;
    border-bottom: solid 1px #d8d8d8; padding: 0px; margin: 0px; 
    width: 100%; background-color: #ffffff; cursor: pointer;
}
        
.dr:hover {background-color: #daeefd;}
 
.dractive
{
    position: relative; display: inline-block; float: left; clear: both;
    border-bottom: solid 1px transparent; padding: 0px; margin: 0px; 
    width: 100%; color: #ffffff; 
    background-image: url(../images/selectedrecbg.png); cursor: pointer;
}
        
.dractive .d0 { color: #ffffff; }
.dractive .d1 { color: #daeefd; }
.dractive .dataitem { color: #ffffff; }
        
.d0
{
    display: block; position:relative; float: left; clear: both;
    width: 97%; text-align: left; font-weight: bold;
    padding: 5px 0px 3px 8px; overflow: hidden;
}
        
.d1
{
    display: block; position: relative; float: left; clear: both;
    width: 97%; text-align: left; padding: 5px 5px 3px 8px; overflow: hidden;
    color: #336699;
}
        
.d2
{
    display: block; position: relative; float: left; clear: both;
    width: 97%; text-align: left; padding: 3px 10px 10px 8px;
} 
        
.dataitem
{
    display: inline-block;
    position: relative;
    float: left;
    white-space: nowrap;
    margin-right: 15px;
    margin-bottom: 3px;
}

/* SEARCHVIEW END *****************************************************************************************************************************************************************************/


/* FORMVIEW START *****************************************************************************************************************************************************************************/
#norecordselected { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; background-image: url(../images/norecordselected.png); background-position: center; background-repeat: no-repeat; }
#formheader { position: absolute; top: 0px; left: 0px; right: 0px; height: 22px; background-color: #e8e8e8; border-bottom: 1px solid #383838; display: none; }  
#formbody { position: absolute; border-collapse: collapse; top: 23px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; display: none; }

.formpage{ 
    position:absolute; text-align: center; width: 100%; height: 100%; top: 0px; left: 0px; 
    background: #ffffff url(../images/fbg.png); overflow: auto; overflow-x: hidden; 
    border-left: solid 1px #888888; border-top: solid 1px #888888;  
    -moz-box-shadow: inset 1px 1px 8px #333333; -webkit-box-shadow: inset 1px 8px 5px #333333; box-shadow: inset 1px 1px 8px #333333; }
                   
.formwrapper {
    position: relative; display: inline-block; width: 90%; 
    margin-top: 20px; margin-bottom: 12px; margin-left: auto; margin-right:auto; 
    padding: 20px; background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333');  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333')";
    -moz-box-shadow: 3px 3px 10px #333333; -webkit-box-shadow: 3px 3px 10px #333333; box-shadow: 3px 3px 10px #333333; }
    
.workform
{ position: relative; display: inline-block; float: left;margin-left: 15px; }
        
.workform div
{ 
    position: relative; display: inline-block; float: left;
    border: solid 0px green; min-height: 50px; width: 46%; margin-right: 20px; margin-bottom: 10px;
}

.fldheader
{
    position:relative; float: left; display: inline-block; width: 96%; height: 20px; font-weight: bold; 
    font-size: 12pt; text-align: left; vertical-align: bottom; margin-bottom: 10px; margin-top: 20px;
    border-bottom: solid 1px black;
}
        
.workform div label
{
    position: relative; display: inline-block; float: left; text-align: left;
    width: 60%; border: solid 0px orange; margin:0px; padding: 0px; font-weight: bold;
}
     
.workform div input
{
    position: relative; display: inline-block; float: left; text-align: left; clear: both;
    width: 96%; margin:0px; padding: 5px; border: solid 1px #999999;
            
    outline:none; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;    
}
        
.workform div input:focus
{
    border: solid 1px #24B2E6;
    box-shadow: 0 0 5px #24B2E6;
    -webkit-box-shadow: 0 0 5px #24B2E6; 
    -moz-box-shadow: 0 0 5px #24B2E6; 
}
  
.workform div select
{
    position: relative; display: inline-block; float: left; text-align: left; clear: both;
    margin:0px; padding: 4px; width: 96%; border: solid 1px #999999;
            
    outline:none; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  
}
        
.workform div select:focus
{
    border: solid 1px #24B2E6; box-shadow: 0 0 5px #24B2E6; -webkit-box-shadow: 0 0 5px #24B2E6; -moz-box-shadow: 0 0 5px #24B2E6; 
}
        
.workform div textarea
{
    position: relative; display: inline-block; float: left; text-align: left; clear: both;
    width: 96%; height: 80px; margin:0px; padding: 3px; border: solid 1px #999999;
            
    outline:none; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
        
.workform div textarea:focus
{
    border: solid 1px #24B2E6; box-shadow: 0 0 5px #24B2E6; -webkit-box-shadow: 0 0 5px #24B2E6; -moz-box-shadow: 0 0 5px #24B2E6; 
}
        
.workform div span
{
    position: relative; display: inline-block; float: left; text-align: left; min-height: 18px;
    border: dotted 1px #cccccc; width: 96%; margin: 5px 0 0 0; padding: 0px; padding: 3px; clear: both; background-color: #f8f8f8;
    white-space: pre-wrap;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  
}
        
.subtoolbar
{
    display: inline-block; position: relative; clear: both; border-bottom: solid 1px #000000;
    width: 100%;  float: right; 
}
        
.recstats
{
    display: inline-block; position: relative; clear: both; border-bottom: solid 1px #ffffff;
    width: 100%;  float: right; padding-top: 5px; padding-bottom: 5px; margin-bottom: 30px;
}
        
.createby{ margin-left: 10px; font-size: 9pt; color: #282828; position: relative; float: left; white-space: nowrap;}
.modby{ margin-right: 15px; font-size: 9pt; color: #282828; position: relative; float: right; white-space: nowrap;}
.lockedrecord{font-size: 9pt; font-weight: bold; color: green; position: relative; margin-left: auto; margin-right: auto; width:100px; text-align:center; }

.worktoolbar { white-space: nowrap; position: relative; display: inline-block; float: right; }
        
.btnNew{ background: url(../images/stb_icon_addplus.png) no-repeat 0px 0px; cursor: pointer; position: relative; float: right; border: 0px; width: 50px; height: 24px; margin-right: -5px; margin-top: -8px; padding-left: 18px; padding-top: 5px; }
.btnNew:hover{ background-position: 0px -26px; }

.btnDeleteFile { cursor: pointer; }
        
.btnsubmit { background-color: #f3f3f3; cursor: pointer; border: 1px solid #c6c6c6; height: 32px; margin: 10px 12px 10px 0px; padding: 0px 20px 0px 20px;
          -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 10pt; }
          
.btnsubmit:hover{ background-position: 1px -37px; cursor: pointer;
                -webkit-box-shadow: 1px 1px 3px #cccccc;-moz-box-shadow: 1px 1px 3px #cccccc;box-shadow: 1px 1px 3px #cccccc; } 
     
#btnCancel { background-color: #f3f3f3; cursor: pointer; border: 1px solid #c6c6c6; height: 32px; margin: 10px 12px 10px 0px; padding: 0px 20px 0px 20px;
          -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 10pt; }
          
#btnCancel:hover{ background-position: 1px -37px; cursor: pointer;
                -webkit-box-shadow: 1px 1px 3px #cccccc;-moz-box-shadow: 1px 1px 3px #cccccc;box-shadow: 1px 1px 3px #cccccc; }  
                
#btnCal { background-color: #f3f3f3; cursor: pointer; border: 1px solid #c6c6c6; height: 32px; margin: 10px 12px 10px 0px; padding: 0px 20px 0px 20px;
          -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 10pt; }
          
#btnCal:hover{ background-position: 1px -37px; cursor: pointer;
                -webkit-box-shadow: 1px 1px 3px #cccccc;-moz-box-shadow: 1px 1px 3px #cccccc;box-shadow: 1px 1px 3px #cccccc; }  
                
#btnPrint { background-color: #f3f3f3; cursor: pointer; border: 1px solid #c6c6c6; height: 32px; margin: 10px 12px 10px 0px; padding: 0px 20px 0px 20px;
          -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 10pt; }
          
#btnPrint:hover{ background-position: 1px -37px; cursor: pointer;
                -webkit-box-shadow: 1px 1px 3px #cccccc;-moz-box-shadow: 1px 1px 3px #cccccc;box-shadow: 1px 1px 3px #cccccc; }  
                
#btnProj { background-color: #f3f3f3; cursor: pointer; border: 1px solid #c6c6c6; height: 32px; margin: 10px 12px 10px 0px; padding: 0px 20px 0px 20px;
          -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 10pt; }
          
#btnProj:hover{ background-position: 1px -37px; cursor: pointer;
                -webkit-box-shadow: 1px 1px 3px #cccccc;-moz-box-shadow: 1px 1px 3px #cccccc;box-shadow: 1px 1px 3px #cccccc; }  
                
.imagefile { position: relative; display: inline-block; float: left; min-width: 10%;}
         
.cattitle { position: relative; float: left; display: inline-block; font-weight: bold; font-size: 14pt; margin-left: 10px; margin-top: 20px; 
            cursor: default; border: solid 0px red; text-align: left;}
                    
.clearboth { clear: both; }
.ui-placeholder { height: 1.5em; line-height: 1.2em; background-color: #f0f0f0; }
.hidden{display: none;}
        
.jscode { display: none; }
        
.pagespacer { position: relative; display: inline-block; width: 90%; margin-left: auto; margin-right: auto; height: 300px; }
.subcatpage  
{
    position: relative; display: inline-block; width: 90%; 
    margin-bottom: 10px; margin-left: auto; margin-right:auto; 
    padding: 20px; background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333')";
    -moz-box-shadow: 3px 3px 10px #333333;
    -webkit-box-shadow: 3px 3px 10px #333333;
    box-shadow: 3px 3px 10px #333333;
}
        
#submenu img
{ position: relative; display: inline-block; float: right; cursor: pointer; margin-right: 5px; margin-top: 5px; }
        
.subcatheadertext 
{ position: relative; float: left; font-size: 12pt; font-weight: bold;  }
.subcatheader
{ position: relative; float: left; width: 100%;}
        
.subcatarrowclose
{ position: relative; float: left; background: url(../images/stb_arrow.png) no-repeat -10px -10px; height: 24px; width: 24px; cursor: pointer; }
        
.subcatarrowopen
{ position: relative; float: left; background: url(../images/stb_arrow.png) no-repeat -10px -48px; height: 24px; width: 24px; cursor: pointer; }
        
.subcatdata
{ position: relative; float: left; display: none; width: 100%; border: solid 1px #888888; overflow: auto; }
   
   
   
.datagrid_container { position: relative; float: left; display: none; width: 100%; height: 100% border: solid 0px #888888; overflow: auto;  } 

.datagrid_container table { border-bottom: solid 1px #b8b8b8 !important; }

.datagrid_container thead { border-collapse: collapse; border: 0px; }
.datagrid_container thead tr { border-collapse: collapse; border: 0px; } 
.datagrid_container thead tr th 
{ 
    border-right: solid 1px #b8b8b8; border-bottom: solid 1px #b8b8b8; border-left: 0px; border-top: 0px; 
    padding: 3px 5px 3px 5px; font-weight: bold; text-align:left; height: 20px; background-color: #e8e8e8; white-space: nowrap;
}
.datagrid_container thead tr th:last-child { border-right:  solid 1px #b8b8b8; background-color: #e8e8e8; }
                
.datagrid_container tbody td:first-child { background-color: #e8e8e8; border-right: solid 1px #b8b8b8; padding: 3px 8px 3px 3px; }
.datagrid_container tbody tr td:last-child { border-right: solid 1px #b8b8b8; }
.datagrid_container tbody tr:last-child td { border-bottom: 0px; }
.datagrid_container tbody { border-collapse: collapse; border: 0px; }
                
.datagrid_container table { border-collapse: collapse; border: 0px; }
.datagrid_container tr { border-collapse: collapse; border: 0px; }
.datagrid_container td { border: 0px; white-space: nowrap; border-collapse: collapse; text-align: left; padding: 3px 20px 3px 3px; cursor: pointer; border-bottom: solid 1px #b8b8b8;}

#formview thead { border-collapse: collapse; border: 0px; }
#formview thead tr { border-collapse: collapse; border: 0px; } 
#formview thead tr th 
{ 
    border-right: solid 1px #b8b8b8; border-bottom: solid 1px #b8b8b8; border-left: 0px; border-top: 0px; 
    padding: 3px 5px 3px 5px; font-weight: bold; text-align:left; height: 20px; background-color: #e8e8e8; white-space: nowrap;
}
#formview thead tr th:last-child { border-right:  solid 1px #b8b8b8; background-color: #e8e8e8; }
                
#formview tbody td:first-child { background-color: #e8e8e8; border-right: solid 1px #b8b8b8; padding: 3px 8px 3px 3px; }
#formview tbody tr td:last-child { border-right: solid 1px #b8b8b8; }
#formview tbody tr:last-child td { border-bottom: 0px; }
#formview tbody { border-collapse: collapse; border: 0px; }
                
#formview table { border-collapse: collapse; border: 0px; }
#formview tr { border-collapse: collapse; border: 0px; }
#formview td { border: 0px; white-space: nowrap; border-collapse: collapse; text-align: left; padding: 3px 20px 3px 3px; cursor: pointer; border-bottom: solid 1px #b8b8b8;}

.overrow {background-color: #ffffff; }
.overrow:hover{background-color: #daeefd;}
        
.sbtn_edit { width: 24px; height: 20px; background-image: url(../images/sm_icon_edit.png); }
        
.dgbtn_edit { width: 24px; height: 20px; background-image: url(../images/sm_icon_edit.png); }
        
        
.dataempty { padding-top: 5px; padding-bottom: 5px; font-style: italic; color: #999999; margin-left: 10px; } 

div.jHtmlArea .ToolBar ul li a.custom_disk_button {
    background: url(images/disk.png) no-repeat;
    background-position: 0 0; }
        
div.jHtmlArea { border: solid 1px #ccc; }

.search_chkbx { border: 1px solid black; padding: 2px; background-color: #3399cc; width: 8px; height: 8px; }
.search_chkbx_off { border: 1px solid black; padding: 2px; background-color: #ffffff; width: 8px; height: 8px; }

/* FORMVIEW END *****************************************************************************************************************************************************************************/