/* Basic rules for callout boxes */
#callout_boxes {
	width: 165px;
	float: right;
	clear: both;
	overflow: hidden;
	margin: 0 0 0 10px;
	padding: 0;
	position: relative;
	z-index:200;
}

.callout_box, .callout_box_white {
	background: #f5f5f3;
	padding: 0 0 .5em;
	margin: 1em 0 1em;
	position: relative;
}

.callout_box p, .callout_box_white p {
	margin: .5em .5em;
}

.callout_box hr, .callout_box_white hr {
	display: block;
	margin: .5em 1em;
}

#primary_sidebar .callout_box, #primary_sidebar .callout_box_white {
	margin: 0 1em 1em;
}

.callout_box_white {
	background-color: #fff !important;
}

.callout_box h3, .callout_box_white h3 {
	margin: 0;
	padding: .5em;
	color: #693C5E;
	font-size: 1em;
	font-weight:bold;
}

.callout_box h3 img, .callout_box_white h3 img {
	vertical-align:middle;
}

.callout_box h4 {
	margin: 0 .5em .5em;
	font-size:100%;
}

.callout_box ul, .callout_box ol, .callout_box_white ul, .callout_box_white ol {
	margin: 0 0 .5em;
}

.callout_box li, .callout_box_white li {
	margin: 0;
	padding: 0;
}

.callout_box ol li, .callout_box_white ol li {
	margin-left: 0.3em;
}

.callout_box a.downplay {
	color: #555;
}

/* Rules for specific styles of callout boxes */
#callout_restricted {
	background: #fff url(../images/siteframework/login_background.gif) right 1em no-repeat;
}

#callout_alert {
	background-color: #fdc;
	border: 1px solid #fb9;
}

#callout_alert h3 {
}

#international_services {
	background: url(../images/siteframework/news_international.gif) top right no-repeat;
}

#international_services h3 {
	color: #fff;
	background: none;
	display: block;
	position: static;
	margin: .25em .125em .5em;
}

/* The Key callout box on every page */
#key {
	width: 180px;
	float: right;
	clear: right;
	overflow: hidden;
	margin: 0 0 1em 10px;
	padding: .5em 0 1em;
}

.key_box {
	border: 1px solid #79c;
	position: relative;
	font-size: 90%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0em;
	padding-left: 0;
}

/* Rules for the "restricted access" icons so that they display differently in callout boxes */
#callout_restricted ul, #callout_mayoaccess ul.status {
	margin: 0;
	padding: 0;
}

#callout_restricted ul li, #callout_mayoaccess ul.status li {
	list-style:none;
	display: block;
	padding: 0 0 0 20px;
	margin: 0 2px;
	color: #999;
	text-indent: -1px;
}

#callout_restricted ul li.status_green, #callout_mayoaccess ul li.status_green {
	background: url(/images/icons/bullet_green.png) left 1px no-repeat;
}

#callout_restricted ul li.status_yellow, #callout_mayoaccess ul li.status_yellow {
	background: url(/images/icons/alert-16.gif) left 1px no-repeat;
}

#callout_restricted li.status_red, #callout_mayoaccess ul li.status_red {
	background: url(/images/icons/exclamation.png) left 1px no-repeat;
}

#callout_restricted li.status_red a.status_link, #callout_mayoaccess li.status_red a.status_link {
	color: #d00;
	font-weight: bold;
}

/* Rules for the Login box */
#callout_login {
	background: #ffd;
}

#callout_login form {
	margin: -.5em 5px 0;
	padding: 0;
}

#callout_login input {
	font-size: 90%;
	width: 95%;
}

#callout_login button {
	margin: 0 auto;
	display: block;
	font-size: 100%;
}

#callout_login .subdivide {
	margin-top: 1.5em;
}

#callout_login .subdivide p {
	text-align: center;
	margin-top: 0;
}

.callout_box .subdivide h3 {
	background-color: #ffd;
}