﻿.info, .info24, .success, .warning, .error, .validation {
	BORDER: 1px solid;
	MARGIN: 10px 0px;
	PADDING: 15px 10px 15px 50px;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 10px center;
}
.info {
	COLOR: #00529B;
	BACKGROUND-COLOR: #BDE5F8;
	BACKGROUND-IMAGE: url('../../Images/Icons/info24.png');
}
.success {
	COLOR: #4F8A10;
	BACKGROUND-COLOR: #DFF2BF;
	BACKGROUND-IMAGE: url('../../Images/Icons/success24.png');
}
.warning {
	COLOR: #9F6000;
	BACKGROUND-COLOR: #FEEFB3;
	BACKGROUND-IMAGE: url('../../Images/Icons/warning24.png');
}
.error {
	COLOR: #D8000C;
	BACKGROUND-COLOR: #FFBABA;
	BACKGROUND-IMAGE: url('../../Images/Icons/error24.png');
}
.info24 {
	COLOR: #00529B;
	BACKGROUND-COLOR: #BDE5F8;
	BACKGROUND-IMAGE: url('../../Images/Icons/infosize24.png');
}

.subhead {
	FONT-SIZE: 13px;
	FONT-WEIGHT: bold;
	COLOR: #008fbe;
	font-family: Calibri;
}
td.h5 {
	COLOR: #008fbe;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 17px;
	VERTICAL-ALIGN: text-bottom;
}
.smalltxt {
	FONT-SIZE: 8pt;
	FONT-STYLE: italic;
}
.formTable {
	WIDTH: 620px;
}
.ActivationTable {
	WIDTH: 600px;
}
.datePicker {
	Z-INDEX: 1px;
	POSITION: absolute;
}
.normalRow {
	BACKGROUND-COLOR: #CDE9F5;
	TEXT-ALIGN: right;
	VERTICAL-ALIGN: middle;
	LINE-HEIGHT: 20px;
}

.altRow {
	BACKGROUND-COLOR: #e7f4fa;
	TEXT-ALIGN: left;
}
.defaultRow {
	BACKGROUND-COLOR: White;
}
.actnormalRow {
	BACKGROUND-COLOR: #cde9f5;
	TEXT-ALIGN: right;
	WIDTH: 120px;
}

.actaltRow {
	BACKGROUND-COLOR: #e7f4fa;
	TEXT-ALIGN: left;
	WIDTH: 160px;
}
.QuickLinksFlyoutPopup {
	BACKGROUND-COLOR: white;
	BORDER: solid 1px silver;
	PADDING: 10px;
}

/* buttons  -------------------- */
div.glossybtn {
	DISPLAY: block;
	FLOAT: left;
	POSITION: relative;
	BACKGROUND: url(images/btnright.png) right bottom no-repeat;
	HEIGHT: 30px;
	MARGIN-RIGHT: 3px;
}
div.glossybtn div.leftend {
	DISPLAY: block;
	FLOAT: left;
	POSITION: relative;
	BACKGROUND: url(images/btnleft.png) left bottom no-repeat;
	HEIGHT: 30px;
	WIDTH: 10px;
	MARGIN-LEFT: -3px;
}
div.glossybtn a {
	DISPLAY: block;
	FLOAT: left;
	POSITION: relative;
	TOP: 4px;
	TEXT-ALIGN: center;
}
div.glossybtn a:link, div.glossy a:active {
	MARGIN: 0px 6px 0px 3px;
	WHITE-SPACE: nowrap;
	COLOR: #fff;
	PADDING-TOP: 2px;
	FONT-SIZE: 15px;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
}
div.glossybtn a:hover {
	MARGIN: 0px 6px 0px 3px;
	WHITE-SPACE: nowrap;
	COLOR: #ccc !important;
	FONT-SIZE: 15px;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	TEXT-ALIGN: center;
	VERTICAL-ALIGN: middle;
}
div.glossybtn a:visited {
	MARGIN: 0px 6px 0px 3px;
	WHITE-SPACE: nowrap;
	COLOR: #fff !important;
	FONT-SIZE: 15px;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	TEXT-ALIGN: center;
	VERTICAL-ALIGN: middle;
}
.align {
	TEXT-ALIGN: center;
}

.tdText {
	FONT-SIZE: 10pt;
	font-family: Calibri;
	LINE-HEIGHT: 20px;
	PADDING-LEFT: 5px;
}


#pointermenu2 {
	MARGIN: 0;
	PADDING: 2;
}

#pointermenu2 ul {
	MARGIN: 1;
	MARGIN-LEFT: 15px; /*menu offset from left edge of window*/
	FLOAT: left;
	BORDER: 2px;
	BORDER-RIGHT-COLOR: Gray;
	PADDING-LEFT: 8px;
	FONT: bold 8pt Roboto;
	BACKGROUND: #008fbe bottom left no-repeat; /*optional left round corner*/
}

