/*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 
*/
.tblheadingfront
{
	background-color:#00ABC4; /*#AEAEAE;*/
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}
.labelareafront
{
	background-color:#B9E9F0;/*#D7D7D7;*/
}
.Controlareafront
{
	background-color:#E6F3F5; /*#ECECEC*/
}
.Messages
{
	
	COLOR: #63350F;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none
}
.Messages A
{
	
	COLOR: #00ABC4;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none
}
.Messages A:hover
{
	COLOR: #00ABC4;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: underline;
} 
/*---------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*/
body
{
position:relative;
padding:0px;
margin:0px;

background-repeat:no-repeat;
 background-image:url(../images/bg.jpg);
 background-repeat:repeat-x; 
 background-color:#E7EBEB;

}

#main
{
width:779px; 
position:relative;
padding:0px;
}
.Gcom
{
position:relative;
float:left;
width:779px;
}
.Com
{
position:relative;
float:left;
}
#Row1
{
width:779px;
height:12px;
background-color:#FFFFFF;
background-repeat:no-repeat;
}
#Row2
{
width:779px;
height:114px;
background-color:#FFFFFF;
background-repeat:no-repeat;
}
#R2C1
{
width:12px;
height:114px;
background-color:#FFFFFF;
background-repeat:no-repeat;
}
#R2C2
{
width:31px;
height:114px;
background-image:url(../images/sylun1_02_02.jpg);
background-repeat:no-repeat;
}
#R2C3
{
width:171px;
height:114px;
background-image:url(../images/sylun1_02_03.jpg);
background-repeat:no-repeat;
}
#R2C4
{
width:59px;
height:114px;
background-image:url(../images/sylun1_02_04.jpg);
background-repeat:no-repeat;
}
#R2C5
{
width:232px;
height:114px;
background-image:url(../images/sylun1_02_05.jpg);
background-repeat:no-repeat;
}
#R2C6
{
width:169px;
height:114px;
background-image:url(../images/sylun1_02_06.jpg);
background-repeat:no-repeat;

}
#R2C7
{width:85px;
height:114px;
background-image:url(../images/sylun1_02_07_rpt.jpg);
background-repeat:repeat-x;
}
#R2C8
{
width:8px;
height:114px;
background-image:url(../images/sylun1_02_08.jpg);
background-repeat:no-repeat;
}
#R2C9
{
width:12px;
height:114px;
background-color:#FFFFFF;
background-repeat:no-repeat;
}
#Row3
{
width:779px;
height:27px;
background-color:#FFFFFF;
}

#R3C1
{
width:159px;
height:27px;
}
#R3C2
{width:125px;
height:27px;}
#R3C3
{
width:100px;
height:27px;}
#R3C4
{
width:135px;
height:27px;}
#R3C5
{
width:142px;
height:27px;}
#R3C6
{
width:118px;
height:27px;}
#Row4_inside
{
position:relative;
float:left;
width:779px;
min-height:576px;
background-color:#FFFFFF;
background-repeat:no-repeat;
}
#BODY_AREA_inside
{
font-family:Tahoma; font-size:11px; color:#003333; width:750px;
padding:18px 0px 0px 29px; text-align:left; 
}

#bodytext_inside
{position:relative;
 float:left; min-height:576px;width:779px;
 }
*html #bodytext_inside{min-height:576px;height:576px;}
#Row4
{
position:relative;
float:left;
width:779px;
background-color:#FFFFFF;
background-repeat:no-repeat;
}
#R4C1
{
width:223px;

background-color:#FFFFFF;
background-repeat:no-repeat;
}
#R4C1R1
{
width:223px;
height:64px;
}
#R4C1R2
{
width:223px;
height:56px;
}
#R4C1R3
{
width:223px;
height:57px;
}
#R4C1R4
{
width:223px;
height:58px;
}
#R4C1R5
{
width:223px;
height:58px;
}
#R4C1R6
{
width:223px;
height:59px;
}
#R4C1R7
{
width:223px;
height:69px;
}
#R4C1R8
{
width:223px;
height:111px;
}
#R4C1R8
{
width:223px;
height:111px;
}
#R4C1R9
{
width:223px;
height:44px;
}

