.body
{
    font-family: 'Times New Roman' , Times, serif;
    color: #0000FF;
    font-size: small; 
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    position: fixed;
    overflow:auto;    
}

.MDL_upload 
{
   z-index:70000 !important;
   /*other css*/ 
}


.docTitleRows
{
     background-color: #E6E6FA;
     font-size: Small;
    font-weight: normal;
    height: 25px;
    vertical-align: middle;
    color: Black;
}

.LoginStyle
{
 border-color: Blue;
 border-width: thin;
 border-style: solid;  
 height: 300px; 
 background-color: #E6E6FA;
    
}

.docTitleCells
{
    width: 600px;
    vertical-align: middle;
    color: Black;
     font-size: Small;
    font-weight: normal;
}

.docTitleDetailsINCells
{
    vertical-align: middle;
    color: Black;
     font-size: Small;
    font-weight: normal;
}

.pplop
{
 
 display:run-in;   
}

.TableRowPhoto
{
 border-style: solid;
 border-color: Lime;
 border-width: thick;
}

.topHeaderTableRightCell {
    text-align:right;
    width: 100%;
}

.topHeader
{
    border-style: none;
    font-size: large;
    font-weight: normal;
    background-color: #f3f3f3;
    width: 99%;
    height: 36px;
    display: block;
}

.titleLeft
{
    
    display: inline;
    vertical-align: top;
    text-align:left;
    width: 50%
}

.titleRight
{
    width: 50%;
    vertical-align: top;
    text-align:right;
}

.MenuGenDiv
{
    height: 20px;
    padding: 0px;
    margin: 0px;
    width: 800px;
    display: inline;
}

.MainMenu
{
    padding: 0px;
    margin: 0px;
    border: 1px solid #f3f3f3;
    list-style-type: none;
    height: 20px;
    
    color: #0000A0;
    display: inline;
}


.MMGenStyle
{
    margin: 0;
    padding: 0px;
   
}

.MMItemStyle
{
    font-family: Calibri;
    font-size: Medium;
    color: #0000FF;
    border-style: none;
    background-color: #FFFFFF;
    width: 100px;
    height: 20px;
    list-style-type: none;
    text-align: center;
    text-decoration: none;
}

.MMItemStyle:Hover
{
    background-color: #CACACA;
}



li:not(.nowidth)
{
    width: 80px;
    list-style-type: none;
    text-align: center;
}

.ToolContainer
{
    background-color: transparent;
    width:980px;
    display: block;
    height:20px;   
}


.MenuTable 
{
    margin-left:auto;
    margin-right:auto;
    vertical-align: middle;
    text-align:center;
    float:none;
    width: 50%;
    min-width: 700px;
    max-width: 800px; 
}

.MTMenuX
{
    border-style: none;
    background-color: #C0C0C0;
    color: #FFFFFF;
    width: 99%;
    height: 36px;
    clear: left;
    display: block;
}

.MTCol1X
{
    height: 28px;
    font: 11;
    margin:2px 2px 2px 2px;
    width: 230px;
    display: inline;
    vertical-align: middle;
}

.MTCol2X
{
    height: 28px;
    font: 11;
    margin:2px 2px 2px 2px;
    width: 230px;
    display: inline;
    vertical-align: middle;
}

.MTCol3X
{
    height: 28px;
    margin: 0px 0px 0px 0px;
    width: 135px;
    display: inline;
    background-color: transparent;
    font-family: Calibri;
    font-size: medium;
    color: #FFFFFF;
    float: none;
    vertical-align: middle;
    text-align: center;
}

.SVMenu
{
    height: 24px;
    margin: 1px 1px 1px 1px;
    border: 2px solid teal;
    width: 100%;
    display:inline-table;
    background-color: transparent;
    font-family: Calibri;
    font-size: medium;
    color: #0000FF;
    float:none;
    vertical-align: middle;
    text-align:center;
}


