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

.placeholder
{
	position:relative;
}

.toppagebar
{
	z-index: 100; width: 960px;
    height: 60px;
    display:block; 
    top:0px; 
    left:0px; 
    margin:0px;
    position:static;
    background-color:#376092;
}

.toploginbar
{
	width: 100%;
    height: 100px;
    display:block; 
    top:0px; 
    left:0px; 
    margin:0px;
    position:static;
    background-color:#376092;
}
.loginbox
{
	vertical-align: top;
    background-color:#DCE6F2;
    border: 2px solid #B9CDE5;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:11px;
    width: 200px;		/* Width of the Logo */
}
.registerbox
{
    vertical-align:top;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:11px;
}
.detailcontainer
{
	z-index: 1;
	width: 935px;
    margin-top: -30px;
    background-color:#FFFFFF;
    border: 4px solid #385D8A;
}
.registercell
{
	width: 350px;
	vertical-align:top;
	background-color:#DCE6F2;
    border: 2px solid #385D8A;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:11px;
}
.lifespaceFeatures
{
	font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    line-height: 2em;
}
.tagline
{
	font-family: Calibri, Verdana, Arial;
	font-size:20px;
	vertical-align:middle;
}
.logoandtagline
{
	vertical-align:middle;
	text-align:center;
}

.copyrightfooter
{
	z-index: 200;
	text-align:center;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:8px;
    position:absolute; top:650px;
    width: 100%;
}

/* Css for panes */
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}


/* User defined CSS*/
.body
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
}
.tableMaster
{
	width: 100%;
}

/* Labels */
.label
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
}
.labelBold
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	font-weight: bold;
color: #17375E;
}
.labelBigFontStyle
{
	font-family: Calibri, Verdana, Arial;
	font-size: 14pt;
	font-weight: bold;
}
.labelHeader
{
	font-family: Calibri, Verdana, Arial;
	font-size: 11pt;
	font-weight: bold;
}
.labelError
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	color: Red;
}
.text
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	width: 180px;
	height: 20px;
	border: 2px solid #4F81BD;
}
.StandardButton 
{
  background: #4F81BD none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: bold;
  border: 2px solid #385D8A;
  height: 23px;
  cursor: pointer;
}
.button
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	color: White;
	background-color: #4F81BD;
	cursor: pointer;
	font-weight: bold;
	border: 2px solid #385D8A;
	height: 23px;
}
.link
{
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
	font-weight:bold;
	color: #003366;
	cursor: pointer;
}
A:link			/* For Anchor Tag */
{
	text-decoration: none;
	color: #003366;
}

A:visited		/* For Anchor Tag; link that has been used before */
{
	text-decoration: none;
	color: #003366;
}

A:active		/* For Anchor Tag; link that is in the process of being clicked */
{
	text-decoration: none;
	color: #003366;
}

A:hover			/* For Anchor Tag, on Mouse Over */
{
	text-decoration: underline;
	color: #003366;
}

/* Links of DNN */
A.SkinObject:link
{
	text-decoration: none;
	color: #ffffff;
}
A.SkinObject:hover
{
	text-decoration: underline;
	color: #ffffff;
}

.onMouseOver
{
	cursor: pointer;
}


/* Css for Overlaping Boxes */
.overlapLeft
{
	float: left; 
	overflow: hidden; 
	background-color: white;
	border: 2px solid #4F81BD; 
	margin-top: -10px; 
	margin-left: -10px; 
	width: 150px;
	height: 25px; 
	position: relative; 
	text-align: center;
	vertical-align: middle;
	color: #003366;
	cursor: pointer;
}
.overlapLeftText
{
	display: table-cell; 
	vertical-align: middle;
}