/*  Styles for common elements in clients pages, e.g. page footers  */

div.footer {font-family: Arial, Helvetica, sans-serif;font-weight: bold;text-align: center;}
div#webform {padding:16px;}

/* web form formatting */
img.calendar {vertical-align:middle;margin-right:4px}
div#webform p.required {font-weight:bold}


 /* overall formatting for client announcement panel
    set style for individual pages in their own style sheets
 */

div#announcement {
	width: 75%;
	margin: 10px auto;
}




/*  spacing for "Back" link in footer  */
span#back {
	padding: 3px 20px 3px 20px;
}

span.page-ref {
	float: right;
	font-size: 10px;
}

p#cpyrt {
	font-size: 10px;
	text-align: center;
}

p#cpyrt img {
	margin: auto 5px auto 5px;
	border: none;
}

br {
	clear: both;
}

br.r {
	clear: right;
}


br.l {
	clear: left;
}

sup {
	font-size: 75%
}

.s {
	font-size: 80%;
}

.j {
	text-align: justify;
}

.c {
	text-align: center;
}

.l {
	text-align:left;
}

.r {
	text-align: right;
}

.b {
	font-weight: bold;
}

.i {
	font-style: italic;
}

img.left {
	float: left;
	margin-right: 10px;
}

img.right, p.right {
	float: right;
	margin-right: 10px;
}


a.button, a.button-emph, span.button, span.button-emph {
	text-decoration:none;
	border: 1px solid #999;
	padding: 3px 5px;
	margin-right:10px;
	margin-left:10px;
	border-radius: 4px;
	background: #eee url(../graphics/button_bg.png) repeat-x center;
	font-size: 80%;
	font-weight: normal;
}
a.button, a.button-emph, span.button, span.button-emph {
	color: #222 ! important;
}
a.button-emph, span.button-emph {
	border: 2px solid #d00;
}
a.button:hover {
	color: #000 ! important;
	border: 1px solid #666;
	background: #ddd url(../graphics/button_dn_bg.png) repeat-x center;
}
*.required {font-weight:bold}