﻿/* common used basic styles */
body { margin: 0 0 0 auto;}
html, form, body {height:100%;}
img {border:0;}
* { font-family:Arial;font-size:11px;}
p, b {font-size:12px;line-height:1.4em;}
h1 { font-size: 18px; font-weight: bold; margin-bottom: 0.5em;margin-top:0; }
h2 { font-size: 16px;font-weight: bold; margin-bottom: 0.5em;margin-top:0;}
h3 { font-size: 12px; font-weight: bold; margin-bottom: 0.5em;margin-top:0; }
    
a:link { background-color: transparent; text-decoration: none; }
a:visited { background-color: transparent; text-decoration: none; }
a:hover { background-color: transparent; text-decoration: underline; }
a:focus{ outline:none; }

label.lblStrong, label.lblStrongNoWidth {font-weight:bold;font-size:12px;}

/* common wrappers */

/*#wrapper { margin: 0 auto; width: 984px; }*/
#wrapper { margin: 0 auto; width: 98%; } 

/*
ORIGINAL: #main {height:100%; width:100%;float:left; margin:0;padding:0;background:#fff url(../Images/main_bg.gif) top center repeat-y;}
*/

#main {height:100%;width:100%;float:left; margin:0;padding:0;background:#fff url(../Images/main_bg_right.gif) top right repeat-y;}
#mainBgLeft { width: 90%;min-height:450px; background:#fff url(../Images/main_bg_left.gif) top left repeat-y; padding: 30px 20px 30px 30px;}


#content {padding:33px 40px 33px 40px;}

#header {
    height:42px;padding:0;margin:0;float:left;width: 100%;
}

#content-left-menu {padding:0 40px 33px 0;float:left;display:inline;min-height:450px;}
#main-menu {width:100%;clear:both;height:26px;margin:0;}





/* common wrapper contents */
#header img.imgLogo {float:left;margin-top:01px;margin-left:01px;}



/* headers */
#content .header-caption h2,
#content .header-caption h1 {margin-bottom:24px;}




/* toolbar in header */
#toolbar {float:right;width:365px;padding:0;margin:7px 7px 0 0;}
#toolbar .imgToolbarLeft {float:left;margin:0 !important;}
#toolbar .imgToolbarRight {float:right;margin:0 !important;}
#toolbar #toolbar-content {float:left;margin:0;padding:4px 1px;}
#toolbar #toolbar-content .toolbar-content-choice {width:auto;float:left;margin-left:18px;}
#toolbar #toolbar-content .toolbar-content-choice-first {margin-left:0 !important;}
#toolbar #toolbar-content .toolbar-content-choice img {vertical-align:text-bottom;margin:0 3px 0 0;}




/* menu top */
#main-menu-list {margin:0;padding:0;height:26px;}
#main-menu-list li {
  float:left;
  width:125px;
  height:20px;
  margin:0;
  padding:5px 0 0 0;
  list-style-type: none;
  text-align:center;
}
#main-menu ul li a {
  display: block;
  margin:0;
  font-size:12px !important;
  font-weight:bold;
  letter-spacing:0.1em;
}
li.main-menu-list-first {padding-left:12px !important;}
/****/

/*sub menu top*/
#main-menu-list-sub {margin:0;padding:0;height:26px;}
#main-menu-list-sub li {
  float:left;
  width:80px;
  height:12px;
  margin:0;
  padding:5px 2px 7px 0;
  list-style-type: none;
  text-align:center;
  background: transparent url(../Images/line.gif) center right no-repeat;
}
#main-menu-sub ul li a {
  display: block;
  margin:0;
  font-size:11px !important;
  font-weight:bold;
}
#main-menu-list-sub li.main-menu-list-first-sub {padding-left:30px !important;}

#header-captions .header-caption {width:50%;float:left;}
#header-captions .header-caption h2 {margin-top:2px;text-align:right;}



#block-overview-comp {width:99.8%;height:25px;border:1px solid #DADADA;margin-bottom:25px;}
#block-overview-comp p {margin:0;padding:5px 0 0 28px;display:inline;float:left;}

#block-content-type2-wrapper, #block-content-type2-wrapper span {width:100%;clear:both;padding-top:33px;}
#block-content-type2-header-wrapper {display:inline; clear:both;width:100%;}
#block-content-type2-header-wrapper .block-content-type2-header input, .block-content-type2-header a,
#block-content-type2-header-wrapper .block-content-type2-header img {float:right;}

#block-content-type2-content {width:651px;float:left;}
#block-content-type2-content-header-wrapper {width:630px;}
#block-content-type1-header-wrapper {width:740px;float:left;}
#block-content-type2-content-header-wrapper .block-content-type2-header,
#block-content-type1-header-wrapper .block-content-type2-header {width:50%;float:left; }

