/*Component*/
.component {
	display: inline-block;
	overflow-x: hidden;
	overflow-y: hidden;
	min-height: 0;
	margin-bottom: 15px;
	opacity: 1;
}

.component > .content {
	opacity: 1;
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0;
}

.component > a.viewmore {
	width: 106%;
	display: inline-block;
	position: relative;
	z-index: 10;
	height: 15px;
	text-align: center;
	bottom: 0;
	cursor: pointer;
	left: -3%;
	font-size: 110%;
	box-shadow: 0 -6px 6px -4px #999999;
	padding: 3px 0 7px 0;
	border-radius: 4px;
}

.messageComponent p {
	font-size: 1.05em;
}

.component .errormessage {
	margin: 15px 0;
	font-size: 1.2em;
	border: 1px dashed #ddd;
	box-sizing: border-box;
	padding: 1em;
	font-weight: bold;
	text-align:left;
}

.loginalert .errormessage{
	padding: 0 0 5px 20px;
	border: none;
}


/*TITLES & TOOLBARS*/

.component .titlebar {
	border-bottom: solid 1px;
	background-color: transparent;
	font-size: 1.3em;
	font-weight: bold;
}


.Popup.component .titlebar {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	width: auto;
	font-size: 1.1em;
}

.component.Popup.textlessTitle {
	padding-bottom: 7px;
}

.component.Popup.textlessTitle .titlebar {
	margin-top: -3px;
	background-color: transparent;
	background: repeat;
	border: none;
}

.Popup.notitle .titlebar {
	background-color: transparent;
	float: right;
	width: auto;
}

.component ul.buttons {
	font-size: inherit;
}


.component .titlebar ul, 
.component .titlebar ul li{
	margin-bottom: 0;
}

.component ul.buttons li {
	display: inline-block;
}

.Popup.component .titlebar ul.buttons {
	position: absolute;
	display: inline;
	right: -14px;
	top: -8px;
}


.Panel.component .titlebar ul.buttons {
	float: right;
	display: inline;
	position: relative;
}

.component.notitle .titlebar.nobuttons {
	display: none;
}

.Popup .toolbar {	/*removed .content between popup and toolbar*/
	padding-top: 5px;
	margin-top: 5px;
}

.Popup .toolbar ul.buttons,
.Popup .toolbar ul.buttons li {
	margin-bottom: 0;
}

.Popup.nobuttons {
	padding-bottom: 5px;
}

/*Containers*/

.container .content .component:last-child {
	margin-bottom: 0;
}

.component.Popup {
	display: block;
	border-radius: 4px;
	font-size: 1.15em;
	padding: 0;
	position: absolute;
	top: 0;
	left: 50%;
	width: auto;
	max-width: 1400px;
	z-index: 3002;
	outline: 0;
	box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.8);
	overflow-x: visible;
	overflow-y: visible;
	margin-bottom: 0;
}


.Popup.notitle.nobuttons {
	padding: 20px 20px 20px 20px;
}

.component.Popup > div.content {
	width: auto;
	margin: 0;
	padding: 10px 15px;
}

.Popup.small p,
.Popup.medium p {
	text-align: center;
	margin-bottom: 5px;
}


.component.Popup.small {
	width: 370px;
}

.component.Popup.medium {
	width: 700px;
}

.component.Popup.large {
	width: 975px;
}

/*AWL & Alerts*/
.loginalert {
	min-height: 55px;
	border-top-style: solid;
	border-top-width: 1px;
}

.apptalerts .loginalert {
	border-top-width: 0;
}

#alertspanel-autowaitlist .component .content,
#alertspanel-autowaitlist .component {
	overflow-x: visible;
	overflow-y: visible;
}

.md_appointments #alertspanel-autowaitlist .component .content,
.md_appointments #alertspanel-autowaitlist .component,
#alertspanel-autowaitlist .component.isanimating .content,
#alertspanel-autowaitlist .component.isanimating {
	overflow-x: hidden;
	overflow-y: hidden;
}

.md_appointments #alertspanel-autowaitlist .component {
	margin-bottom: 0;
}

.apptalerts .component > .inlineloading.component {
	padding-left: 10px;
	padding-top: 20px;
}

.Alerts #alertspanel-autowaitlist .component {
	margin-bottom: -8px;
}

#alertspanel-autowaitlist .inlineloading.pseudohidden {
	margin-top: -1px;
}

.component .loginalert .inlineloading {
	margin-left: 19px;
	margin-top: 20px;
}

