/*************************************************************
Drill page specific style sheet

When defining styles, for consistency,
use a similar order for definitions.

1. Display & Positioning (display, position, left, etc.)
2. Box model items (margin, padding, border, etc.)
3. Sizes (width, height) *Don't forget the box model hack
4. Appearance items (background, font, color, etc.)
*************************************************************/

/*************************************************************
General styles
*************************************************************/

html, body {
	background: #eee url(../images/bg_tile_drill.gif) repeat-y;
	
}

.grey {
	color: #999;
}

/*************************************************************
Subnavigation
*************************************************************/
#subnav {
	float: left;
	margin: 0;
	padding: 0;
	width: 190px;
}

#subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#subnav li a {
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 15px;
	width: 189px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 174px;
	background: #DEE3EC url(../images/bg_subnav_line.gif) repeat-x bottom;
	color: #003066;
	text-decoration: none;
}

#subnav li a:hover {
	background: #C3CCDD url(../images/bg_subnav_line.gif) repeat-x bottom;
}

#subnav .tertiary {
	font: 11px Arial, Helvetica, sans-serif;
}

#subnav li.tertiary a {
	display: block;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 27px;
	width: 189px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 162px;
	background: #C3CCDD;
	color: #003066;
	text-decoration: none;
}

#subnav li.tertiary a:hover {
	background: #C3CCDD;
	text-decoration: underline;
}

#subnav li.tertiary_on {
	font: 11px Arial, Helvetica, sans-serif;
}

#subnav li.tertiary_on a {
	display: block;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 27px;
	width: 189px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 162px;
	background: #C3CCDD;
	color: #FF0000;
	text-decoration: none;
}

#subnav li.tertiary_on a:hover {
	background: #C3CCDD;
	text-decoration: underline;
}

#subnav li.selection a {
	background: #C3CCDD url(../images/bg_subnav_line.gif) repeat-x bottom;
	font-weight: bold;
}

/*************************************************************
Right content area
*************************************************************/

#content_right {
	float: right;
	margin: 0;
	padding: 0;
	width: 570px;
}

#content_right p {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 1.5em;
	margin-left: 20px;
}

img.left {
	float: left;
	margin: 0 10px 5px 0;
	border: 0;
}

img.right {
	float: right;
	margin: 0 0 1em 10px;
	border: 0;
}

#content_right a {
	color: #003066;
}

#content_right h1 {
	margin-top: 1em;
	margin-right: 20px;
	margin-bottom: 1em;
	margin-left: 20px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #003D79;
}

#content_right h2 {
	clear: both;
	margin-top: 1em;
	margin-right: 20px;
	margin-bottom: 1em;
	margin-left: 20px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003D79;
}

#content_right h3 {
	margin-top: 1em;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003D79;
}

#content_right h4 {
	margin-top: 1em;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003D79;
}

#content_right ul {
	list-style: url(/images/subnav_arrow.gif) none outside;
}

#content_right li {
	margin-bottom: 0.25em;
	margin-right: 20px;
}

.underline {
	text-decoration: underline;
}

#breadcrumb {
	margin-top: 1em !important;
	font: 11px Arial, Helvetica, sans-serif;
	color: #003066;
}

#breadcrumb a {
	color: #666;
}

/*************************************************************
Call Outs Area
*************************************************************/

#content_right #callout 
{
	float: right;
	margin: 0 5px 5px 5px;
	border-right: 1px solid #E5E5E5;
	width: 309px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 269px;
	background: #FAFAFA;
}

#content_right #callout1 
{
	float: left;
	margin: 0 5px 5px 5px;
	border-right: 1px solid #E5E5E5;
	width: 309px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 269px;
	background: #FAFAFA;
}

#content_right p#callout_top1 {
	display: block;
	margin: 0;
	width: 269px;
	height: 10px;
	background: #FAFAFA url(../images/bg_cms_top.gif) no-repeat;
}

#content_right p#callout_bottom1 {
	display: block;
	margin: 0;
	width: 269px;
	height: 10px;
	background: #FAFAFA url(../images/bg_cms_bottom.gif) no-repeat bottom;
}

#content_right #callout p {
	margin-top: 0;
	margin-bottom: 1em;
}

#content_right #callout ul {
	margin-top: 0;
	margin-bottom: 1em;
}

#content_right #callout li {
	margin-top: 0;
	margin-bottom: 1em;
}

#content_right #callout h1 {
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 12px;
}
#content_right #callout1 h1 {
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 12px;
}

#content_right p#callout_top {
	display: block;
	margin: 0;
	width: 269px;
	height: 10px;
	background: #FAFAFA url(../images/bg_cms_top.gif) no-repeat;
}

#content_right p#callout_bottom {
	display: block;
	margin: 0;
	width: 269px;
	height: 10px;
	background: #FAFAFA url(../images/bg_cms_bottom.gif) no-repeat bottom;
}

#content_right #holder {
	margin: 0;
	border: 0;
	padding: 0;
	height: 100%;
}


/*************************************************************
Table styles
*************************************************************/

#demo_patients {
	clear: both;
	float: left;
	border-right: 1px solid #C3CCDD;
	width: 49%;
}

#demo_physicians {
	float: right;
	width: 49%;
}

/*************************************************************
Table styles
*************************************************************/

.tbl {
	margin: 0 20px 1em 20px;
	width: 570px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 530px;
}

.tbl a {
	color: #003066;
}

.tblHeader {
	font: bold 12px Arial, Helvetica, sans-serif;
	background: #003066;
	color: #fff;
}

.tblHeader a {
	color: #fff !important;
}

.tblItem {
	background: #fff;
	color: #003066;
}

.tblAltItem {
	background: #DEE3EC;
	color: #003066;
}

.tblEditItem {
	color: #FF0000;
}

/*************************************************************
Email button styles
*************************************************************/
.clickBtn {
	margin: 4px 0 0 0;
}