* html #pointermenu2 ul {
	/*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
	MARGIN-BOTTOM: 1em;
	MARGIN-LEFT: 7px; /*menu offset from left edge of window in IE*/
	BORDER: 1px;
}

#pointermenu2 ul li {
	DISPLAY: inline;
}


#pointermenu2 ul li a {
	FLOAT: left;
	COLOR: white;
	FONT-WEIGHT: bold;
	PADDING: 7px 9px 7px 5px;
	TEXT-DECORATION: none;
	HEIGHT: 15px;
}

#pointermenu2 ul li a:hover {
	COLOR: #fd9615;
}


#pointermenu2 ul li a#selected {
	/*hover and selected link*/
	BACKGROUND: transparent url(images/pointer.gif) bottom center no-repeat;
}

#pointermenu2 ul li a#rightcorner {
	PADDING-RIGHT: 0;
	HEIGHT: 15px;
	PADDING-LEFT: 2px;
}


#navcontainer {
	MARGIN: 10px 0 0 30px;
	PADDING: 0;
	HEIGHT: 20px;
}

#navcontainer ul {
	BORDER: 0;
	MARGIN: 0;
	PADDING: 0;
	LIST-STYLE-TYPE: none;
	TEXT-ALIGN: center;
}

#navcontainer ul li {
	DISPLAY: block;
	FLOAT: left;
	TEXT-ALIGN: center;
	PADDING: 0;
	MARGIN: 0;
}

#navcontainer ul li a {
	BACKGROUND: #fff;
	HEIGHT: 18px;
	BORDER-TOP: 1px solid #cfeaf5;
	BORDER-LEFT: 1px solid #cfeaf5;
	BORDER-BOTTOM: 1px solid #cfeaf5;
	BORDER-RIGHT: 1px solid #cfeaf5;
	PADDING: 0;
	MARGIN: 0 0 10px 0;
	COLOR: #f5d7b4;
	TEXT-DECORATION: none;
	DISPLAY: block;
	TEXT-ALIGN: center;
}

#navcontainer ul li a:hover {
	COLOR: #930;
	BACKGROUND: #008fbe;
}

#navcontainer a:active {
	BACKGROUND: #c60;
	COLOR: #fff;
}

#navcontainer li#active a {
	BACKGROUND: #c60;
	BORDER: 1px solid #c60;
	COLOR: #fff;
}

.AppTable {
	font-family: Calibri;
	FONT-SIZE: 14px;
	FONT-VARIANT: normal;
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
}
.AppTableContents {
	font-family: Calibri;
	FONT-SIZE: 11px;
	COLOR: #000000;
}

table.App {
	BORDER-BOTTOM-COLOR: Gray;
}

.PageSubHeader {
	FONT-SIZE: medium;
	COLOR: #008fbe;
	FONT-SIZE: 11pt;
	TEXT-ALIGN: left;
}

.tdheadbg {
	BACKGROUND-COLOR: #cde9f5;
	FONT-WEIGHT: bold;
}

/* Added for flyout popup style setting used Inbox Receive message and doctor's view view journal*/
.FlyoutPopup {
	BACKGROUND-COLOR: #EEEEEE;
	WIDTH: 300px;
	HEIGHT: 300px;
	PADDING: 10px 10px 10px 10px;
	OVERFLOW: scroll;
	BORDER: 1px solid #000000;
}

.rounded {
	BACKGROUND-COLOR: #E7F4FA;
	PADDING: 10px;
	WIDTH: 580px;
	MARGIN-LEFT: 20px;
}

.topPager {
	BACKGROUND-COLOR: #E7F4FA;
	PADDING: 10px;
	WIDTH: 580px;
	MARGIN-LEFT: 20px;
}
/* table level rules */
.yui-grid {
	font-family: Calibri;
	FONT-SIZE: small;
	BORDER: solid 1px Black;
	BORDER-COLLAPSE: collapse;
}


/* header column rules */
.yui-grid th {
	BACKGROUND: url(../img/sprite.png) repeat-x 0px 0px;
	BORDER-COLOR: #989898 #cbcbcb #989898 #989898;
	BORDER-STYLE: none;
	BORDER-WIDTH: 0px 0px 0px medium;
	COLOR: #000;
	PADDING: 4px 5px 4px 10px;
	TEXT-ALIGN: left;
	VERTICAL-ALIGN: bottom;
}

.yui-grid th a {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
	DISPLAY: block;
	PADDING-RIGHT: 10px;
}

/* change the background image when the column is being sorted by */
.yui-grid th.sortasc, .yui-grid th.sortdesc {
	BACKGROUND: url(../img/sprite.png) repeat-x 0px -100px;
}