#R4C2
{
width:556px;
background-color:#FFFFFF;
background-repeat:no-repeat;
}
#R4C2R1
{
width:556px;
height:19px;
}
#R4C2R2
{
width:556px;
height:391px;
background-color:#FFFFFF;
background-repeat:no-repeat;

}
#R4C2R2C1
{
width:540px;
height:391px;


}
#R4C2R2C2
{
width:10px;
height:391px;

}
#R4C2R3
{
width:556px;
min-height:166px;
background-color:#FFFFFF;
background-repeat:no-repeat;
border:solid 0px red;
}
#BODY_AREA
{
font-family:Tahoma; font-size:11px; color:#003333; width:537px;
padding:18px 10px 0px 9px; text-align:left;

}

#bodytext
{position:relative;
 float:left; min-height:166px;width:556px;
 }
*html #bodytext{min-height:166px;}
#Row5
{width:779px;
height:21px;
background-color:#FFFFFF;
background-repeat:no-repeat;
}
#R5C1
{
width:11px;
height:21px;
}
#R5C2
{
width:755px;
height:21px;
background-color:#00ABC4;
background-repeat:no-repeat;}
#R5C3
{
width:13px;
height:21px;
}
#Row6
{
width:779px; 
height:50px;
}
.R6C1
{position:relative;
float:left;
width:779px;
height:50px;
}
#copy1
{
	
    font-size:7.5pt; color:#0181AF; font-family:Verdana;
    TEXT-DECORATION: none;
}
#copy1 A
{
	
    font-size:7.5pt; color:#0181AF; font-family:Verdana;
    TEXT-DECORATION: none;
}
#copy1 A:hover
{	font-size:7.5pt; color:#B2B2B2; font-family:Verdana;
    TEXT-DECORATION: none;
}


.maintext{color:#003333; font-family:Verdana; font-size:12px;}
.maintext A{color:#DC5245;font-family:Verdana;	font-size:12px;font-weight:normal;font-style:normal;	text-decoration:none;}
.maintext A:hover{color:#00ABC5;font-size:12px;font-family:Verdana;font-weight:normal;font-style:normal;}
.maintext A:visited{color:Maroon;font-size:12px;font-family:Verdana;	font-weight:normal;	font-style:normal;}

/*----MAINHEADING IS USED FOR DISPAYIMG THE HEADING IN CONTENT*/
.mainheading{ font-size:medium; color:003333;}
.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:12px;}
.CatName A{font-weight:bold;color:Blue;font-size:12px;text-decoration:underline;}
.CatName A:hover{font-weight:bold;color:#29559C;font-size:12px;text-decoration:none;}
.CatName A:visited{font-weight:bold;color:Maroon;font-size:12px;text-decoration:none;}

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

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

.center{text-align:center;}

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

/* THIS CLASS IS USED FOR DISPLAYING TABLE HEADINGS */
.TblHeading{font-size:12px;font-weight:bold;color:#FFFFFF;background-color:#00ABC4;text-decoration:none;}
.TblHeading A{font-size:12px;font-weight:bold;color:Blue;background-color:#00ABC4;text-decoration:none;}
.TblHeading	A:hover{font-size:12px;font-weight:bold;color:#FFFFFF;background-color:#00ABC4;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*/
/*-------------------------------------------------------------*/
.LayoutTextBox
{
	font-family:Tahoma;
	font-size:9px;
	color:#000000;
}

/*News Class is used for dispayimg the news into Header*/
.news
{
	
	COLOR: #63350F;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none
}
.news A
{
	
	COLOR: #63350F;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none
}
.news A:hover
{
	COLOR: #63350F;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none
} 

.Login
{
    COLOR: #FFFFFF;
	FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none
} 

.loginstrip
{
	font-family:Verdana;
	color:White;
	font-weight:normal;
	background-color :#ACB44C;
	font-size:11px;
}

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

.forgetpass A
{
	font-family:Tahoma;
	color:white;
	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;
}

/*------------------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:12px;}
}

/* CSS Document */
 
body
{
margin:0px 0px;
padding:0px;
}
#master
{
width:100%;
position:relative;
padding:0px;
margin:0px 0px;
}
#layout
{
position:relative;
border:0px solid green;
width:1000px;
margin:0px;
padding:0px;
border:0px solid red;
}

.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;
}