.block-content-type2-header input {float:right;}




#block-content-type2-content-header-wrapper .block-content-type2-header .imgAddVisit {float:right;}

#block-content-type1 {float:left;padding-top:33px;padding-left:39px; display:block;}
#block-content-type1-text-wrapper {float:left;margin-bottom:30px;margin-top:6px;}
#block-content-type1-text-left {float:left;width:390px;}
#block-content-type1-text-right {float:right;text-align:right;}

#block-content-type2 {float:left;padding-top:33px;padding-left:39px;}


/* datagrids/tables */
table.dg-table-type1, table.dg-table-type2, table.dg-table-type3 {
    float:left;
    border-collapse:separate !important;width:630px;border:1px solid #ccc;
    margin-top:6px;
}

table.dg-table-type2 {
    width:614px;margin-left:2px;margin-top:10px;
}
table.dg-table-type3 {width:740px;margin-top:10px;}

td.dg-table-type3-header, 
td.dg-table-type3-cell,
td.dg-table-type3-edit-cell,
td.dg-table-type3-print-cell,
th.dg-table-type3-header, 
th.dg-table-type3-cell,
th.dg-table-type3-edit-cell,
th.dg-table-type3-print-cell {border:0;padding:0 0 0 8px;height:24px;}
td.dg-table-type3-edit-cell, th.dg-table-type3-edit-cell {width:27px;}

td.dg-table-type3-print-cell {width:42px;padding:0 6px 0 0 !important;text-align:right;background-image:none !important;}
td.dg-table-type3-header {height:26px !important;font-size:12px;font-weight:bold;}

td.dg-table-type3-no-bg {background-image:none !important;}
td.dg-table-type3-border {border-left:1px solid #ddd !important;}

td.dg-table-type3-cell input {width:auto;padding:0 0 0 2px;margin:0;margin-top:2px;height:14px;}
td.dg-table-type3-cell input.txtDateEdit {width:60px;}

td.dg-table-type3-header img {margin:4px 0 0 4px;}

td.dg-table-type3-no-wrap {white-space: nowrap;}


#page-block-wrapper {float:right;margin-top:29px;}
#page-block {width:218px;}

select.page-block-select {width:159px;height:20px;}
input.imgEditMargin {margin-top:4px;}



#page-block-header {height:20px;font-size:12px;padding-left:29px;padding-top:6px;width:189px;}
#page-block-content {border-top:none;padding:29px 29px 19px 29px;float:left;width:158px;}
#page-block-content b {font-size:12px;}

#page-block .page-block-select {width:159px;height:20px;float:left;}
#page-block .page-block-textbox {width:153px;margin-top:10px;float:left;}
#page-block .page-block-button {margin:0;margin-top:10px;float:right;display:inline}

/* tabbed form field */
#block-tabbed-wrapper {width:651px;float:left;}
#tab-wrapper {width:652px;}
#block-tabbed {width:650px;float:left;}
#block-tabbed-content {padding:16px;float:left;}
#block-tabbed-content p {padding:0;margin-top:10px;margin-bottom:20px;}
#block-tabbed-content b {font-size:12px;}
#block-tabbed-content label {font-weight:bold;margin-right:10px;}

#tab-wrapper .tab-empty-border {width:auto;height:24px;}
#tab-wrapper .block-tabbed-tab {width:128px;height:20px;float:left;text-align:center;padding-top:5px;font-size:12px;font-weight:bold;}
#tab-wrapper .block-tabbed-tab-selected {margin:0 1px 0 1px;width:126px !important;text-align:center;}
#tab-wrapper .block-tabbed-tab a {font-size:12px;text-decoration:none;}
#tab-wrapper .block-tabbed-tab-selected a {font-size:12px;text-decoration:none;}

/* left menu */
#left-menu-wrapper {width:164px;float:left;height: 100%;}
#left-menu-caption {padding:32px 0 0 14px;height:18px;font-size:12px;font-weight:bold;}

#left-menu-list {margin:0 0 0 1px;padding:0;height:26px;width:164px;}
#left-menu-list li {
  width:149px;
  margin:0;
  padding:5px 0 0 14px;
  list-style-type: none;
  text-align:left;
}
#left-menu-list li a {
  display: block;height:18px;
  margin:0;
  font-size:11px !important;
  font-weight:bold;
}
#left-menu-list li.left-menu-sub-two a,
#left-menu-list li.left-menu-sub-two-selected a {padding-left:9px;}
#left-menu-list li.left-menu-sub-two a {font-weight:normal;}
#left-menu-list li.left-menu-sub-three a, #left-menu-list li.left-menu-sub-four a {padding-left:18px;}
#left-menu-list li.left-menu-sub-four a {font-weight:normal;}
/****/

