body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #E3E3E3;
}

td {
	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	}

td.list{
	text-indent:10px;
	}
	
td.l_header{
	text-indent:10px;
	color: #FFFFFF;
	text-align: left;
	font-size:14px;
	}

td.c_header{
	color: #FFFFFF;
	text-align: center;
	font-size:14px;
	}
	
td.cpage{
	color: #FFFFFF;
	text-align: center;
	background-color: #222120;
}

td.opage{
	color: #FFFFFF; 
	text-align: center;
	background-color: #989694;
}

th {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}
	
a{
	text-decoration:none;
	color: #FFFFFF;
}

a:hover{
	text-decoration: none;
	color: #C4C0BC;
	cursor:pointer;
}

.alink{
	text-decoration:none;
	color: #FFFFFF;
}

.alink:hover{
	text-decoration: none;
	color: #C4C0BC;
	cursor:pointer;
}

button:hover{
        cursor:pointer;
}

a.mylocation
{	
	background-image:url(images/mylocation.png);
}

a.mylocation:hover
{	
	background-image:url(images/mylocation1.png); 
}

a.dlink{
	text-decoration:none;
	font-weight:bold;
	color: #FFFFFF;
}

a.dlink:hover{
	text-decoration: underline;
	font-weight:bold;
	color: #C4C0BC;
	cursor:pointer;
}

a.wlink{
	text-decoration:none;
	font-weight:bold;
	color: #0000FF;
}

a.wlink:hover{
	text-decoration:underline;
	font-weight:bold;
	color: #0000C0;
	cursor:pointer;
}


.whitestar{
        color: #000000; 
	text-align: left;
	background-color: #FFFFFF;
}
	
.redStar
	{
	color:#FF0000;
	}

.graystar{
        color:#C0C0C0;
}

.bluestar
	{
		color: #FFFFFF;
	}

.adstar
	{
		color: #FFFFFF;
	}
	
.blackstar
	{
		color:#000000;
	}

.sidebh_bg
	{
		color: #222120;
	}	
.sidebh_text_c
	{
		color: #FFFFFF;
	}

td.top
	{
		vertical-align: top;
	}

.button
	{
		text-align: center;
                font-size:11px;
		background-color: #222120;
		color: #989694;
		border:None;
		font-weight:bold;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		height:15px;
	}
	.button:hover
	{
		color: #FFFFFF;
		cursor:pointer;
	}
	
.button2
	{
		text-align: center;
                font-size:13px;
		background-color: #222120;
		color: #FFFFFF;
		border:None;
		font-weight:bold;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		height:15px;
	}
	.button2:hover
	{
		cursor:pointer;
	}


td.tab
	{
		text-align: center;
                font-size:11px;
		color: #989694;
		border:None;
		font-weight:bold;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		valign: bottom;
		height:15px;
		width:15%;
	}
	td.tab:hover
		{
			color: #FFFFFF;
			cursor:pointer;
		}
td.hoverhand:hover
{
	color: #FFFFFF;
	cursor:pointer;
}



	
table.widget
	{
		background-color: none;
	}
	
table.mainBG {
	width: 850px;
	background-color: #989694;
}

table.main_bg {
	background-color: #989694;
}

.offset_bg {
	background-color: #989694;
}
	
.fieldMax
	{
		font-family:Arial,Helvetica,sans-serif;
		font-size:13px;
		width:215px;
	}
	.fieldMax1
	{
		font-family:Arial,Helvetica,sans-serif;
		font-size:13px;
		width:130px;
	}

/* Round Highlight Start */

