/*
Name: Snehal Vishwakarma
Project Name: www.angelcommodities.com
Project Developer: Chirag Satasiya
Created On: 17/02/2010
*/
body 
	{
		font-family: Tahoma;
		background-color:White;
		margin: 0px auto;
		text-align: left;
		line-height: 18px;
		font-size: 11px;
		color: #808285;
	}
form, iframe
	{
		margin:0;
		padding:0;
	}
a
	{
		text-decoration:none; color: #00a13a;
	}
a:hover
	{
		text-decoration:underline; color: #00a13a;
	}

a img
	{
		border:0;
	}
h1
	{
		font-size:11px;
		color:#0072bc;
		font-weight:bold;
		margin:10px 0;
		display:block;
	}
h2
	{
		font-size:11px;
		display:block;
		color:#00a13a;
		font-weight:bold;
		margin: 0 0 5px 0;
	}
h2 a 
	{
		color:#006660;
	}
h2 a:hover
	{
		text-decoration:underline;
		color:#006660;
	}	
h3
	{
		font-size:12px;
		display:block;
		color:#808285;
		font-weight:bold;
		margin:0 0 10px 0;
	}

h4
	{
		font-size:11px;
		display:block;
		color:#808285;
		font-weight:bold;
		margin:10px 0;
	}
h5 /* this class is for heading with yellow image */
	{
		background:url(../images/IndexYellow.gif) no-repeat top left;
		font-size:12px;
		color:#0072bc;
		font-weight:bold;
		margin:0 0 10px 0;
		padding: 2px 0 2px 10px;
		display:block;
	}
	
h6
	{
		font-size:11px;
		color:#0072bc;
		font-weight:bold;
		margin:10px 0;
		display:block;
	}
h6 a
	{
		color:#0072bc;
		text-decoration:none;
	}
h6 a:hover
	{
		text-decoration:none;
	}
	
td
	{
		height:21px;
	}
th
	{
		height:20px;
		text-align:left;
		vertical-align:middle;
		font-weight:bold;
		background-color:#F0F0F0;
		padding-left:10px;
	}
table
	{
		border:0;
	}
div
	{
	   display: block;
	   margin:0px;
	   padding:0px;
	}

ul, ol
	{
	   display: block;
	   margin: 10px 0;
	   padding-left:30px;
	}

li
	{
		padding:0;
		margin:0;
	}

br
	{
		line-height:8px;
	}
	
.textbox
	{
		width:130px;
		height:15px;
		font-size:11px;
		color:#808285;
		margin-left:15px;
	}
	
select
	{
		font-size:11px;
		color:#808285;
		height:18px;
		margin-left:15px;
		vertical-align:middle;
	}
	
input
	{
		font-size:11px;
		color:#808285;
		height:16px;
		margin-left:15px;
		vertical-align:middle;
	}
	
input.GoButton
	{
		background:url(../images/GoButtonBg.png) left center repeat-x #FCD877;
		border:1px solid #DEA303;
		color:#000000;
		cursor:pointer;
		font-family:Tahoma;
		font-size:11px;
		padding:2px 8px 5px 8px;
		height:20px;
		margin:0px;
		font-weight:bold;
	}
#MainDiv
	{
		width:950px;
		margin:0 auto;
		background-color:#ededed;
	}

.content
	{
		width:930px;
		background-color:#ededed;
		margin:10px 10px 10px 10px;
	}
	

.matter
	{
		background-color:White;
	}
.matter_with_SideMenu
	{
		background-color:White;
		width:670px;
		float:left;
	}

.more
	{
		 padding-right:5px;
		 text-align:right;
	}
	
.Grid_View td
	{
		padding-left:10px;
		text-align:left;
	}
	
.content-text
{
	padding:15px 20px;
	background-color:White;
}
	
/* ul css by vikram sir */

#leftMenu
	{
		width:250px;
		float:right;
		background-color:white;
	}
	
/*#leftMenu
	{
		width:250px;
		float:right;
		margin-left:10px;
		margin-bottom:10px;
		vertical-align:middle;
		display:table-cell;
		background-color:red;
	}*/
	
#leftMenu ul  
	{
	color: #808285;
	font-weight:bold;
	font-size:11px;
	text-align:left;
	list-style-position: outside;
	list-style-image:url("../images/side_arrow.png");
	list-style-type: square;
	padding: 10px 0 10px 60px;
	margin: 10px 0px 0px 0px;
	}

#leftMenu li a
	{
		line-height:20px;
		color:#00a13a;
	}
	
li a
	{
		color:#808285;
		text-decoration:none;
	}
li a:hover
	{
		color:#808285;
		text-decoration:none;
	}
	
