/* 
Document   : main
Created on : Nov 11, 2008, 2:35:01 PM
Author     : lgoklani
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html,body{margin:0;padding:0;}
body{font: 76% arial,sans-serif;text-align:center;background:#c3c1c6;margin:15px 0px 15px 0px;}
h1 {
  font: bold 140% "Lucida Grande";
  position: relative;
  color: #464646;
  margin:3px;
  padding:3px;
}

/*General Tags*/
h4{
   font-size:14px;
   color: #fff;
   padding:0;
   margin:0px;
   text-align:center;
   background:#751b13;
   height:18px;
}

div.google_ads{
   text-align:center;
   float:right;
}


 .logo h3 {color: #a14536; text-shadow: 2px 2px 2px #000; font-size:20px; font-weight:bold;}


div#container{text-align:left;width:800px;margin:0 auto;background:#fff;}
div#header{width:100%;height:40px;}
div#header div.logo{float:left;margin:10px 25px -5px 10px;}
div#header div.social_media{float:left;margin:10px 25px -5px 10px;}
div#header div.googlesearchbox{float:right;margin-top:45px;margin-right:10px;}
div#header_separator{background:#AC272A; height:10px;clear:both;}
div#content p{line-height:1.4}
div#footer{clear:left;width:100%;background:#ecd9b1;}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;}
div#footer_separator{background:#AC272A; height:15px;clear:both;}
div#inner_wrapper{float:left;width:460px;}
div#content{float:left;background:#fff;margin:0px 1px 0px 3px;}
div#sidebarfirst{float:left;margin-left:5px;background:#fff;}
div#sidebarsecond{float:left;margin-left:15px;background:#fff;}
div#navigation{clear:left;}

/** Funds Major Area **/
div#fundsmajor{width:inherit;margin:1px;}
div#fundsmajor p{float:left;width:200px;padding:0px;margin:0px;}
div.clearit{clear:left;}

div.noDisplay{
   display:none;
}

/** Navigation Menu **/
#menu{position:absolute;}
#menu ul .item{display:none;}
#menu ul:hover .item{display:block;background:#000;padding:0px;margin:0px;}
#menu ul:hover .item a{color:#fff;text-decoration:none;}
#menu ul:hover .item a:hover{color:#999;}
#menu ul{width:100px;float:left;margin:0px;padding:0px;background:#b10000;list-style:none;}

/** Caption Class Used As Heading**/
.caption{margin-top:5px; font-size: 15px;background: url('http://www.mutualfundsnavindia.com/images/blockdefault.gif');border-bottom:2px solid #660033;color: #FFF;padding:0px;text-align:center;}

/** Gainers Losers CSS **/

div#gainers{
   width:180px;
   margin:0px 0px 0px 5px;
   background:#fff;
}

#gainers p.title{
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color:#000;
   font-weight:bold;
   height:15px;
   margin:0px;
   padding: 3px;
   background:#fffdee;
}

#gainers p.title span{
   color:#000;
   border-bottom:1px solid #000;
}

#gainers span{
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   margin-bottom:5px;
   vertical-align:middle;
}

#gainers span a{
   margin-bottom:5px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
}

#gainers span.name{
   width:100px;
   float:left;
}

#gainers span.change{
   float:right;
   color:green;
   font-weight:bold;
}

#gainers span.poschange{
   float:right;
   color:green;
   font-weight:bold;
}

#gainers span.negchange{
   float:right;
   color:red;
   font-weight:bold;
}

/** Related Keywords CSS **/
#related a.relatedWords{
   margin:5px;
   display:block;
   font-size:12px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
}

/** Nav page css **/
div#fundsnav{
   width:550px;
}

div#fundsnav .fundsnavtitle{
   display:block;
   clear:left;
   height:30px;
   background:#475e8c;
   vertical-align:top;
   font-weight:bold;
   font-size:14px;
   color:#fff;
}

div#fundsnav .fundsnav1{
   display:block;
   clear:left;
   height:60px;
   background:#fcfcfd;
   vertical-align:top;
}

div#fundsnav .fundsnav2{
   display:block;
   clear:left;
   height:60px;
   background:#dde2e8;

}

div#fundsnav  p{
   float:left;
   margin:2px;
   vertical-align:top;
}

div#fundsnav  p.code{
   width:40px;
   text-align:right;
   margin-right:3px;
}

div#fundsnav  p.name{
   width:260px;
   color:navy;
}

div#fundsnav  p.date{
   width:100px;
}

div#fundsnav  p.nav{
   width:60px;
   color:green;
   text-align:right;
   font-weight:bold;
}


div#fundsnav fieldset{
   background:url('../images/panel.jpg');
   border:0px;
}

div#fundsnav fieldset label
{
   width: 12em;
   float: left;
   text-align: right;
   margin-right: 0.5em;
   display: block;
   font-weight:bold;
}

