/* GENERAL */

BODY, P, A, TR, UL, LI, OL {
font-family : Tahoma, Verdana, "MS Sans Serif", Arial, Helvetica, Geneva;
font-size : 11px; 
color : black; 
}

BODY {
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
margin-top : 0px;
text-align : center;
background-color: #FFFFFF;
}


/* WORKAREA */

.MaxWindowWidth {
width : 100%;
}

.Title {
	font-size : 16px;
	font-weight : bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 2px 0px 2px 6px;
	vertical-align: middle;



}

.TitleBar {
	background: url(images/bg3.gif);
	border: 1px solid #8C8C8C;

}

.VMenuBar {
background-color : white;
border-left : 1px solid #8C8C8C;
border-top : 1px solid #8C8C8C;
border-bottom : 1px solid #8C8C8C;
border-right : 1px solid #8C8C8C;
}

.VMenu {
background-color : white;
vertical-align : middle;
}

.VMenuText {
padding-left : 5px;
padding-right : 5px;
}

.VMenuIcon {
padding-left : 2px;
}

.VMenu-Focus {
background-color : #1C81D3;
vertical-align : middle;
}

.VMenu-Active {
color : white;
background-color : #EDEDED;
vertical-align : middle;
}

.TabSpacer {
border-bottom : 1px solid #8C8C8C;
width : 1px;
}

.Tab {
	/*font-weight : normal;
	background: url(images/bbt-bg2.jpg);
	padding : 2px 8px;
	border: 1px solid #747474;
	color: #FFFFFF;
	letter-spacing: normal;
	font-size: 10px;
	text-align: center;*/
	font-weight : normal;
	background: #EEEEEE url(../images/new-mainimages/button1.gif);
	border-top : 0px solid;
	border-left : 0px solid;
	border-right : 0px solid;
	border-bottom : 0px solid;
	padding : 4px 8px 4px 8px;
	
}

.Tab-Focus {
	/*font-weight : normal;
	background: url(images/bbt-bg1.jpg);
	border-top : 1px solid #747474;
	border-left : 1px solid #A4A4A4;
	border-right : 1px solid #8C8C8C;
	border-bottom : 1px solid #8C8C8C;
	padding : 2px 8px;
	cursor : hand;
	text-align: center;
	color: #FFFFFF;
	font-size: 10px;*/
	
	font-weight : normal;
	background: url(../images/new-mainimages/button2.gif);
	border-top : 0px solid #A4A4A4;
	border-left : 0px solid #A4A4A4;
	border-right : 0px solid #8C8C8C;
	border-bottom : 0px solid #8C8C8C;
	padding : 4px 8px 4px 8px;
	cursor : hand;
}

/******************CSS Roll Over Class For Tabs************************************/
a.Tab1:link, a.Tab1:visited, a.Tab1:active 
{
	display: block;	
	color:Black;
	padding : 4px 8px 4px 8px;
}

a.Tab1:hover
{
	
} 

a.Tab2:link, a.Tab2:visited, a.Tab2:active 
{
	display: block;	
	color:Black;
	padding : 8px 8px 8px 8px;
}

a.Tab2:hover
{
	
} 
/******************************************************************************/

.TableBorder {
border-left : 1px solid #8C8C8C;
border-top : 1px solid #8C8C8C;
border-bottom : 1px solid #8C8C8C;
border-right : 1px solid #8C8C8C;
}

.ColumnHead {
	background: url(../images/bg-bbt2.gif);
	margin : 0px;
	vertical-align : middle;
	padding-bottom : 2px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 2px;
	border-top: 1px solid #A4A4A4;
	border-right: 1px solid #A4A4A4;
	border-bottom: 1px solid;
	border-left: 1px solid #A4A4A4;
	color: #FFFFFF;



}

.TableText {
padding-left : 5px;
padding-right : 5px;
padding-bottom : 4px;
padding-top : 4px;
}

.ListBox {
border : 1px solid #8C8C8C;
line-height : 14px;
}