p{padding:2px 10px 2px 10px}
div#highlight{background: #989694;}
b.htop, b.hbottom{display:block;background: #454443;
font-size: 2px;}
b.htop b, b.hbottom b{display:block;height: 1px;
    overflow: hidden; background: #989694}
b.h1{margin: 0 5px}
b.h2{margin: 0 3px}
b.h3{margin: 0 2px}
b.htop b.h4, b.rbottom b.h4{margin: 0 1px;height: 2px}

/* Round highlight End */


/* Round Corner Start */

p{padding:2px 10px 2px 10px}
div#rounded{background: #454443;}
b.rtop, b.rbottom{display:block;background: #989694;
font-size: 2px;}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #454443}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/* Round Corner End */

/* Round Corner Content Header Start*/

p{padding:1px 5px 1px 5px}
div#roundedheader{background: #222120;}
b.stop, b.sbottom{display:block;background: #989694;
font-size: 2px;}
b.stop b, b.sbottom b{display:block;height: 1px;
    overflow: hidden; background: #222120}
b.s1{margin: 0 5px}
b.s2{margin: 0 3px}
b.s3{margin: 0 2px}
b.stop b.s4, b.sbottom b.s4{margin: 0 1px;height: 2px}

/* Round Corner Content Header End*/

/* Selected Tab Head Start*/

p{padding:1px 5px 1px 5px}
div#tabselected{background: #222120;}
b.ctop, b.cbottom{display:block;background: #989694;
font-size: 2px;}
b.ctop b, b.cbottom b{display:block;height: 1px;
    overflow: hidden; background: #222120}
b.c1{margin: 0 5px}
b.c2{margin: 0 3px}
b.c3{margin: 0 2px}
b.ctop b.c4, b.cbottom b.c4{margin: 0 1px;height: 2px}

/* Selected Head End*/

/* Not Selected Tab Head Start*/

p{padding:1px 5px 1px 5px}
div#tabnotselected{background: #454443;}
b.dtop, b.dbottom{display:block;background: #989694;
font-size: 2px;}
b.dtop b, b.dbottom b{display:block;height: 1px;
    overflow: hidden; background: #454443}
b.d1{margin: 0 5px}
b.d2{margin: 0 3px}
b.d3{margin: 0 2px}
b.dtop b.c4, b.dbottom b.d4{margin: 0 1px;height: 2px}

/* Not Selected Head End*/

table.content{
background-color: #454443;
}
table.contenthead{
background-color: #222120;
}
table.btnhead{
background-color: #222120;
}
.help{
background-image:url(images/gray_ques1.jpg)
}

/* Round Corner Button */

p{padding:2px 10px 2px 10px}
div#roundedbutton{background: #222120;}
b.ttop, b.tbottom{display:block;background: #989694;
font-size: 2px;}
b.ttop b, b.tbottom b{display:block;height: 1px;
    overflow: hidden; background: #222120}
b.t1{margin: 0 5px}
b.t2{margin: 0 3px}
b.t3{margin: 0 2px}
b.ttop b.t4, b.rbottom b.t4{margin: 0 1px;height: 2px}

/* Round Corner Button */

.line{
border-bottom: 1px solid #FFFFFF;
}

td.linecolor{
background-color:#BFBCB9;
}

table.menubar{
background-color: #222120;
}

table.menubartop{
background-color: #454443;
}

td.signin{
color:#979593;
}

.signin:hover
{
     color: #FFFFFF;
     cursor:pointer;
}


.sidebox{
width: 150px;
}

.profilebox{
width: 200px;
}


td.spacecol{
align: center;
width: 10px;
text-indent:5px;
}

.clear {
width: 100%;
clear: both;
font-size: 1px;
height: 3px; /* optional just to create gaps between your rows */
}

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: #454443;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #222120;
color: #FFFFFF;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: #454443;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid #454443;
background-color: #454443;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

.menu2 {padding:0 0 0 32px; margin:0; list-style:none; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:30px; line-height:33px; color:#FFFFFF; text-decoration:none; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 0 0 12px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 0 0 12px;}
.menu2 li a.top_link:hover {color:#C4C0BC;}
.menu2 li:hover > a.top_link {color:#C4C0BC;}



.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:30px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:120px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:120px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:115px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../prodrop2/arrow.gif) 100px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#4ab; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(../prodrop2/arrow_over.gif) 100px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(../prodrop2/arrow_over.gif) 100px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:120px; z-index:200; height:auto;}