/*
A:link {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma,Arial; TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma,Arial; TEXT-DECORATION: none
}
A:hover {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma,Arial; TEXT-DECORATION: none
}
.QuickLink {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Tahoma,Arial; TEXT-DECORATION: none
}
A.QuickLink:link {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Tahoma,Arial; TEXT-DECORATION: none
}
*/

td, div {
	font-family:Tahoma;
	font-size: 11px;
	font-style: normal;
}

.valueL, .valueLG {
  border:1px solid #C7D5F1;
  border-left:1px solid #C7D5F1;
  border-right:1px solid #C7D5F1;
  border-bottom:1px solid #C7D5F1;
  padding: 2px 1px 2px 1px;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  /*
  white-space: nowrap;
  */
}

.valueL {
  border-width: 1px;
  border
  margin-right: -1px;
  font-weight: bold;
  overflow: hidden;
}
.valueLG {
  border-width: 0px;
  margin-right: 0px;
  overflow: visible;
}

input.valueL, input.valueR {
  width: 250px;
  padding: 2px 0px 2px 0px;
  /*
  margin: 0px;
  */
  font-size: 1em; /* IE bug - see http://www.aplus.co.yu/css/tip-input-sizing-in-ie/ */
}
input.valueLG, input.valueRG {
  padding: 0px 1px 0px 0px;
  margin: 0px;
  vertical-align: top;
  font-size: 1em; /* IE bug - see http://www.aplus.co.yu/css/tip-input-sizing-in-ie/ */
}
select.valueL, select.valueR {
  width: 200px;
  padding: 0px;
}

#body {
	border-color:#DBE7F2;
	border-width:thin;
	border-style:solid;
	margin:50px;
}

#coname {
	background-color:black;
	color:white;
	font-size:20px;
}


#shareproconnect {
	height:42px;
	background-image:url(../images/tdbg.gif);
	text-align:right;
	text-shadow:#666666;
	color:white;
	font-size:large;
}

#footer {
	height:42px;
	background-image:url(../images/tdbg.gif);
	text-align:right;
	text-shadow:#666666;
	color:white;
	font-size:small;
}

/* important :
   Reason : absolutely positioned elements are placed relative to their closest positioned ancestor element
   So the Company_Image and loginform divs will be positioned relative to THIS div [middle]
*/
#middle {
   position:relative;	
   height:400px;
}
/* We also set the Image of the company to the LEFT side of the Login Page */
#company_image {
	position:relative;
	left:0;
	top:0;
	background-image:url(../custom/your_logo_large.png);
	background-repeat:no-repeat;
	background-position:center;
	width:50%;
	height:300px;
}

#loginform {
	position:absolute;
	top:0;
	left:51%;
	border-style:solid;
	border-width:thin;
	border-color:#DBE7F2;
	padding:20px;
	vertical-align:middle;
	height:300px;
}