/* CSS Document */

/*PAGE LAYOUT*/
html, body {
font-family:lucida,verdana,sans-serif;
color:#000000;
background-color:#6b6b6b;
}

body {
padding:0px;
margin:10px 15px 15px 15px;
color:#000000;
background-color:#ffffff;
border:solid 1px #000000;
}
h1 {
font: 0.7em Tahoma, sans-serif;
	font-size:22px;
	font-weight:bold;
	
}

a {
border: 0px none;	
}

#toplogo{background-image:url('stockbangladesh.jpg'); width:329px; background-repeat:no-repeat;}
#topbanner{height:170px}

/* #topbanner{background-image:url('banner.jpg'); background-repeat:no-repeat; height:170px} */

#topbanner_right{background-image:url('top_bar.jpg'); background-repeat:repeat-x;}
#logo{background-image:url('stock_bangladesh_logo.gif'); width:270px;height:213px;background-repeat:no-repeat}
#topheader{float:right; width:100%; height:97px; background-color:#F0F0F0; position:relative}
#toplinks{position:absolute; right:10px; top:10px;}
#menu{float:right; width:100%; height:32px; background-image:url('bg_menu.gif'); background-repeat:repeat-x}
#submenu{float:right; width:100%; height:30px; background-image:url('bg_submenu.gif'); background-repeat:repeat-x; background-position-y:50%}
#contenttext{width:800px;}
#leftpanel{width:250px;position:relative}
#footer{float:left; width:100%; background-color:#F0F0F0; padding:10px;}
#page{width:90%;}

/*GRAY PANEL*/
.graypanel{
	border:solid 1px #CCCCCC; background-color:#F7F7F7; padding:5px; margin:5px;
}

.whitepanelwithborder{
	border:solid 1px #CCCCCC; background-color:#FFFFFF; padding:5px; margin:5px;
}


.whitepanel{
	border:solid 0px #FFFFFF; background-color:#FFFFFF; padding:5px; margin:5px;
}


/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
}
.pricetext {
	font: 0.7em Tahoma, sans-serif;
	color: #000000;
	font-weight:bold;
}

.btext {
	font: 0.8em Tahoma, sans-serif;
	color: #666666;
}


.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#CC0000;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#CC0000;
}

.status {
	font: 0.7em Tahoma, sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#CC0000;
}


.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}

.smallgreentext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:green; 
}

.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}

#statesmod {position:relative;}
    #statesautocomplete, #statesautocomplete2 {position:relative;width:15em;margin-bottom:1em;}/* set width of widget here*/
    #statesautocomplete {z-index:9000} /* for IE z-index of absolute divs inside relative divs issue */
    #statesinput, #statesinput2 {_position:absolute;width:100%;height:1.4em;z-index:0;} /* abs for ie quirks */
    #statescontainer, #statescontainer2 {position:absolute;top:1.7em;width:100%}
    #statescontainer .yui-ac-content, #statescontainer2 .yui-ac-content {position:absolute;width:100%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
    #statescontainer .yui-ac-shadow, #statescontainer2 .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
    #statescontainer ul, #statescontainer2 ul {padding:5px 0;width:100%;}
    #statescontainer li, #statescontainer2 li {padding:0 5px;cursor:default;white-space:nowrap;}
    #statescontainer li.yui-ac-highlight, #statescontainer2 li.yui-ac-highlight {background:#ff0;}
    #statescontainer li.yui-ac-prehighlight, #statescontainer2 li.yui-ac-prehighlight {background:#FFFFCC;}
    
    
#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color:#F7F7F7;
overflow: hidden;
border:solid 1px #CCCCCC;
padding:10px;
margin:10px;
}
.clsup
{
	color:			green; 
	cursor:			hand;
	cursor:			pointer; 
	font-family:Tahoma;
	font-size: 10px;
	font-weight:bold;
	
	
}

.clsdown
{
	color:			red; 
	cursor:			hand;
	cursor:			pointer; 
	font-family:Tahoma;
	font-size: 10px;
	font-weight:bold;
	
	}

.clseq
{
	color:			black; 
	cursor:			hand;
	cursor:			pointer; 
	font-family:Tahoma;
	font-size: 10px;
	font-weight:bold;
	
	}
.clsnews
{
	color:			#F7F7F7; 
	cursor:			hand;
	cursor:			pointer; 
	
	font-family:Tahoma;
	font-size: 11px;
	padding:5px; 
	margin:5px;
	
	}
	
	
.clsspeed
{
	color:			black; 
	cursor:			hand;
	cursor:			pointer; 
	font-family:Arial;
	font-size: 15px;
	font-weight:bold;
	
	}
	

	
.tutorial
{
	font-family:SolaimanLipi,Verdana;
	font-size: 12px;
	font-weight:bold;
	
}



#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
}

#mytable caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th {
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	background: #CAE8EA url('bg_header.jpg') no-repeat;; font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; padding-left:12px; padding-right:6px; padding-top:6px; padding-bottom:6px
}

#mytable th.nobg {
	border-top: 0px none;
	border-left: 0px none;
	border-right: 1px solid #C1DAD7;
	background: none
}

#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable td.nocss {
	
}


#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0px none;
	background: #fff url('bullet1.gif') no-repeat;
	font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0px none;
	background: #f5fafa url('bullet2.gif') no-repeat;
	color: #797268; font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

	
/* data tables */
table.data caption,
table.data th,
table.data td {
    padding: 0.1em 0.5em 0.1em 0.5em;
    margin: 0;
    margin: 0.1em;
    vertical-align: top;
    font-family:arial,helvetica,geneva,sans-serif;
font-size:small;

}

/* odd table rows 1,3,5,7,... */
table tr.odd th,
table tr.odd {
    background-color: #E5E5E5;
    text-align: left;
}

/* even table rows 2,4,6,8,... */
table tr.even th,
table tr.even {
    background-color: #D5D5D5;
    text-align: left;
}

table tr.expired th,
table tr.expired {
    background-color: #C4C4C4;
    text-align: left;
}


/* marked tbale rows */
table tr.marked th,
table tr.marked {
    background-color: #FFCC99;
}

/* hovered table rows */
table tr.odd:hover,
table tr.even:hover,
table tr.odd:hover th,
table tr.even:hover th,
table tr.hover th,
table tr.hover {
    background-color: #CCFFCC;
}

table .value {
    text-align: right;
    white-space: nowrap;
    font-family: "Courier New", Courier, monospace;
}
/* IE doesnt handles 'pre' right */
table [class=value] {
    white-space: pre;
}

.value .attention {
    color: red;
    font-weight: bold;
}

.value .allfine {
    color: green;
}
.tblcomment     {font-size: x-small; font-weight: normal; color: #000099; }

.tblHeaders {
    background-color: #D0DCE0;
    font-weight: bold;
    color: #000000;
}
.tblFooters {
    background-color: #D0DCE0;
    font-weight: normal;
    color: #000000;
}
.tblHeaders a:link,
.tblHeaders a:active,
.tblHeaders a:visited,
.tblFooters a:link,
.tblFooters a:active,
.tblFooters a:visited {
    color: #0000FF;
}
.tblHeaders a:hover,
.tblFooters a:hover {
    color: #FF0000;
}

th {
background-color:#D3DCE3;
color:#000000;
font-family:arial,helvetica,geneva,sans-serif;
font-size:small;
font-weight:bold;
}