﻿/*
NEW BHHS COLOR PALETTE (TRADITIONAL)
PRIMARY
	- Cabernet #670038
	- White #FFFFFF

SECONDARY
	-Espresso #2A2223
	-Earth #72595E
	-Dove #AA979C

ACCENT
	-Pearl #F5F1F2
	-Rose #ECE3E5
	-Blush #C299AF

(MODERN THEME - BLACK, WHITE, CAB)

BHHS INFO
Cabernet HEX 552448 RGB 85 36 72  REPLACEMENT #808285
Cream HEX EAE3D4 RGB 234 227 212  REPLACEMENT #a7a9ac
Grey Background #f3f2ee
Light Purple menu hover #c0a0b8
Black
Font Georgia / Georgia PRo
*/

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

@font-face {
	font-family: "GothamLight";
	src: url("../fonts/GothamLight.ttf") format("truetype");
}

/* TAGS */
h1 {
	font-size: 18px;
	color: #670038;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}

.h1white {
	font-size: 18px;
	color: white;
}

.h1whitebold {
	font-size: 18px;
	color: white;
	font-weight: bolder;
}

h2 {
	font-size: 16px;
	color: #670038;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}

h3 {
	font-size: 14px;
	color: #670038;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}

.h3white {
	font-size: 14px;
	color: white;
}

.h3blackbold {
	font-size: 14px;
	color: black;
	font-weight: bolder;
}

h4 {
	font-size: 12px;
	color: #670038;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}

h5 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}

a {
	color: #670038;
}

ul {
	list-style: none;
	margin: 0px 0px 20px;
	padding: 0px;
}

	ul li {
		margin: 0px 0px 10px;
		padding: 0px 0px 0px 15px;
		display: block;
		position: relative;
	}

		ul li a {
			font-weight: normal;
			color: #670038;
			display: block;
			position: relative;
		}

hr {
	border: none;
	background: #670038;
	height: 1px;
	width: 90%;
	margin: 15px auto;
}

th, td {
	padding: 2px;
}

.rblmargin input[type="radio"]{
margin-left:10px;
margin-right:5px;
}

.checkboxmargin input[type="checkbox"]{
margin-right: 10px;
}

#form1 {
	padding: 0px;
	margin: auto;
}

#footer {
	padding: 5px, 5px, 5px, 5px;
	background: #f3f2ee;
	width: 960px;
	margin: 10px auto;
	z-index: 100;
}

.footertext {
	font-size: 9px;
	color: #670038;
	align-content: center;
}

/* CONTAINERS */
.rightfloat {
	position: relative;
	float: right;
	padding-left: 15px;
}

	.rightfloat h1 {
		margin: 0px;
		padding: 10px 0px 5px;
		color: #fff;
		font-size: 24px;
		font-weight: normal;
	}

#page {
	background: #fff;
	position: relative;
	height: 100%;
	width: 960px;
	margin: 0px auto;
	z-index: 100;
}

.body-content {
	background: #fff;
	position: relative;
	height: 100%;
	width: 960px;
	margin: 0px auto;
	z-index: 100;
}

#mymvoheadercontainer {
	background-color: #fff;
	position: relative;
	margin: 0px auto;
	width: 960px;
	height: 97px;
	overflow: hidden;
	color: #670038;
}

#contentunderheader {
	margin: 0px auto;
	width: 960px;
	position: relative;
	padding-top: 5px;
}

.hlnkHeaderLogo {
	float: left;
	padding-top: 10px;
}

#divPasswordExpiry {
	padding-top: 10px;
	padding-left: 15px;
	float: left;
}

#divImpersonate {
	background-color: #670038;
	/*text-align: center;*/
	padding: 10px;
	/*padding-bottom: 10px;*/
	font-weight: bold;
	color: white;
	width: 100%;
}

.whitetext {
	color: #f3f2ee;
}


.grayborder1 {
	border-color: #333333;
	border-width: 1px;
	border-style: solid;
}


.cabborder2 {
	border-color: #670038;
	border-width: 2px;
	border-style: solid;
}

.padding2TB {
	padding-top: 2px;
	padding-bottom: 2px;
}

.padding5LR {
	padding-left: 5px;
	padding-right: 5px;
}

.padding5TB {
	padding-top: 5px;
	padding-bottom: 5px;
}

