#patDataGrid {border: 1px solid #009900; padding: 0; margin: 0;}
#patDataGrid #controls {background:url(../Images/search_bg_full.gif) no-repeat #EEEEEE top right;}
#patDataGrid #controls2 {background-color: #EEEEEE;}
#patDataGrid #controls2 .selectors {padding: 4px 8px; font-size: 11px; font-weight: bold; color: #666666;}
#patDataGrid #controls2 .selectors div {float: left; margin-right: 40px;}
#patDataGrid #search {margin-top: 8px; float: right; width: 405px; height: 37px;}
#patDataGrid #search div {margin: 8px 5px 4px 60px; text-align: right; font-size: 11px; font-weight: bold; color: #666666;}
#patDataGrid #search div input, .input, .controlInput{font-size: 11px; margin-right: 2px;}
#patDataGrid table {width: 100%; border: none; clear: both;}
#patDataGrid table td, #patDataGrid table th {font-size: 11px; padding: 5px; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-top: 2px solid #FFFFFF;}
#patDataGrid table td.firstCol {border-left: 2px solid #FFFFFF;}
#patDataGrid table td.lastCol {border-right: 2px solid #FFFFFF;}
#patDataGrid table th, .gridViewColumn {background-color: #CCCCCC; font-weight: bold; color: #333333;text-align:left;}
#patDataGrid table th.dob {width: 50px;}
#patDataGrid table th.MRN {width: 100px;}
#patDataGrid table th.history {}
#patDataGrid table th.lifeSupport, .gridViewColumnlifeSupport {background-color: #9FCFFE;text-align:left;}
#patDataGrid table th.lifeSupportHead {text-align:left;}
#patDataGrid table.lifeSupportHistory {border: none; width: 140px;}
#patDataGrid table.lifeSupportHistory thead td {background: none;}
#patDataGrid table.lifeSupportHistory td {padding: 0px;  margin: 0px; width: 20px;}
#patDataGrid table.lifeSupportHistory thead td {text-align: center;}
#patDataGrid table.lifeSupportHistory tbody td {border: 1px solid red;}
#patDataGrid table tr.heading td {background-color: #B6E9FF; font-weight: bold; font-size: 12px; padding-top: 20px; padding-bottom: 10px;}
#patDataGrid .section {padding: 4px; background-color: #EEEEEE;}
#patDataGrid .section h3 {padding: 5px 0px; font-size: 14px;}
#patDataGrid td, #patDataGrid th {border:solid 2px white;}
#patDataGrid tr.pager td, #patDataGrid td table.paging td  {border:none;}
#patDataGrid tr.pager td{padding: 0px;padding-left:2px; padding-bottom:2px}

div.siteList2 .controls {margin: 10px 0px 10px 10px; font-weight: bold;}

#patDataGrid #dateHolder table {width: 100%;}
#patDataGrid #dateHolder table td {border:none;padding:0px;margin:0px}

#patDataGrid .inputStyle { background-color: #ccecff; border: #003399 solid 1px; width: 35px; }

