@charset "utf-8";

.spotlightBox {
	padding: 0px;
	width: 126px;
	border: 2px solid #0000FF;
	background-color: #FFFFCC;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 15px 0;
}

.spotlightHeader {
	padding: 4px;
	background-color: #0000FF;
	color: #FFFFFF;
	font-size: 10pt; 

}

.spotlightContent {
	margin: 10px;
	font-size: 8pt; 
}

.spotlightBox div img {
	border: 2px solid #0000FF;
}


.loginBox {
	padding: 0px;
	width: 126px;
	border: 2px solid #008000;
	background-color: #FFF5D7;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 15px 0;
}

.loginHeader {
	padding: 4px;
	background-color: #008000;
	color: #FFFFFF;
	font-size: 10pt; 
}

.loginContent {
	margin: 4px;
	font-size: 8pt; 
}

.loginBox .loginContent label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.loginBox .loginContent .loginInput {
  border: 1px solid #666666; 
	background-color: #EFFDEE;
	width: 110px;
	margin-bottom:5px;
	margin-top:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.loginBox .loginContent .loginButton {
	margin-bottom:5px;
	margin-top:5px;
}

.loginBox .loginContent label {
  font-weight: bold;
}

.importantBox {
	padding: 2px;
	width: 126px;
	border: 2px solid #F00;
	background-color: #FFF5D7;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 85%;
	font-weight: bold;
	color:#F00;
}

.calloutBox {
	margin: 20px;
	padding: 20px;
	border: 2px solid #F00;
	background-color: #FFF5D7;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	
}