/** Jquery Navigation Menu CSS **/
.jqueryslidemenu{
   font: bold 12px Verdana;
   background: #c8e181;
   width: 100%;
}

.jqueryslidemenu ul{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
   position: relative;
   display: inline;
   float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
   display: block;
   background: #c8e181; /*background of tabs (default state)*/
   padding: 8px 10px;
   border-right: 1px solid #778;
   color: #2d2b2b;
   text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
   display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
   color: #000;
}

.jqueryslidemenu ul li a:hover{
   background: black; /*tab link background during hover state*/
   color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
   position: absolute;
   left: 0;
   display: block;
   visibility: hidden;
   z-index:999;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
   display: list-item;
   float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
   top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
   font: normal 13px Verdana;
   width: 160px; /*width of sub menus*/
   padding: 5px;
   margin: 0;
   border-top-width: 0;
   border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
   background: #eff9ff;
   color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
   position: absolute;
   top: 12px;
   right: 7px;
}

.rightarrowclass{
   position: absolute;
   top: 6px;
   right: 5px;
}

/** Pagination Links **/
#fundsnavlinks{
   height:10px;
   text-align:right;
   margin-top:5px;
}

#fundsnavlinks .pager{

}

/** RSS Feeds CSS **/
#rss_feeds{
   width:400px;
   float:left;
}

#rss_feeds  p{
   margin:0px;
   padding:0px;
}

#rss_feeds  h3{
   margin:0px;
   padding:0px;
}


/** Jtips CSS **/
.formInfo a, .formInfo a:active, formInfo a:visited{
   background-color:#FF0000;
   font-size: 1.0em;
   padding:1px 3px;
   margin-left:2px;
   color:#FFFFFF;
   text-decoration: none;
}

.formInfo a:hover{
   color:#660000;
   text-decoration: none;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

ul.tooltips{
   list-style: none;
   margin:0px;
   padding:0px;
   text-align:left;
}

ul.tootips li{
   padding-top:3px;
   margin:0px; padding:0px;
}

ul.tooltips span{
   font-weight:bold;
}

#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}

#JT_arrow_left{
   background-image: url(../images/arrow_left.gif);
   background-repeat: no-repeat;
   background-position: left top;
   position: absolute;
   z-index:101;
   left:-12px;
   height:23px;
   width:10px;
   top:-3px;
}

#JT_arrow_right{
   background-image: url(../images/arrow_right.gif);
   background-repeat: no-repeat;
   background-position: left top;
   position: absolute;
   z-index:101;
   height:23px;
   width:11px;
   top:-2px;
}

#JT {
   position: absolute;
   z-index:100;
   border: 2px solid #CCCCCC;
   background-color: #fff;
}

#JT_copy{
   padding:10px 10px 10px 10px;
   color:#333333;
}

.JT_loader{
   background-image: url(../images/loader.gif);
   background-repeat: no-repeat;
   background-position: center center;
   width:100%;
   height:12px;
}

#JT_close_left{
   background-color: #CCCCCC;
   text-align: left;
   padding-left: 8px;
   padding-bottom: 5px;
   padding-top: 2px;
   font-weight:bold;
}

#JT_close_right{
   background-color: #CCCCCC;
   text-align: left;
   padding-left: 8px;
   padding-bottom: 5px;
   padding-top: 2px;
   font-weight:bold;
}

#JT_copy p{
   margin:3px 0;
}

#JT_copy img{
   padding: 1px;
   border: 1px solid #CCCCCC;
}

.jTip{
   cursor:help;
}




/** Form CSS **/
#addfund .myform{
   margin:0 auto;
   width:550px;
}

#addfund label {
   vertical-align: middle;
}

#addfund label.error {
   display:inline;
   float: none;
   color: red;
   padding-left: .5em;
   vertical-align: top;
   font-weight:bold
}

#addfund .myform div {
   clear:left;
}

/* ----------- stylized ----------- */
#addfund{
   border:solid 2px #b7ddf2;
   background:#ebf4fb;
}

#addfund span.fundname{
   font-weight:bold;
   margin:2px 0 5px 5px;
}

#addfund .small{
   color:#666666;
   display:block;
   font-size:11px;
   font-weight:normal;
   text-align:right;
   width:140px;
}
#addfund input{
   float:left;
   font-size:12px;
   padding:4px 2px;
   border:solid 1px #aacfe4;
   width:150px;
   margin:0px 0 5px 5px;
}
#addfund button{
   clear:both;
   margin-left:150px;
   width:125px;
   height:31px;
   background:#666666 url(img/button.png) no-repeat;
   text-align:center;
   line-height:31px;
   color:#FFFFFF;
   font-size:11px;
   font-weight:bold;
}
.error_message{
   font-weight:bold;
   color:red;
}

/** Search Form CSS **/
 #navsearchform{
   background:gray;
   padding: 5px;
   margin:1px;
}

.searchform .alphasearch{
   margin:1px;
}

.searchform .alphasearch a{
   font-size: 10px;   
}