body {
  font-family: 'Times New Roman', Verdana, Arial, Helvetica;
  font-size: 75%;
  margin-left: auto;
  margin-right: auto;
  margin:0 auto;
  width:100%;
 }

 table { margin:0 auto; }
 p { margin:0 auto; }
 td { text-align:left; }
 th { text-align:center; }
 hr { height:1px; color:#ccc; }
 #rowcolor:hover{ background-color:#bbb; }
 .basic { width:700px; margin:0 auto; }
 #basic { width:700px; margin:0 auto; }
 #TSet  { width:100%; margin:0 auto; }
 #TPcnt { width:100%; }
 #waitdisp { width:99%; text-align:center; } 
 #sortabletable  { width:700px; margin:0 auto; }
 #SetDate { font-family:Courier; font-size:8pt; }
 #Popup { width:700px; margin:0 auto; }
 #bar{ width:15px; }
 #LabeLs1{ float:right; width:55%; padding-right:5px; font-size:24pt; font-weight:bold; }
 #LabeLs2{ float:right; width:55%; padding-right:5px; font-size:24pt; font-weight:bold; }
 #TitlesContainer{ width:99%; height:30px; text-align: center; display: inline-block; }
 #TitlesContainer div{  display: inline-block; white-space:nowrap; vertical-align:middle; font-weight:bold;  }
 #TitlesContainer img{ max-width:30px; }
 #TitlesContainer .adiv{ position:relative; width:28px; float:left; display:block; white-space:nowrap; }
 #TitlesContainer .ndiv{ position:relative; display:none; white-space:nowrap; }
 #TitlesContainer .tdiv{ position:relative; width:55%; float:left; text-align:center; }
 #TitlesContainer .wdiv{ position:relative; width:40%; float:left; text-align:center; }
 #TitlesContainer .rdiv{ position:relative; width:25px; float:right; display:block; white-space:nowrap; }
 
 #submitbut{ top:90px; width:120px; right:50px; position:fixed; z-index:3; }
 #submitbut10{ top:45px; width:120px; right:50px; position:fixed; z-index:10; }
 #FixedHead{ position:fixed; text-align:center; z-index:2; }

 #ALERTcontainer{ position: fixed; top: 0px; left: 0px; z-index:9999; width:100%; height:100%; display:block; text-align: center; background-image : url('images/mask.png'); box-sizing: border-box; padding: 8px; }


/* #AA{ border:1px solid #ccc; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom:0px;  }*/
/* #CC{ width:99%; border:1px solid #ccc; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom:0px;  }*/

img.floatLeft  { float: left; margin: 4px; }
img.floatRight { float: right; margin: 4px; }
div.clearboth { clear: both; overflow: hidden; height: 0px; }
.clear { clear: both;}
.selectred   { border:1px solid #999; background:#ffcccc; color:#000000; font-size: 9pt; }
.selectgreen { border:1px solid #999; background:#ccffcc; color:#000000; font-size: 9pt; }

input, select  
{
 border-radius:5px;
 -webkit-border-radius:5px;
}

.select { border:1px solid #999; background:#eeeeee; color:#000000; font-size: 10pt; }
.input60{ border:1px solid #999; background:#eeeeee; color:#000000; font-size: 10pt; width:300px;}
.input50{ border:1px solid #999; background:#eeeeee; color:#000000; font-size: 10pt; width:250px;}
.input40{ border:1px solid #999; background:#eeeeee; color:#000000; font-size: 10pt; width:220px;}
.input30{ border:1px solid #999; background:#eeeeee; color:#000000; font-size: 10pt; width:200px;}
.input20{ border:1px solid #999; background:#eeeeee; color:#000000; font-size: 10pt; width:100px;}
.input10{ border:1px solid #999; background:#eeeeee; color:#000000; font-size: 10pt; width:90px;}
.input8 { border:1px solid #999; background:#eeeeee; color:#000000; font-size: 10pt; width:75px;}
.input6 { border:1px solid #999; background:#eeeeee; color:#000000; font-size: 10pt; width:60px; }
.input5 { border:1px solid #999; background:#eeeeee; color:#000000; font-size: 10pt; width:50px;}
.input4 { border:1px solid #999; background:#eeeeee; color:#000000; font-size: 10pt; width:36px;}
.input3 { border:1px solid #999; background:#eeeeee; color:#000000; font-size: 10pt; width:28px;}
.input2 { border:1px solid #999; background:#eeeeee; color:#000000; font-size: 10pt; width:22px;}
.input  
{
 border:1px solid #999; background:#eeeeee; color:#000000; font-size: 10pt; 
}

.taxed  { color:#ff3366; }
.paid   { background-color:lightgreen; }
.dcd   { background-color:#ffff00; }
.ddr   { background-color:#ffcccc; }
.dcr   { background-color:#ccffcc; }
.warn  { color:#ff0000; font-weight:bold; }

.inputblank  { background:#a0c0a0; color:#000000; font-size: 9pt; font-weight: bold; width:50px;}
.inputdiv 
{
 background:#dddddd;
 color:#000000;
 font-family:"Times New Roman", Arial,sans-serif,Verdana;
 font-size: 9pt;
 width:60px;
 font-weight: bold;
 background-image: url(images/drop.gif);
 background-position: right;
 background-repeat: no-repeat;
}
.blank20     { border:1px solid #999; background:#a0c0a0; color:#000000; font-size: 9pt; font-weight: bold; width:100px;}
.blank10     { border:1px solid #999; background:#a0c0a0; color:#000000; font-size: 9pt; font-weight: bold; width:90px;}
.blank8      { border:1px solid #999; background:#a0c0a0; color:#000000; font-size: 9pt; font-weight: bold; width:75px;}
.blank6      { border:1px solid #999; background:#a0c0a0; color:#000000; font-size: 9pt; font-weight: bold; width:60px;}
.blank5      { border:1px solid #999; background:#a0c0a0; color:#000000; font-size: 9pt; font-weight: bold; width:50px;}
.blank4      { border:1px solid #999; background:#a0c0a0; color:#000000; font-size: 9pt; font-weight: bold; width:36px;}
.blank3      { border:1px solid #999; background:#a0c0a0; color:#000000; font-size: 9pt; font-weight: bold; width:30px;}
.blank2      { border:1px solid #999; background:#a0c0a0; color:#000000; font-size: 9pt; font-weight: bold; width:22px;}
.blank       { border:1px solid #999; background:#a0c0a0; color:#000000; font-size: 9pt; font-weight: bold;}
.mbut   { background:#EEEEEE; height:30px; width:30px; color: Yellow; font-size: 9pt; font-weight: bold;}
.clear{ border:0; text-align:right; }
.cbut   
{
 background:#EEEEEE;
 height:24px;
 color:#993300;
 font-size: 9pt;
 font-weight: bold;
 vertical-align:top;
 cursor:pointer;
 -webkit-border-radius: 5px;
 -o-border-radius: 5px;
}

.box    { background:#ffffff; font-size: 10px; }
.date   { background:#ffffff; color:#000000; font-size: 9pt; width:65px; }
.title  { background:#FFFFFF; color:#000000; font-size: 9pt; }
.ublue  { color:#0000ff; text-decoration: none!important; cursor:pointer; }
.ublue:hover  { text-decoration:underline; cursor:pointer; }

#DivBank{
 position: absolute;
 background-image: url(images/mask.png);
 background-repeat:repeat;
 text-align: center;
 width:100%;
 vertical-align: top;
 z-index:4;
}

#BakBank{
 position: absolute;
 left: 50px;
 top: 50px;
 height: 100%;
 width: 95%;
 display:block;
 margin: 1px;
 border-right: blue 4px double;
 border-top: blue 4px double;
 border-left: blue 4px double;
 border-bottom: blue 4px double;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 font-family: Tahoma;
 background-color: #ffffff;
 font-size: 9pt;
 text-align: center;
 z-index:4001;
}

.Bank
{
 margin:10px 0 0 10px;
}

#email
{
 margin:0 2px 0 2px;
 background-image:url(images/email.gif);
 background-repeat: no-repeat;
 cursor:pointer;
 text-decoration: none!important;
 padding-left: 20px;
}

#noemail
{
 margin:0 2px 0 2px;
 background-image:url(images/icomponents.gif);
 background-repeat: no-repeat;
 cursor:pointer;
 text-decoration: none!important;
}

#pdf
{
 margin:0 2px 0 2px;
 background-image:url(images/i_pdf.gif);
 background-repeat: no-repeat;
 cursor:pointer;
 text-decoration: none!important;
}

#csv
{
 margin:0 2px 0 2px;
 background-image:url(images/i_pdf.gif);
 background-position: 0 -18px;
 background-repeat: no-repeat;
 cursor:pointer;
 text-decoration: none!important;
}

#import
{
 margin:0 2px 0 2px;
 background-image:url(images/ireports.gif);
 background-repeat: no-repeat;
 cursor:pointer;
 text-decoration: none!important;
}

#dview a { color:#000000; text-decoration: none!important; }
#dview a:hover  { text-decoration:underline; background-color:#dddddd; cursor:pointer; }
.total { border-top:1px solid #FF0000; }
.uimg  { cursor:pointer; color:blue; }

.tdc{ text-align:center; }
.tdl{ text-align:left; }
.tdr{ text-align:right; }
.w33{ width:33%; white-space:nowrap; }
.nowrap{ white-space:nowrap; !important; }
.noOflow{ max-width:0; overflow:hidden; text-overflow:ellipsis; }

iframe      { border:0px; padding:0px; }

button img 
{
 vertical-align:top; cursor:pointer;
}
a img { vertical-align:top; }

.info   { background:#eeeeee; color:#993300; font-size: 12pt; font-weight:bold; text-align:left; width:100%; }
.notice { font-size: 8pt; color:#006600; font-weight:normal; }
.help   { font-size: 8pt; color:#000000; }
.note   { font-size: 8pt; color:#ff6600; }
.divnote{ font-size: 8pt; color:#000000; background:#eeeeee; padding:10px; display:none; }
.alert  { font-size: 8pt; color:#ff0000; }
.div1   { width:100%; margin:0 auto; overflow:auto; display:block; }
.div    { width:100%; margin:0 auto; overflow:auto; display:none; }

#basewhite
{

 padding:5px;
 background-color:#ffffff;
 color:#000000;
 width:98%;
 margin:auto;
 overflow-x: hidden;
}

#baseclear
{
 text-align:center;
 padding:5px;
 color:#000000;
 width:98%;
 margin:0 auto;
 overflow-x: hidden;
}

#basepercent
{
 padding:5px;
 background-color:#ffffff;
 color:#000000;
 width:98%;
 margin:auto;
 overflow-x: hidden;
}

#d1 th   { text-align:right; width:33%; }
#d1 td   { text-align:left; }
#d2 th   { text-align:right; width:33%; }
#d2 td   { text-align:left; }
#d3 th   { text-align:right; width:33%; }
#d3 td   { text-align:left; }
#d4 th   { text-align:right; width:33%; }
#d4 td   { text-align:left; }
#d5 th   { text-align:right; width:33%; }
#d5 td   { text-align:left; }
#d6 th   { text-align:right; width:33%; }
#d6 td   { text-align:left; }

.popcal  
{
 BORDER-RIGHT: 1px ridge;
 BORDER-TOP: 1px ridge;
 BORDER-LEFT: 1px ridge;
 WIDTH: 10px;
 BORDER-BOTTOM: 1px ridge;
 left:0px;
 top:0px;
 color:#000033;
 position:absolute;
 z-index:999;
 visibility:visible;
}
.lorstyle
{
    width:5.5px;
    height:10px;
    margin:1px;
    background:white;   
    border:1px solid #6A6A6A;
}
.pagestyle
{ 
    width:8.5px;
    height:11px;
    background:#FFFF99;   
    border-left:1px solid #000000;
    border-top:1px solid #000000;
    border-right:4px solid #000000;
    border-bottom:4px solid #000000;
    margin:10px;
}

.td1 { background:#66cccc; color:#000000; cursor:pointer; }/*background-image: url(images/buttons/bb.jpg);*/
.td2 { background:#66ffcc; color:#020c22; cursor:pointer; }/*background-image: url(images/buttons/gb.jpg); */
.td3 { background:#eeeeee; color:#000000; cursor:pointer; }/*background-image: url(images/buttons/gb.jpg); */

#text {position: absolute;
        top: 200px;
        left: 200px;
        font: 18px arial;
        font-weight: 700;
}
#xz{} 
.brd{ border-width: 0px 0px 0px 0px; border-style: none; } 

TABLE.shadow{
 font-family:"Times New Roman", Arial,sans-serif,Verdana;
 font-size: 12pt;
 }
TD.menu {
 font-family:"Times New Roman", Arial,sans-serif,Verdana;
 font-size: 12px;
}
TD.down {
 font-family:"Times New Roman", Arial,sans-serif,Verdana;
 font-size: 12px;
}

#interface1 { z-index:1; }
#loader_container { text-align:center; position:absolute; top:10%; width:100%; }
#loader
{
 font-family:Tahoma, Helvetica, sans;
 font-size:11px;
 color:#000000;
 background-color:#FFFFFF;
 padding:10px 0 16px 0;
 margin:0 auto;
 display:block;
 width:130px;
 border:1px solid #6A6A6A;
 text-align:left;
 z-index:2;
}
#progress
{
 height:5px;
 font-size:1px;
 width:1px;
 position:relative;
 top:1px;
 left:0px;
}
#loader_bg
{
 background-color:#EBEBE4;
 position:relative;
 top:8px;
 left:8px;
 height:7px;
 width:113px;
 font-size:1px
}

.popupLink { COLOR: red; outline: none }

.popup { POSITION: absolute; VISIBILITY: hidden; BACKGROUND-COLOR: yellow; width: 200px; BORDER-LEFT: 1px solid #000000; BORDER-TOP: 1px solid #000000; BORDER-BOTTOM: 3px solid #000000; BORDER-RIGHT: 3px solid #000000; PADDING: 3px; z-index: 10 }

/*ahref buttons*/

.rssbutton{
background-color:#ff6600;
border: 1px #ff6600 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: bold 10px Verdana;
}

.rssbutton:visited, .rssbutton:hover, .rssbutton:active{ color: white; }

.butblue
{
 background-color:#eeeeee;
 border: 2px #dddddd outset;
 padding: 1px 3px;
 color:#000000;
 text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.butblue:visited,.butblue:active { color:#000000; }
.butblue:hover{ border-style: inset; background-color:#eeeeee; color:#0000ff; padding: 2px 3px 0px 4px; }/*shift text 1px to the right and down*/

.butbrown
{
 background-color:#eeeeee;
 border: 2px #dddddd outset;
 padding: 1px 3px;
 color:#000000;
 text-decoration: none;
 font: bold 95% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.butbrown:visited,.butbrown:active { color:#000000; }
.butbrown:hover{ border-style: inset; background-color:#eeeeee; color:#993300; padding: 2px 3px 0px 4px; }/*shift text 1px to the right and down*/

/* colored rounded buttons
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0px; left: 0px; width: 5px; height: 5px; }
.btn * { font-style: normal; background-image: url(images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
 */

.btn {  background:#aaa; padding: 1px; color:#000; cursor: pointer; }
.btn.blue { background:#2ae; }
.btn.green { background:#9d4; }
.btn.pink { background:#e1a; }
.btn.black { background:#000; }
.btn.gold { background:#ff0; }
.btn:hover { background-color:#a00; color:#fff; }
.btn:active { background-color:#444; }
.btn[class] {  background-image: url(images/shade.png); background-position: bottom; }
.but
{
 background:#eee;
 color:#993300;
 cursor:pointer;
 font-family:"Times New Roman", Arial, Sans-serif, Verdana;
 font-size: 12pt;
 font-weight: bold;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -o-border-radius: 5px;
}
.btns-group {
  white-space: nowrap;
  vertical-align:middle;
}
.btns{
 float: none;
 display: inline-block;
}
.ibut   
{
 position:relative;
 white-space: normal;
 top:0px;
 left:0px;
 padding:0px 0px 0px 0px;
 background:#EEEEEE;
 height:25px;
 color:#993300;
 font-size: 9pt;
 font-weight: bold;
 vertical-align:top;
 cursor:pointer;
 border-radius: 5px;
}
.ibut:hover { background:#ffc; }

/*.but[class] {  background-image: url(images/shade.png); background-position: bottom; }*/
.but.upper:hover, .cbut:hover {  background-color:#ffc; color:#2ae; }
.but.down:hover, .but:hover { background-color:#a00; color:#ff0; }
.but:active { background-color:#444; }

#ChoiceMenu{ width:98%; height:100%; padding:0; overflow:hidden; }
#ChoiceMenu div{ width:100%; float:left; margin-left:10%; text-align:left; border:0px solid #000; padding:10px; font-size:14pt; font-weight:bold; cursor:pointer; white-space:nowrap; }
#ChoiceMenu a{ text-decoration:none; }

#ChoiceDiv{ position:absolute; display:none; top:0px; right:0px; width:99%; padding-right:5%; cursor:pointer; background-image: url(images/headerclouds.jpg); text-align:right; z-index:2; }
#ChoiceTitles
{
 position:relative;
 width:100%;
 display:block;
 display: inline-block;  white-space: nowrap;
 height:25px;
 background:#66cccc;
 background-image: url(images/headerclouds.jpg);
}
#ChoiceTitles div{ float:left; display:inline-block; white-space:nowrap; }
#ChoiceTitles .choice{ font-size:10pt; font-weight:normal; padding:2px;}
#ChoiceTitles .choice:hover
{
 color:#000000;
 font-weight:normal;
 text-align:center;
 text-decoration:none;
 width:9.5em;
 margin:0 auto;
 cursor:pointer;
 font-weight:bold;
}
 
.wait{}

#waitme
{
 position:absolute; 
 display:block;
 margin:auto;
 width:30px;
 height:30px;
 background-image: url('images/progress.gif');
 background-position:center;
 background-repeat: no-repeat;
}

.img waitme img  {
  vertical-align: middle;
}

.addtext:hover
{
 cursor:pointer;
 text-decoration:none;
}

.addareas
{
 font-size:9pt;
 height:65px;
 width:95%;
 border:solid black 1px;
}

#addtextdiv
{
 position:absolute; 
 width:530px;
 top:300px;
 left:-1000px;
 background-color:#fff;
 text-align:left;
 padding:5px;
}

#addinner
{
 display:block;
 width:100%;
 height:100px;
 text-align:left;
}

#addsubmit
{
 width:100%;
 text-align:right;
 margin:0px 20px 0px 0px;
}

#loading
{
 width:100px;
 margin:0px 0px 0px 50px;
}

#Tloading
{
 width:100px;
 margin:0px 0px 0px 50px;
}

.reLoad
{
 color:blue;
 cursor:pointer;
 text-decoration:underline;
}

#addpayrolldiv
{
 background:#fff;
 color:#000;
 position:absolute; 
 width:200px;
 height:50px;
 top:300px;
 left:-1000px;
 text-align:center;
 z-index:4;
}

#doceditdiv
{
 display:none;
 position:absolute; 
 width:250px;
 top:300px;
 left:-1000px;
}
#Editdiv
{
 background:#fff;
 color:#000;
 position:absolute; 
 width:100%;
 padding:5px;
 text-align:center;
}

#DDivBut{
 display:block;
 text-align:right;
}

#paydiv th,#docdiv th,#orderdiv th{
 text-align:right;
 width:240px;
}

.divnotes{
 width:98%;
 margin:5px;
 background-color:#eeeeee;
 color:#000;
 font-weight:normal;
}

#CDivBack{
 left:0px;
 top:0px;
 display:none;
 position: fixed;
 width:100%;
 height:100%;
 vertical-align: top;
 z-index:3;
}

#TopDivClose{ /* used for TopDiv in pages */
 position:fixed;
 top:10px;
 right:15px;
}

#DDivBack{
 left:0px;
 top:0px;
 display:none;
 position: absolute;
 background-image: url(images/mask.png);
 background-repeat:repeat;
 width:100%;
 height:100%;
 vertical-align: top;
 z-index:3;
}

#InnerDiv{
 display:block;
}

#InnerFrame
{
 width:95%;
 height:90%;
 background-color:#fff;
}

#DivBackTop{
 width:98%;
 text-align:right;
}

#DivBackBut{
 font-size:18pt;
 z-index:4;
}

#MDivBack{
 left:0px;
 top:0px;
 display:none;
 position: absolute;
 background-image: url(images/mask.png);
 background-repeat:repeat;
 width:100%;
 height:100%;
 vertical-align: top;
 z-index:3;
}

#MInnerDiv{
 display:block;
 text-align:center;
}

#MInnerFrame
{
 width:95%;
 height:100%;
 background-color:#fff;
}

.layerhelp
{
 cursor:pointer;
 background-image: url(images/qm-ltr.gif);
 background-repeat: no-repeat;
 width:20px;
}

.thd { width:100%; padding:0px; margin:5px; border:0px solid #999; }
.htd{  width:250px; text-align:right; }

#print{ background-image:url(images/print.gif); width:30px; cursor:pointer; background-repeat:no-repeat;  }

#edit
{
 display: inline-block;
 cursor:pointer;
 background-image: url(images/i_edit.gif);
 background-repeat: no-repeat;
 width: 20px;
}

#trash
{
 width: 20px;
 display: inline-block;
 cursor:pointer;
 background-image: url(images/i_trash.gif);
 background-repeat: no-repeat;
}

#Nosuper
{
 display: inline-block;
 background-image: url(images/nosupertax.png);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 width: 17px;
}

#Notax
{
 display: inline-block;
 background-image: url(images/nosupertax.png);
 background-position: -18px 0px;
 background-repeat: no-repeat;
  width: 17px;
}

#transtype{ width:50px; }
.id{ width:50px; }

#delimg
{
 width: 20px;
 display: inline-block;
 cursor:pointer;
/* background-color:#ff0000;*/
 background-image:url(images/close.gif);
 background-repeat:no-repeat;
}

/* prespan display - main ledger*/
#SPContainer 
{ 
 position:relative;
 width:100%;
 display:block;
 display: inline-block;
 white-space: nowrap;
 border:1px solid #000;
 font-size:9pt;
}
#SP1{ width:6%; white-space:nowrap; }
#SP2{ width:18%; white-space:nowrap; }
#SP3{ width:20%; white-space:nowrap; }
#SP4{ background:#ffff00; white-space:nowrap; }
#SP5{ width:44%; white-space:nowrap; }

#recur{ background:#ff80ff;}
#GreyDiv{ background-color:#ddd;}
#Wrap{margin:auto;}
#DivLeft{float:left;}
#DivRight{float:right;}
#FrameOuter{ position: absolute; width:100%; height:100%; z-index:1000; display:none; background-color:#000; }
#FramePage{  position: absolute; width:80%; height:100%; border:2px solid #000; margin:auto; }
#FrameInner{ width:600px; height:400px; }
#Fsubmit{ position:fixed; top:75px; right:50px; width:100px; z-index:2; margin:auto; }
.chme{ visibility:hidden; }

#PosProdLeft{ width:30%; height:95%; float:left; }
#PosProdRight{ width:70%; height:95%; float:right; }
#Prod1{ width:100%; height:100%; }
#Prod2{ width:100%; height:100%; }
#TitleL{ width:30%; font-size:16pt; float:left;  background-color:#fff; text-align:center; }
#TitleR{ width:70%; font-size:16pt; float:right; background-color:#fff; text-align:center; }
#ProdImgIcon{  height:80px; background-repeat:no-repeat; cursor:pointer; }
#ButtonRS { height:40px; width:50px; }

.rounded  {
  border-radius: 5px;
}
.roundedit  {
 width:100px;
 border-radius: 5px;
}
.round  {
 width:96% !important;
 margin:auto !important;
 border-radius: 16px;
}
.roundsm  {
 width:98% !important;
 margin:auto !important;
 border-radius: 8px;
}
.hdr {
 text-align:center;
 padding:5px;
 font-weight:bold;
 font-size:12pt;
 /*background:#66cccc;*/
 background-image: url(images/headerclouds.jpg);
 box-shadow: -10px 10px 10px 0px lightgray;
}

#groups{ width:100px;}
.s{ display:block; }
.h{ display:none; }

#FID{
 position:fixed;
 width:300px;
 height:20px;
 right:20px;
 bottom:0px;
 z-index:5;
 border:1px solid #000;
 text-align:center;
 border-radius:5px 5px 0px 0px;
}

#TableContainer  { border:0px solid #000; position:relative; padding:0px; width:60%;  margin:0 auto;; }
#TableRow        { }
#TableRow th     { text-align:left; white-space:nowrap; vertical-align:top; height:25px !important; }

#DivContainer  { border:0px solid #ccc; position:absolute; display:inline-block; width:60%;left:20%; }
#DivRow        { border:0px solid #999; position:relative; display:inline-block; white-space:nowrap; min-height:25px; width:99%; display: inline; vertical-align:top; }
.divcell       { border:0px solid #666; position:relative; display:inline-block; white-space:nowrap; min-height:25px; text-align:left; }
.divcellr      { border:0px solid #000; position:relative; display:inline-block; white-space:nowrap; float:right; min-height:25px; }
.dochid{ display:none; }
.noprint{ display:block; }
 
#IMGcontainer{ text-align:center; }
#IMGinner { width:90%; border:1px solid #000;margin:auto;padding:10px; background:#eeeeee; }
#IMGdetails { font-size:12pt; }

 #Container{ position:relative; width:98%; margin:auto; }
 #SelectBox{ width:45%; float:left; text-align:center; }
 #CenterBox{ width:10%; float:left; text-align:center; padding-top:50px; }
 #LS{ width:95%; height:250px; }
 #RS{ width:95%; height:250px; }
 #CSVDisplay{ position:relative; display:none; }

/*overflow:hidden; zoom: 1; *display: inline;*/

/*** print media ***/
@media print
{
 #basic td , th{ padding:0px !important; }
 #TSet  { width:700px; margin:0 auto; }
 #TSet td  , th{ padding:0px; }
 #TPcnt { width:100%; }
 #TPcnt td  , th{ padding:0px !important; }
 #sortabletable{}
 #sortabletable td, th{ padding:0px !important; }
 #FixedHead{ display:none; }
 #basic { width:700px; margin:0 auto; }
 .basic { width:700px; margin:0 auto; padding:0px !important; }
 #NavBar{ display:none; }
 .noprint{ display:none; }
}

/* Change styles on small mobile screens */
@media screen and (max-width: 500px)
{
 #IMGcontainer, #SelectBox{ width:100%; }
 #account{ width:50px; }
 #IMGinner{ padding:5px; width:95%; }
}