BODY
{
	font-size:9.0pt;
	font-family:Tahoma;
}
TD
{
	font-size:9.0pt;
	font-family:Tahoma;
	
}

.div1
{
	BORDER-RIGHT: #c0c0c0 1px solid; 
	BORDER-TOP: #c0c0c0 1px solid; 
	BORDER-LEFT: #c0c0c0 1px solid; 
	WIDTH: 90%; 
	BORDER-BOTTOM: #c0c0c0 1px solid; 
	HEIGHT: 200px;
}
.comment
{
	width: 600px;
	
}
.comment_body
{
	background-color: #ffffcc;
	height: 40px;
}
.comment_info
{
	
	background-color: #ffffff;
	text-align: right;
}

.PlatDropDown
{
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	padding: 0px 5px 0px 5px;
	cursor: pointer;
}

/* --------------- LightBox ------------- */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:400px;
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	background:#FDFCE9;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox .done img{
	width:100%;
	height:100%;
}
/* --------------- LightBox ------------- */

/* --------------- MessageMenu ---------- */
ul.MenuUL
{
	margin-top: -10px;
}

UL.MenuUL li
{
	list-style-type: none;
	line-height: 200%;
}

UL.MenuUL li.Create
{
	background-image: url(../images/writemessage.gif);
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left 50%;
}

UL.MenuUL li.Inbox
{
	background-image: url(../images/inbox.gif);
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left 50%;
}


UL.MenuUL li.Sent
{
	background-image: url(../images/sentmessage.gif);
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left 50%;
}

#MaskMessageBox
{
	width: 100%;
	margin-bottom: 10px;
	background-image: url(matte.gif);
	cursor: pointer;
}

#MaskMessageBox #gutter
{
	margin: 2px 20px 2px 20px;
	font-weight: bold;
	text-align: center;
}

#MaskMessageBox .green
{	
	border: 2px solid #2e8b57;
	background-color: #e0ffff;
}


#MaskMessageBox .red
{
	border: 2px solid #FF0000;
	background-color: #ffe4e1;
}

#MaskMessageBox .green  #MaskMessageContent
{
	color: #2e8b57;
	height: 20px;
	padding-top: 3px;
	padding-left: 55px;
	background-image: url(icon_correct.gif);
	background-position: 20px 50%;
	background-repeat: no-repeat;
}


#MaskMessageBox .red  #MaskMessageContent
{
	color: #ff0000;
	height: 20px;
	padding-top: 3px;
	padding-left: 55px;
	background-image: url(icon_error.gif);
	background-position: 20px 50%;
	background-repeat: no-repeat;
}

#MaskMessageBox #gutter #MaskMessageBoxBar
{
	position: absolute;
	right: 25px;
	top: 10px;
	height: 22px;
	width: 22px;
	background-image: url(close2.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline;
}


/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 198;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 200%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
}