/* @group basicElements */

body {
	margin: 0;
	padding: 0;
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: black;
}
input[type="text"], input[type="password"] {
	padding-left: 2px;
}

input[type="submit"] {
	margin-top: 15px;
}

fieldset {
	padding: 15px;
	margin-top: 15px;
	border: 0;
}

h4 {
	margin: 0.5em 0;
}

a:link, a:visited, a.javascriptLink { 
	color: #711B0D;
	text-decoration: none; 
}

a:hover, a.javascriptLink:hover{ 
	color: #4e4e4e;
}


/* @end */


/* @group various classes */
.loginBox, .logoutBox {
	background-color: #F0EBBE;
	border: 5px solid #BFAA6B;
	position:absolute;
	width:400px;
	margin:-120px 0px 0px -200px;
	top: 50%;
	left: 50%;
	text-align: left;
	padding: 0px;
	overflow: auto;
}

div.titleBox {
	margin: 0 auto;
	margin-left: -210px;
	margin-top: -262px;
	position: absolute;
	width: 440px;
	left: 50%;
	top: 50%;
	height: 565px;
}
	
div.titleBox h1, div.titleBox a span {
	display: none;
	
}	

div.titleBox a, div.titleBox a img{
	text-decoration: none;
	border: 0;
	color: white;
}
.red {color: red;}
.italic{font-style: italic;}


/* @end */

/* @group Message Boxes */

.errorMsg,
.cautionMsg, 
.successMsg    { padding: .3em; margin-bottom: 1em; border: 2px solid #ddd; }

.errorMsg      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }

.cautionMsg     { 
	background: #FFF6BF;
	color: #817134;
	border-color: #FFD324; 
}

.successMsg    { 
	background: #E6EFC2;
	color: #529214;
	border-color: #C6D880; 
}

.cautionMsg span{
	color: red;
}

.cautionMsg h3 strong:before {
	content: url(../images_hp/icon_note.png) " ";	
}

.errorMsg h3 strong:before  {
	content: url(../images_hp/icon_error.png) " ";	
}

.errorMsg h3,
.successMsg h3,
.cautionMsg h3 {
	font-size: 12pt;
	margin-bottom: 0!important;
	font-style: normal;
	margin-top: 0;
}

.errorMsg h3 strong{
	color: #993366;
}

.successMsg h3 strong {
	color: #336633;
}

.successMsg h3 strong:before {
	content: url(../images_hp/icon_success.gif) " ";	
}


/* @end */