/*** copyright 2013 White Pond Design LLC ***/
/*
body { text-align:center; line-height:100%; 
       font-family:sans-serif;
       background:#bbb; color:#020; }
*/


#wrapper { box-sizing:border-box; position:relative; z-index:1; border:1px solid #ccc; border-top:none;
           background:none; width:1024px; height:100%; margin:3px auto; text-align:left; }

div.hdrfix  { position:fixed; top:3px; width:1024px; height:90px;
              border-top:1px solid #080; /* non-scrollabe wrapper border top */
              background-color:#ededed; color:#631; z-index:300; }
div#hdrlogo { position:fixed; top:4px; border-top:1px solid #080; height:40px; z-index:900; }
/***
div#hdrlogo { height:40px; position:fixed; top:3px; border:1px solid #000; border-bottom:none; z-index:10; }
***/
#hdritems          { color:#fff; }
#hdritems .hdritem { float:right; margin-left:15px; cursor:pointer; }

section { border:1px solid; border-color:#000000; margin-top:5px;  height:100%}

header, rbc-header
              { border-bottom:1px solid #111; padding-top:10px; padding-bottom:6px;
                position:relative; height:20px; background-color:#ededed; margin-top:0px; }
div.content   { min-height:100px; padding:0px; padding-top:2px;}
div.diagtitle { margin:5px 0; text-decoration:underline; font-size:1.3em; }
div.exectitle { margin-left:20px; text-decoration:underline; }
div[data-role=view] div#rbc-header
              { display:inline-block; }

div.printhdr { display:inline-block; margin:5px 0 5px 20px; font-size:1.5em; font-weight:bold; }

.wait { cursor:wait; }

div#navmenu { position:absolute; top:92px; right:0px; width:1022px; 
              background:#fff; z-index:300; border:1px solid #000; }
div#navmenu div.navitem { cursor:pointer; padding:10px 0 10px 20px; 
              font-weight:bold; font-size:1.3em; background:#none; color:#fff; }
div#navmenu div.navchunk { background:#4a7dab; padding:10px; width:450px; margin:15px; 
              border:1px solid #000; font-weight:bold;  border-radius: 15px;}
div#navmenu div.navchunk div.navchunkleft 
            { display:inline-block; vertical-align:top; }
div#navmenu div.navchunk div.navchunkright
            { display:inline-block; vertical-align:top; }
div#navmenu div.navleft  { display:inline-block; vertical-align:top; }
div#navmenu div.navright { display:inline-block; vertical-align:top; }
/***
div#backfwd { position:fixed; top:60px; right:470px; z-index:1000; }
div#backfwd span { height:30px; width:50px; background:#ff0; padding:10px 20px; border:1px solid #f00; cursor:pointer; }
***/
.catcont { 
  float:left;
  padding-left:30px; 
}

.catitem { 
  background-image: url(../../images/rbc_recordsBtn.png);
  background-repeat: no-repeat;
  border-width:0px;
  border-style:solid;
  border-color:#ff0000;
  color:#FFF;
  float:left;
  display:inline-block; 
  font-weight:bold;
  width:400px; 
  height:104px; 
  /* background:#dde; */
  margin:10px 0 0 50px; 
  line-height:40px;
  padding-left:10px; 
  text-align:left; 
  cursor:pointer;
}

.catitemimg { 
  border-width:0px;
  border-style:solid;
  border-color:#00ff00;
  float:left;
  width:64px; 
  height:64px; 
  padding-left:0px; 
  padding-top:20px; 
  text-align:left; 
}

.catitemimgsm { 
  border-width:0px;
  border-style:solid;
  border-color:#00ff00;
  float:left;
  width:32px; 
  height:32px; 
  padding-left:0px; 
  padding-top:20px; 
  padding-right:6px; 
  text-align:left; 
}

.catitemlnk { 
  border-width:0px;
  border-style:solid;
  border-color:#00ff00;
  float:left;
  width:80px; 
  height:20px; 
  padding-left:0px; 
  padding-top:8px; 
  color: #ffffff;
  text-align:left; 
  text-decoration: underline;
  font-size:80%;
  cursor:pointer;
}

#supervise [data-role='panelheader'] { padding:10px 0 10px 10px; border-bottom:1px solid #000; font-weight:bold; }
#supervise [data-role='panelcontent'] { padding:10px 0 0 10px; }
#supervise [data-role='panel0'] { border-right:1px solid #000;}
#supervise [data-role='panel0'] div.suppatname {cursor:pointer; padding:5px 0 5px 5px; }

#supervise [data-role='content']
    { padding-bottom:10px; }
#supervise [data-role='panel']
    { background:#ddd; vertical-align:top; display:inline-block;
      border:solid #006 2px; padding:5px; margin:10px 0 0 10px; float:left; }
#supervise [data-role='pnlheader']
    { border-bottom:solid #006 2px; padding:5px 0; }
#supervise [data-role='panel'] .title
    { text-decoration:none; }
#supervise [data-role='panel'] .btn
    { display:inline-block; margin:0 5px; padding:3px; border:2px solid #080; cursor:pointer; }
    
div#supervise [data-role='content'] div#reportdistleft
    { width:30%; background:none; display:inline-block; padding:20px; border-right:1px solid #000; }
div#supervise [data-role='content'] div#reportdistright
    { width:60%; background:none; display:inline-block; padding:20px; vertical-align:top;}
div#supervise [data-role='content'] div#reportdisthdr
    { background:#fcf; display:block; padding:20px; vertical-align:top; margin:0 auto; }
div#supervise [data-role='content'] div#emailenter
    { cursor:pointer; }
    /***
div#supervise [data-role='content'] div#reportdistleft div.email
    { margin-left:20px; display:inline-block; }
    ***/
div#supervise [data-role='content'] div#emaildel
    { cursor:pointer; }
div#supervise [data-role='content'] div.btn
    { cursor:pointer; background:#dfd; border:1px solid #000; padding:2px; }
div#supervise [data-role='content'] div#addemaildiv
    { background:#aff; display:block; padding:20px; }
div#supervise [data-role='content'] div#submitemaildiv
    { background:none; display:block; padding:20px; }
div#supervise [data-role='content'] [data-thisreport]
    { cursor:pointer; }
div#supervise [data-role='content'] [data-email]
    { cursor:pointer; }
    
section#picdialog td.patimgbtn { background:#009b8f; color:#FFF; width:60px; font-weight:bold; padding:10px; height:18px; text-align:center; border:1px solid #000; }
div.btn         { 
   display:inline-block; 
   font-size: 110%;
   margin:5px; 
   padding-top:7px;
   padding-left:10px; 
   border:0px solid #080; 
   cursor:pointer; 
   z-index:101; 
}
div.vcalbtn {
  display:inline-block; margin:5px; padding:5px 7px 5px 7px; border:2px solid #080; 
  cursor:pointer; z-index:101;
}
div.myBtn         { 
   display:inline-block; 
   font-size: 90%;
   color: #808284;
   margin:5px; 
   padding:7px;
   border:1px solid #ccc; 
   cursor:pointer; 
   z-index:101; 
}

button#termsbtn { font-size:1.2em; }
button#policybtn { font-size:1.2em; }

div.buttonright { float:right; text-align:center;
                  padding:5px 5px; margin:5px; cursor:pointer;font-size:90%; }
div.buttonRightTop { float:right; text-align:center;
                  padding:0px; margin:0px; height:auto; cursor:pointer; }
div.plainbtn    { border:2px solid #444; padding:4px 10px; display:inline-block; cursor:pointer; }
div.yesnobtn    { display:inline-block; padding:3px 20px; margin-left:40px; border:1px solid #000; cursor:pointer; }
                  
#viewmenu           { position:relative; top:4px; display:inline-block; width:100px; 
                      padding:4px; background:#fff; border:2px solid #009b8f; cursor:pointer; }
#viewmenu .submenu  { position:absolute; top:22px; left:-2px; width:200px; background:#fff; z-index:100;  }
#viewmenu .menuitem { border:2px solid #009b8f; border-bottom:0; padding:4px; color:#fff; }

/*** Note: See header.php for the rest of the styling! ***/
#addmenu           { 
  position:relative; 
	top:-6px; 
	display:inline-block; 
	background-image:url(../../images/rbc_btnBkgGnd3.png); 
	background-repeat: no-repeat;	/*** background-color:#0f0; ***/
	background-color:transparent;
	/*** opacity: .9; ***/
	margin-top:12px;
	padding-top:12px;
	padding-left:6px;
	padding-right:0px;
	/*** font-weight:bold; ***/
	width:90px;
	height:42px;
	cursor:pointer; 
	color:#fff;
}
#addmenu .submenu  { position:absolute; top:22px; left:-50px; width:150px; background:#000; z-index:110; color:#fff; }
#addmenu .menuitem { border:2px solid #000; border-bottom:0; padding:10px; background:#000;}
#commandmenu .menuitem { border:0px solid #009b8f; border-bottom:0; padding:8px; color:#fff; }
#commandmenu .submenu  { position:absolute; top:16px; border:solid 0px #f00; }
div#patientmenu {  }
#patientmenu .menuitem { border:0px solid #009b8f; border-bottom:0; padding:8px; color:#fff; }
#patientmenu .submenu  { position:absolute; top:16px; border:solid 0px #f00; }
#supermenu .menuitem { border:0px solid #009b8f; border-bottom:0; padding:8px; color:#fff;}
#supermenu .submenu  { position:absolute; top:18px; border:solid 0px #f00; }
ul.viewmenu              { cursor:pointer; float:right; position:relative; top:-2px; }
ul.viewmenu ul.menutitle { padding:8px; text-align:right;  }
ul.viewmenu .submenu     { position:absolute; top:32px; right:0; border:solid 1px #006; list-style-type: none; }
ul.viewmenu li.menuitem  { border:0px solid #006; padding:8px; }
#supervisepatmenu li.menuitem  { padding:8px;  }
#supervisepatmenu { margin-top:-3px; }

#supervise div.suppatpanel { position:relative; }
#supervise div.suppatpanel div.suppatname    {display:inline-block; width:200px; cursor:pointer; padding:5px 0 5px 5px; }
#supervise div.suppatpanel div.suppathdrspan {display:inline-block; width:200px;  }
#supervise ul#supervisepatmenu { cursor:pointer; position:absolute; top:0px; z-index:100; }
#supervise ul#supervisepatmenu .submenu { list-style-type: none; }
#supervise div.suppatoahdr { padding:2px; padding-left:5px; }
#supervise div.suppatcontent div { display:inline-block; padding:2px; padding-left:15px;}

#supervise #superpatientmenu li.menuitem { text-decoration:none; margin-left:20px; cursor:pointer; }
#supervise table.icsfiletable .eventname { text-align:right; color:#f00;}

div.title  { font-size:1.3em; font-weight:bold; text-decoration:underline; }
div.inline { display:inline-block; }
div.top    { vertical-align:top; }

div .item     {  display:inline-block; padding:5px; vertical-align:text-top;}
div .heading  {  display:inline-block; padding:5px; font-weight:bold;}

div.filediv { width:100%; }
div.filediv div.fileline { width:100%; padding:5px; }
div.filediv div.fileitem { display:inline-block; margin:5px; }

div#adialog { position:fixed; top:20px; left:300px; width:600px; z-index:2000;
              border:1px solid #c40000; background:#ddd; }
div#adialog #rbc-header  { border:1px solid #006; text-align:center; padding:5px; color:#fff; background:#c40000; }
div#adialog [data-role=content] { border:1px solid #006; text-align:center; padding:5px; min-height:400px;}

#fileeditdialog { color:#a66; }
#fileeditdialog div.label { color:#006; margin:15px 0 5px 20px; }
#fileeditdialog input     { color:#006; margin:5px 0 5px 40px; }
#fileeditdialog textarea  { color:#006; margin:5px 0 5px 40px; }

#chartcanvas  { border:1px solid #000000; background:#eee; }
section#daily .content      { background:#ededed; }
section#daily div.drperiod  { background:#fff; }
section#daily div.line      { margin-top:3px; }
/*** section#daily div.adhere    { background:#fff; border:3px #000 solid; height:20px; width:20px; cursor:pointer; } ***/
section#daily div.adhere    { background:#fff; border:6px #fff solid; cursor:pointer;}

/*** quickinfo ***/
div#quickinfo td.quickleft { font-weight:bold; text-align:right; }

#dayschedule div.dragme  { font-weight:normal; height:25px; cursor:move; background:#fdd; }
#dayschedule div.defdrop { margin-left:10px; padding:20px 0; min-heignt:100px; width:300px; background:#fdd; }
#dayschedcolumn          { font-weight:bold; margin-left:20px; width:300px; display:inline-block; vertical-align:top; }
#dayschedule div.column  { font-weight:bold; margin:30px 0 0 20px; width:300px; display:inline-block; vertical-align:top; }

/*** div.divdetails        { width:96%; margin:5px auto; border:2px solid #00f; } ***/
div.divdetails {
  float: left;
  float: clear;
  color: #808284;
  font-size: 100%;
  background-color: #ededed;
  display: inline-block;
  padding-left:0px;
  width: 100%;
  min-height: 42px; 
  border-width:0px;
        border-style:solid;
  border-color:#ff0000;
}
div.divdetails .left  { min-height:90px; width:49%; padding:5px; margin:5px 0 5px 5px;
                        vertical-align:top; }
div.divdetails .right { min-height:90px; width:39%; padding:5px; margin:5px 0 5px 5px;
                        vertical-align:top; }
div.divdetails td:first-child { padding-left:30px; text-align:right }

/*** newdivdetails reqd to differentiate secondary dialog from the parent dialog ***/
div.newdivdetails {
  float: left;
  float: clear;
  color: #808284;
  font-size: 100%;
  background-color: #ededed;
  display: inline-block;
  padding-left:0px;
  min-width: 100%;
  min-height: 42px; 
  border-width:0px;
        border-style:solid;
  border-color:#ff0000;
}
div.newdivdetails .left  { min-height:90px; width:49%; padding:5px; margin:5px 0 5px 5px;
                        vertical-align:top; }
div.newdivdetails .right { min-height:90px; width:39%; padding:5px; margin:5px 0 5px 5px;
                        vertical-align:top; }
div.newdivdetails td:first-child { padding-left:30px; text-align:right }

/*** div.divinfo        { width:96%; margin:5px auto; border:2px solid #00f; } ***/
div.divinfo {
  float: left;
  float: clear;
  color: #808284;
  font-size: 100%;
  background-color: #ededed;
  display: inline-block;
  padding-left:0px;
  min-width: 100%;
  min-height: 42px; 
  border-width:0px;
        border-style:solid;
  border-color:#ff0000;
}
div.divinfo .left  { min-height:90px; width:49%; padding:5px; margin:5px 0 5px 5px;
                        vertical-align:top; }
div.divinfo .right { min-height:90px; width:39%; padding:5px; margin:5px 0 5px 5px;
                        vertical-align:top; }
div.divinfo td:first-child { padding-left:30px; text-align:right }

td { padding:5px; }
.max-lines { text-overflow:ellipsis; word-wrap:break-word; overflow:hidden;
             max-height:3.6em; line-height:1.8em; }
.rounded-corners {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
}

section.dialogover          { position:absolute; width:890px; opacity:1.0; z-index:100; text-align:left; }
section.dialogover .content { background-color:#ededed; }
section.dialogover header   { background-color:#d2232a; padding-left:20px; }
section#adddialog   { z-index:200; }

#dialog tr.space { height:5px; }
#dialog tr.space td { background:none; }
#dialog td:last-child { background:#ffa; }
#dialog .column  { vertical-align:top; display:inline-block; width:430px; border:2px solid #a00; margin:0 0 10px 10px; padding:5px; }
#dialog .leftcolumn  {  }
#dialog .rightcolumn {  }

#adddialog tr.space { height:5px; }
#adddialog tr.space td { background:none; }
#adddialog td:last-child { background:#ffa; }
#adddialog .column  { vertical-align:top; display:inline-block; width:430px; border:2px solid #a00; margin:0 0 10px 10px; padding:5px; }
#adddialog .leftcolumn  {  }
#adddialog .rightcolumn {  }

#infodialog tr.space { height:5px; }
#infodialog tr.space td { background:none; }
#infodialog td:last-child { background:#ffa; }
#infodialog .column  { vertical-align:top; display:inline-block; width:430px; border:2px solid #a00; margin:0 0 10px 10px; padding:5px; }
#infodialog .leftcolumn  {  }
#infodialog .rightcolumn {  }


#picdialog tr.space { height:5px; }
#picdialog tr.space td { background:none; }
#picdialog td:last-child { background:#ffa; }
#picdialog .column  { vertical-align:top; display:inline-block; width:430px; border:2px solid #a00; margin:0 0 10px 10px; padding:5px; }
#picdialog .leftcolumn  {  }
#picdialog .rightcolumn {  }

#logindialog tr.space { height:5px; }
#logindialog tr.space td { background:none; }
#logindialog td:last-child { background:none; }
#logindialog .column  { vertical-align:top; display:inline-block; width:430px; border:2px solid #a00; margin:0 0 10px 10px; padding:5px; }
#logindialog .leftcolumn  {  }
#logindialog .rightcolumn {  }

#chgpswddialog tr.space { height:5px; }
#chgpswddialog tr.space td { background:none; }
#chgpswddialog td:last-child { background:none; }
#chgpswddialog .column  { vertical-align:top; display:inline-block; width:430px; border:2px solid #a00; margin:0 0 10px 10px; padding:5px; }
#chgpswddialog .leftcolumn  {  }
#chgpswddialog .rightcolumn {  }

#dialog .imgleft  { display:inline-block; margin-right:30px; vertical-align:top; }
#dialog .imgright { display:inline-block; vertical-align:top; }
#dialog .imglabel { display:inline-block; margin-top:15px; vertical-align:top; width:100px; }
#dialog .imgitem  { display:inline-block; margin-top:15px; vertical-align:top; }

div.column54  { width:54px;  padding-left:10px; }
div.column60  { width:60px;  padding-left:10px; }
div.column80  { width:80px;  padding-left:10px; }
div.column100 { width:100px; padding-left:10px; }
div.column120 { width:120px; padding-left:10px; }
div.column140 { width:140px; padding-left:10px; }
div.column160 { width:160px; padding-left:10px; }
div.column180 { width:180px; padding-left:10px; }
div.column200 { width:200px; margin-left:10px; }
div.column220 { width:220px; margin-left:10px; }
div.column240 { width:240px; margin-left:10px; }
div.column260 { width:260px; margin-left:10px; }
div.column300 { width:300px; margin-left:10px; }
div.column400 { width:400px; margin-left:10px; }

#filethumbs {  vertical-align:top; }
#fileimages div.filethumbblock
            { display:inline-block; vertical-align:top; width:230px; height:180px;
              margin:5px 5px 0 0; padding:5px;
              text-align:center; border:2px solid #000; background:#ddd; }
#filethumbs div.filethumbblock
            { display:inline-block; vertical-align:top; width:230px; height:180px;
              margin:5px 5px 0 0; padding:5px;
              text-align:center; border:2px solid #000; background:#ddd; }
#images div.thumblock
            { float:left; margin:5px; padding:5px; 
              vertical-align:top; border:2px solid #006; }
#images div.thumblock div 
            { text-align:center; }
            
#supervise div.eventblock div.eventleft  { display:inline-block; width:50%; vertical-align:top; }
#supervise div.eventblock div.eventright { display:inline-block; width:50%; vertical-align:top; }
#supervise div.eventblock div.eventright div.eventmsg { border:2px solid #f00; padding:10px;  }

.button {
  display: inline-block;
  zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
  display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Arial, Helvetica, sans-serif;
  padding: .5em 2em .55em;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: .5em; 
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
  text-decoration: none;
}
.button:active {
  position: relative;
  top: 1px;
}

.bigrounded {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.medium {
  font-size: 12px;
  padding: .4em 1.5em .42em;
}
.small {
  font-size: 11px;
  padding: .2em 1em .275em;
}
.green {
  color: #e8f0de;
  border: solid 1px #538312;
  background: #64991e;
  background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
  background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
  background: #538018;
  background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
  background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
  color: #a9c08c;
  background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
  background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}