/*=================================================================

* Common CSS for MumbaiTrader.com
 
 * @file		Common.css 
 * @link		http://www.mumbaitrader.com/
 * @Copyright 2009, mumbaitrader.com. All rights reserved.

=================================================================*/

body {
}

span {
    font-family: "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em; 
    color: #333;
}

table 
{
    border-width: 0px;
}

ul, ol {
    margin: 5px 0 5px 10px;
}

ul li {
    list-style: circle;
}

ol li {
    list-style: decimal;
}

li 
{
    margin-left: 20px;
}

p
{
	line-height: 1.25;
}

/** Headings **/
h1, h2, h3, h4, h5, h6 
{
    font-family: "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
    font-size: 1.45em;
    color: #67009A;
}

h2 {
    font-size: 1.15em;
    color: #363;
    font-weight: bold;
    padding: 0 0 5px;
    margin: 10px 0 0;
}

h1 a, h2 a, h3 a, h4 a,h5 a, h6 a {
    text-decoration: none;
}


h3 {
    font-size: .95em;
    color: #67009a;
    font-weight: bold;
    padding-bottom: 5px;
    margin-top: -2px;
}
/**************/

textarea
{	
	font-size: 1.15em;
	font-weight:normal;
	padding:2px;	
	color:#525252;	
	background-color:#f9f9f9;
	border: 1px solid #7F9DB9;
}

label 
{    
    color: #000;
}

a,textarea,input,select,th,div,label,span
{
	font-family: "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;   
}

/* Common Style */

div.fieldwrapper
{ 
width: 100%; 
overflow: hidden;
padding: 6px 0;
}

div.fieldwrapper span.styled
{ 
float: left;
margin-right: 5px;
margin-left:2px;
width :110px; 
padding :0px;
font-size: .9em;
font-weight: bold;
color: #000;
}

div.fieldwrapper div.thefield
{ 
float: left ;
text-align:left ;
}

div.fieldwrapper div.thefield textarea
{ 
width: 198px;
height: 150px;
padding :5px;
}

div.fieldwrapper div.thefield table
{ 
 border :1px solid #a2a2a2;	
 padding :5px;
 margin:0px;
}

div.fieldwrapper div.thefield select
{ 
	width:155px;
}
div.thefield .autoCompleteItem
{
	 font-size:1.15em;
	 color:#525252;
}
div.thefield .autoCompleteHoverItem
{
	 font-size:1.15em;
}

div.fieldwrapper div.thefield span
{
font-weight:normal;
}

span.label 
{
font-size: .9em;
font-weight: bold;
color: #000;
}

.errormsg
{
	font-size:0.75em;
}

.actionpanel
{
	text-align :right ;
	float :right ;
	width:98%;	
}

.autoCompleteList 
{
    visibility : hidden;   
    width : 120px;
	background-color :White ;	
	border:solid 1px #6a0a97;	
	cursor : 'default';
	height : 260px;
	text-align : left; 
	list-style-type :none;
	padding : 5px;
	overflow-x :hidden;
	overflow-y :scroll;	
	z-index :1000;	
	margin:0px;
	left:0px;
}

.autoCompleteItem
{
   background-color : White ;
   text-align  :left ;
   left :0px;
   z-index:1000;	
   list-style-type :none;
   padding:4px;
   margin:5px;
}

.autoCompleteHoverItem
{
   background-color: #6a0a97; 
	color: White;
	z-index :1000;
	list-style-type :none;
	padding:4px;
	margin:5px;
}

.bottomlink
{
	text-align:right ;
	float:right ;
}

.content-block
{
	position:static ;	
	display:inline-block ;	
	width:100%;
}

.inline-block
{
	display:inline-block;
}

.ForumGridPagerStyle,.GridPagerStyle
{	
	border-color: #dcdcdc; 
    background-color:#f2f2f2 ;
    border-style :solid ;
    border-width :1px;
    border-top-style :none;
    border-bottom-width :2px;   
    padding:0px;
    padding-top:0px;
}

.maincontainer
{
	padding: 5px 5px 5px 5px;
}
.maincontainer .mainheader
{
	padding: 5px 5px 5px 5px;
	font-size:1.4em;
	color:#67009A;	
	border-bottom:1px solid #D4F795;
	margin-bottom:10px;	
}

.maincontainer .maincontent
{
	padding: 5px 5px 5px 5px;
}

.mt-border
{
	padding: 10px 10px 10px 10px;
	border:1px solid #D4F795;
	margin:10px 0px 10px 0px;
}

.contentborder
{
	border:1px solid #D4F795;
	padding: 5px 5px 5px 5px;	
}

.sidecontainer, .mttipcontainer
{
	margin: 2px 5px 10px 0px;	
	display:inline-block ;	
}

