/* LAYOUT */

/* commented backslash hack for ie5mac \*/ 
html, body{height:100%;} 
/* end hack */

body
{
  font: 75% Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #000000;
  background-color: #F2F2F2;
  margin: 0;
  padding: 0;
  text-align: center; /* centre for ie5 and 5.5. */
  min-height: 200px; /*for mozilla/opera */
  min-width: 200px; /* """ */
}

a
{
  outline: none;
}

table{

  font: 95% Verdana, Arial, Helvetica, sans-serif;
  }

input, textarea
{
  font: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
}

h1
{
  font: 20px Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

hr {
  border: 0;
  color: #CCCCCC;
  background-color: #CCCCCC;
  height: 1px;
  width: 100%;
  text-align: left;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

/* ELEMENTS */


#divContent {
  position: absolute;
  left:0;
  top: 50%;
  margin-top: -210px; /* make this half your image/element height */
}

#divOuter {
  height:100%;
  width:780px;
  margin-left:auto;/* centre for compliant browsers */
  margin-right:auto;/* centre for compliant browsers */
  position:relative;/* gain stacking context for absolutely placed element */
}

#divLogo{
  width: 780px;
  height: 61px;
  margin-bottom: 5px; 
  margin-left: -10px;   
  background-image: url('../images/intellera_logo.gif');
  background-position: left;
  background-repeat: no-repeat;  
}


#divWorkArea{
  width: 780px;
  height: 300px;
  /*background-image: url('../images/bk/bk-1.jpg');*/
  background-position: left;
  background-repeat: no-repeat;  

}

#divLogin, #divOverlay{

  position: absolute; 
  z-index: 10;
  top: 100px;
  left: 375px; 
  width: 380px;
  height: 215px;   

}

#divLogin{
  padding: 5px 0px 0px 5px;
}

#divOverlay{
 
  z-index: 5;
  background-color: #B4B4B4; 
  
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

}

#divLanguages{
  text-align: right;
}

.standardTable
{
  border: 1px solid #032d55;
  /*background-color: #F5F5F5; */
  width: 100%;
  border-collapse: collapse;
}

.standardTable td
{
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
}

.clearTable
{  
  border: 0px solid #FFFFFF;
  border-collapse: collapse;
  width: 100%;
}

.clearTable td
{
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}

.titleHeader {
  margin: none;
  padding: 0px 10px 0px 0px;
  font-size: 14pt;
  vertical-align: bottom;
}

.tdTitle
{
  font-weight: bold; 
}

.tdContent
{
  font: 100% Verdana, Arial, Helvetica, sans-serif;
}

.startHidden
{
  display: none;
}

.alignRight
{
  text-align: right;
}

.alignMiddle{
  vertical-align: middle;  
}

.alignTop{
  vertical-align: top;  

}

.errorField
{
  background-color: #FFDDDD;
}

/* Validation styles */


input.required, textarea.required, .evaluated
{
  border: 1px solid #FF9393;
}

select.required
{ 
  border: 1px solid #FF9393; 
  border-style: solid; 
  border-top-width: 1px; 
  border-right-width: 1px; 
  border-bottom-width: 1px; 
  border-left-width: 1px
}

.required label
{ color: #FF4646; }

.popup, .errorPic {
  position: absolute; display: none; 
}

.popup{
  border: 1px solid #A6C9E2;
  padding: 3px 3px 3px 3px;
  background-color: #FCFDFD; 
}

/* ///////////////////////////////////////////////////////   */

#backgroundPopup{
  display:none;
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/
  height:100%;
  width:100%;
  top:0;
  left:0;
  background:#000000;
  border:1px solid #cecece;
  z-index:1001;
}

#foregroundPopup, #foregroundImg{
  display:none;
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/
  z-index:1002;
}

#foregroundPopup{
  /*height:384px;*/
  border:2px solid #CECECE;
  padding:12px;
  font-size:13px;
  width:400px;
  background:#FFFFFF;
}

#foregroundImg{
  border: none 0px;
  padding: 0px 0px 0px 0px;  
  margin: 0px 0px 0px 0px;
}

#foregroundPopupClose{
  font-size:14px;
  line-height:14px;
  right:6px;
  top:4px;
  position:absolute;
  color:#6fa5fd;
  font-weight:700;
  display:block;
  cursor: pointer; 
}

/* Links */ 
.linkContainer{
  cursor: default;
  font: 80% Verdana, Arial, Helvetica, sans-serif;
}

.linkContainer a:link {text-decoration: none; color: #2A5876;}
.linkContainer a:visited {text-decoration: none; color: #2A5876;}
.linkContainer a:active {text-decoration: none}
.linkContainer a:hover {text-decoration: none; color: Red;}