table.pTable th { text-align:right; white-space:nowrap; }
table.pTable td { width:90%; white-space:nowrap; }
table.paTable td { padding: 5px 15px 5px 15px;}

hr { width: 50%; height:2px; }
span.pmhCategory { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000; }

.blueBarRight{
  width:100%;
  background: url(/vco/images/blueBox_r.gif) 100% 0 no-repeat;
}
.blueBarLeft{
  width:100%;
  background: url(/vco/images/blueBox_l.gif) 0 0 no-repeat;
}
.blueBarContent{
  height:21px; line-height:21px; margin-left: 3px; margin-right:3px; padding-left:5px; padding-right:3px;
  background: url(/vco/images/blueBox_c.gif) repeat-x; color:#FFF;
}
.blueBarContent .btns {float:right; margin:-20px 0; _margin:-16px 0;}
.blueBarContainer {
  _width:100%;
  padding:0;
  margin:0;
  margin-bottom: 5px;
  border-left: 1px solid #BBB;
  border-right: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}

.profiletabs {
  border-bottom: 2px solid #3c6e9f;
  overflow: hidden;
  /*width: 100%;*/
  font-size: 14px; /*font of menu text*/
  padding-top:7px;
}

.profiletabs ul {
  list-style-type: none;
  margin: 0;
  margin-left: 0; /*offset of first tab relative to page left edge*/
  padding: 0;
}

.profiletabs ul li {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  _margin-top:1px;
}

.profiletabs ul li a.tabLink {
  float: left;
  position: relative;
  top: 0px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
  background: url(/vco/images/tab_l_overDown.gif) no-repeat left top;
  margin: 0 0 0 0;
  margin-right: 0; /*Spacing between each tab*/
  padding: 0 0 0 6px;
  text-decoration: none;
  height:22px;
}

