/*CSS STYLESHEET FOR VIALITE 2.0 PRODUCT COPYRIGHT V---Systems 2007

------ IMPORATNT INSTRUCTIONS-----
1. MENTION THE FONT NAME IN BODY TAG. DO NOT MENTION IN CLASS NAME UNTILL ITS NECESSARY
2. USE RELATIVE FONT SIZING
3. ALWAYS USE A, A:hover; A:visited

THIS STYLESHEET IS DIVIDED INTO THREE MAJOR PORTION PRINT, VITAL AND LAYOUT RELATED....
LAYOUT RELATED CAN BE ELIMINATED
VITAL VALUES CAN BE CHAGED 
*/


/*---------V-I-T-A-L--------------------------------------------------*/
/*REQUIRED CLASSSED CAN NOT BE ELIMINATED, Just change the attribute*/
/*----------------------------------------------------------------*/
/*css for the error mail */
.errortext
{
	font-weight: bold;
	font-size: 12px;
	color: blue; 
	font-family:Tahoma;
	background-color:White;	
}
/*body
{
	font-family:Verdana;	
	scrollbar-face-color: #DCDCDC;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #BBBBBB;
	scrollbar-arrow-color: #626262;
	scrollbar-track-color: #EFEFEF;
	scrollbar-highlight-color: #ffffff;
	scrollbar-darkshadow-color: #bbbbbb;
	scrollbar-darkshadow-color: #bbbbbb;
}*/
/*----MAINTEXT IS USED FOR DISPAYIMG THE CONTENT*/




/*----MAINHEADING IS USED FOR DISPAYIMG THE HEADING IN CONTENT*/
.mainheading{ font-size:medium; color:Gray;}
.mainheading A{ font-size:medium; color:Blue; text-decoration:none;}
.mainheading A:hover{ font-size:medium; color:Gray;text-decoration:underline;}
.mainheading A:visited{ font-size:medium; color:Maroon;text-decoration:underline;}

/* THIS CLASS IS USED FOR DISPLAYING LABELS FOR THE INFORMATION */
.ErrorDisp{	color:Red;font-size:12px;font-weight:bold;font-family:Verdana;}