.highlight { background-color: yellow }

#block-form-field-type1-wrapper  {clear:both;width:740px;}

#block-form-field-type1-wrapper fieldset {margin:0;padding:0 0 18px 0;}
#block-form-field-type1-wrapper legend {font-size:13px;font-weight:bold;padding: 2px 8px 2px 8px;}

#block-form-field-type1 {padding:10px 22px;}
#block-form-field-type1-left {width:500px;float:left;}
#block-form-field-type1-right {width:380px;float:left;}
#block-form-field-type1-right textarea {width:98%;height:218px;float:left;}
#block-form-field-type1-left input.txtContentFeedbackLong {width:160px;float:left;margin-bottom:8px;}
#block-form-field-type1-left select.txtContentFeedbackLong {width:165px;float:left;margin-bottom:8px;}
#block-form-field-type1-left input.txtPatientContentFeedbackShort {width:47px;float:left;margin-bottom:8px;margin-right:4px;}
#block-form-field-type1-left label {display:block;width:80px;float:left;padding-top:2px;}
#block-form-field-type1-left p {margin:8px 0 0 0;float:left;}

#block-form-field-type1-left p.block-form-field-type1-left-optional {margin:20px 0 0 0;}
#block-form-field-type1-left .imgCalBornDate {float:left;margin-top:2px;}

#block-form-field-type1-right #btnWrapper {float:left;margin-top:10px;width:102%;}
#block-form-field-type1-right #btnWrapper p {float:left;margin:0;padding:0;width:49%;}
#block-form-field-type1-right #btnWrapper p input.btnPatientFeedback {float:right;}


/* disabled form fields */
#block-form-field-type1-left .inputDisabled {background-color:#F7F7F7;border:1px solid #ccc;padding:2px;}

.block-form-field-list
{font-size:11px;}



/* panel/div user confirmations edit/delete */
div.pnlDelete {
    padding:0;margin:0;
    width:819px;float:left;height:auto;
    position:relative;top:-33px;left:-38px;
}
div.pnlDeleteColor p, div.pnlDeletedColor p {padding:15px 0 12px 12px;margin:0;font-size:12px;}
div.pnlDeletedColor p {text-align:center;font-weight:bold;}
div.pnlDeleteColor p input {margin-top:6px;padding:2px 0 2px 0;}
div.pnlDeleteColor p a.lnkBtnCancel {font-size:12px;text-decoration:none;font-weight:bold;}





#page-info-wrapper-smaller {width:580px;float:left;margin-right:22px;}
#page-info-wrapper-smaller #page-info-smaller-content {border:1px solid #ddd;border-top:none;float:left;width:578px;}
#page-info-smaller-header {height:20px;font-size:12px;padding-top:6px;}
#page-info-smaller-header img {float:left;margin:0 4px 0 6px;}


/**/
#page-block-text-wrapper-bigger {width:260px;float:left;padding:20px;}

#page-block-text-wrapper-bigger p {font-size:11px;}
/**/
div.page-info-smaller-content-row a {font-size:12px;}
div.page-info-smaller-content-row, div.page-info-smaller-content-row-buttons {padding:19px 19px 13px 19px;}
div.page-info-smaller-content-row-color {padding-bottom:8px;}

div.page-info-smaller-content-row label.lblStrong {width:88px;display:block;float:left;margin-top:0.2em}
div.page-info-smaller-content-row label.lblStrongNoWidth {display:inline;margin:0 4px 0 4px;}
div.page-info-smaller-content-row p {margin:0 0 10px 0;}
div.page-info-smaller-content-row p img {vertical-align:middle;}
div.page-info-smaller-content-row-color p input {margin-right:10px;}

div.page-info-smaller-content-row p select,
div.page-info-smaller-content-row p input {display:inline;margin-left:2px;}
div.page-info-smaller-content-row-buttons {float:left;width:540px;}
div.page-info-smaller-content-row-buttons input {float:right;display:inline;margin-left:6px;}


/* Page specific styles */

/* Default page*/
#defaultContent {padding: 30px; width:100%; min-height: 400px;} 

#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
	filter:alpha(opacity=20);
    opacity:0.2; 
    -moz-opacity:0.2; 
    z-index:1000; 
}

#progressMessage { 
    position:fixed; 
    top:20%; 
    left:43%;
    padding:10px; 
    width:20%; 
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;
    text-align: center;
}

.TestBanner
{
	background-color: #FF0000;
    border: 1px solid #000000;
    position: absolute;
    top: 5px;
    left: 300px;
    padding: 8px;
}