.padding10TB {
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding10LR {
	padding-left: 10px;
	padding-right: 10px;
}


.padding5L {
	padding-left: 5px;
}

.padding10L {
	padding-left: 10px;
}

.padding5R {
	padding-right: 5px;
}

.margin10TB {
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin5TB {
	margin-top: 5px;
	margin-bottom: 5px;
}

.margin5LR {
	margin-left: 5px;
	margin-right: 5px;
}

.margin5R {
	margin-right: 5px;
}

.margin10L {
	margin-left: 10px;
}

.floatleft10 {
	float: left;
	width: 9%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft13 {
	float: left;
	width: 12%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft15 {
	float: left;
	width: 14%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft18LRPad {
	float: left;
	width: 18%;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft20 {
	float: left;
	width: 19%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft25 {
	float: left;
	width: 24%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft30 {
	float: left;
	width: 29%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft33 {
	float: left;
	width: 32%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft35 {
	float: left;
	width: 34%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft40 {
	float: left;
	width: 39%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft45 {
	float: left;
	width: 44%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft50 {
	float: left;
	width: 49%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft60 {
	float: left;
	width: 59%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft67 {
	float: left;
	width: 60%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft75 {
	float: left;
	width: 74%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft80 {
	float: left;
	width: 79%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.floatleft85 {
	float: left;
	width: 84%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.perfectcenter {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	width: 400px;
	height: 200px;
}

.clear {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.right {
	text-align: right;
}

.editheader {
	font: bold 24px Arial, Helvetica, sans-serif;
	color: #670038;
	text-align: left;
}


.editsubheader {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #670038;
	text-align: left;
}

.mvogrid {
	width: 100%;
	color: #333333;
}

.mvogridrow {
	background-color: #f3f2ee;
	font: 12px Arial, Helvetica, sans-serif;
}
.mvogridsubheadrow {
	background-color: #c0a0b8;
	font: 12px Arial, Helvetica, sans-serif, bold;
}

.mvogrideditrow {
	background-color: #c0a0b8;
	font: 12px Arial, Helvetica, sans-serif;
}

.mvogridselectedrow {
	background-color: #D1DDF1;
	color: #333333;
	font-weight: bold;
	font: 12px Arial, Helvetica, sans-serif;
}

.mvogridpager {
	background-color: #670038;
	color: #f3f2ee;
	font: 12px Arial, Helvetica, sans-serif;
}

	.mvogridpager a, .mvogridpager span {
		display: block;
		height: 15px;
		width: 15px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
	}

	.mvogridpager a {
		background-color: #f3f2ee;
		color: #670038;
		border: 1px solid #670038;
	}

	.mvogridpager span {
		background-color: #A1DCF2;
		color: #670038;
		border: 1px solid #3AC0F2;
	}

.mvogridheader {
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #670038;
	color: #f3f2ee;
	text-align: left;
}

	.mvogridheader a {
		color: #f3f2ee;
	}

		.mvogridheader a:link {
			color: #f3f2ee;
		}

.mvogridalternatingrow {
	background-color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
}

.mvogridfooter {
	background-color: #670038;
	color: #f3f2ee;
	font: 12px Arial, Helvetica, sans-serif;
}


.cblformatted label {
	padding-left: 3px;
	padding-right: 5px;
}

.headertext {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #670038;
	margin: 0px 0px 10px;
	display: block;
}

.errortext {
	color: darkred;
}

.subheadernotetext {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #670038;
	margin: 0px 0px 2px;
	display: block;
}

.tablewrapper {
	margin: 0px auto;
	position: relative;
	border: 1px solid #670038;
	background: url(../images/gradient.gif) repeat-x;
	padding: 20px 14px 15px 15px;
}

.utilityfloat {
	position: absolute;
	right: 8px;
	top: 0px;
	z-index: 2;
}

.mvoheader {
	background: url(../images/header_grad.gif);
	height: 140px;
	width: 768px;
	position: relative;
}

.editcontainer {
	margin: 15px 0px;
}

.spnfldlabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #670038;
	display: inline-block;
	padding-right: 10px;
}

.spnfldlabelwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: white;
	display: inline-block;
	padding-right: 10px;
}

.spnfldlabel14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #670038;
	display: inline-block;
	padding-right: 10px;
}

.arial14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.w450floatleft {
	width: 450px;
	float: left;
}

.w250 {
	width: 250px;
}

.w200 {
	width: 200px;
}

.w150 {
	width: 150px;
}

.w120 {
	width: 120px;
}

.w100 {
	width: 100px;
}

.w75 {
	width: 75px;
}

.w50 {
	width: 50px;
}

.actionbar {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.actionbuttonright {
	position: absolute;
	top: 5px;
	right: 5px;
}

fieldset {
	margin: 5px 0px 0px 0px;
	padding: 5px 10px 10px;
	border: 1px solid #670038;
}

	fieldset legend {
		font-size: 18px;
		color: #670038;
		background: #FFFFFF;
		margin: 10px 0px 10px 0px;
		border-bottom: 0px;
		width: auto !important;
	}

#listinggrid table {
	border-collapse: separate;
	border-spacing: 0px 1px;
	border-color: white;
}

.mvogridheader {
	height: 20px;
}

	.mvogridheader td.cellpadding {
		padding: 1px 5px;
	}

a#MVO_Header_hlnkLogo img {
	border: 0px;
}

.DropdownDiv {
	float: left;
	/*display: inline;*/
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#menu {
	/*background-color: #f3f2ee;*/
	background-color: #ececec;
	position: relative;
	height: 29px;
	overflow: hidden;
	width: 960px;
	margin: 0px auto;
}

	#menu ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

		#menu ul li {
			display: inline;
			/*margin: 0px;*/
			padding: 0px;
		}

			#menu ul li a {
				padding: 7px 14px;
				position: relative;
				float: left;
				display: block;
				/*
					color: #670038;
					background-color: #f3f2ee;
        */
				color: #7d7a7a;
				background-color: #ececec;
				text-decoration: none;
			}

				#menu ul li a:hover {
					/*background-color: #c0a0b8;
          color: #670038;*/
					background-color: #670038;
					color: white;
				}

.agentphoto90120 {
	float: left;
	padding-right: 10px;
	max-height: 120px;
	max-width: 90px;
}

.cabernetbackground {
	background-color: #670038;
	color: white;
}

.left100pct {
	float: left;
	width: 100%;
	padding: 5px,5px,5px,5px;
}

.left75pct {
	float: left;
	width: 75%;
	padding: 5px,5px,5px,5px;
}

.left65pct {
	float: left;
	width: 65%;
	padding: 5px,5px,5px,5px;
}

.left50pct {
	float: left;
	width: 50%;
	padding: 5px,5px,5px,5px;
}

.left35pct {
	float: left;
	width: 35%;
	padding: 5px,5px,5px,5px;
}

.left25pct {
	float: left;
	width: 25%;
	padding: 5px,5px,5px,5px;
}

.height500scroll {
	overflow: auto;
	height: 500px;
}

.height400scroll {
	overflow: auto;
	height: 400px;
}

.maxheight200scroll {
	overflow: auto;
	max-height: 200px;
}

.onehalf {
	position: relative;
	float: left;
	width: 460px;
	padding: 5px 5px 5px 5px;
}

.infobox {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f3f2ee;
	background-image: url(../Images/information24.png);
	background-position: 9px 9px;
	background-repeat: no-repeat;
	border: solid 1px #670038;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 10px 60px;
	color: #670038;
}

.progressoverlay {
	position: absolute;
	background-color: white;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	z-index: 10000;
}

.progresscenter {
	z-index: 1000;
	margin: 300px auto;
	padding: 10px;
	width: 130px;
	background-color: White;
	border-radius: 10px;
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}

	.progresscenter img {
		height: 128px;
		width: 128px;
	}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

	.alert h4 {
		margin-top: 0;
		color: inherit;
	}

	.alert .alert-link {
		font-weight: bold;
	}

	.alert > p,
	.alert > ul {
		margin-bottom: 0;
	}

		.alert > p + p {
			margin-top: 5px;
		}

.alert-dismissable,
.alert-dismissible {
	padding-right: 35px;
}

	.alert-dismissable .close,
	.alert-dismissible .close {
		position: relative;
		top: -2px;
		right: -21px;
		color: inherit;
	}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

	.alert-success hr {
		border-top-color: #c9e2b3;
	}

	.alert-success .alert-link {
		color: #2b542c;
	}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

	.alert-info hr {
		border-top-color: #a6e1ec;
	}

	.alert-info .alert-link {
		color: #245269;
	}

.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

	.alert-warning hr {
		border-top-color: #f7e1b5;
	}

	.alert-warning .alert-link {
		color: #66512c;
	}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

	.alert-danger hr {
		border-top-color: #e4b9c0;
	}

	.alert-danger .alert-link {
		color: #843534;
	}

.tileslist {
	float: left;
}

.centercontent {
	align-items: center;
	text-align: center;
}

@media print {
	a[href]:after {
		display: none;
		visibility: hidden;
	}
}