body
{
	background-position: left top;
	background-image: url(Image_METS/WM-_1.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#containerTraining
{
	margin:0px auto;
	padding: 0;
	height:auto;
	width:1010px;
}
.navigation
{
	margin:0px auto;
	padding: 0;
	height:auto;
	width:1010px;
}
#contentWelcome_left
{
	float:left;
	background-color:#fff;
	width:24%;
}
	
#contentWelcome_right
{
	float:right;
	background-color:#fff;
	width:74%;
}
#contentWelcome_left1
{
	float:left;
	background-color:#fff;
	width:15%;
}
	
#contentWelcome_right1
{
	float:right;
	background-color:#fff;
	width:83%;
}

/* Header
---------------------------------------*/
div.header 
{
	width: 100%;
	/*min-width: 975px;
	width: expression(document.body.clientWidth < 1000 ? "975" : "100%" );*/
	background: #FFF url(../../images/header/fade-line.png) repeat-x bottom left;
	border-bottom: 1px solid #CCC;
	padding: 0 0 0 0;
}

#Content
{
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}

div.header .wrapper 
{
	z-index:900;
}
 
.gridHeader
{
	background: url(Image_METS/main_menu_base.jpg);
	text-align: left;
	z-index: 200;
}


.even TD 
{
 background-color: #FFFFFF;
}
 
.odd TD
{ 
 background-color: #F0F0F0;
}

A.{text-decoration:none; border:0px; color:#23519f; font-weight:bold; font-size:12px;}


font.title
{
font-family: Tahoma;
color: #ffffff;
font-size: 20px;
}

p
{
font-family: Tahoma;
color: #ff9900;
font-size: 12px;
}

para
{
font-family:Tahoma;
font-size:12px;
color: #262626;
text-decoration: none
}

H1
{
font-family: Tahoma;
color: #000033;
text-align:left;
font-size: 15px;
}

	
H2
{
font-family: Tahoma;
color: #ff9900;
font-size: 12px;
font-weight:bold;
}
H4
{
font-family: Tahoma;
color: #ff9900;
font-size: 16px;
font-weight:bold;
}
H5
{
	font-family: 'Tahoma'; 
	height: 16.3px; 
	color: #1e1e1e; 
	font-size: 20px;
}
H3
{
	font-family: 'Tahoma'; 
	height: 15.3px; 
	color: #1e1e1e; 
	font-size: 18px;
}

FONT.heading2
{
font-family: Tahoma;
color: #ffffff;
font-size: 11px;
font-weight:bold;
}

table.bod
{
border-right:solid;
border-left:solid;
border-right-color:#dddddd;
border-left-color:#dddddd;
border-width:1px;
}

FONT.heading
{
font: Tahoma;
color: #437abb;
font-size: 12px;
font-weight:bold;
}

FONT.headingLabel
{
font: Tahoma;
color: Gray;
font-size: 12px;
font-weight:bold;
}

FONT.PageheadingBold
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 20px;
	height:30px;
	font-weight:bold;
}
FONT.Pageheading
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 20px;
	height:30px;
}
FONT.PageHeadingSmall
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 12px;
	font-weight:bold;
}
FONT.PageMenuheading
{
	font-family: 'Tahoma'; 
	color: #2799be; 
	font-size: 18px;
}
FONT.CourseOutLineHeading
{
	font-family: 'Tahoma'; 
	color: #2799be; 
	font-size: 13px;
	font-weight:bold;
}
FONT.headingLabelFeedBack1
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 14px;
	font-weight:bold;
}
FONT.headingLabel1
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 12px;
	font-weight:bold;
}
.Font_SiteNav
{
	width: 36px; 
	height: 16px; 
	color: #ff6633; 
	font-size: 13px; 
	font-family: Tahoma;
}
.Font_SiteNavMainLink
{
	height: 16px; 
	color: #666666; 
	font-size: 12px; 
	font-family: Tahoma;
}
.Font_SiteNavPreLink
{
	height: 16px; 
	color: #ff6600; 
	font-size: 12px; 
	font-family: Tahoma;
	font-weight:bold;
}

FONT.PageContent
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 13px;
}
FONT.MenuText
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 12px;
	font-weight:bold;
}
FONT.MenuHeading
{
	font-family: 'Tahoma'; 
	color: #44667f; 
	font-size: 15px;
	font-weight:bold;
	text-decoration:none;
}
FONT.lnkbtn
{
	font-family: 'Tahoma'; 
	color: #44667f; 
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
}

FONT.PageLink
{
	font-family: 'Tahoma'; 
	color: #44666f; 
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
}

FONT.UnderCons
{
	font-family: 'Tahoma';
	color: #44667f;
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;
}

FONT.name1
{
font: tahoma;
color: #ff9900;
font-size: 12px;
font-weight:bold;
}