.patListHead {background-color: #CCCCCC; font-weight: bold; color: #333333}
.patListRow {background-color:#FFFFFF; font-size: 11px; padding: 5px;}
.patListAltRow {background-color: #EEEEEE; font-size: 11px; padding: 5px;}

.pager {background-color: #EEEEEE; font-size: 11px; padding: 3px 8px; height: 19px; margin: 0px;}

.paging {background-color: #EEEEEE; font-size: 0px; padding: 0px; height: 1px; margin: 0px; clear: both;}
.paging2 {background-color: #EEEEEE; font-size: 11px; padding: 3px 8px; height: 19px; margin: 0px;}
.paging select, .paging2 select {font-size: 11px;}
.paging .pages, .paging2 .pages {float: left; padding:10px; width: 18px; }
.paging .pages , .paging2 .pages strong {color: #666666;}
.paging .pageNo, .paging2 .pageNo {float: right; font-size: 11px; font-weight: bold; color: #666666;}

#content .sectionForm table td.labelLeft {text-align: left; padding-right: 10px;}
#content .sectionForm table td.labelAddNew, #basicSearch table td.labelAddNew, #advancedSearch table td.labelAddNew {text-align: right; padding-right: 10px; width: 175px;}
#content .sectionForm table td.labelCCRT {text-align: right; padding-right: 10px; width: 200px;}
#content .patientInfo {border-bottom: 2px dashed #CCCCCC; background-color: #CCDFFF;}
#content .patientTable {width: 450px;}

#content .sectionFormStart {padding: 10px 0px;}
#content .sectionFormStart div {margin-bottom: 10px;}
#content .sectionFormStart table td.label {text-align: right; padding-right: 10px;}
#content .sectionFormStart table td.labelAddNew, #basicSearch table td.labelAddNew, #advancedSearch table td.labelAddNew {text-align: left; padding-right: 0px; width: 175px;}
#content .sectionFormStart table td.labelCCRT {text-align: right; padding-right: 10px; width: 200px;}
.sectionFormEnd {border-bottom: 2px dashed #CCCCCC; height:4px; margin-bottom:10px}

#contentDynamic .sectionFormStart {padding: 10px 0px;}
#contentDynamic .sectionFormStart div {margin-bottom: 10px;}
#contentDynamic .sectionFormStart table td.label {text-align: right; padding-right: 10px;}
#contentDynamic .sectionFormStart table td.labelAddNew {text-align: right; padding-right: 10px; width: 175px;}
#contentDynamic .sectionFormStart table td.labelAddNew2 {text-align: right; padding-right: 10px; width: 195px;}
#contentDynamic .sectionFormStart table td.labelAddNew3 {text-align: right; padding-right: 10px; width: 100px;}
#contentDynamic .sectionFormStart table td.labelAddNew4 {text-align: right; padding-right: 10px; width: 235px;}
#contentDynamic .sectionFormStart table td.labelCCRT {text-align: right; padding-right: 10px; width: 200px;}

#contentDynamic1 .sectionFormStart {padding: 10px 0px;}
#contentDynamic1 .sectionFormStart table td.label {text-align: right; padding-right: 10px;}
#contentDynamic1 .sectionFormStart table td.labelAddNew {text-align: right; padding-right: 10px; width: 175px;}
#contentDynamic1 .sectionFormStart table td.labelAddNew2 {text-align: right; padding-right: 10px; width: 195px;}
#contentDynamic1 .sectionFormStart table td.labelAddNew3 {text-align: right; padding-right: 10px; width: 100px;}
#contentDynamic1 .sectionFormStart table td.labelAddNew4 {text-align: right; padding-right: 10px; width: 235px;}
#contentDynamic1 .sectionFormStart table td.labelCCRT {text-align: right; padding-right: 10px; width: 200px;}

#contentDynamic2 .sectionFormStart {padding: 10px 0px;}
#contentDynamic2 .sectionFormStart table td.label {text-align: right; padding-right: 10px;}
#contentDynamic2 .sectionFormStart table td.labelAddNew {text-align: right; padding-right: 10px; width: 175px;}
#contentDynamic2 .sectionFormStart table td.labelAddNew2 {text-align: right; padding-right: 10px; width: 195px;}
#contentDynamic2 .sectionFormStart table td.labelAddNew3 {text-align: right; padding-right: 10px; width: 100px;}
#contentDynamic2 .sectionFormStart table td.labelAddNew4 {text-align: right; padding-right: 10px; width: 235px;}
#contentDynamic2 .sectionFormStart table td.labelCCRT {text-align: right; padding-right: 10px; width: 200px;}

.bedSpaced .dates table td.labelAddNew, .bedSpaced .dates table tr.update td.labelAddNew {width: 175px; text-align: right; padding-right: 10px;}
.awaitingTransfer .dates table td.labelAddNew, .awaitingTransfer .dates table tr.update td.labelAddNew {padding-right: 10px; width: 260px; text-align: right;}
.overflowPatient .overflowedfrom table td.labelAddNew, .overflowPatient .overflowedfrom table tr.update td.labelAddNew {padding-right: 10px; width: 260px; text-align: right;}
.admissionTable td.labelAddNew, #contentDynamic .sectionForm .admissionTable td.labelAddNew {width: 280px;}

#tabs {border-bottom: 4px solid #009900; height: 2px; margin-left: 0px; padding-left: 0px;}
#tabs div {float: left; height: 17px; width: 125px; background: url(../images/tab_shared_off.gif) no-repeat top right #66CC66; padding-top: 4px; padding-left: 5px; font-size: 12px; color: #FFFFFF; font-weight: bold;}
#tabs div.first {width: 140px;}
#tabs div.firstOn {width: 140px; background: url(../images/tab_shared_on.gif) no-repeat top right #009900; padding-left: 15px; font-size: 14px;}
#tabs div.firstFull {width: 140px; background: url(../images/tab_full_on.gif) no-repeat top right #009900; padding-left: 15px; font-size: 14px;}
#tabs div.wide {width: 145px;}
#tabs div.widePlus {width: 165px;}
#tabs div.midwide {width: 150px;}
#tabs div.superwide {width: 270px;}
#tabs div.superextrawide {width: 350px;}
#tabs div.gigawide {width: 425px;}
#tabs div.gigasuperwide {width: 450px;}
#tabs div.middleLastOn {background: url(../images/tab_shared_off_on.gif) no-repeat top right #66CC66;}
#tabs div.on {background: url(../images/tab_shared_on.gif) no-repeat top right #009900; font-size: 14px;}
#tabs div.last {background: url(../images/tab_full_off.gif) no-repeat top right #66CC66;}
#tabs div.lastOn {background: url(../images/tab_full_on.gif) no-repeat top right #009900; font-size: 14px;}
#tabs a {color: #FFFFFF; font-weight: bold; text-decoration: none;}
#tabs a:hover {color:#EEEEEE;}

#info {border: 1px solid #009900; padding: 10px; background-color: #EEEEEE;}
table.bedInfoTable td.changeInfo .info,  #contentDynamic .sectionForm div.info  {float: left; margin: 0px; padding: 0px;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: yellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.container {
   position: relative;
   height: 50px;
   }

.left-element {
   position: absolute;
   left: 0;
   width: 50%;
   }

.right-element {
   position:relative;
   right: 50;
   text-align: right; /* depends on element width */
   }