/* File : css/style.css
Date   Author     Changes
--  Mentor Infotech  Created
*/



/* BgRepeatX is used to repeat the background image into horizontal-Direction only */
.BgRepeatX 
{
background-repeat:repeat-x;
}

/*This style defines the general term used in Tables */
.TableGeneral
{
padding-top:0px;
padding-left:0px; 
padding-bottom:0px;
padding-right:0px;
font-size: 10px;
font-family: verdana;
cellpadding: 0px;
cellspacing: 0px;
}


/* FormButton  is used for defining the style for the main buttons in forms */
.FormButton {
	color: #FF0000;
	//background-color: #7D935F;
	background-color: #ffffff;
	cellpadding: 2px;
	cellspacing: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	font-family: verdana;
	background-position: center center;
	border-top: 1px solid #FF0000;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #FF0000;
	border-left: 1px solid #CCCCCC;
		}

/*Width100 is used for main table which width and height should be 100% */
.Width100
{
	width:100%;
	height:100%;
	margin: 0px;}





/* Body tag is defined here */
Body {
	margin:0px; font-family: verdana;
	font-size: 10px;
	text-decoration: none;
	vertical-align:top;
	background-color:#FFFFFF;
	/*scrollbar-arrow-color:  #FFFFFF;
	scrollbar-3dlight-color: #07478D;
	scrollbar-base-color:#FFFFFF;
	scrollbar-face-color:#FF0000;
	scrollbar-track-color:#FFFFFF;*/
	select-base-color: #FFFFFF;
	select-arrow-color: #FFFFFF;
	select-face-color: #FFFFFF;
	menubar-base-color: #FFFFFF;
	menubar-arrow-color: #FFFFFF;
	/*menubar-face-color: #7D935F;  (old color) */
	menubar-face-color:#808080;
	/*background-image:url(../images/background.gif);*/

	}

/* The style is used to hide any table content*/
.hide
{
display:none;
}


/* BgWhite is used to keep the white background */
.BgWhite
{ 
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
}
	

/* InnerTable defines the styles inside the table */
.InnerTable {
	margin: 2px;
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	text-align: left;
	vertical-align: top;

}

/* Width99 fixes the width of table inside main table. 
It is mainly used in those tables in which form containts has been developed*/
.Width99 
{
	width: 99%;
	font-family: verdana;
	font-size: 10px;
	background-position: center top;
	height:24px;
	padding-top:2px;
	}


/* Width15 is used to define the width of any table to 15%*/
.Width15
 {
	width: 15%;
}

/* Width50Percent is used to define the width of any table to 50%*/
.Width50Percent
 {
	width: 50%;
}

/* 
Normal defines the general characteristics of the contents. */
.Normal {
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	text-align: left;
	background-position: left top;

}
.news {
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	text-align: justify;
	background-position: left top;

}

/* HyperLink styles-
 A:Link {color: #FFFFFF;
	text-decoration:none;
}
A:Visited {
	//color: #FFFFFF;
	text-decoration:none;
}
A:Hover {
	color: #FF0000;
	font-weight: normal;
	text-decoration:none;
	
}
A:Active {
	color: #FFFFFF;
	text-decoration:none;
}*/

/* HyperLink Style Ends*/
/* TableHead defines the style of that row of the table in which the Heading comes */
.TableHead {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	//background-color: #7D935F;
	/*  background-color: #07478D;
	background-color: #454545;  */
	text-align: center;
	font-weight: bold;
	vertical-align: top;
	background-color:#FF0000;
} 

/* In few Headings, some sub Headings are coming... This stylesheet defines for those heads */
.TableSubHead {
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	text-align: center;
	font-weight: bold;
	vertical-align: top;
	color: #000000;
	background-color:#FFFFFF;
	
} 

/*
TableRow1 defines the style of the next  row after the Heading row of the table. 
Two type of styles are used for alternative rows.
This is the style for the first row which contains data. 
*/
.TableRow1 
	{
	font-family: verdana;
	font-size: 12px;
	color:#000000;
	//background-color: #C7E0FC;
	background-color: #FFFFFF;
	
	text-align: center;
	vertical-align: top;
	background-image:url(../images/background.gif);

	}


/*TableRow2 defines the style of the second row in table.*/
.TableRow2 
	{
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	//background-color: #A5BD84;
	background-color: #E6E6E6;
	text-align: center;
	vertical-align: top;
	}



/*ContentTableBorder1 turns the border color into grey for the table.*/
  .ContentTableBorder1 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: RED;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	font-family: verdana;
	font-size: 10px; 
	text-align:center;
	width:770px;
	background-image:url(../images/background.gif);
	
	}
 
	
	/*
	ContentTableOnlyTop turns only the top border into white and keeps the remaining sides with no borders. 
	It is used to give the "Line effect" under the heading of any form.
	*/
	.ContentTableOnlyTop {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-family: verdana;
	font-size: 10px;
	}
	
	
/*CellTopic defines the properties of heading and sub heading in the form*/
.CellTopic
{
	font-family: verdana;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;

}


/*CellTopic defines the properties of heading in the form , having black font color. It is generally used for main heading */
.CellTopic1
{
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-transform:uppercase;
	text-shadow:Black;
	}
	
	/*this style is used for emphatic contents having right aligned. */
	.CellTopic2
	{
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-align:right
	}
	
	/*this style is used for record set of Update record form */
	.setData
	{
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	vertical-align:top;
	margin:0px;
	padding:0px;
	margin-right:4px;
	//background-color:#C9D6B8;
	background-color:#E6E6E6;
	text-align:right;
	horizontal-align:right;
	}