FONT.UserName
{
font: tahoma;
color: #ff6600;
font-size: 12px;
font-weight:bold;
}

FONT.name
{
font: tahoma;
color: #666666;
font-size: 12px;
font-weight:bold;
}

font.MandatoryMark
{
    color: #ff9900;
}

FONT.body:link{color: #ffffff; font-size: 13px;}
FONT.body:visited{color: #ffffff; font-size: 13px;}
FONT.body:hover{color: #ffffff; font-size: 13px;}

A.menu:link{color: #00bbbb; font-size: 12px;}
A.menu:visited{color: #00bbbb; font-size: 12px;}
A.menu:hover{color: #ff9900; font-size: 12px;}

TD.menu{border-bottom:3px; border-bottom-style:solid; border-bottom-color:#ffffff; padding-bottom:5px; padding-left:10px; padding-right:10px; padding-top:5px}

TD.services{
height:150px;
width:310px;
vertical-align:middle;
text-align:right;
padding-left:10px;
}


TD.index{


}

TD.body{
width: 800px;
height: 458px;
text-align: left;
padding-left: 10px;
padding-right: 20px;
vertical-align: top;
}

A.body:link{color: #ffffff; font-size: 11px;}
A.body:visited{color: #ffffff; font-size: 11px;}
A.body:hover{color: #ffffff; font-size: 11px;}

A.submenu:link{color: #999999; font-size: 11px; font-weight:normal; vertical-align:top; text-align:right;}
A.submenu:visited{color: #999999; font-size: 11px; font-weight:normal; vertical-align:top;}
A.submenu:hover{color: #ff9900; font-size: 11px; font-weight:normal; vertical-align:top;}

HR
{
height:2px;
color: #eeeeee;
width: 250px;
}

IMG.logo
{
border:solid;
border-width:1px;
border-color:#cccccc;
}

DIV.body
{
height: 400px;
overflow: auto;
padding-right: 20px;
}

INPUT
{
font-size: 12px;
font-family: Tahoma;
color: #666666;
}

SELECT
{
font-size: 12px;
font-family: Tahoma;
color: #666666;
}

TEXTAREA
{
font-size: 11px;
font-family: Tahoma;
color: #888888;
}
.LabelMsg
{
	font-family: 'Tahoma';
	color: #ff0000;
	font-size: 13px;
	font-weight: bold;
}
.LabelMsgFeedback
{
	font-family: 'Tahoma';
	color: #ff0000;
	font-size: 15px;
	font-weight: bold;
}
.Label
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 12px;
}
.LabelFeedBack
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 14px;
}
.TextBox
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 12px;
}
.MsgDisplay
{
	font-family: 'Tahoma'; 
	color: #FF0000;
	font-size: 12px;
}
.CheckBox
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 12px;
}
.DropDownList
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 12px;
	height:22px;
}
.ListBox
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 12px;
}
.RadioButton
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 12px;
}
.RadioButtonFeedBack
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 14px;
}
.HyperLink
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 13px;
	text-decoration:none;
}
.DataGridFixedHeader
{
	background-image:url("images/itemb.gif");
}

.TableHeader
{
    background-color: #44667f;
    font-family: "Tahoma";
    font-weight: bold;
    font-size:12px;
    color: White;
    text-align: center;
    vertical-align:top;
}
.GridViewHeader
{
    background-color: #44667f;
    font-family: "Tahoma";
    font-weight: bold;
    font-size:12px;
    color: White;
    text-align: center;
    vertical-align:top;
}
.GridViewRow
{
    font-family: "Tahoma";
    font-size:12px;
    color: #44667f;
    text-align: left;
    vertical-align:top;
}
.GridViewFooter
{
    background-color: #44667f;
    font-family: "Tahoma";
    font-weight: bold;
    color: White;
}
.GridViewItemStyle
{
    text-align:left;
    vertical-align:top;
}

FONT.LinkButtonCSS
{
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 12px;
	font-weight:bold;
}

.button
{
	border-style: solid;
    border-color: #1e1e1e;
    background-repeat: no-repeat;
	padding: 0px;
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
	color: #1e1e1e;
	font-family: Tahoma;
	text-align: center;
	text-decoration: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}


.button1
{
	background-repeat: no-repeat;
	width: auto;
	height: 25px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
	color: #1e1e1e;
	border-top-style: solid;
	font-family: 'Tahoma' ,Tahoma, Calibri, 'Lucida Sans Unicode' , Serif, Sans-Serif;
	border-right-style: solid;
	border-left-style: solid;
	text-align: center;
	text-decoration: none;
	border-bottom-style: solid;
	background-image: url(TimesheetAndExpenseSystem/Image/main_menu_base.jpg);
}

.TableCell
{
	text-align:left;
	vertical-align: middle;
	height:20px;
}
.TableCell:hover
{
	text-align:left;
	vertical-align: middle;
	background-color:#CFEAF5;
	height:20px;
}

.TableCell1
{
	border-bottom: #042840 1px solid;
	border-left: #042840 1px solid;
	border-top: #042840 1px solid;
	border-right: #042840 1px solid;
	vertical-align: middle;
	height:20px;
}

.TableCell1:hover
{
	border-bottom: #042840 1px solid;
	border-left: #042840 1px solid;
	border-top: #042840 1px solid;
	border-right: #042840 1px solid;
	vertical-align: middle;
	background-color:#CFEAF5;
	height:20px;
}

.MenuButton 
{ 
	font-family: 'Tahoma'; 
	color: #1e1e1e; 
	font-size: 12px;
	font-weight: bold;
} 
  
/* :hover is a pseudo selector to use to set the mouseover attributes */ 
.MenuButton:hover
{
	font-family: 'Tahoma';
	color: #ff6600;
	font-size: 12px;
	font-weight: bold;
} 
.TableRow
{
    font-family: "Tahoma";
    font-weight: bold;
    font-size:12px;
    text-align: left;
    vertical-align:top;
    height:20px;
	background-color: transparent;
}
.TableRowChild
{
    font-family: "Tahoma";
    font-weight: bold;
    font-size:12px;
    text-align: left;
    vertical-align:top;
    height:20px;
	background-color: transparent;
}

.TableRowLevel2
{
	font-family: "Tahoma";
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	height: 20px;
	background-color: transparent;
}
.TableRow1
{
    background-color: #042840;
    font-family: "Tahoma";
    font-weight: bold;
    font-size:12px;
    color: White;
    text-align: left;
    vertical-align:top;
    height:25px;
}
.TableRowChild1
{
    background-color: #44667f;
    font-family: "Tahoma";
    font-weight: bold;
    font-size:12px;
    color: White;
    text-align: left;
    vertical-align:top;
    height:20px;
}

.TableRowLevel21
{
	background-color: #44667f;
	font-family: "Tahoma";
	font-size: 12px;
	color: White;
	text-align: left;
	vertical-align: top;
	height: 20px; 
}

.TableRowHeading 
{ 
	background-color: #44667f;
	font-family: "Tahoma";
	font-size: 12px;
	color: White;
	text-align: left;
	vertical-align: top;
	height: 20px; 
} 
.BlankTableRow
{
    height:5px;
}
/* :hover is a pseudo selector to use to set the mouseover attributes */ 
.TableRowHeading:hover
{
	font-family: 'Tahoma';
	color: white;
	font-size: 12px;
	font-weight: normal;
} 
.MenuButtonWebSite 
{ 
	font-family: 'Tahoma'; 
	color: #3B4143; 
	font-size: 12px;
	font-weight: normal;
} 
  
/* :hover is a pseudo selector to use to set the mouseover attributes */ 
.MenuButtonWebSite:hover
{
	font-family: 'Tahoma';
	color: #3B4143;
	font-size: 12px;
	background-color:#CFEAF5;
	font-weight: normal;
} 
.MenuButtonSub1
{
	font-family: 'Tahoma';
	color: #dcdcdc;
	font-size: 12px;
	font-weight: bold;
} 
  
/* :hover is a pseudo selector to use to set the mouseover attributes */ 
.MenuButtonSub1:hover
{
	font-family: 'Tahoma';
	color: #ff6600;
	font-size: 12px;
	font-weight: bold;
} 
.MenuButtonSub
{
	font-family: 'Tahoma';
	color: #3B4143;
	font-size: 12px;
	font-weight: normal;
} 
  
/* :hover is a pseudo selector to use to set the mouseover attributes */ 
.MenuButtonSub:hover
{
	font-family: 'Tahoma';
	color: #3B4143;
	font-size: 12px;
	font-weight: normal;
	background-color:#CFEAF5;
} 
.LinkButtonCSS_OnLineExam
{
	font-family: 'Tahoma';
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	background-color:#495560;
	width:120px;
} 
  
.LinkButtonCSS_OnLineExam:hover
{
	font-family: 'Tahoma';
	color: #495560;
	font-size: 12px;
	font-weight: bold;
	background-color:#ffffff;
	width:120px;
}
.txtVertical 
{
	filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* IE6,IE7 */
	ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* IE8 */
	-moz-transform: rotate(-90deg);  /* FF3.5+ */
	-o-transform: rotate(-90deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-90deg);  /* Safari 3.1+, Chrome */
	font-family: 'Tahoma';
	color: #495560;
	font-size: 12px;
	font-weight: bold;
	background-color:#ffffff;
	width:120px;
}