.profiletabs ul li a.tabLink span {
  cursor:pointer;
  font-size: 10px;
  float: left;
  position: relative;
  display: block;
  background: url(/vco/images/tab_r_overDown.gif) no-repeat right top;
  padding: 0px 14px 0px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
  padding-right: 20px;
  font-weight: bold;
  color: #325d87;
  height: 22px;
  line-height: 22px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
/*.profiletabs ul li a span {float:none;}*/
/* End IE5-Mac hack */

.profiletabs ul li.selected a.tabLink, .profiletabs ul li a.tabLink:hover {
  background: url(/vco/images/tab_l_up.gif) no-repeat left top;
  padding-bottom: 0px;
}

.profiletabs ul li.selected a.tabLink span, .profiletabs ul li a.tabLink:hover span {
  background: url(/vco/images/tab_r_up.gif) no-repeat right top;
  color: white;
  padding-bottom: 0px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
}

.profiletabs ul li div {
  position:absolute;
  top:7px; right:5px;
}

.profiletabs ul li div.removeTab a {
  text-decoration:none;
  background: url(/vco/images/btn_Close_blue.gif) no-repeat right top;
}

.profiletabs ul li.selected div.removeTab a {
  text-decoration:none;
  background: url(/vco/images/btn_Close_white.gif) no-repeat right top;
}

.arrowgreen ul li div { position:absolute; top:5px; right:5px; margin:0px; padding:0px; border:0px; }
.arrowgreen ul li div.iconArrow { position:absolute; top:8px; right:5px; margin:0; padding:0; }
.arrowgreen ul li div.iconArrow a { display:block; height:8px; width:9px; background:url(/vco/images/icon_arrow_up.gif) no-repeat;}
.arrowgreen ul li.blue.blueselected div.iconArrow a { background:url(/vco/images/icon_arrow_down.gif) no-repeat; }

.arrowgreen ul li div.refreshTab a {
  height:12px; width:10px; display:block;
  background: url(/vco/images/refresh.png) center center no-repeat;
}

.arrowgreen {
/*  border-style: none solid none; border-color: #c6d1d9; border-size: 1px; border-width: 1px;*/
  width: 115px;
  padding: 5px;
  vertical-align: top;
}
.arrowgreen ul{ list-style-type: none; margin: 0; padding: 0;}
.arrowgreen li {
  border-left:1px solid #c6d1d9; border-right:1px solid #c6d1d9;
  position:relative; white-space:nowrap; overflow:hidden; background: #ebf0f6;
}
.arrowgreen li a.tabLink{
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;
  text-decoration: none; font-weight:bold; padding-left:10px;
  color:#325d87; height:18px; display:block; line-height:18px;
}
.arrowgreen li a.tabLink:hover, .arrowgreen li.selected a.tabLink { text-decoration: underline }

.arrowgreen li.blue { background: #C8D9EB;}
.arrowgreen li.blue a.tabLink { font-weight:bold; height:22px;line-height:22px; padding-left:5px; border-bottom: 3px solid #ebf0f6; }
.arrowgreen li.blue.blueselected a.tabLink { font-weight:bold; text-decoration: none; color:#b11120; }

.patientMenu {
/*  border-style: none solid none; border-color: #c6d1d9; border-size: 1px; border-width: 1px;*/
  width: 115px;
  vertical-align: top;
}
.patientMenu ul { list-style-type: none; margin: 0; padding: 0; }
.patientMenu li {
  position:relative; white-space:nowrap;overflow:hidden; background: #ffffff;
}
.patientMenu li a.tabLink{
  display: block; font: bold 11px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;
  color:#325d87; padding-left: 10px; height:18px; line-height:18px;
}
.patientMenu li a.tabLink:hover, .patientMenu li.selected a.tabLink { text-decoration: underline }

.patientMenu li.blue { background: #dbe7f3; }
.patientMenu li.blue a.tabLink { font-weight:bold; padding-left: 5px; height:22px; line-height:22px; }
.patientMenu li.blue.blueselected a.tabLink { font-weight:bold; text-decoration: none; color:#b11120; }

.patientMenu ul li div {
  position:absolute;
  top:5px; right:5px;
}
.patientMenu ul li div.removeTab a {
  text-decoration:none;
  background: url(/vco/images/btn_Close_blue.gif) no-repeat right top;
}
.patientMenu ul li div.removeTab a:hover { text-decoration:none; }

.patientMenu ul li div.refreshTab a {
  height:12px; width:10px; display:block;
  background: url(/vco/images/refresh.png) center center no-repeat;
}

.navTabs {overflow: hidden; width: 100%; font-size: 14px; /*font of menu text*/ padding-bottom:0px; }
.navTabs ul {width:100%; list-style-type: none; margin: 0; margin-left: 0; /*offset of first tab relative to page left edge*/ padding: 0; }
.navTabs ul li {width:14.1%;_width:14.25%;float: left; position: relative; margin: 0; padding: 0; }
.navTabs ul li a.tabLink {
  border-left:1px #7cb4ef solid;
  float: left; position: relative;width:100%;
  top: 0px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
  background: url(/vco/images/topHdr_ctr_up.gif) no-repeat left top;
  margin: 0; margin-right: 0px; /*Spacing between each tab*/
  padding: 0 0 0 1px; text-decoration: none; height:25px;
}

.leftMenuTopRight { width:100%; height: 8px; background: url(/vco/images/leftNav_top_r.gif) 100% 0 no-repeat; }
.leftMenuTopLeft { width:100%; height: 8px; background: url(/vco/images/leftNav_top_l.gif) 0 0 no-repeat; }
.leftMenuTopCenter { height:8px; margin-left: 8px; margin-right:8px; background: url(/vco/images/leftNav_top_ctr_1px.gif) repeat-x; }
.leftMenuTopRightDark { width:100%; height: 8px; background: url(/vco/images/leftNav_top_r_dark.gif) 100% 0 no-repeat; }
.leftMenuTopLeftDark { width:100%; height: 8px; background: url(/vco/images/leftNav_top_l_dark.gif) 0 0 no-repeat; }
.leftMenuTopCenterDark { height:8px; margin-left: 8px; margin-right:8px; background: url(/vco/images/leftNav_top_ctr_1px_dark.gif) repeat-x; }
.leftMenuBtmRight { width:100%; background: url(/vco/images/leftNav_btm_r.gif) 100% 0 no-repeat; }
.leftMenuBtmLeft { width:100%; background: url(/vco/images/leftNav_btm_l.gif) 0 0 no-repeat; padding-bottom:5px;}
.leftMenuBtmCenter { height:8px; margin-left: 8px; margin-right:8px; background: url(/vco/images/leftNav_btm_ctr_1px.gif) repeat-x; }

.navTabs ul li a.tabLink span {
  cursor:pointer; font-size: 12px; float: left; position: relative;
  display: block; background: url(/vco/images/topHdr_ctr_up.gif) repeat right top;
  padding: 5px 14px 0px 0px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
  text-align:center;
  width:100%;
  color: white; height:25px; margin-left:-1px;
}
.navTabs ul li a.tabLink span.withClose { padding-right: 20px; }
.navTabs ul li.selected a.tabLink, .navTabs ul li a.tabLink:hover { background: url(/vco/images/topHdr_ctr_overDown.gif) no-repeat left top; }
.navTabs ul li.selected a.tabLink span, .navTabs ul li a.tabLink:hover span {
  background: url(/vco/images/topHdr_ctr_overDown.gif) repeat right top;
  color: white; padding-bottom: 0px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
}
.navTabs ul li div { position:absolute; top:6px; right:5px; width:100% }


.topNavBar { width:100%; background: white;}

.hidden { display:none; }

  .mainContentRight{
      width:100%;
      height:100%;
      background:  url(/vco/images/bg_r.gif) 100% 100% no-repeat;
  }


 .mainContentLeft{
      width:100%;
       height:100%;
      background: url(/vco/images/bg_l.gif) 0 100% no-repeat;
 }


 .mainContentCenter{
       height:100%; width:100%;
       background: url(/vco/images/bg_ctr.gif) 0 100% repeat-x;
 }
 .mainContent { height:100%; margin-left:2px; margin-right:5px; margin-bottom:5px; }