.SideMenuStyle
{
	color: #808285;
	font-weight:bold;
	font-size:11px;
	text-align:left;
	padding-left:60px;
}	

.SideMenuStyle a:hover
{
	color:#0072bc;
	text-decoration:none;
}
#sietmap
{
	height:20px;
	margin:10px;
}
.text-content
{
	padding: 0 15px 15px 15px;
}


/* Online Trading CSS Starts Here*/

#right-td
	{
		width:250px;
	}

/* Online Trading CSS Ends Here*/

	
/* HEADER CSS*/

#header
{
	background-color:#ededee;
	height:90px;
}

#headerLine
{
	width:2px;
	height:37px;
	padding-left:20px;
}
#liveChat
{
	width:31px;
	height:27px;
	padding-left:20px;
	padding-top:6px;
}
#acct
{
	width:97px;
	height:16px;
	padding-left:10px;
	padding-top:7px;
}
.login_link
{
	font-size: 11px; 
	color: #008c44; 
	font-weight: bold;
	
}
#client_login
{
	position:absolute;
	left:30px;
	top:73px;
}

#Back_Office_Login
{
	position:absolute;
	left:220px;
	top:73px;
}

#Partner_Login

{
	position:absolute;
	top:73px;
	left:420px;
	width:100px;
}

/* END OF HEADER CSS*/
	

/* CSS For MEGA MENU Starts here */

* {
	outline:none;
}
img {
	border:0;
}
#container {
	margin:0 auto;
	padding:0;
	width:950px;
	background-color:#0063a5;
	height:24px;
	padding:0 0 0 0;
	
}
ul#topnav {
	list-style:none;
	margin:0;
	padding:3px 0 0 0;
	float:left;
	width:100%;
	
}
ul#topnav li {
	margin:0;
	padding:0 0 0 0;
	float:left;
	position:relative;
	height:21px;
}
ul#topnav li a {
	text-indent:0px;
	color:#FFF;
	text-decoration:none;
	font-size:11px; /* Font size of head menu */
	font-weight:bold;
}
ul#topnav li:hover a, ul#topnav li a:hover {
	color:#ffcb04;
	font-weight:bold;
}
ul#topnav a.about { /* setting for About menu */
	width:150px;
	background:url(../images/down_arrow-menu.png) no-repeat 90px 15px;
	padding:10px 29px;
	cursor:text;
}
ul#topnav a.online { /* setting for online menu */
	width:150px;
	background:url(../images/down_arrow-menu.png) no-repeat 120px 15px; /* down arrow image */
	padding:10px 29px;
	cursor:text;
}
ul#topnav a.Service { /* setting for Service menu */
	width:150px;
	/*background:url(../images/down_arrow-menu.png) no-repeat 136px 15px;*/
	padding:10px 29px;
	cursor:pointer;
}
ul#topnav a.market { /* setting for market menu */
	width:150px;
	/*background:url(../images/down_arrow-menu.png) no-repeat 85px 15px;*/
	padding:10px 29px;
	cursor:pointer;
}
ul#topnav a.Research { /* setting for Research menu */
	width:150px;
	/*background:url(../images/down_arrow-menu.png) no-repeat 105px 15px;*/
	padding:10px 29px;
	cursor:pointer;
}
ul#topnav a.tools { /* setting for tools menu */
	width:150px;
	background:url(../images/down_arrow-menu.png) no-repeat 68px 15px;
	padding:10px 29px;
	cursor:text;
}
ul#topnav a.partner { /* setting for partner menu */
	width:150px;
	/*background:url(images/down_arrow-menu.png) no-repeat 90px 15px;*/
	padding:10px 29px;
	
}
ul#topnav a.contact { /* setting for contact menu */
	width:150px;
	/*background:url(images/down_arrow-menu.png) no-repeat 90px 15px;*/
	padding:10px 29px;
	
}

ul#topnav li .sub {
	position:absolute;
	top:21px; /* setting for drop down margin from top button */
	left:0;
	background:#e8e8e8;  /*  drop down background color  */
	padding:5px 15px 20px;
	float:left;
	/*--Bottom right rounded corner --*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom right rounded corner --*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display:none;
	color:#fff;
	z-index:9999;
	border-right:solid 1px #6b6b6b;
	border-left:solid 1px #6b6b6b;
	border-bottom:solid 1px #6b6b6b;
	text-align:left;
}
ul#topnav li .sub ul {
	list-style:none;
	float:left;
	width:120px; /* Width of drop down menu  */
	margin:0 0 0 0;
	padding:0;
}
ul#topnav li .sub li {
	width:120%;
	text-align:left;
	margin:2px 0;
}
/*
ul#topnav li .sub li h3 {
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0 0 2px 10px;
	color:#1c8ed8;
	text-decoration:none;
	text-transform:uppercase;
}
*/
ul#topnav .sub ul li a {
	float:none;
	font-weight:normal;
	text-indent:0; /* reset text indent */
	height:auto;
	padding:5px 10px;
	display:block;
	text-decoration:none;
	color:#0072bc; /* drop down text color */
	/* background:url(images/left-arrow.png) no-repeat 0px 0.77em;  drop down arrow images */
}
/* drop down text setting */
ul#topnav .sub ul li a:hover {
	color:#1c8ed8;/* drop down text hover color */
	text-decoration:underline;
}
/*
.service_divider {
	border-left:1px dotted #666;
	width:2px;
	height:150px;
	margin-top:10px;
}
*/
.markets_divider {
	border-left:1px dotted #666;
	width:2px;
	height:100px;
	margin-top:10px;
}