/* Start common grid layout */

.mtcol01, .mtcol02, .mtcol03
{
	float:left;
	padding:5px 5px 5px 5px;	
}

.mtcol01
{
	width:45px;	
}

.mtcol02
{
	width :362px;
	padding:0px 5px 0px 5px;
}

.mtcol03
{
	width:182px;
	border:2px solid #D1B2E0;	
	color:#363;
	font-size:0.9em;
} 

.mtcol02-row01
{
	border-bottom: #D4F795 2px dotted;
	padding:0px 5px 5px 5px;	
	display:inline-block ;
	width:auto ;
}

.mtcol02-row02
{	
	padding:5px 5px 0px 5px;
}

/* End common grid layout */

/* Grid Style ->>*/

.financegridheader
{
	font-family: "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .8em;
	font-weight: normal;
}

.financegridrow  {
    background-color: #E4E4E4;
    Font-Size: .9em;
    font-family: "Trebuchet MS";
    color: #333;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;    
}

.financegridaltrow  {
    background-color: #FFFFFF;
    Font-Size: .9em;
    font-family: "Trebuchet MS";
    color: #333;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;    
}

.gridheaderstyle
{
    font-family: "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    color: #ffffff;
    font-weight: normal;    
    background-color:#944CB8 ;
}

.gridrow  {
    background-color: #FFFFFF;
    Font-Size: .9em;
    font-family: "Trebuchet MS";
    color: #333;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;    
}

.gridaltrow  {
    background-color: #D4F795;
    Font-Size: .9em;
    font-family: "Trebuchet MS";
    color: #333;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;    
}

.mtgrid
{
	border:0px solid #ffffff;	
}

.mtgrid tr td
{
	border-top: 1px solid #67009A;	
}

.mtgrid tr th
{
	color:#67009A;
}

.mtgrid1
{
	border:0px solid #ffffff;	
}

.mtgrid1 tr td
{	
	border-top: 1px solid #D4F795;	
}

.mtgrid1 tr th
{
	color:#67009A;
}

/*<<- Grid Style */

.mtcontainer
{
	width:100%;	
}

.mtheader
{
	color :#67009a;
	font-size:1.2em;
}

.mtcontainer .mtheader
{
	padding:2px 2px 2px 5px;
	margin:5px 5px 0px 0px;	
	width:100%;	
}

.mtheader h1
{
	font-size:1.15em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}

.mtheader .icon
{
	width:32px;
	height:32px;
	margin-bottom:-5px;
}

.mtcontainer .mtcontent
{
	font-size:0.9em;	
	border:1px solid #D4F795;
	padding:5px 5px 5px 5px;
	margin:0px 5px 10px 5px;
	display:inline-block;	
}

.mtcolphoto
{
	float :right ;
	padding:5px;
	text-align:center ;
	
}

.mtcolcontent
{
	padding:5px;
	width:185px;	
}

/*Start Ajax tab*/          
.ajax__tab_header 
{ 
font-family: "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
border-bottom :1px solid #D4F795;	
padding :0px;
} 
.newajaxtab .ajax__tab_outer 
{ 
	height:20px;
	font-size:12px;
	font-weight:normal ;
	margin-right:6px;
	padding:2px 5px;
	vertical-align :bottom ;
} 
.ajax__tab_inner 
{ 
	padding:0px;
	padding-left:3px;
} 

.newajaxtab .ajax__tab_tab 
{
	float: left;
	margin: 0 3px 0 0;
	padding: 2px 5px;
	font-size: 1.2em;
	line-height: 1.25;
	font-weight:normal;	
	
} 

.newajaxtab .ajax__tab_hover .ajax__tab_inner 
{ 
background: #D4F795;
}

.newajaxtab .ajax__tab_active .ajax__tab_outer 
{ 
background-color:#fff;
} 

.newajaxtab .ajax__tab_active .ajax__tab_inner 
{ 
background: #D4F795;
} 

.ajax__tab_active .ajax__tab_tab 
{
	color: #333;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width :0px;
} 

.ajax__tab_body 
{
padding:2px; 
padding-top:8px;
background-color:#ffffff; 
} 


.ajax__tab_container
{
	clear:both;
	padding:0px;
	margin :0px;
    overflow:hidden  ;
	}
            .ajax__tab_panel
            {
				clear:both;
				padding :0px;
				margin :0px;
			
				}

            .ajax__tab_tab {height:21 !important;margin:0pt;padding:4px;}
            .ajax__tab_inner {	height:19 !important;}
            .ajax__tab_active .ajax__tab_outer {	height:21 !important;}


/*End Ajax tab*/

/* Start tab style */
.mttabstyle .ajax__tab_header 
{
	border-bottom :1px solid #67009a;
}

