/** Global l&f **/
BODY {
	margin: 0px;
	background-color: #ffffff;
}

BODY, P, TH, TD, INPUT, SELECT {
	font-size: 9pt;
	font-family: Verdana,Tahoma,'Lucida Grande',Geneva,Arial,sans-serif;
	font-weight:normal;
	color: #333333;
}

H1, H2 {
	font-size: 14pt;
	font-family: 'Futura Medium Condensed','Arial Narrow',Arial,Verdana,Tahoma,'Lucida Grande',Geneva,Arial,sans-serif;
	color: #3399CC;
    font-weight: normal;
}

A, A:visited 
{
    color: Blue;
}

em  {
	font-weight: bold;
	font-style: normal;
}

#titleDiv {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 103px;
	width: 100%;
	background: #66009b url("images/header.gif") right top no-repeat;
	z-index: 1;
}

#titleLogo {
	background: transparent url("images/titleLogo.gif") left top no-repeat;
	position: relative;
	left: 15px;
	top: 15px;
	width: 349px;
	height: 77px;
	border: none;

}

#titleDiv span {
	display: none;
}

#content {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
}

#contentCenter, #contentRight {
    vertical-align: top;
	padding: 20px;
    padding-top: 135px;
}

#contentCenter {
	background: transparent url("images/titleUnderline.gif") left 103px repeat-x;
	padding-right: 20px;
}

#contentRight {
	background: #d6eaf3  url("images/rightUnderline.gif") left 103px repeat-x;
	border-left: dotted 1px  #333333;
	width: 180px;
}

#shortcutsDiv {
    display: none;
}

.testimony, .sign {
	font-style: italic;
	color: #3a65ce;
}

.sign 
{
    text-indent: -15px;
	padding-top: 10px;
	padding-left: 40px;
	padding-bottom: 50px;
}

.btn {
	height: 43px;
	padding: 0px;
	margin: 0px;
	border: none;
	
}

.btn tr td.left DIV, .btn tr td.right DIV {
    position: relative;
    top: 0;
    left: 0;
	height: 43px;
	width: 9px;	
}

.btn tr td.left {
	background: url('images/btnLeftBlue.jpg') no-repeat left top;	
}

.btn tr td.right {
	background: url('images/btnRightBlue.jpg') no-repeat left top;
}

.btn tr td.body {
	background: url('images/btnCenterBlue.jpg') left top;
    white-space: nowrap;
    vertical-align: middle;
    color: white;
}
.btn tr td.body input 
{
    border: none;
    background-color: Transparent;
    color: White;
    margin: 0px;
}
.btn a,
.btn a:visited
{
    color: White;
    text-decoration: none;
}

/** IMAGES **/
#binderLogo {
	background: transparent url("images/binderLogo.gif") left top no-repeat;
	position: relative;
	top: 2px;
	left: 4px;
	width: 39px;
	height: 39px;
	border: none;
	float: left;
}

#bioLiteLogo 
{
    background: transparent url("images/bioLiteLogo.gif") 30px top no-repeat;
    width: 159px;
    height: 42px;
}

.pic 
{
    background: transparent url("images/photo_camera_16.png") left top no-repeat;
    width: 24px;
    height: 24px;
}


/** 
 * css definition that are skin independent 
 **/

#error
{
    margin-top: 30px;
    margin-bottom: 30px;
    
    color: Red;
    font-weight: bold;
    font-size: 12pt;
}

#stackTrace 
{
    display: none;
}

label.invalid 
{
    color: Red;   
}

/** flash objects **/
.flash {
    display: none;
}

/** change password page **/
#changePwdForm #fields 
{
    margin-left: 30px;
}

#changePwdForm #fields TD.lbl 
{
    text-align: right;
    white-space: nowrap
} 

#changePwdForm #btns 
{
    margin-top: 30px;
    margin-left: 100px;
}


.tabs .tab {
	color: #3399CC;
}

.tabs .selected {
	color: #703895;
}

/** alert pop-up **/
.panel .bd
{
    color: Black;
}