﻿
body
{
   /* font for all in web
    font-family: Verdana;
    font-size: 10pt;
    color: #003366;*/
	text-align:justify;
    font-family: Verdana;
	color:#000000; 
	letter-spacing: 0.5px;
	/*font-weight:bold;*/
    font-size:14px; 
}
/*Product and service css*/
.ProductList 
{
	font-family:'Verdana', Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#544E4F; 
	line-height:18px; 
}

.AdminTopMenuHoover
{
    font-size: 11pt;
    font-weight: bold;
    border-right: gainsboro groove;
    border-top: gainsboro groove;
    vertical-align: middle;
    border-left: gainsboro groove;
    color: white;
    border-bottom: gainsboro groove;
    font-family: Verdana;
    background-color: deepskyblue;
    text-align: center;
    text-decoration: underline;
    cursor: hand;
 }

.AdminTopMenu
{
    font-size: 11pt;
    font-weight: bold;
    color: white;
    font-family: Verdana;
    background-color: black;
    text-align: center;
    text-decoration: underline;
}

.AdminTopMenuSelected
{
    font-size: 11pt;
    font-weight: bold;
    color: red;
    font-family: Verdana;
    background-color: black;
    text-align: center;
}

.BlueTextBig
{
   font-size: 11pt; 
   font-weight: bold;
}

.Footer
{
    border-right: goldenrod thin solid;
    border-top: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: #6699cc;
    font-size: 10pt;
    vertical-align: middle;
    color: #ffffff;
    font-family: Verdana;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.FooterNew
{
    border-right: goldenrod thin solid;
    border-top: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: #2554C7; 
    font-size: 10pt;
    vertical-align: middle;
    color: #ffffff;
    font-family: Verdana;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.MenuBody
{
    border-right: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: #eeedef;
    font-weight: bold;
    font-size: 10pt;
    vertical-align: middle;
    color: #003366;
    font-family: Verdana;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: default;
    text-decoration: none;
}

.MenuBodyNew
{
    border-right: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: #eeedef;
    font-weight: bold;
    font-size: 10pt; 
    vertical-align: middle;
    color: #2554C7;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left; 
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: default;
    text-decoration: none;
	 
} 

.MenuBodyCentre
{
    border-right: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: #eeedef;
    font-weight: bold;
    font-size: 10pt;
    vertical-align: middle;
    color: #003366;
    font-family: Verdana;
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: default;
    text-decoration: none;
}

.MenuHeader
{
    border-right: goldenrod thin solid;
    border-top: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: #6699cc;
    font-weight: bold;
    font-size: 10pt;
    vertical-align: middle;
    color: #ffffff;
    font-family: Verdana,"Segoe UI",Arial;
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
    cursor: default;
    text-decoration: none;
}
.Drop_List 
{
	width:150px; 
	height:20px;  
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;  
	color:#2554C7; 
}

.MenuHeader1
{
    border-right: goldenrod thin solid;
    border-top: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: #2554C7;
    font-weight: bold; 
    font-size: 10pt;
    vertical-align: middle;
    color: #ffffff;
    font-family: Verdana,"Segoe UI",Arial;
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
    cursor: default;
    text-decoration: none;
}

.MenuHeaderNew
{
    border-right: goldenrod thin solid;
    border-top: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: #2554C7;
    font-weight: bold;  
    font-size: 10pt;
    vertical-align: middle;
    color: #ffffff;
    font-family: Verdana,"Segoe UI",Arial;
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
    cursor: default;
    text-decoration: none;
}
/* onmouseoff Header for blue background and white font links and centred*/
.MenuHeaderLeft
{
    border-right: goldenrod thin solid;
    border-top: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: #2554C7;
    font-weight: bold;
    font-size: 10pt;
    vertical-align: middle;
    color: #ffffff;
    font-family: Verdana,"Segoe UI",Arial;
    text-align: Left;
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    cursor: default;
    text-decoration: none;
}
/* onmouseOver Header for White background and Blue font links and centred*/
.MenuHeaderActiveBlue 
{
    border-right: goldenrod thin solid; 
    border-top: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
    vertical-align: middle;
    color: #2554C7;
    font-family: Verdana,"Segoe UI",Arial;
    text-align: Left;
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    cursor: hand;
    text-decoration: underline;
}
/* onmouseover Header for blue background and white font links and centred*/

.MenuHeaderActiveCentre 
{
    border-right: goldenrod thin solid;
    border-top: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: #FFFFFF;
    font-weight: bold; 
    font-size: 10pt;
    vertical-align: middle;
    color: #2554C7;
    font-family: Verdana,"Segoe UI",Arial;
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px; 
    padding-top: 2px;
    cursor: hand;
    text-decoration: underline;
}


.MenuHeaderActiveNew 
{
    border-right: goldenrod thin solid;
    border-top: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: #FFFFFF;
    font-weight: bold; 
    font-size: 10pt;
    vertical-align: middle;
    color: #cd950c;
    font-family: Verdana,"Segoe UI",Arial;
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
    cursor: hand;
    text-decoration: underline;
}

.MenuHeaderActive
{
    border-right: goldenrod thin solid;
    border-top: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: inactivecaptiontext;
    font-weight: bold;
    font-size: 10pt;
    vertical-align: middle;
    color: #cd950c;
    font-family: Verdana,"Segoe UI",Arial;
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
    cursor: hand;
    text-decoration: underline;
}


.MenuInfor
{
    /*
    border-right: goldenrod thin solid;
    border-top: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    */
    background-color: #6699cc;
    font-weight: normal;
    font-size: x-small;
    vertical-align: middle;
    color: #ffffff;
    font-family: Verdana;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
    cursor: default;
    text-decoration: none;
}

.MenuInforActive
{
    /*
    border-right: goldenrod thin solid;
    border-top: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: inactivecaptiontext;
    */
    font-weight: normal;
    font-size: x-small;
    vertical-align: middle;
    color: #cd950c;
    font-family: Verdana;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
    cursor: hand;
    text-decoration: underline;
}

.menut
{
    color: #003366;
}

.LinkActive
{
    cursor: hand;
    text-decoration: underline;
}

.LinkInActive
{
    cursor: default;
    text-decoration: none;
}

.TopMenu
{
    border-right: goldenrod thin solid;
    border-top: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: #6699cc;
    font-size: 10pt;
    vertical-align: middle;
    color: #ffffff;
    font-family: Verdana;
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 3px;
}

.TopMenuNew1
{ 
    border-right: goldenrod thin solid;
    border-top: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: #2554C7; 
    font-size: 10pt;
    vertical-align: right;
    color: #ffffff;
    font-family: Verdana;
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 3px;
}


.TopMenuNew
{ 
    border-right: goldenrod thin solid;
    border-top: goldenrod thin solid;
    border-left: goldenrod thin solid;
    border-bottom: goldenrod thin solid;
    background-color: #2554C7; 
    font-size: 10pt;
    vertical-align: middle;
    color: #ffffff;
    font-family: Verdana;
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 3px;
}


.Box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	border: 1px solid #696969;
	background-color: InfoBackground;
}

.BoxButton
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid #696969;
	background-color: #f5f5f5;
}