/* Star is used to define the property of asterics (*, mendatory field)*/
.Star
{
	font-family: verdana;
	font-size: 10px;
	color: #FF0000;
	
}


/*
Index defines the property of "Index" word which comes below the logo in each page.
*/
.Index
{
	font-family: verdana;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	text-align:center;
}

/*MenuTableBackBgColor defines the background color for the table which contains menu.*/
.MenuTableBackBgColor
{
//background-color:#CBD8AC;

background-color:#E6E6E6
}



/* FormContentSize defines the properties of form elements.


*/
.FormContentSize
{
font-family:Verdana;
font-size:10px;
border-color:#003300;
border-width:1px;
margin
}


/* FormContentBold keeps the Bold text style.*/
.FormContentBold
{
font-family:Verdana;
font-size:10px;
border-color:#003300;
border-width:1px;
font-weight:bold;
}
/*AignLeft keeps the content into left Aligned. */
.AlignLeft
{
text-align:left;
}

/*AignLeft keeps the content into left Aligned and bold. */
.AlignLeftBold
{
text-align:left;
font-weight:bold;
}

/*ButtonAignRight keeps the buttons into right Aligned. */
.ButtonAlignRight
{
text-align:right;
}
/* For Centre alignment of Headings in forms*/

.CentreAlign {
text-align: center;
}
/* Style defined for the User details (including Department, Current Date and name of module) , 
which comes below the header image in the page */

.UserDetail {
text-align: center;
font-family:Verdana;
font-size:10px;
font-weight:bold;
text-align:center;
vertical-align:text-top;
color:#ffffff;
}

/* Style for "+" button which onClick shows the menu*/
.PlusButton
{
position:absolute;
left:5px;
top:109px; 
width:16px; 
height:11px; 
z-index:2; 
visibility: hidden;
cursor:pointer;
href
}

/* Style for "-" button which onClick hides the menu*/
.MinusButton
{
position:absolute;
left:175px;
top:112px; 
width:16px; 
height:11px; 
z-index:1; 
visibility:visible;
cursor:pointer;
}

/* Background image for Header.gif, which is used as the top header image in each page*/
.HeaderBackImage
{background-image:url(../images/head_background.gif);
background-repeat:repeat-x;
}

/* Background image for Header.gif, which is used as the top header image in each page */
.UserDetailTrBackImage
{
background-image:url(../images/header_back.gif);
background-repeat:repeat-x;
height:18px;
}

/* Background image for the TD in which "Index" text comes*/
.IndexMidBackImage
{
	background-image:url(../images/index_mid.gif);
	text-align:center;
	font-family: verdana;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	text-align:center;
}


/* Background Image for mid TD of Table in which the topic of form and update record are shown*/
.TopicMid
{
	background-image:url(../images/tp_mid.gif);
	text-align:center;
	font-family: verdana;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	}
/* Background Image for Left TD of Table in which the topic of form and update record are shown*/
.TopicLeft
{
	background-image:url(../images/tp_mid.gif);
	text-align:left;
	width:4px;
	}
/* Background Image for right TD of Table in which the topic of form and update record are shown*/	
.TopicRight
{
	background-image:url(../images/tp_mid.gif);
	text-align:right;
	width:4px;
	}
/*For Middle-Center Alignment*/
.AlignCentreMiddle
{
vertical-align:middle;
text-align:center;
}


/*Co-ordinates for header link*/

.HeaderLink
{
position:absolute;
left:803px;
right:853px;
top:80px;
bottom:100px;
size:absolute;
left:803px;
right:853px;
top:80px;
bottom:100px;
}


/* The style relates with the background color of the TD in which Menu is being called*/
.MenuTDBgColor
{
background-color:#CBD8AC;
}

/* The style defines the cellpadding of the required table */
.TdAllSide
{
padding:2px;
font-size: 10px;
font-family: verdana;
text-align: left;
vertical-align:top;
}
/* when form contents are huge and so scroll bar comes then this style will be used to give them space */
.TdLeftRight
{
padding-top:0px;
padding-left:2px;
padding-bottom:0px;
padding-right:2px;
font-size: 10px;
font-family: verdana;
text-align: left;
vertical-align: top;
margin-top:0px;
margin-bottom:2px;
}
/* when form contents are huge and so scroll bar comes then this style will be used to give them space */
.TdTopBottom
{
padding-top:2px;
padding-left:0px;
padding-bottom:2px;
padding-right:0px;
font-size: 10px;
font-family: verdana;
text-align: left;
vertical-align: top;
margin-top:0px;
margin-bottom:2px;
}
/*To keep the table of cellpadding =2 px */
.PaddingTable2
{
padding-top:6px;
padding-left:6px;
padding-bottom:6px;
padding-right:6px;
}
/*The style is used for those table , in which data is shown*/
.TableContainBorder1
{
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-left-color: #FFFFFF;
border-right-color: #FFFFFF;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
font-family: verdana;
font-size: 10px;
}
/*The Style is used to define the table in which records are shown e.g. update record etc. */
.ShowRecordTable
{
font-family: verdana;
font-size: 10px;
}


/*Style is used to hide the visibility */
.vision
{
visibility:hidden;
}