.mttabstyle .ajax__tab_outer 
{ 
	height:20px;
	font-size:12px;
	font-weight:normal ;
	margin-right:6px;
	padding:2px 5px;
	vertical-align :bottom ;
} 

.mttabstyle .ajax__tab_tab 
{
	float: left;
	margin: 0 3px 0 0;
	padding: 2px 5px;
	font-size: 1.2em;
	line-height: 1.25;	
	color:#67009a;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width :0px;
} 



.mttabstyle .ajax__tab_hover .ajax__tab_inner 
{ 
background: #cdacde;
}

.mttabstyle .ajax__tab_hover .ajax__tab_tab 
{
	color:#fff;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width :0px;
} 

.mttabstyle .ajax__tab_active .ajax__tab_outer 
{ 
background-color:#fff;

} 

.mttabstyle .ajax__tab_outer 
{
	padding:2px 2px 2px 2px;
}


.mttabstyle .ajax__tab_active .ajax__tab_inner 
{ 
background: #cdacde;
} 

.mttabstyle .ajax__tab_active .ajax__tab_tab 
{
	color:#fff;
} 

/* End tab style */

.ajax__calendar_footer
{
 display:none ;
}
.ajax__calendar_container { z-index : 1000 ; }


span.note
{  
 font-size: 0.6em;
 line-height:7pt; 
}

.date-byline {
    font-size: .9em;
    color: #666;
}

.tipcontent
{
	padding:5px 5px 5px 5px;
	border: 1px solid #9C49C4;	
	font-size:11pt;
	display:inline-block ;
}

.PopupWindow
{
   background-color:#EBDDE2;
   border: solid 1px #944CB8;      
   position:absolute; 
   padding:15px 15px 15px 15px;
   color:red;
   z-index:2;
   visibility:hidden;  
}

.PopupWindow h3
{
	width:90%;
}

.popupclose
{
	background-image: url(http://www.mumbaitrader.com/Images/btnclosepop.png);
	border-width:0px;
	border-color:White;
	width:15px;
	height :15px;
	float :right ;
	right :-10px;
	top :-10px;
}

a.sidebarlink
{
	font-size:0.85em;
	line-height:normal ;
}

.watermarked
{
	color:#d2d2d2;
}

.content-container {
	padding: 10px 10px 10px 10px;
	border:1px solid #D4F795;	
}

.fmessage
{
	padding:40px 40px 40px 40px;
	text-align:center;
}

.msgstatus
{
	 border: 1px solid #d2d2d2;	
	 padding: 10px 10px 10px 10px;	 
	 background: #EBDDE2;
}
.errmsgred
{
	color:Red;
}

.photoright
{
	text-align:right ;
}

/* Common ID Styles */

#formContainer {
	width :auto;
	margin:0px 0px 0px 0px;
	background-color:#FFFFFF;	
}

#hcol01 ,#hcol02 
{
	float:left;
	width:49%;
}

#hcol02 
{
	text-align:right;
}

#mt-form .styled
{
	width:135px;
	padding:6px;
}

#mt-form .thefield
{
	font-size: 1.15em;
	font-weight:normal;
	color:#525252;
}

#mt-form .thefield input,
#mt-form .thefield select,
#mt-form .thefield textarea
{	
	font-size: 1.15em;
	font-weight:normal;
	padding:2px;
	width:210px;
	color:#525252;	
	border: 1px solid #c0c0c0;
	background-color:#f9f9f9;
}

#mt-form .thefield span, #mt-form .thefield label
{
	font-size: 1.15em;
	font-weight:normal;
	color:#525252;
}
#mt-form .thefield span.note
{
font-size: 0.6em;
}

#mt-form .thefield select
{	
	width:216px;
	table-layout: fixed	
}

#mt-form .thefield textarea
{	
	width:210px;
	height:80px;
	border: 1px solid #7F9DB9;	
}

#mt-form .thefield table
{
	font-size: 1em;
	width:210px;
	border: 1px solid #c0c0c0;
	background-color:#f9f9f9;
}

#mt-form .thefield .thevalue
{
	width:210px;
	float:left ;
	background-color:#f9f9f9;
	padding :2px;
}

#mt-form .thefield table input
{
	width:auto ;
	border-style:none ;
}

#mt-form .fieldwrapper
{
  padding:8px 0px
}

#mt-form .ajax__calendar_container
{
	width:210px;
}

#mt-form .ajax__calendar_body
{
	width:210px;
}

#mt-form .ajax__calendar_body td
{
	 padding:0px;
	 margin:0px;
}

#mt-form .mainheader
{
	margin-bottom:0px;
	 border-bottom-style:none ;
}

#mt-form .note
{
	padding-top:0px;
}

#postaction
{
	float :right ;
	padding :10px;
}