.loginalert .body.alertbodyhidden {
	height: 0;
	padding-bottom: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}

.bodyanimator {
	overflow-x: hidden;
	overflow-y: hidden;
}


.alertcontent.waitingforresponse .contenthead, 
.alertcontent.waitingforresponse .contentbody {
	display: none;
}

.alertcontent.waitingforresponse {
	min-height: 56px;
}

/*Notification Alert*/

.component.Popup.notificationreview{
	width: 54rem;
	font-size: 1em;
}

.component.Popup.notificationreview .titlebar {
	padding: 0;
}

.component.Popup.notificationreview .titlebar span{
	display: none;
}
.component.Popup.notificationreview > .content {
	padding: 2rem;
}
.component.Popup.notificationreview > .content > .notoolbar,
.component.Popup.notificationreview > .content > .notoolbar > .content {
	overflow: visible;
}

.component.Popup.notificationreview .section .content {
	clear: both;
}

.component.Popup.notificationreview .section .content > div {
	display: inline-block;
	width: 50%;
	padding: .5rem 0;
	vertical-align: top;
}

.component.Popup.notificationreview .section .content > div > div {
	display: inline-block;
	width: 15rem;
}

.component.Popup.notificationreview .section .content div span {
	margin-left: .5rem;
	display: inline-block;
}

.component.Popup.notificationreview .section .content div span.alert,
.component.Popup.notificationreview .section .content span.alert  {
	display: none;
}

.component.Popup.notificationreview .section .content div.showError span.alert,
.component.Popup.notificationreview .section .content.showError span.alert {
	display: inline-block;
}

.component.Popup.notificationreview .section .content div.showError input.field {
	border-color: #f00;
}

.component.Popup.notificationreview .section .content .icon {
	height: 4.5rem;
	width: 4.5rem;
	padding: 0 .5rem .5rem 2rem;
	vertical-align: top;
}

.component.Popup.notificationreview .section .content input.field {
	padding: .3rem;
	margin: .5rem 0 0 .5rem;
	width: 13.4rem;
}

.component.Popup.notificationreview .section .content p.button{
	margin: .5rem .5rem 0 .5rem;
	width: 14rem;
}

.component.Popup.notificationreview .section .content .actions{
	width: 100%;
    text-align: center;
}

.component.Popup.notificationreview .section .content .footer{
    width: 100%;
    font-size: 0.9em;
    color: gray;
	padding-bottom: 0;
}

.component.Popup.notificationreview .section .content .footer span{
	margin-left: 0;
}

/*VB6 Components*/
.quickLinks H2 {
	border-bottom: solid 1px;
	font-size: 130%;
	margin-bottom: 20px;
}

.component .content .quicklinks a {
	min-height: 120px;
	margin-bottom: 10px;
	white-space: pre-wrap;
	-ms-word-wrap: break-word;
	word-wrap: break-word;

}


.Popup.component .news > .content {
	font-size: .85em;
}


.news .content {
	text-align: left;
}

.news .content .creleft,
.news .content .creright {
	width: 49.5%;
	display: inline-block;
}

.component #alerts {
	margin: 1px 0 0 0;
	padding-bottom: 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}

.Alerts.component .component:hover .component.inlineloading .content .ajaxspinner .spinner {
	background-image: url(data:image/gif;base64,R0lGODlhEAAQAPIAAODo9gAAAKuxuzo8PwAAAFZZXnJ2fYCFjSH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQACgABACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkEAAoAAgAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkEAAoAAwAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkEAAoABAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQACgAFACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQACgAGACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAAKAAcALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==);
}

/*Framework*/
.Popup.logout img {
	padding-top: 10px;
}

.component.Popup.logout {
	width: 200px;
	padding: 10px 10px 10px 10px;
}


.component.inlineloading {
	height: 18px;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	opacity: 1;
}

.component.inlineloading .content .ajaxspinner .spinner {
	background: 
		url(data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQACgABACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkEAAoAAgAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkEAAoAAwAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkEAAoABAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQACgAFACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQACgAGACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAAKAAcALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==)
		no-repeat;
	height: 18px;
}

/*TRANSITIONS*/
.filledContainer,
.component,
.alertcontent {	
	-webkit-transition: height 1s; /* Safari */
	-moz-transition: height 1s;
	-o-transition: height 1s;
	transition: height 1s;
}

#alertspanel-autowaitlist .inlineloading {
	-webkit-transition: height 0s; /* Safari */
	-moz-transition: height 0s;
	-o-transition: height 0s;
	transition: height 0s;
}