.Textarea {
	font-size : 12px;
	font-family: Tahoma;

}
.Title-sub {

	font-size : 14px;
	font-weight : bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 2px 0px 2px 5px;
}
.CaptionOver {
	color: black;
	text-decoration: none;
}
.CaptionOut {
	color: #FFFFFF;
	text-decoration: none;
}
.Caption2Out {
	color: black;
	text-decoration: none;
}
.Caption2Over {
	color: white;
	text-decoration: none;
}
.Title-sub2 {


	font-size : 12px;
	font-weight : bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 2px 0px 2px 5px;
}
.textfield {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-image: url(images/textfield-bg2.jpg);
	height: 20px;
	width: 170px;
	border: 1px solid #666666;
	padding: 1px;
	margin: 1px;



}
.browsefield {

	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-image: url(images/textfield-bg2.jpg);
	height: 20px;
	width: 238px;
	border: 1px solid #666666;
}
.textfield-days {

	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-image: url(images/textfield-bg2.jpg);
	height: 20px;
	width: 35px;
	border: 1px solid #666666;
	padding: 1px;
	margin: 1px;
}
.textfield-combo {

	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-image: url(images/textfield-bg2.jpg);
	height: 20px;
	width: 90px;
	border: 1px solid #666666;
	padding: 1px;
	margin: 1px;
}
.Navbutton1 {
	font-weight : normal;
	background: url(../GFT/images/bg-bbt1.gif);
	padding : 2px 8px;
	border: 1px solid #747474;
	color: #FFFFFF;
	letter-spacing: normal;
	font-size: 11px;
	text-align: left;
	height: 24px;
	width: 162px;

}
.Navbutton2 {
	font-weight : normal;
	background: url(../GFT/images/bg-bbt2.gif);
	border-top : 1px solid #747474;
	border-left : 1px solid #A4A4A4;
	border-right : 1px solid #8C8C8C;
	border-bottom : 1px solid #8C8C8C;
	padding : 2px 8px;
	cursor : hand;
	text-align: left;
	color: #FFFFFF;
	font-size: 11px;
	height: 24px;
	width: 162px;

}
.link {
	text-decoration: none;
}
.LeftBarLinks A
{
	color:white;
	font-size:x-small;
}

.LeftBarLinks A:hover
{
		color:#426875;
}

.LinkSeperator
{
	color: navy;
}

.TransImg
{
	FILTER: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=1,motion=forward);
}

.TransLayer
{
	FILTER: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=1,motion=forward);
}

.topBarSubLinks A { FONT-FAMILY: verdana, arial, tahoma, sans-serif; 	FONT-SIZE: 7pt;color: black; text-decoration: none }
.topBarSubLinks a:hover { color: white; text-decoration: none }

.topBarTopLinks A { FONT-FAMILY: verdana, arial, tahoma, sans-serif; 	FONT-SIZE: 7pt;color: White; text-decoration: none }
.topBarTopLinks a:hover { color: Black; text-decoration: none }

