body 
{
	font-family:Verdana,Arial,Sans-serif;
	margin:0 !important;
	padding:0 !important;
}

.bodyDark
{	
	background-color:#F0F0F0;
}

/* ======================================================= */
.panelItemStatus
{
	width:100%;
	margin-top:20px;
	padding-top:10px;
	font-size:xx-small;
}

.bgGreen
{
	background-color: #CCFF33;
}

.bgRed
{
	background-color: #FF6633;
}

.bgSelected
{
	background-color: #FFF3C0;
}

.req
{
	color:Red;
}
.reqInfo
{
	font-size:80%;
	margin-top:20px;
}

.webPart
{
	width: 100%;
}
.webPartHeader
{
	background-color: #FFDD88;
	border-bottom: solid 1px #BBBBBB;
	color:#555555;
	font-weight:bold;
	padding:2px;
	width: 100%;
}
.webPartContent
{
	padding:5px;
	width: 100%;
}

.ImagePreviewArea
{
	border: 1px inset;
	margin-top:5px;
	padding: 5px;
	overflow: auto;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}
.messageBoxError, .messageBoxMessage, .messageBoxNotification 
{
	margin-bottom: 0;
	width:100%;
}

/* ====================== DataBox ======================== */
.dialogDateBox
{
	border: 1px solid #888877;
}
.dialogDateBox .dayStyle
{
	background-color:#ffffff;
	font-weight:bold;
	font-size: 1em; 
	height:18px;
}
.dialogDateBox .daySelectedStyle
{
	background-color:#FFAA55 !important;
	font-weight:bold;
	font-size: 1em;
}
.dialogDateBox .dayTodayStyle
{
	background-color:#f0f0f0;
	font-weight:bold;
	font-size: 1em;
}
.dialogDateBox .dayHeaderStyle
{
	background-color:#888877;
	color:#ffffff;
	font-size: 1em;
}
.dialogDateBox .dayWeekendStyle
{
	background-color:#ffffff;
	color:red;
	font-weight:bold;
	font-size: 1em;
}
.dialogDateBox .dayOtherMonth
{
	color:#999999;
	font-weight:normal;
}