/* change image if it is an asc sort */
.yui-grid th.sortasc a {
	BACKGROUND: url(../img/dt-arrow-up.png) no-repeat right 50%;
}

/* change image if it is a desc sort */
.yui-grid th.sortdesc a {
	BACKGROUND: url(../img/dt-arrow-dn.png) no-repeat right 50%;
}


/* data cell and data row rules */
.yui-grid td {
	PADDING: 4px 10px 4px 10px;
	BORDER-RIGHT: solid 1px #cbcbcb;
}

.yui-grid .altrow, .yui-grid .row .sort {
	BACKGROUND-COLOR: #edf5ff;
}

.yui-grid .altrow .sort {
	BACKGROUND-COLOR: #dbeaff;
}

.yui-grid .row {
	BACKGROUND-COLOR: #fff;
}
.setbackcolor {
	BACKGROUND-COLOR: #CDE9F5;
}
.bannerHeader {
	FONT-WEIGHT: bold;
	COLOR: #0099FF;
	FONT-SIZE: large;
}
.PartZoneHeader {
	DISPLAY: none;
}
.PartTitleText {
	FONT-SIZE: 11px;
	COLOR: White;
	PADDING-LEFT: -50px;
}
.PageHeading {
	COLOR: #008fbe;
	FONT-SIZE: 11pt;
	FONT-WEIGHT: bold;
}
.ParaHeading {
	COLOR: #008fbe;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
}
.ParaText {
	COLOR: #008fbe;
	FONT-SIZE: 9pt;
}
.DivBack {
	FLOAT: left;
	WIDTH: 130px;
	BACKGROUND: #FFFFFF url(images/panel_bg.gif) repeat-x scroll 0 0;
	BORDER: 1px solid #DDDDDD;
	PADDING: 10px 10px 15px 10px;
}
.topHead {
	BACKGROUND-COLOR: #E7F4FA;
	PADDING: 10px;
	MARGIN-LEFT: 20px;
}

.watermark {
	COLOR: #999 !important;
}
.watermarksh {
	COLOR: #999 !important;
}
.watermark3 {
	COLOR: #c77 !important;
}
#scrolltotop a {
	/* display: block before hiding */
	DISPLAY: block;
	DISPLAY: none; /* link is above all other elements */
	Z-INDEX: 999; /* link doesn't hide text behind it */
	OPACITY: .8; /* link stays at same place on page */
	POSITION: fixed; /* link goes at the bottom of the page */
	TOP: 100%;
	MARGIN-TOP: -80px; /* = height + preferred bottom margin */ /* link is centered */
	LEFT: 90%;
	MARGIN-LEFT: -160px; /* = half of width */ /* round the corners (to your preference)  	-moz-border-radius: 24px; 	-webkit-border-radius: 24px;  */ /* make it big and easy to see (size, style to preferences) */
	WIDTH: 100px;
	BACKGROUND: #f1f1f1;
	BORDER: 1px solid #ccc;
	TEXT-ALIGN: center;
	PADDING: 5px;
	POSITION: fixed;
	BOTTOM: 10px;
	RIGHT: 10px;
	CURSOR: pointer;
	COLOR: #666;
	TEXT-DECORATION: none;
}
/*
Default style definitions for:
Uploadify v1.6.2
*/
.fileUploadQueueItem {
	BACKGROUND-COLOR: #F5F5F5;
	BORDER: 3px solid #E5E5E5;
	MARGIN-TOP: 5px;
	PADDING: 10px;
	WIDTH: 300px;
}
.fileUploadQueueItem .cancel {
	FLOAT: right;
}
.fileUploadProgress {
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-TOP: 1px solid #808080;
	BORDER-LEFT: 1px solid #808080;
	BORDER-RIGHT: 1px solid #C5C5C5;
	BORDER-BOTTOM: 1px solid #C5C5C5;
	MARGIN-TOP: 10px;
	WIDTH: 100%;
}
.fileUploadProgressBar {
	BACKGROUND-COLOR: #0099FF;
}


a.playsession {
	BACKGROUND: url("//www.beatingtheblues.co.uk/media/images/sessionButtons.png") no-repeat scroll left 0 transparent;
	DISPLAY: block;
	FONT-WEIGHT: bold;
	HEIGHT: 90px;
	MARGIN: 30px 0 0 20px;
	PADDING: 50px 0 0 150px;
	WIDTH: 150px;
}

#content h3#getbetter {
	BACKGROUND: url("//beatingtheblues.s3.amazonaws.com/media/ROOT/images/getbetter.gif.png") no-repeat scroll center center transparent;
	TEXT-INDENT: -999em;
}

#content h3 {
	COLOR: #5F5F5F;
	font-family: Calibri;
	FONT-SIZE: 20px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1.6em;
}

#content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content ul, #content ol {
	PADDING: 10px 25px 0;
}