#Main
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:2px solid goldenrod;
	background-color:#F8F8FF;
}

div.d1 
{
   margin-left:0.2em;
   margin-right:0.2em;
   padding: 0.2em;
   color:#333333;
   background-color:#F8F8FF;
   
}

#Spend
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align:left;
  text-decoration:none; 
}

#Spend A
{
    display:block;
    color:#444;
    text-decoration:none;
	margin:0;
}

#Spend A:visited {	
	text-decoration:	none;
	color:	#003399;
	}	
		
#Spend A:active	{	
	text-decoration:	none;
	color:	#003399;
	}	
		
#Spend A:hover
{
    text-decoration: underline;
    color: #cc0033;
}
 
  .SpendButton1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color:#FFFFFF;
	
	background-color: #2554C7;
	width:100%;
	border: 1px solid #696969;
	
}

.SpendButton1:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight:bold; 
	text-decoration:underline;
	color:#2554C7; 
	background-color: #FFFFFF;
	width:100%;
	cursor:pointer;
}

 
 .SpendButton
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	color:#880000;
	font-weight:bold;
	width:100%;
	border: 1px solid #696969;
	
}

.SpendButton:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight:bold;
	text-decoration:underline;
	color:#B22222;
	background-color: #C0C0C0;
	border: 1px solid #FF0000;
	width:100%;
	cursor:pointer;
}

#HolidayList
{
    margin:0 0 0 0;
    padding:1 1 1 1;
}
#HolidayList A
{
    display:block;
    text-decoration:none;
	margin: 0;
	
}

#HolidayList A:visited {	
	text-decoration:	none;
	color:	#003399;
	}	
		
#HolidayList A:active	{	
	text-decoration:	none;
	color:	#003399;
	}	
		
#HolidayList A:hover
{
    text-decoration: underline;
    color: #cc0033;
}


.ViewButton
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#808040;
	font-weight:bold;
	border: 1px solid #696969; 
}

.ViewButton:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#808040;
	font-weight:bold;
	text-decoration:underline;
	border: 1px solid Red; 
	cursor:pointer;
}	

.TradeTips
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#808040;
	font-weight:bold;
	border: 1px solid #696969; 
	text-align:left;
}

.TradeTips:hover
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#808040;
	font-weight:bold;
	text-decoration:underline;
	border: 1px solid Red; 
	text-align:left;
	cursor:pointer;
}