.topBarMainLinks A{ color: white; text-decoration: none }
.topBarMainLinks a:hover { color: #000000; text-decoration: none }

.menubar A{ color: #0066CC; text-decoration: underline }
.menubar a:hover { color: #000000; text-decoration: underline }
/*Defining Basic Styles*/ 

.NormalText
{
	COLOR: #000000; FONT-FAMILY: verdana, arial, tahoma, sans-serif; FONT-SIZE: 8.5pt
}
/*%%%%%%%%%%%%%%%%%%General Text format */
TD {
	COLOR: #000000; 
	FONT-FAMILY: verdana, arial, tahoma, sans-serif; 
	FONT-SIZE: 8.5pt;
	/*padding-left: 5px;*/
}

TD.IndentedText {
	COLOR: #000000; 
	FONT-FAMILY: verdana, arial, tahoma, sans-serif; 
	FONT-SIZE: 8.5pt;
	padding-left: 5px;
	padding-right:5px
}

FONT.BoldTextTopbar
{
	COLOR: #000000; 
	FONT-FAMILY: verdana; 
	FONT-SIZE: 8.5pt;
	font-weight:bold
	
}

A.BoldTextTopbar
{
	FONT-FAMILY: verdana; 
	FONT-SIZE: 8.5pt;
	font-weight:bold
}

TD.DarkBlueBoldHead
{
	padding-left: 5px;
	font-weight: bold;
	font-size: 8.5pt;
	color: #330099;
	font-family: verdana;
}
/**********************************Add new Classes for Changes TD's Color***********************/


/******************CSS Roll Over Class************************************/
a.menuLink1:link, a.menuLink1:visited, a.menuLink1:active 
{
	display: block;
	FONT-FAMILY: verdana; 
	FONT-SIZE: 9pt;	
	padding:5px;	
	color:rgb(255,255,255);
	background:rgb(0,0,0);
}

a.menuLink1:hover
{
	FONT-FAMILY: verdana; 
	FONT-SIZE: 9pt;	
	color:rgb(255,255,255);
	background:rgb(223,155,37);
} 
.loadPage
{
	font-family:Verdana;
	font-size:9pt;
	color:Black;
	background:rgb(223,155,37);	
}

a.menuLink2:link, a.menuLink2:visited, a.menuLink2:active 
{
	display: block;
	FONT-FAMILY: verdana; 	
	FONT-SIZE: 9pt;	
	padding:5px;
	color:rgb(0,0,0);
	background:rgb(241,241,241);
}

a.menuLink2:hover
{
	FONT-FAMILY: verdana;		
	FONT-SIZE: 9pt;
	color:rgb(0,0,0);
	background:rgb(255,236,204);
} 

a.menuLink3:link, a.menuLink3:visited, a.menuLink3:active 
{
	display: block;
	FONT-FAMILY: verdana; 
	FONT-SIZE: 9pt;	
	padding:5px;
	color:rgb(0,0,0);
	background:rgb(255,255,255);
}

a.menuLink3:hover
{
	FONT-FAMILY: verdana; 
	FONT-SIZE: 9pt;
	color:rgb(0,0,0);
	background:rgb(255,236,204);
} 

a.menuLink4:link, a.menuLink4:visited, a.menuLink4:active 
{
	display: block;
	FONT-FAMILY: verdana; 
	FONT-SIZE: 10pt;
	padding:5px;
	color:rgb(0,0,0);
	background:rgb(241,241,241);
}

a.menuLink4:hover
{
	FONT-FAMILY: verdana; 
	FONT-SIZE: 10pt;
	/*color:rgb(0,0,0);*/
	background:rgb(222,222,222);
} 
/******************EndCSS Roll Over Class*********************************/
TD.ChangeWhite
{
	FONT-FAMILY: verdana; 
	FONT-SIZE: 9pt;
	cursor:pointer;
	cursor:hand;
	color:rgb(0,0,0);
	background:rgb(255,255,255);
}

TD.ChangeColor
{
	FONT-FAMILY: verdana; 
	FONT-SIZE: 9pt;
	cursor:pointer;
	cursor:hand;
	color:rgb(0,0,0);
	background:rgb(255,236,204);
}

TD.MainChangeGray
{
	FONT-FAMILY: verdana; 
	FONT-SIZE: 9pt;
	cursor:pointer;
	cursor:hand;
	color:rgb(0,0,0);
	background:rgb(241,241,241);
}

TD.MainChangeColor
{
	FONT-FAMILY: verdana; 
	FONT-SIZE: 9pt;
	cursor:pointer;
	cursor:hand;
	color:rgb(0,0,0);
	background:rgb(255,236,204);
}

TD.MainBlack
{
	FONT-FAMILY: verdana; 
	FONT-SIZE: 9pt;	
	color:rgb(255,255,255);
	background:rgb(0,0,0);
}

TD.MainYellow
{
	FONT-FAMILY: verdana; 
	FONT-SIZE: 9pt;
	cursor:pointer;
	cursor:hand;
	color:rgb(255,255,255);
	background:rgb(223,155,37);
}

#mbox{background-color:White; padding:8px; border:2px outset #666;}
#mbm{font-family:sans-serif;font-weight:bold;float:right;padding-bottom:5px;}
#ol{background-image: url(Images\overlay.png);}
.dialog {display:none}
.waitDiv{border: 3px solid #7EA764;}
* html #ol{background-image:none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Images\overlay.png", sizingMethod="scale");}


/*************Code for Back to Demo Menues ***********/
TD.MainBacktoDemoGray
{
	FONT-FAMILY: verdana; 
	FONT-SIZE: 10pt;
	cursor:pointer;
	cursor:hand;
	color:rgb(0,0,0);
	background:rgb(241,241,241);
}

TD.MainBacktoDemoChange
{
	FONT-FAMILY: verdana;
	FONT-SIZE: 10pt;
	cursor:pointer;
	cursor:hand;
	background:rgb(222,222,222);
	
	/*color:#33CC33;rgb(243,191,100);*/	
	/*background:rgb(243,191,100);
	border: 30px solid rgb(228,170,68);*/
}

.Tab-nav {
	font-weight : bold;
	background: url(../images/new-mainimages/bg-nav1.jpg);
	border-top : 0px solid;
	border-left : 0px solid;
	border-right : 0px solid;
	border-bottom : 0px solid;
	padding : 4px;
	color: #FFFFFF;
	font-size: 9pt;
	text-align: center;

}

.Tab-Focus-nav {
	font-weight : bold;
	background: url(../images/new-mainimages/bg-nav2.jpg);
	border-top : 0px solid #A4A4A4;
	border-left : 0px solid #A4A4A4;
	border-right : 0px solid #8C8C8C;
	border-bottom : 0px solid #8C8C8C;
	padding : 4px 8px 4px 8px;
	cursor : hand;
	color: #FFFFFF;
	font-size: 9pt;
	text-align: center;
}

.Tab-nav2 {

	font-weight : bold;
	background: url(../images/new-mainimages/bg-nav3.jpg);
	border-top : 0px solid;
	border-left : 0px solid;
	border-right : 0px solid;
	border-bottom : 0px solid;
	padding : 4px;	
	color: #FFFFFF;
	font-size: 9pt;
	text-align: center;
}

.Tab-Focus-nav2 {

	font-weight : bold;
	background: url(../images/new-mainimages/bg-nav4.jpg);
	border-top : 0px solid #A4A4A4;
	border-left : 0px solid #A4A4A4;
	border-right : 0px solid #8C8C8C;
	border-bottom : 0px solid #8C8C8C;
	padding : 4px 8px 4px 8px;
	cursor : hand;
	color: #FFFFFF;
	font-size: 9pt;
	text-align: center;
}

.Tab-nav3 {


	font-weight : bold;
	background: url(../images/new-mainimages/bg-nav5.jpg);
	border-top : 0px solid;
	border-left : 0px solid;
	border-right : 0px solid;
	border-bottom : 0px solid;
	padding : 4px;
	color: #FFFFFF;
	font-size: 9pt;
	text-align: center;
}

.Tab-Focus-nav3 {


	font-weight : bold;
	background: url(../images/new-mainimages/bg-nav6.jpg);
	border-top : 0px solid #A4A4A4;
	border-left : 0px solid #A4A4A4;
	border-right : 0px solid #8C8C8C;
	border-bottom : 0px solid #8C8C8C;
	padding : 4px 8px 4px 8px;
	cursor : hand;
	color: #FFFFFF;
	font-size: 9pt;
	text-align: center;
}

a.Tab-navR:link, a.Tab-navR:visited, a.Tab-navR:active 
{
	display: block;	
	color:White;
	font-size: 9pt;
	padding : 9px 8px 9px 8px;
}

a.Tab-navR:hover
{
	
} 

a.Tab-nav2R:link, a.Tab-nav2R:visited, a.Tab-nav2R:active 
{
	display: block;	
	color:White;
	font-size: 9pt;
	padding : 5px 8px 5px 8px;
}

a.Tab-nav2R:hover
{
	
} 
/**********************************End New Classes for Changes TD's Color***********************/

TD.BlueHead
{
	padding-left: 5px;
	font-size: 8.5pt;
	color: #0099ff;
	font-family: verdana;
	height: 25px;
	background-color: #def1fc;
}

TD.BlueHeadBlackText
{
	padding-left: 5px;
	font-weight: bold;
	font-size: 8.5pt;
	color: #000000;
	font-family: verdana;
	height: 25px;
	background-color: #def1fc;
}

span.LeftLabel
{
	COLOR:#000000; 
	FONT-FAMILY: verdana, arial, tahoma, sans-serif; 
	FONT-SIZE: 8.5pt;
	font-weight:bold
}

span.Faqs
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 8.5pt;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: verdana, arial, tahoma, sans-serif;
}

TD.BottomBar A
{
	padding-left: 5px;
	font-size: 7.5pt;
	color: #003366;
	font-family: verdana;
	text-decoration: none;
}
TD.BottomBar A:hover
{
	color: white;
}

TD.BottomBar
{
	font-size: 7.5pt;
	color: #003366;
	font-family: verdana;
	text-decoration: none;
}

TD.BottomBar2 A
{
	padding-left: 5px;
	font-size: 7.5pt;
	color: white;
	font-family: verdana;
	text-decoration: none;
}

TD.BottomBar2 A:hover
{
	color: #87cefa;
}
TD.BottomBar2
{
	font-size: 7.5pt;
	color: white;
	font-family: verdana;
	text-decoration: none;
}
/*%%%%%%%%%%%%%%%%%%%%Tracking Bar style*/
TD.TrackBar
{
	padding-left: 5px;
	font-size: 8.5pt;
	color: #0033cc;
	font-family: verdana;
	height: 25px;
	background-color: #def1fc;
}

TD.TrackBar A
{
	color: #0033cc;
	text-decoration:none

}

TR.SupportTicketsHeader TD
{
	color: WHITE;
	font-family: verdana;
	font-weight:bold
}

/* hyper link styles*/

A.AllProductHeading
{
	font-family:Verdana;
	font-size:small;
	color:#276b9e;
	text-decoration:none
	
}

A.AllProductHeading:hover
{
	color:#009900;
}

A
{
	color: #276b9e;
	text-decoration:none
}

A:hover
{
	color:#00cc00;
}

.phantomLayer
{
 visibility: hidden;	
}
.tableborder {
	border: 1px solid #999999;
}

.links
{
text-decoration: none;
color: #000000;	
}

.imHand {
cursor:pointer;
cursor:hand;
}