/* CSS Document */
/*This the main css for SATENDER*/
/*Main container, width 780 in the center*/
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin :0;
	background:#f7f4ef;
	text-align:center
}

#container
{
	width: 800px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background:#FFFFFF;
	padding-right:15px;
	border-top:solid 5px #FFFFFF;

}
/*Top banner*/	
#banner 
{
	width: 800px;
	height: auto;
	background-color: #FFFFFF;
	margin-top: 0px;
}

#banner p
{
font-size:11px;
}

#banner img {
	margin-left:15px
}

#nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	height: 30px;
	width: 780px;
	color: #000000;
	position:absolute;
	/*margin-top:105px;*/
	background:url(../images/nav1.gif);
	background-repeat:repeat-x;
	margin-left:15px;
}


/* The columns are: left-130px; middle-482px; right-133*/
#leftcolumn
{
	height:auto;
	float: left;
	width:130px;
	margin-top: 50px;
	padding-left:13px;
	background:#FFFFFF

}

/* The left Google ads are nested in the left column and are 120x240, there is a padding of 6 */
#googleads_left
{
	margin-top: 20px;
	border: 1px solid #D4D4D4;
	padding: 6px;
}
#middlecolumn
{
	z-index: 2;
	float: left;
	width: 482px;
	height: auto;
	margin-top: 50px;	
	margin-right: 10px;
	margin-left: 17px;
	margin-bottom:0
}

/* if the middle part needs to be divided into 2 colums */
#middle_left {
	float: left;
	margin-top: 0px;
	width: 60%;
}

#middle_right {
	float: right;
	margin-top: 0px;
	width: 142px;
	align: right;
}

#middle_left_t {
	float: left;
	margin-top: 0px;
	width: 50%;
}

#middle_right_t {
	float: right;
	margin-top: 0px;
	width: 45%;
	align: right;
}

#flush_right3 {
	margin-top: -20px;
	float: right;
	width: 200px;
	text-align: right;
}

#method {
	margin-top: 6px;
	margin-left: 8px;
	font-size: 11px;
	width: 470px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
#flush_right {
	margin-top: -90px;
	float: right;
	width: 200px;
	text-align: right;
}
#flush_right2 {
	margin-top: -40px;
	float: right;
	width: 200px;
	text-align: right;
}

#line {
	float: left;
	width: 482px;
	margin-right: 4px;
	margin-left: -2px;
}
#sectorpart {
	margin-top: 6px;
	margin-left: 8px;
	font-size: 11px;
	width: 460px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

/* This is only to set the width of the sector selector */
#sectorfield {
	width: 357px;
	margin-left: 12px;
	margin-right: 0px;
}
#rightcolumn
{
	/*z-index: 3;*/
	float: right;
	width: 133px;
	height: auto;
	font-size: 100%;
	margin-top: 50px;
}
#footer
{
	clear: both;
	width:780px;
	margin-top: 14px;
	height:170px;
	background:url(../images/fotterbg.jpg);
	vertical-align:top;margin-left:0;
	overflow:visible;color:#666666;
	padding-left:18px;
	padding-right:18px;
	margin-bottom:0	
}
#footer ul {
	margin-left: 12px;
	padding-left: 12px;
	margin-top:2px;
	margin-bottom:2px

}

#footer li {

line-height:16px;
}
#footer p {
margin-top:0;
margin-bottom:0;
line-height:16px
}

#footer a {
font-weight:bold;
text-decoration:underline;
color:#666666
}
#googleads_right
{
	margin-left: 0px;
	margin-top: 12px;
	border: 1px solid #D4D4D4;
	padding: 6px;
	float: right;
}
#listtable {
	width: 482px;
	float:left
}


#ZTMC
{
	border: 1px solid #D4D4D4;
	padding: 2px;
}
#available {
//	margin-top: -62px;
	float: right;
	width: 142px;
	text-align: right;
}

#dhtmltooltip {
	position: absolute;
	left: -300px;
	width: 250px;
	border: 1px;
	border-color:#cccccc;
	padding: 8px;
	background-image:url(../images/tabBG.gif);
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: bold;
	visibility: hidden;
	z-index: 100;
	text-align: left;
}
#dhtmlpointer{
	osition:absolute;
	eft: -300px;
	-index: 101;
	isibility: hidden;
}