/* THIS CLASS IS USED FOR DISPLAYING CATEGORY NAMES FOR PRODUCTS STAFFS */
.CatName{font-weight:bold;color:#29559C;font-size:x-small;}
.CatName A{font-weight:bold;color:Blue;font-size:x-small;text-decoration:underline;}
.CatName A:hover{font-weight:bold;color:#29559C;font-size:x-small;text-decoration:none;}
.CatName A:visited{font-weight:bold;color:Maroon;font-size:x-small;text-decoration:none;}

/* THIS CLASS IS USED FOR DISPLAYING SITEMAP PAGES */
.SiteMap{color:Purple;font-size:x-small;text-decoration:none;}
.SiteMap A{color:#29559C;font-size:x-small;font-weight:normal;text-decoration:none;}
.SiteMap A:hover{color:Red;font-size:x-small;font-weight:normal;text-decoration:underline;}
.SiteMap A:visited{color:Maroon;font-size:x-small;font-weight:normal;text-decoration:none;}

/* THIS CLASS IS USED FOR DISPLAYING ERROR MESSAGES IN ERROR PAGES */
.ErrorInfo{	font-size:x-small;color:#000033;background-color:#DFDFDF;border: 1px solid black;}

.center{text-align:center;}

/* THIS CLASS IS USED FOR DISPLAYING TABLE CONTENTS */
.TblMainText{font-size:x-small;	color:#000000;text-decoration:none;}
.TblMainText A{	font-size:x-small;color:#0000FF;text-decoration:none;}
.TblMainText A:hover{font-size:x-small;	color:0000FF;text-decoration:none;}

/* THIS CLASS IS USED FOR DISPLAYING TABLE HEADINGS */
.TblHeading{font-size:x-small;font-weight:bold;color:#FFFFFF;background-color:#4692C3;text-decoration:none;}
.TblHeading A{font-size:x-small;font-weight:bold;color:Blue;background-color:#4692C3;text-decoration:none;}
.TblHeading	A:hover{font-size:x-small;font-weight:bold;color:#FFFFFF;background-color:#4692C3;text-decoration:none;}

input{BORDER-RIGHT: activecaption 1px solid; BORDER-TOP: activecaption 1px solid; BORDER-LEFT: activecaption 1px solid; COLOR: buttontext; BORDER-BOTTOM: activecaption 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: window;}

/* THIS CLASS IS USED FOR DISPLATING MANDATORY INFORMATION */
.mandatory{color:#ff0000;}

/* THIS CLASS IS USED IN FOOTER COPYRIGHT */
.Copyright{ COLOR: #797979;FONT-FAMILY: verdana;FONT-SIZE:10px;TEXT-DECORATION: none;}
.Copyright A{COLOR: #797979;FONT-FAMILY: verdana;FONT-SIZE:10px;TEXT-DECORATION: none;}
.Copyright A:hover{COLOR: Blue;FONT-FAMILY: verdana;FONT-SIZE:10px;TEXT-DECORATION: none;}
.Copyright A:visited{COLOR: Maroon;FONT-FAMILY: verdana;FONT-SIZE:10px;TEXT-DECORATION: none}



/*----------------------L-A-Y-O-U-T- -R-E-L-A-T-E-D-----------*/
/*LAYOUT RELATED CLASSSES CAN VARY PROJECT TO PROJECT*/
/*-------------------------------------------------------------*/
body
{
margin:0px auto;padding:0px;background-color:#FFFFFF;
}
#master
{
position:relative;float:left; padding:0px;margin:0px 0px;width:100%;
}
#layout
{
position:relative;width:989px;border:0px solid yellow;
}

#layout #header
{
position:relative;width:989px;height:112px;
}
#layout #header .headerCol1
{
position:relative;float:left;width:548px;height:112px;
}
#layout #header .headerCol2
{
position:relative;float:left;width:312px;height:112px;
}
#layout #header .headerCol3
{
position:relative;float:left;width:129px;height:112px;background-image:url(../images/HeaderContact.jpg);background-repeat:no-repeat;
}
.headerText
{
position:relative;
float:left;
height:56px;
width:111px;
top:36px;
left:0px;
border:0px solid red;
}
#layout #flash
{
position:relative;float:left; width:989px;height:207px;
}
#layout #flash .flashCol1
{
position:relative;float:left;width:18px;height:207px;
}
#layout #flash #flashImg
{
position:relative;float:left;width:971px;height:207px;
}
#layout #flash .flashCol2
{
position:relative;float:left;width:636px;height:207px;
}
#layout #flash .flashCol3
{
position:relative;float:left;width:335px;height:207px;
}
#layout #menu
{
position:relative;float:left; width:989px;height:40px;
}
#layout #menu .menuCol1
{
position:relative;float:left;width:21px;height:40px;
}
#layout #menu .menuCol2
{
position:relative;float:left;width:944px;height:40px;
}
#layout #menu .menuCol3
{
position:relative;float:left;width:24px;height:40px;background-image:url(../images/HeaderContact.jpg);background-repeat:no-repeat;
}
#layout #content
{
position:relative;float:left; width:989px;min-height:373px;background-image:url(../images/ContentRpt.jpg);background-repeat:repeat-y;
}
*html #content
{
height:373px;
}
#layout #content .contentBlank
{
position:relative;float:left; width:989px;height:5px;
}
#layout #content .contentArea
{
position:relative;float:left; width:989px;
}
#layout #content .contentArea  .contentAreaLeft
{
position:relative;float:left;width:243px;min-height:368px;left:7px;top:0px;border:0px solid green;
}
#layout #content .contentArea  .contentAreaLeft .cyclicImg
{
position:relative;float:left;width:243px;height:195px; 
}

#layout #content .contentArea  .contentAreaLeft .blankRow
{
position:relative;float:left;width:243px;height:4px;
}
#layout #content .contentArea  .contentAreaLeft .login
{
position:relative;float:left;width:243px;height:106px;background-image:url(../images/LoginBG.jpg);background-repeat:no-repeat;
}
#layout #content .contentArea  .contentAreaLeft .login .loginArea
{
position:absolute;width:204px;height:74px;top:27px;left:27px;right:12px;border:0px solid red;
}
#layout #content .contentArea  .contentAreaLeft .login .loginArea .loginArea1
{
position:relative;float:left;width:204px;height:17px;
}
#layout #content .contentArea  .contentAreaLeft .login .loginArea .loginArea1 .loginArea1User
{
position:relative;float:left;width:84px;height:17px;
}
#layout #content .contentArea  .contentAreaLeft .login .loginArea .loginArea1 .loginArea1UserTextbox
{
position:relative;float:left;width:120px;height:17px;
}
#layout #content .contentArea  .contentAreaLeft .login .loginArea .loginArea2
{
position:relative;float:left;width:204px;height:5px;
}
#layout #content .contentArea  .contentAreaLeft .login .loginArea .loginArea3
{
position:relative;float:left;width:204px;height:17px;
}
#layout #content .contentArea  .contentAreaLeft .login .loginArea .loginArea3 .loginArea1Pass
{
position:relative;float:left;width:84px;height:17px;
}
#layout #content .contentArea  .contentAreaLeft .login .loginArea .loginArea3 .loginArea1PassTextbox
{
position:relative;float:left;width:120px;height:17px;
}
#layout #content .contentArea  .contentAreaLeft .login .loginArea .loginArea4
{
position:relative;float:left;width:204px;height:33px;
}
#layout #content .contentArea  .contentAreaLeft .login .loginArea .loginArea4 .loginArea4Forgot
{
position:relative;float:left;width:162px;height:33px;
}
#layout #content .contentArea  .contentAreaLeft .login .loginArea .loginArea4 .loginArea4ForgotEnter
{
position:relative;float:left;width:42px;height:33px;
}
#layout #content .contentArea  .contentAreaLeft .login .loginArea .loginArea4 .loginArea4ForgotEnter .loginArea4ForgotEnter1
{
width:42px;height:8px;
}
#layout #content .contentArea  .contentAreaLeft .login .loginArea .loginArea4 .loginArea4ForgotEnter .loginArea4ForgotEnter2
{
width:42px;height:19px;
}
#layout #content .contentArea  .contentAreaLeft .newsLetter
{
position:relative;float:left;width:243px;height:58px;background-image:url(../images/NewsLetterBG.jpg);background-repeat:no-repeat;
}
.newsLetterArea
{
position:absolute;width:208px;height:18px;top:31px;left:21px;border:0px solid red;
}
.newsLetterArea .newsLetterArea1
{
position:relative;float:left;width:155px;height:18px;
}
.newsLetterArea .newsLetterArea2
{
position:relative;float:left;width:13px;height:18px;
}
.newsLetterArea .newsLetterArea3
{
position:relative;float:left;width:40px;height:18px;
}
#layout #content .bottom_Cont
{
	position:relative;float:left;text-align: left;width:243px;min-height:30px;border:0px solid red;
}
#layout #content .bottom_Right
{
	position:relative;float:left;text-align: left;width:236px;min-height:30px;border:0px solid red;
}
#layout #content .contentArea  .contentAreaCenter
{
position:relative;float:left;width:503px;float:left; left:7px;border:0px solid red;
}
#layout #content .contentArea  .contentAreaCenter .contentAreaCenterInner
{
position:relative;float:left;width:503px;border:0px solid red;min-height:300px;height:expression(document.body.text < 300? "300px" : "auto" );
}
#layout #content .contentArea  .contentAreaCenter .contentAreaCenterInner .contentTitle
{
position:relative;float:left;width:503px;height:38px;border:0px solid red;background-image:url(../images/ContentTitlerepeat.jpg); background-repeat:repeat-y 
}
#layout #content .contentArea  .contentAreaCenter .contentAreaCenterInner .contentTitle .contentTitle1
{
position:relative;float:left;width:41px;height:38px;border:0px solid red; 
}
#layout #content .contentArea  .contentAreaCenter .contentAreaCenterInner .contentTitle .contentTitle2
{
position:relative;float:left;width:503px;height:38px;background-image:url(../images/ContentTitle.jpg);background-repeat:no-repeat;background-position:top center; 
}
#layout #content .contentArea  .contentAreaCenter .contentAreaCenterInner .contentTitle .contentTitle2 .contentTitle2Row1
{
position:relative;width:460px;height:10px; 
}
#layout #content .contentArea  .contentAreaCenter .contentAreaCenterInner .contentTitle .contentTitle2 .contentTitle2Row2
{
position:relative;width:460px;height:23px; 
}
#layout #content .contentArea  .contentAreaCenter .contentAreaCenterInner .contentAreaCenterInnerBlank
{
position:relative;width:503px;height:22px; 
}
#layout #content .contentArea  .contentAreaCenter .contentAreaCenterInner .contentAreaCenterInnerBodyOut
{
position:relative;float:left;width:503px;float:left; min-height:300px;height:expression(document.body.text < 300? "300px" : "auto" );border:0px solid red;
} 
#layout #content .contentArea  .contentAreaCenter .contentAreaCenterInner .contentAreaCenterInnerBodyOut .contentAreaCenterInnerBody
{
position:relative;float:left;width:465px;margin-left:17px;margin-right:21px;
}
#layout #content .contentArea  .contentAreaRight
{
position:relative;float:left;width:236px;min-height:368px;right:0px;top:0px;border:0px solid blue;
}
#layout #content .contentArea  .contentAreaRight .contentAreaRightSearch
{
position:relative;float:left;width:229px;height:55px;background-image:url(../images/SearchBG.jpg);background-repeat:no-repeat;
}
.contentAreaRightSearchArea
{
position:relative;float:left; width:196px;height:19px;left:17px;top:26px;border:0px solid red;
}
.contentAreaRightSearchArea .contentAreaRightSearchArea1
{
position:relative;float:left;width:155px;height:19px;
}
.contentAreaRightSearchArea .contentAreaRightSearchArea2
{
position:relative;float:left;width:25px;height:19px;
}
.contentAreaRightSearchArea .contentAreaRightSearchArea3
{
position:relative;float:left;width:16px;height:19px;
}
#layout #content .contentArea  .contentAreaRight .contentAreaRightBlank
{
position:relative;float:left;width:236px;height:14px;
}
#layout #content .contentArea  .contentAreaRight .contentAreaRightNewsText
{
position:relative;float:left;width:236px;height:30px;
}
#layout #content .contentArea  .contentAreaRight  .contentAreaRightNews
{
position:relative;float:left;width:236px;height:253px;
}
.contentAreaRightNewsInner
{
position:relative;float:left; width:203px;height:236px;top:12px;left:13px;right:20px;bottom:5px;border:0px solid red;
}
#layout #corner
{
position:relative;width:989px;height:14px;
}
#layout #corner .cornerLeft
{
position:relative;float:left;width:17px;height:14px;
}
#layout #corner .cornerCenter
{
position:relative;float:left;width:955px;height:14px;background-image:url(../images/ConrnerCenterRpt.jpg);background-repeat:repeat-x;
}
#layout #corner .cornerCenter .cornerCenter1
{
position:relative;float:left;width:729px;height:14px;
}
#layout #corner .cornerCenter .cornerCenter2
{
position:relative;float:left;width:1px;height:14px;
}
#layout #corner .cornerCenter .cornerCenter3
{
position:relative;float:left;width:225px;height:14px;background-image:url(../images/ConrnerCenterRpt.jpg);background-repeat:repeat-x;
}
#layout #corner .cornerRight
{
position:relative;float:left;width:17px;height:14px;
}
#layout #blankFooter
{
position:relative;float:left;width:989px;height:5px;
}
#layout #footer
{
position:relative;float:left;width:989px;float:left;
}




.contactText 
{
font-family:Tahoma;
font-size:12px;
font-weight:normal;
color:#000000;
text-align:right;
}
.contactText  a
{
font-family:Tahoma;
font-size:12px;
font-weight:normal;
color:#000000;
text-align:right;
text-decoration:none;
}
.contactText  a:hover
{
font-family:Tahoma;
font-size:12px;
font-weight:normal;
color:#000000;
text-align:right;
text-decoration:none;
}
.SearchTextBox
{
width:153px;
height:17px;
border:1px solid #A9ACAD;
background-color:#ffffff;
font-family:Tahoma;
font-size:10px;
font-weight:normal;
color:#000000;
text-align:left;
}
.userTextBox
{
width:118px;
height:17px;
border:1px solid #ABABAB;
background-color:#ffffff;
font-family:Tahoma;
font-size:10px;
font-weight:normal;
color:#7F7F7F;
text-align:left;
}
.dateText
{
color:#000000;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
text-align:left;
text-decoration:none;
}
.dateText  a
{
color:#000000;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-align:left;
}
.dateText a:hover
{
color:#000000;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
text-decoration:underline;
text-align:left;
}
.newsText
{
color:#7D7D7D;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-align:left;
text-decoration:none;
}
.newsText  a
{
color:#7D7D7D;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:left;
}
.newsText a:hover
{
color:#7D7D7D;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-decoration:underline;
text-align:left;
}
.moreText
{
color:#7D7D7D;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-align:right;
text-decoration:none;
}
.moreText  a
{
color:#7D7D7D;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:right;
}
.moreText a:hover
{
color:#7D7D7D;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-decoration:underline;
text-align:right;
}
.newsTextLink
{
color:#4690C9;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-align:left;
text-decoration:none;
}
.newsTextLink  a
{
color:#4690C9;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:left;
}
.newsTextLink a:hover
{
color:#4690C9;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-decoration:underline;
text-align:left;
}
.mainheading
{
color:#FFFFFF;
font-family:Verdana;
font-size:14px;
font-weight:normal;
text-decoration:none;
text-align:left;
}
.maintext
{
color:#000000;
font-family:verdana;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:left;
text-align:justify;
}
.maintext  a
{
color:#000000;
font-family:verdana;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:left;
text-align:justify;
}
.maintext a:hover
{
color:blue;
font-family:verdana;
font-size:11px;
font-weight:normal;
text-decoration:underline;
text-align:left;
text-align:justify;
}

.news4
{
color:#1158C9;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:left;
text-align:justify;
}
.news4  a
{
color:#1158C9;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:left;
text-align:justify;
}
.news4 a:hover
{
color:#1158C9;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-decoration:underline;
text-align:left;
text-align:justify;
}

.news5
{
color:#7D7D7D;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:left;
text-align:justify;
}
.news5  a
{
color:#7D7D7D;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:left;
text-align:justify;
}
.news5 a:hover
{
color:#7D7D7D;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-decoration:underline;
text-align:left;
text-align:justify;
}
.userText
{
color:#000000;
font-family:Verdana;
font-size:11px;
font-weight:normal;
text-align:left;
text-decoration:none;
}
.userText a
{
color:#000000;
font-family:Verdana;
font-size:11px;
font-weight:normal;
text-align:left;
text-decoration:none;
}
.userText a:hover
{
color:#000000;
font-family:Verdana;
font-size:11px;
font-weight:normal;
text-align:left;
text-decoration:underline;
}
.copy
{
	COLOR: #6F6F6F;
    FONT-FAMILY: verdana;
    FONT-SIZE: 7.5pt;
    TEXT-DECORATION: none
}
.copy A
{
	COLOR: #6F6F6F;
    FONT-FAMILY: verdana;
    FONT-SIZE: 7.5pt;
    TEXT-DECORATION: none
}
.copy A:hover
{
	COLOR: #6F6F6F;
    FONT-FAMILY: verdana;
    FONT-SIZE: 7.5pt;
    TEXT-DECORATION: underline
}
/*------------------P-R-I-N-T- -M-E-D-I-A-----------------------------*/
/*REQUIRED CLASSSED CAN NOT BE ELIMINATED AS IT IS USEFULL FOR SEO, Just change the attribute*/
/*----------------------------------------------------------------*/
@media print
{
	body{font-family:Verdana;color:Black;background-color:White;}
	.maintext{color:Black; font-size:x-small;}
}


.forgetpass
{
	font-family:Tahoma;
	font-family:Georgia;
	color:Black;
	font-size:10px;
}

.forgetpass A
{
	font-family:Tahoma;
	color: Navy;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.forgetpass A:hover
{
	font-family:Tahoma;
	color:red;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
}