body .component > .content {	
	-webkit-transition: opacity 1s; /* Safari */
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}

.component .loginalert .body {	
	-webkit-transition: margin-top 1s; /* Safari */
	-moz-transition: margin-top 1s;	 
	-o-transition: margin-top 1s;
	transition: margin-top 1s;
}


/*HOME PAGE TEMPLATES*/

#homepagetemplate {
	margin-bottom: -50px;
}

.HPtemplate .content {
	padding-bottom: 0;
}

.HPcell.component {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #E0E0E0;
	box-shadow: 0 4px 2px -2px #DDDDDD;
	border-radius: 4px;
	padding: 7px;
}

.HPcell {
	float: left;
}


.filledContainer {
	position: relative;
}

.filledContainer .component {
	margin: 0;
}

.filledContainer .column {
	position: absolute;
	top: 0;
}

.filledContainer  > .component.column {
	height: auto;
	max-height: 800px;
	min-height: 400px;
}

.filledContainer  > .component {
	height: 100%;
}

.filledContainer .component .HPcell {
	float: none;
	position: absolute;
}

.filledContainer .component.twothirdsrow {
	width: 66%;
}

.filledContainer .component.onethirdrow {
	width: 33%;
}

.component.subdued > a.viewmore {
	box-shadow: 0 -1px 1px #ccc;
}

.component.subdued .component,
.component.subdued, 
.component.subdued a.viewmore{
	background: none !important;
}


/*TEMPLATES*/
.component.alerts {
	min-height: 1px;
}

.component.quickLinks {
	min-height: 160px;
}

.templateA .filledContainer .column.twothirdsrow.news {
	min-height: 715px;
	height: auto;
}

.templateA .filledContainer .column.twothirdsrow {
	left: 0;
}

.templateA .filledContainer .column.onethirdrow div {
	text-align: center;
}

.templateA .filledContainer .column.onethirdrow {
	left: 67%;
        text-align: left;
}



.templateA .filledContainer .halfColumn {
	height: 49%;
	
}

.templateA .filledContainer .top {
	top: 0;
}

.templateA .filledContainer .bottom {
	top: 51%;
}

.templateC div.quicklinks {
	margin: 0;
}

.templateC .HProw .HPcell:first-child {
	margin-left: 0;
}

.templateC .HProw .HPcell {
	width: 32.66%;
	margin-left: 1%;
}

.templateC .quickLinks #links:first-child {
	padding-top: 10px;
}

.templateC .quickLinks #links a {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
	display: table;
	text-align: left;
	padding-bottom: 20px;
	width: 100%;
	height: 60px;
	padding: 4px 10px;
	margin-bottom: 3px; 
}

.templateC .quickLinks #links a:last-child {
	margin-bottom: 10px;
}

.templateC .quicklinks {
	text-align: left;
}

.templateC .quickLinks #links a img {
	max-width: 50px;
	max-height: 50px;
	margin: 2px 5px 2px 0;
	float: left;
	background-color: transparent;
}

.templateC .quickLinks #links a span {
	display: table-cell;
	padding-bottom: 5px;
	vertical-align: middle;
	width: 100%;
	height: 59px;
}


.templateC .quickLinks a:last-child {
	margin: 0;
}

.templateC .quickLinks div.quicklinks.nohdr a {
	height: 110px;
}


.templateC .filledContainer {
	margin-bottom: 10px;
}

.templateC .filledContainer .component.news {
	height: 100%;
}


.templateC > .component.news {
	margin-top: 15px;
}

.templateC .component.quickLinks {
	min-height: 400px;
}

.templateB .filledContainer .column {
	position: relative;
}

.templateB .filledContainer {
	margin-bottom: 10px;
}


/*Template D*/


.templateD .onethirdrow,.pocdefault.onethirdrow  {
	width: 32.66%;	
}

.templateD .twothirdsrow, .pocdefault.twothirdsrow {
	width: 65%;
	margin-right: 1%;
}



.templateD .HProw {
	margin-bottom: 10px;
	height: auto;
	
}


.templateD .HProw.leftsection .component {
	margin-left: 0.5%;
	height: auto;
	margin-bottom: 10px;
	display: inline-block;
	float: none;
	vertical-align: top;
	min-height: 100px;
	max-height: 800px;
	
}

 
.templateD .HProw.rightsection, .templateD .HProw.leftsection {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.Popup a.cancelworkflow {
	  padding: 5px 3px 0;
}