/* 
================================
Skin styles for LifeSpace Login Screen
================================
*/


body
{
	font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
}

.borderStanderd
{
	border: 2px solid #385D8A;	
}

/* Positioning of Page */
.toploginbar
{
	width: 960px;
    height: 60px;
    display:block; 
    top:0px; 
    left:0px; 
    margin:0px;
    position:static;
    background-color:#376092;
}
.topContentLoginbar
{
    width: 960px;
    display:block; 
    top:0px; 
    left:0px; 
    margin:0px;
    position:static;
    background-color:#376092;
}
.placeholder
{
	position:relative;
}
.detailcontainer
{
	z-index: 1;
	width: 935px;
    margin-top: -30px;
    background-color:#FFFFFF;
    border: 4px solid #385D8A;
}

/* User defined CSS */
.body
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	margin: 0px;
}
.tableMaster
{
	width: 100%;
}
#iframeArticle
{
    width: 100%;
}
.label
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	color: #17375E;
}
.labelHeader
{
	font-family: Calibri, Verdana, Arial;
	font-size: 11pt;
	font-weight: bold;
}
.labelHeader_topPageBar
{
	cursor: pointer;
	color: White;
	margin-right: 6px;
}
.labelBold
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #17375E;
}
.labelFormFields
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	color: #17375E;
}
.labelError
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	color: Red;
}
.lineHeight			/* With equal & larger line spacing */
{
	line-height: 2em;
}
.text
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	width: 340px;
}
.textAreaNotes
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	width: 100%;
	color: Gray;
	font-style: italic;
}
.wideText
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	width: 100%;
}
.link
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	font-weight:bold;
	color: #003366;
	cursor: pointer;
}
A:link
{
	text-decoration: none;
	color: #003366;
}

A:visited
{
	text-decoration: none;
	color: #003366;
}

A:hover
{
	text-decoration: underline;
	color: #003366;
}

A:active
{
	text-decoration: none;
	color: #003366;
}
.date
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	width: 70px;
}
.dropdown
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	width: 155px;
}
.onMouseOver
{
	cursor: pointer;		/* Hand pointer */
}
.button
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	color: White;
	background-color: #4F81BD;
	cursor: pointer; 
	font-weight: bold;
	border: 2px solid #385D8A;
}
.anchorButton
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	color: White;
	background-color: #4F81BD;
	cursor: pointer;
	font-weight: bold;
	border: 2px solid #385D8A;
	padding-left: 5px;
	padding-right: 5px;
}
.overlapLeft			/* Css for Overlapping Boxes */
{
	float: left; 
	overflow: hidden; 
	background-color: white;
	border: 2px solid #4F81BD; 
	margin-top: -10px; 
	margin-left: -10px; 
	width: 150px;
	height: 25px; 
	font-weight: bold;
	position: relative; 
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.overlapLeftText
{
	display: table-cell; 
	vertical-align: middle;
}
.notificationBubble
{
	background-color: #FF0000;
	border-left: 3px solid #FF0000;
	border-right: 3px solid #FF0000;
	position: relative;
}
.divprocessingImage
{
	border: 1px solid black;
	background-color: White; 
	vertical-align: middle; 
	width: 180px; 
	height: 20px;
}
.containerDivBoldBorder
{
	z-index: 1;
	width: 935px;
    background-color:#FFFFFF;
    border: 4px solid #385D8A;
    margin-top: 20px;
}

/* CSS for Calender control */
.dayOfWeek{display:inline; padding:2px; width:25px;}
.dateBox{cursor:pointer; background-color:White; padding:2px; font-size:small;}
.dayOfWeekBox {color:#000000; font-family:Calibri; font-size:medium; background-color:#EEEEEE;}
.activeDay {text-decoration:underline; color:#4341FE; font-family:Calibri;}
.inActiveDay {color:Gray;font-family:Calibri;}
.month {font-family:Calibri; font-size:medium;}
.calButton {font-family:Calibri; font-size:small; height:25px;}


div#picker {width:388px; position:absolute; visibility:hidden; background-color:White; border:solid #000000 1px;}
div#picker_year{background-color:#E6E6E6; padding:2px; border-bottom:solid #000000 1px; font-weight:bold; text-decoration:none;}
div#picker_year a {text-decoration:none;}
div#picker_month{padding:2px; border-bottom:solid #000000 1px;}