/* CSS For MEGA MENU Ends here */



/* CSS For Footer starts here */

#bottom_footer
{
	background-color:#eeefef;
	height:45px;
	font-size:9px;
	color:#808285;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:25px;
	padding-right:25px;
	text-align:left;
}

a.footer_link:link
{
	text-decoration:none;
	color:White;
}
a.footer_link:visited 
{
	text-decoration:none;
	color:White;
}
a.footer_link:hover 
{
	text-decoration:underline;
	color:#ffcb08;
}
a.footer_link:active 
{
	text-decoration:none;
	color:White;
}
/* CSS For Footer starts here */

/* CSS for markets/comm-News page start here  */
.news_heading 
{
	padding-right: 5px;
	padding-left: 0px;
	font-size: 12px;
	background: white no-repeat 5px center;
	padding-bottom: 5px;
	margin: 5px;
	cursor: default;
	color: #1fa512;
	padding-top: 5px;
	text-decoration: none
}
.news_Desc
{
	width:480px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	padding-right:10px;
	line-height:22px;
	
}
/* CSS for markets/comm-News page close here  */

.grayBold
{
	color:#808285;
	font-weight:bold;
	text-decoration:none;
}
.grayBold a
{
	color:#808285;
	text-decoration:none;
}
.grayBold a:hover
{
	color:#00a13a;
	text-decoration:none;
}

#getQuote
{
    width: 250px;
    height: 190px;
    float:left;
    background-color: White;
}
#GQ_Market
{
	margin:5px 0 0 10px;
}
#Tbl_Press a
{
	color:#0072bc;
	font-weight:bold;
	text-decoration:none;
}
#Tbl_Press a:hover
{
	color:#0072bc;
	font-weight:bold;
	text-decoration:underline;
}

.GoButton
{
    background-image:url(../images/FormButtBG.png);
    background-repeat:repeat-x;
    border:1px solid #dea303;
    color:#000000;
    cursor:pointer;
    font-family:Tahoma;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:3px 0px 4px 6px;
  
}

.HRhori_menu1
{
	
}

.HRhori_menu1 li
{
	
	line-height:34px;
	font-family:Tahoma;
	font-size:11px;
	color:#0EB24C;
	
	
	
}
.HRhori_menu1 li a:link
{
	color:#0EB24C;
	
	line-height:34px;
	
}

.HRhori_menu1 li a:hover
{
	color:#0EB24C;
	
	line-height:34px;
	
}

.HRhori_menu1 li a:active
{
	color:#0EB24C;
	
	line-height:34px;
	
}

.HRhori_menu1 li a:visited
{
	color:#0EB24C;
	
	line-height:34px;
	
}

.mod {
   position:relative;
   z-index:0;
}
.mod .mod-content{
  
   border:1px solid #eaeaea;
   position:relative;
   z-index:2;
}
/* x1 = top and left edges; 
   x1a = top right corner; 
   x2 = right and bottom edges; 
   x2a = bottom left corner */
.mod .x1,
.mod .x1a,
.mod .x2,
.mod .x2a {
   display:block;
   background:url(../images/glow.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.mod .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.mod .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.mod .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.mod .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}



/* NEW MEGA MENU */

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
	
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	
	color: #FFF;
	text-align: center;
	text-decoration: none}



#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 1px solid #5970B2}
	
	#sddm div li
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #fff;
	list-style-image:url(http://www.angelbroking.com/images/LoginArrow.jpg);
	border: 1px solid #5970B2}


	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #fff;
		color: #555555;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}
		
		.LoginHead
{
    font-size:16px;
    border-bottom:1px solid #dddddd;
    padding-bottom:10px;
    padding-right:10px;
    
}

.LoginUL
{
    color:#555555;
    font-size:12px;
    padding-top:5px;
    padding-bottom:5px;
    
}
		
/* */