.TradeTipsF
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color:Black;
	text-decoration: none;
}

.TradeTipsF A
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	text-align:left;
	color:#6699cc;
	text-decoration: none;
}

.TradeTipsF A:active
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	text-align:left;
	color:#6699cc;
    text-decoration: underline;
}
.TradeTipsF A:visited
{ 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	text-align:left;
	color:#6699cc;
    text-decoration: none;
}
.TradeTipsF A:hover
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	text-align:left;
    color:#cc0033;
    text-decoration: underline;
}

.main_div {
width:584px;
border:#B6B8B9 1px solid;
height:auto;
padding:8px;
margin-bottom:5px;
font-size: 8pt;
}

.sub_div 
{
    border-top:1px dotted #D3D4D5; 
    padding-top:10px;
    padding-bottom:5px; 
    color:#666666;
}

.top_div {
width:584px;
border:#B6B8B9 1px solid;
height:auto;
padding:4px;
margin-bottom:5px;
color:#666666;
}

h1 {
padding:0;
margin:0;
font-size:18px;
/*color:#82D8F8;*/
color:#2686AA;
padding-bottom:5px;
margin-bottom:5px;
/*background-color:#15A9F3;*/
}

.Title1 {
padding:0;
margin:0;
font-size:14px;
font-weight:bold;
color:#2686AA;
border-bottom:#D3D4D5 1px dotted;
padding-bottom:3px;
margin-bottom:3px;
}

.BVideo
{
  background:#5CB3FF;
  font-size:12px;
}

.About
{
    border-bottom:1px dotted #D3D4D5; 
    padding-bottom:5px; 
    text-align:justify;
    font-family: Verdana;
	color:#000000;
	font-weight:bold;
    font-size:12px; 
}

.Newtext
{
	text-align:justify;
    font-family: Verdana;
	color:#000000; 
	letter-spacing: 0.5px;
	/*font-weight:bold;*/
    font-size:12px; 
}

.NewtextMiddle
{
	text-align:Center;
    font-family: Verdana;
	color:#000000; 
	letter-spacing: 0.5px;
	font-weight:bold;
    font-size:12px; 
}


.read a:link{
color:#2686AA;
text-decoration:underline;
}

.read a:active{
color:#2686AA;
text-decoration:underline;
}

.read a:visited{
color:#2686AA;
text-decoration:underline;
}

.read a:hover{
color:#2686AA;
text-decoration: none;
}
	
.middot{
background-image:url(images/dots.gif);
background-repeat:repeat-y;
text-align:center;
background-position:center;
}

.gridview td {
	background: #D7E6F4;
	border-bottom: solid 1px #C5DBF7;
	color: #0066CC;
	font: small Arial,"Segoe UI", Segoe, sans-serif;
	padding: 5px 4px;
}
.gridview td a{
	color: #0066CC;
	font: bold small Arial,"Segoe UI",Segoe,sans-serif;
	padding: 2px;
	text-decoration: none;
}
.gridview td a:hover {
	color: #333333;
	font-weight: bold;
}
.gridview th {
	background: #4168BD;
	color: #FFFFFF;
	font: small Arial,"Segoe UI", Segoe, sans-serif;
	letter-spacing: 0;
	padding: 4px;
	text-align: left;
}	

.MasterPanel
{
    
    text-align: Center;
}

.matter 
{
	font-family:'Verdana', Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height:18px;
	text-align: justify;
	
}
.matter1 
{
	font-family:'Verdana', Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height:18px;
	text-align: center; 
	
}

a:link {text-decoration: underline ; color: #2554c7;} 
a:visited {text-decoration: none;  color: #2554c7;}
a:active {text-decoration: none;}
a:hover {text-decoration: underline; color: red;}

/* FOR JAVASCRIPT DROPDOWN MENU CONTACT US*/
 

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 8pt;}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 2px 4px;
	width: 100px;
    font-size: 8pt;
	background: #2554c7;
	color: #FFF;
    font-family: Verdana,"Segoe UI",Arial;
	text-align: center;
	text-decoration: none;}

#sddm li a:hover
{	background: #2554c7;
    font-size: 8pt;
    color: #ffffff;
    font-family: Verdana,"Segoe UI",Arial;
	text-decoration: underline;
    text-align: center;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #2554c7;
	border: 1px solid #255c47;
	
	} 

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 3px 5px;
		width: 100px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #ffffff;
		color: #2554c7;
		font: 8pt;
		font-family: Verdana,"Segoe UI",Arial;
		}

	#sddm div a:hover
	{	background: #FFFFFF;
		color: #2554C7;
		font-size: 8pt;
		font-family: Verdana,"Segoe UI",Arial;
		text-align: left;
	}

/* END JAVASCRIPT*/
