﻿@charset "utf-8";
/* CSS Document */
/* Universal Styles */
body{
	margin:0;
	font-family:"Tahoma",Helvetica,Arial,Verdana,sans-serif;
	font-size:13px;
	line-height:18px;
	color:#333333;
	background-color:#fff;
}
a{
	color:#890b0c;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	color:#bc3d3e;
	text-decoration:underline;
	font-weight:bold;
}
h1{
	font-size:18px;
	padding:0;
	margin-top:10px;
	margin-left:0;
}
.demotitlenumbered{
	font-size:18px;
	padding:0;
	margin-top:10px;
	margin-left:0;
}
h2{
	margin:0;
	padding:0;
	font-size:14px;
}
h3 {
	color:#000;
	font-weight:normal;
	font-size:15px;
}
img {
	border:none;
	padding:0px;
}
.bggrey{
	background:#f1f1f1;
}
.noborder{
	border-style:none;
}
.padded{
	border-spacing:10px;
}
.bulleted li{
	list-style-type:disc;
	margin-left:15px;
}
.indented {
	margin-left:10px;
}
.nodisc {
	list-style-type:none;
}
td.indented {
	padding-left:20px;
}
.thirtywide{
	width:30%;
}
.fourtywide{
	width:40%;
}
.fiftywide{
	width:50%;
}
.clearboth{
	clear: both;
	margin:0;
	padding:0;
}
.row {
	margin: 0 auto;
	overflow: hidden;
	text-align:left;
}
.row:before,.row:after{
	display:table;
	content:"";
}
.row:after {
	clear:both
}
label{
	font-weight:bold;
}
.indent{
	margin-left:20px;
}
.center{
	text-align:center !important;
}
.xsmall{
	font-size:10px;
}
.small{
	font-size:12px;
}
.medium{
	font-size:14px;
}
.large {
	font-size:16px;
}
.larger{
	font-size:20px;
}
.xlarge{
	font-size:26px;
}
/* Colors & Fonts */
.black {
	color:#000000;
}
.red {
	color:#da293d;
}
.grey {
	color:#999;
}
.green {
	color:#08ae1d;
}
.yellow{
	color:#e2aa22;
}
.blue {
	color:#025696;
}
.lightblue{
	color:#2da3bd;
}
.bold {
	font-weight:bold;
}
.white{
	color:#fff;
}
.italic{
	font-style:italic;
}
a.blue {
	color:#0099FF;
	text-decoration:none;
}
a.blue:hover {
	color:#06C;
}
.embossed{
	text-shadow: -1px -1px 1px #f1f1f1, 1.5px 1.5px 1.5px #999;
	letter-spacing:normal;
	display:inline-block;
}
h1.embossedtitle {
	text-shadow: -1px -1px 1px #f1f1f1, 1.5px 1.5px 1.5px #999;
	letter-spacing:-.5px;
	font: 25px 'Arial';
	line-height:28px;
	display:inline-block;
	padding-bottom:5px;
	height:30px;
	overflow-y:visible;
	margin-bottom:10px;
	margin-top:5px;
	color:#333;
	border-bottom:3px dotted #ccc;
}
h3.embossed{
	text-shadow: -1px -1px 1px #f1f1f1, 2px 2px 2px #999;
	letter-spacing:normal;
	display:inline-block;
	font-weight:bold;
}
ul.embossed{
	text-shadow: -1px -1px 1px #f1f1f1, 1.5px 1.5px 1.5px #999;
	letter-spacing:normal;
	display:inline-block;
	padding-bottom:5px;
}
/* Main Container & Wrapper */
.container {
	width:1024px;
	text-align: left;
	margin: 0 auto;
	background-color:#fff;
}
.wrapper{
	width:1024px;
	margin:0 auto;
}
/* Main Header with rounded corners */
.clientheader {
	width:1024px;
	height:200px;
	text-align:left;
	/*background: #fff url(../images/header.jpg) no-repeat;
	*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #ccc;
	margin:50px 0 10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
	border-radius: 5px;
}
.badgepreview{
	float:right;
	border:1px solid #666;
	background:url(../images/badge.jpg) no-repeat;
	padding:95px 10px 0px 10px;
	height:150px;
	width:380px;
	text-align:center;
}
.badgepreview ul{
	font-size:20px;
	padding:0;
	margin-left:0;
}
.badgepreview .ID{
	position:relative;
	margin-left: 325px;
	margin-top: 0px;
	font-weight:bold;
}
.badgepreviewsample{
	float:none;
	border:1px solid #666;
	/*background:url(../images/badgesample.jpg) no-repeat;
	*/
	padding:10px 10px 0px 10px;
	height:200px;
	width:300px;
	text-align:center;
}
.badgepreviewsample ul{
	font-size:20px;
	padding:0;
	margin-left:0;
}
.badgepreviewsample .ID{
	position:relative;
	margin-left: 325px;
	margin-top: 0px;
	font-weight:bold;
}
/*Dividers */
.footer {
	background:#f1f1f1;
	height:3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #CCC;
	margin:50px 0 10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
	border-radius: 5px;
}
.horizontaldivider {
	background:#f1f1f1;
	height:3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #CCC;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
	border-radius: 5px;
}
/* Alignment classes */
.centered{
	text-align: center;
	margin:0 auto;
}
.right{
	text-align:right;
}
.floatleft{
	float:left;
	margin-right:15px;
}
.floatright{
	float:right;
}
.left{
	text-align:left;
}
table.standardtable td {
	height:30px;
}
/* NEW VERSION Expandable Glossy Button */
.button {
	position:relative;
	display:inline-block;
	font-weight:bold;
	font-size:14px;
	height:30px;
	line-height:30px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#333;
	text-shadow: 0px 1px 2px #000000;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	filter: dropshadow(color=#000000, offx=0, offy=1);
	text-decoration:none;
	width:auto;
	padding:0 15px 0 15px;
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2),inset 0px 1px 0px rgba(255,255,255,0.25);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2),inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2),inset 0px 1px 0px rgba(255,255,255,0.25);
	margin-bottom:10px;
	background: #f1f1f1;
	background: -moz-linear-gradient(top, #f1f1f1 0%, #f1f1f1 50%, #f1f1f1 50%, #dcdcdc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(50%,#f1f1f1), color-stop(50%,#f1f1f1), color-stop(100%,#dcdcdc));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dcdcdc',GradientType=0 );
	background: -o-linear-gradient(top, #f1f1f1 0%,#f1f1f1 50%,#f1f1f1 50%,#dcdcdc 100%);
	border:1px solid #999;
}
/* NEW VERSION Expandable Glossy Button */
input[type=submit], input[type=reset], input[type=button]{
	position:relative;
	display:inline-block;
	font-weight:bold;
	font-size:14px;
	height:30px;
	line-height:30px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#333;
	text-shadow: 0px 1px 2px #000000;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	filter: dropshadow(color=#000000, offx=0, offy=1);
	text-decoration:none;
	width:auto;
	padding:0 15px 0 15px;
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2),inset 0px 1px 0px rgba(255,255,255,0.25);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2),inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2),inset 0px 1px 0px rgba(255,255,255,0.25);
	margin-bottom:10px;
	background: #f1f1f1;
	background: -moz-linear-gradient(top, #f1f1f1 0%, #f1f1f1 50%, #f1f1f1 50%, #dcdcdc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(50%,#f1f1f1), color-stop(50%,#f1f1f1), color-stop(100%,#dcdcdc));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dcdcdc',GradientType=0 );
	background: -o-linear-gradient(top, #f1f1f1 0%,#f1f1f1 50%,#f1f1f1 50%,#dcdcdc 100%);
	border:1px solid #999;
	cursor:pointer;
}
a.button:hover, input[type=submit]:hover{
	text-decoration:none;
	color:#666;
}
/* End Expandable Glossy Button */
/* UNIVERSAL CLASSES*/
.vertdivider {
	background:#fff url(../images/rightborderbg.jpg) right repeat-y;
	padding-right:20px;
	margin-right:20px;
}
.horizontaldividerlight{
	background:#f1f1f1;
	height:3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #CCC;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
	border-radius: 5px;
	width:98%;
}
.horizontaldiverdark{
	display:inline-block;
	width:98%;
	margin-left:1%;
	margin-bottom:10px;
	margin-top:10px;
	border-bottom:1px solid #ccc;
}
.dotdivider {
	margin:5px 0 5px 0;
	padding-bottom:5px;
	border-bottom:5px dotted #e2e2e2;
}
.greyheader{
	background:#fff url(../images/greyheader.jpg) bottom repeat-x;
	height:25px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	padding:5px 0 0 10px;
	text-shadow: -1px -1px 1px #f1f1f1, 1.5px 1.5px 1.5px #999;
	letter-spacing:normal;
}
.content{
	border:1px solid #CCC;
	-moz-border-radius: 0em 0em 1em 1em;
	border-radius: 0em 0em 1em 1em;
	margin-bottom:15px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
	border-radius: 0em 0em 1em 1em;
	padding : 10px 10px 20px 10px;
	margin:0px 0px 10px 0px;
	text-align:left;
	overflow:auto;
}
.contentfixed{
	border:1px solid #CCC;
	-moz-border-radius: 0em 0em 1em 1em;
	border-radius: 0em 0em 1em 1em;
	margin-bottom:15px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
	border-radius: 0em 0em 1em 1em;
	padding : 10px 10px 20px 10px;
	margin:0px 0px 10px 0px;
	text-align:left;
	height:180px;
}
.content ul{
	list-style-type:none;
	margin:5px 0 10px 0px;
	padding:0;
	line-height:1.5em;
	display:block;
}
.topmargin{
	margin-top:10px;
}
.bottommargin{
	margin-bottom:10px;
}
.toppadding{
	padding-top:10px;
}
.rightmargin{
	margin-right:10px;
}
.leftmargin{
	margin-left:10px;
}
.content img{
	margin-right:10px;
}
/*Two column layout classes*/
.twocolumnwrapper{
	margin:0 auto;
	padding:0;
	text-align:center;
}
.vertexpandCOLUMN{
	height:auto;
	width:505px;
	float:left;
	display:block;
	margin:0 10px 0 0;
}
.leftcolumn{
	width:505px;
	float:left;
	margin-bottom:15px;
}
.rightcolumn{
	width:505px;
	float:right;
	margin-bottom:15px;
}
.rightcolumn .content{
	min-height:310px;
}
.leftcolumn .content{
	min-height:310px;
}
.nodivider{
	background:none;
}
.redalert{
	background:#F66;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5p;
	border:1px solid #900;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
	border-radius: 5px;
	text-align:center;
	padding:5px;
}
.greenalert{
	background:#76a847;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5p;
	border:1px solid #2f540c;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
	border-radius: 5px;
	padding:5px
}
.greyalert{
	background:#f1f1f1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
	border-radius: 5px;
	padding:10px;
}
ul.greyalert, ul.bluealert, ul.greenalert{
	padding:10px 15px;
}
.bluealert{
	background:#80c2da;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #041d55;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
	border-radius: 5px;
	padding:5px;
}
.yellowalert{
	background:#fee9ac;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #f6cc52;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
	border-radius: 5px;
	text-align:center;
	padding:5px;
}
.yellowalert h1{
	margin:12px 10px 0 10px;
	padding:0;
	color:#d9a100;
	display:inline-block;
	float:left;
}
.loginbox{
	background:#ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5p;
	border:1px solid #ccc;
	margin:30px 0px 10px 200px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
	border-radius: 5px;
	text-align:left;
	padding:5px;
}
.continuebutton{
	padding:15px 8px 0 0px;
	margin-top:10px;
	background:url(../images/continuebutton.png) no-repeat;
	width:160px;
	height:33px;
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	text-align:center;
}
.continuebutton:hover{
	color:#000;
}
.lightlinedivide{
	display:inline-block;
	width:98%;
	margin-left:1%;
	margin-bottom:10px;
	margin-top:3px;
	border-bottom:1px solid #CCC;
}
/*EMAIL CLASSES*/
.emailcontainer{
	width:680px;
	text-align: left;
	margin: 0 auto;
	background-color:#fff;
}
.emailheader {
	width:680px;
	background:#fff url(../images/ACC_emailbanner.jpg) no-repeat;
	text-align:center;
	height:106px;
}
.emailcolumn{
	width:290px;
	float:left;
}
.emailvertdividerbg{
	background:#fff url(../images/vertdivider.jpg) repeat-y center;
}
.emailrightcolumn{
	width:280px;
	float:right;
}
/* Housing popup calendar formatting */
.calday{
	font-size: 8pt;
	color: lightgrey;
	background-color: white;
}
.caldayname{
	font-weight: normal;
	font-size: 8pt;
	color: black;
	background-color: lightblue;
}
.caldayselected{
	background-color: palegoldenrod;
}
.calmonthname{
	font-weight: bold;
	font-size: 9pt;
	color: white;
	background-color: blue;
}
.calmonthname A{
	font-weight: bold;
	color: white;
}
.calmonthname A:active{
	font-weight: bold;
	color: white;
}
.calmonthname A:hover{
	font-weight: bold;
	color: white;
}
.calmonthname A:visited{
	font-weight: bold;
	color: white;
}
.calborder{
	background-color:black;
}
.calgridcolor{
	background-color: black;
}
input[type=radio],input[type=checkbox] {
	border: 1px solid #000;
	padding: 0.5em;
	-webkit-appearance: none;
	cursor:pointer;
}
input[type=radio]:checked, input[type=checkbox]:checked{
	background: #000 no-repeat center center;
	background-size: 9px 9px;
}
input[type=radio]:focus, input[type=checkbox]:focus {
	outline-color: transparent;
}
.checkbox-inline{
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: inherit;
	vertical-align: middle;
	cursor: pointer;
}
