/* CSS Document * /

/* ----------------------------------------- body here ---------------------------------*/
body { margin:0 auto; background:url(images/bodybg.jpg) repeat-x; background-color:#78878f;}
p { font-family:Tahoma; font-size:12px; margin:5px 10px 0px 10px; text-align:left;color:#838383;}
.heading { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#61727c; padding-left:10px;}
.logobg { background:url(images/mainlogobg.jpg) no-repeat; width:962px; height:124px;}

.logo { background:url(images/logo.jpg) no-repeat; width:744px; height:124px;}

.menubg { background:url(images/menubg.jpg) no-repeat; width:962px; height:26px; }

.banner { background:url(images/spiombanner.jpg) no-repeat; width:962px; height:238px;}

.maintablemiddlebg { background:url(images/maintablebg.jpg) repeat-y; width:962px;}
/*---------------------------------------login css here ---------------------------------------*/
.logintable { margin-top:12px;}
.loginheading { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold;}
.logintext { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
.loginline { margin:3px 0 5px 0px;}
.logintextbox { width:115px; border:1px solid #b4bdc3; margin:0 0 5px 5px;}
.forgotpassword {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
.forgotpassword a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none;}
.forgotpassword a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:underline;}
/*---------------------------------------login css end here ---------------------------------------*/

/*---------------------------------------right table css ---------------------------------------*/
.rttablemargin { margin:5px 5px 0px 3px;}
.rttabletop { background:url(images/rttabletop.jpg) no-repeat; width:254px; height:35px;}
.rttablemiddle { background:url(images/rttablemiddle.jpg) repeat-y; width:254px;}
.rttablebottom { background:url(images/rttablebottom.jpg) no-repeat; width:254px;}

/*---------------------------------------right table css end ---------------------------------------*/

.maintablemargin { margin:0px 5px 0px 10px;}
.maintabletop { background:url(images/tbmiddletop.jpg) no-repeat; width:660px; height:28px;}
.maintablemiddle { background:url(images/tbmiddlebg.jpg) repeat-y; width:660px; height:3px;}
.maintablebottom { background:url(images/tbmiddlebottom.jpg) no-repeat; width:660px; height:11px;}

/*----------------------------------------more link --------------------------------------------------------*/

.more { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; padding-left:200px;}
.more a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:none; color:#798891;}
.more a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:underline; color:#FF0000;}

/*----------------------------------------more link end --------------------------------------------------------*/

/*----------------------------------------footer start here  --------------------------------------------------------*/

.footer { background:url(images/footerbg.jpg) no-repeat; width:950px; height:27px;}
.footer a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
.footer a:hover { }
.copyright { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#c6c6c6; padding:20px 0 0 20px;}
.design { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#c6c6c6; padding:20px 0 0 20px;}
.design a { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#c6c6c6; font-weight:bold;}
.design a:hover { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#c6c6c6; text-decoration:none;}


/*----------------------------------------footer end here  --------------------------------------------------------*/

			#outer {width:950px; position:absolute;}
#nav {padding:0; margin:0 0 0 0px; list-style:none; height:26px; position:relative; z-index:500; color:#fff; width:950px; background:url(images/menubg.jpg) no-repeat; width:962px; height:26px;}
#nav li.top {display:block; float:left; padding:0; color:#ffffff;}

#nav li a.top_link {display:block; float:left; height:26px; color:#4f4f4f; line-height:27px; text-decoration:none; font-size:12px; font-weight:bold; padding:0 5px 0 10px; margin:0 10px 0 5px; cursor:pointer;}

#nav li a.top_link:hover {color:#4f4f4f; text-decoration:underline; height:26px; text-decoration:none; background:url(images/menuhover.jpg);}

/* Default list styling */

#nav li:hover {position:relative; z-index:200; color:#37A9D1; }

.active{ background: #DECFB9; color:#fff; font-size:13px; font-weight:bold;}

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

#nav li:hover ul.sub
{left:0px; top:26px; background: #748189; color:#503414;  text-decoration:none; padding:0px; border-bottom:1px solid #345834 !important; white-space:nowrap; width:160px; height:auto; z-index:300; font-family:Arial;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:160px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:20px; width:90px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none;}

#nav li:hover ul.sub li a:hover 
{text-decoration:underline;}




#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:160px; z-index:400; height:auto;}


.leftlink:link
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	padding-left:10px;
	font-size:13px;
	line-height:20px;
	
}
.leftlink:hover
{
	font-family:Arial, Helvetica, sans-serif;
	color:#6a6969;
	text-decoration:underline;
	padding-left:10px;
	font-size:13px;
	line-height:20px;
}
.leftlink:visited
{
	font-family:Arial, Helvetica, sans-serif;
	color:#0185ac;
	text-decoration:none;
	padding-left:10px;
	font-size:13px;
	line-height:20px;
	text-decoration:none;
}
.linkheader 
	{ font-family:Verdana;
		font-size:16px;
		color:#345834;
		padding-left:5px;
		font-weight:bold;
		height:30px;	
	}
	
	.rightlinks { font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#135180;
		font-weight:bold;
		text-decoration:none;
		padding-left:5px;
		line-height:1.8em;
		}
		
.rightlinks a { font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#135180;
		font-weight:bold;
		text-decoration:none;
		padding-left:5px;
		line-height:1.8em;		
		}
		
.rightlinks a:hover { font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#e69b25;
		font-weight:bold;
		text-decoration:underline;
		padding-left:5px;
		line-height:1.8em;}
.links { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;padding-left:20px;line-height:2em;}
.links a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#798891;}
.links a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:underline; color:#FF0000;}

.links1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;padding-left:5px;line-height:2em;}
.links1 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#798891;}
.links1 a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:underline; color:#FF0000;}

.fieldset { 
	   font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:12px;
	   color:#000000;
	   padding:3px 3px 0px 3px;
	   text-align:justify;
	   line-height:1.5em;
	   border: 1px solid #7c878f;
	   margin:5px 0px 0px 7px;}
	   
	   .heading1 { font-family:Verdana;
		   font-size:14px;
		   font-weight:bold;
		   color:#61727c;}


div.MaskedDiv
{
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	font-family: verdana;
	font-weight: bold;
	padding: 40px;
	z-index: 100;
	background-image: url(images/gray.png); /* ieWin only stuff */
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src= 'gray.png' );
}


div.ModalPopup
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	background-color: #CCCCCC;
	position: absolute; /* set z-index higher than possible */
	z-index: 10000;
	visibility: hidden;
	color: Black;
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
	width: 650px;
	height: auto;
}


.eventheading
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#798891;
	text-decoration:none;
	padding-left:10px;
	font-size:14px;
	line-height:20px;
	
}
.eventheading:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-decoration:underline;
	padding-left:10px;
	font-size:14px;
	line-height:20px;
}