.MTeachLink
{
     height: 24px;
    margin: 2px 2px 2px 2px;
    width: 85px;
    display: table-cell;
    font-family: Calibri;
    font-size: medium;
    color: #0000FF;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.MTeachLinkADMIN
{
     height: 24px;
    margin: 2px 2px 2px 2px;
    width: 50px;
    display: table-cell;
    font-family: Calibri;
    font-size: large;
    color: #0000FF;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.MTeachLink a:visited
{
 color: blue;  
 margin:2px 2px 2px 2px; 
}

.MTeachLink:hover
{
 background-color: #CACACA;
 height: 24px;
   margin:2px 2px 2px 2px; 
}

.CenterIt
{
    margin:0 auto; 
    width:500px;
    text-align:center;        
}
.melissaCss {
    border-right-style:solid;
    border-right-color: gray;
    border-right-width: 1px;
    border-left-style:solid;
    border-left-color: gray;
    border-left-width: 1px;

    border-top-width:0px;
    border-bottom-width:0px;

    text-align:center
}

.buttonLinkTS1 {
    background-color: white;
    /*background:none!important;  */
    border: none;
    padding: 0!important;
    /*optional*/
    font-family: arial,sans-serif; /*input has OS specific font-family*/
    color: #0065ff;
    /*  text-decoration:underline; */
    cursor: pointer;
}

    .buttonLinkTS1:hover {
        background-color: #1a75ff;
        /*background:none!important;  */
        border: none;
        padding: 0!important;
        /*optional*/
        font-family: arial,sans-serif; /*input has OS specific font-family*/
        color: #ccc;
        text-decoration: none;
        cursor: pointer;
    }


.CenterDiv
{
    margin:0 auto; 
    float:none;
    width: 850px;
    display: block; 
} 

.CenterDivFullWidth
{
      margin-left: auto ;
  margin-right: auto ; 
    float:none;
    display: block; 
} 

.OldPageStyle {
    margin:0 auto; 
    width:1000px;
    text-align:center;
    overflow: inherit;
}

.photoTable {
    table-layout: fixed;
    height: 100%;
    width: 100%;    
}



.imgTable {
    table-layout: fixed;
    width: 100%;    
    overflow: hidden;
}

.GalleryTable 
{
    display: block;
    table-layout: fixed;
    overflow: no-display; 
}

.selectedImg {
    background-color:#FFFF00;
}

.activeImg {
    background-color:aliceblue;
}

.inactiveImg {
    background-color:gray;
}

.CenterPhotoGallery
{
    display: block;
    left: 0;
    position:absolute;

} 
.photoContent {
    width: 100%;
    position: absolute;
    left: 0;
}

.CenterPhotoGalleryx
{
    overflow:hidden;
    position:absolute;
    width: 100%;
    height: 100%;
    left: 0;
    display: block;
} 

.UploaderStatusPane
{
  width: 365px; 
  height: 50px;    
}

.centerSelectedImg {
    margin:0 auto; 
    width:50%;   
}

.centerImageTools {
    display: block;
    margin-left: auto;
    margin-right: auto }
    

.ButtonZoomImg
{
    background-image:url('../Images/zoom.png');
}

.UploaderLeft
{
    border: 1px Goldenrod solid;
    display: inline-block;
    margin: 10px;
    padding: 5px;
    float: left;
}

.UploaderRight
{
    border: 1px Goldenrod solid;
    display: inline-block;
    margin: 10px 10px 10px 12px;
    padding: 5px;
    float: right;
}

.UploaderButtons
{
 width:350px;  
 margin:0px; 
    padding:0px;  
}

.DashLeft
{
    border: 1px solid none;
    width: 335px;
    height: 180px;
    display: inline;
    margin: 0px;
    padding: 0px;
}

.DashMiddle
{
    border:1px LightBlue none;
    width:460px;
    height:180px;
    display:inline;
    margin:0px;
    padding:0px; 
}

.DashRight
{
  border:1px LightBlue none;
  width:160px;
  height:180px;
  display:inline-block;  
    }
    
    .SmallDD
    {
        Font-Size:X-Small !important;
        Height: 18px;
        Width: 88px;
    }

    .SectorLineDD
    {
        Font-Size:X-Small !important;
        Height: 18px;
        Width: 88px;
    }
    
    .TestTypeDD
    {
        Font-Size:X-Small !important;
        Height: 18px;
        Width: 150px;
    }
 
 .storeRpt
 {
           border: 3px solid #0000FF;
    width: 970px;
   height: auto;
      display: block;
      position: relative;
    margin: 3px;
    padding: 3px;
    vertical-align: middle;   
 }
 

 .filterCatContainer
 {
      border: 0px solid #0000FF;
    width: 635px;
   height: 150px;
    display: block;
    margin: 3px;
    padding: 3px;
    vertical-align: middle;
 }   
   

.reportBind
{
    border: 1px solid #0000FF;
   width: 33%;
    height: 80px;
    margin: 3px;
    padding: 3px;
    vertical-align: middle;
    background-color: #F0FFFF;
}

.reportBindSweeps
{
    border: 1px solid #0000FF;
   width: 100%;
    height: 80px;
    margin: 3px;
    padding: 3px;
    vertical-align: middle;
    background-color: #F0FFFF;
}


.centerHolder #pos1 #pos2 #pos4
{
    border: none;
    display: block;
   height: auto;
   position: relative;        
}

#pos1 
{
    height:75px;
    /*margin: 0px 0px 0px 100px;*/
}
#pos2
{
    height:40px;
    /*margin: 0px 0px 0px 300px;*/
}
#pos3
{
    /*margin: 0px 0px 0px 250px;  */
    top: 400px;
    width:550px;
    text-align:center;
}
#pos4
{
    /*height:500px;
    margin: 0px 0px 0px 150px;*/
     vertical-align: middle;
   
}

.logoimage {
    position:relative;
}

.logoimagetext {
    left: 0;
    position:absolute;
    text-align:center;
    top: 350px;
    width: 100%;
    color:#0000A0; 
    white-space:nowrap; 
    font-size:40px
}

.handle
{
    width: 17px;
    height: 17px;
    overflow: hidden;
    cursor: se-resize; /* background-color:#aaccee;  */
    background-image: url('../Images/HandleGrip.png');
}  
           
.resizing
{
padding:0px;
border-style:solid;
border-width:1px;
border-color:#aaccee;
cursor:se-resize;
overflow: scroll;
}



#rb1
{
    display:inline;
}

.FloatLeft
{
    float: left;
}

.Panel_A0
{
    float: left;
}

.FloatRight
{
    border: thin solid #C0C0C0;
    float: Right;
}


.xxxPlayBoth
{
    background-color: #C0C0C0;
    border: medium solid #00FF00;
    width: 550px;
   
}

.xxxPlayDbl
{
    float: none;
    height: 75px;
    display: inline-block;
}

.xxxPlayRightX
{
    float: Right;
     background-color: #C0C0C0;
    border: medium solid #00FF00;
    width: 400px;
}


.PNL_LeftMain
{
      float: left;
      width:550px;
    
}

.List_on_Right
{

}

.FloatRightPNL
{
    float: right;
}

.PNL_Plain
{
    display:inline-block;
    border:1px solid red;
}

.PNL_PlainRight
{
    display:inline-block;
    border:1px solid silver;
     float: Right;
}

.GVFixedHeader  
{
  font-weight:bold; background-color: Green; position:relative; 
  top:expression(this.parentNode.parentNode.parentNode.scrollTop-1);
}


.SS_Main_Button
{
    font-size: x-small;
    color: Navy;
    background-color: #F5F5F5;

    width:100px;
    
    
}

.SS_Main_Table
{
   
    padding: 0px;
    width: 320px;         
}

.SS_Main_TableTask
{
     
    padding: 0px;
    width: 250px;         
}



.SS_TblCell1
{
    vertical-align: top;
    height:80px;
    
}

.orientation_0 {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    
}

.orientation_90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.orientation_180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.orientation_270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.ui-accordion-header { padding-top: 1px !important; padding-bottom: 1px !important; font-size:13px !important;}

.imgDownload 
{
    position:relative;
    right:8px;
    display:inline-block; 
    width:16px;
    height:16px;
    background-image: url(../Images/file-download.png);
}

#datDownload, #btnDownloadShortcut 
{
    background-image: url(../Images/file-download.png) ; background-repeat: no-repeat; padding-left:20px;
}

.custom-combobox {
    position: relative;
    display: inline-block;
    font-size:11px !important; 
    width:240px;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    height: 1.55em;
    top: 0.5em;
    /* support: IE7 */
    *height: 1.5em;
    *top: -0.1em;
}
.custom-combobox-input {
    margin: 0;
    padding: 0.2em;
    width:200px;
    height:19px;
}

.ui-autocomplete { font-size:11px !important; }
.ui-autocomplete li { text-align:left !important;}

#fileShortcut { display:none; font-size:16px; color:#2E3568; text-align:left; height: 200px; width: 180px; position:absolute; background:#fff; border:1px solid #000; }
#fileShortcut .contentItem { padding:5px 20px;  }
#fileShortcut a, #fileShortcut a:active, #fileShortcut a:hover, #fileShortcut a:visited { color:#2E3568;}

.photocat { font-size:15px; width:110px; cursor:pointer;}
.catGroup { margin-bottom:1px; }
.catGroup table { margin-left:10px; background-color:#C3D4E0; color:#000; width:100px !important; border:1px dotted #5C87A5;}
.catGroup table td { padding:2px 1px 0px 1px; }

.parentNode { padding:2px; background:#3C6D9E; border:1px dotted #2F557A; color:#fff;}
.parentNode .expcol { display:inline-block; padding-right:2px;}

div.tdCat { border:1px dotted #5C87A5; background-color:#C3D4E0; color:#000; margin-bottom:1px;  padding:2px 1px 0px 1px;}
td.tdCat { border:1px dotted #5C87A5; word-wrap:break-word;}
.tdCat a { display:inline-block;}

#btnCatUp, #btnCatDown { display:none; background-repeat:no-repeat; background-position:3px 2px; padding-left:18px; border:1px solid #ccc;}
.selectedCat { border:4px solid green !important; }
.taskComplete { color:Black; }
.taskIncomplete { color:#BC0000; }
.nophoto { cursor:pointer; height:20px; background-color:transparent; background-image: url(../Images/nophoto.png); background-repeat:no-repeat; border:0; }
.zoomphoto { cursor:pointer; width: 37px; height:15px; background-color:transparent; background-image: url(../Images/nophoto.png); background-repeat:no-repeat; border:0; }