@charset "utf-8";
/* CSS Document - Colombo Stock Exchange - By Dilanka Gunarathna*/

<!-- Graph size is 264px 125px -->

/* ----------- Div Styles ----------- */

	/* ------ Styles for the graphs ------ */

div.div_graph_tabMain {
	padding:0px 5px 0px 5px;
	margin:0px 0px 0px 0px;
	border:none;
	background:url(../images/graph_tabHrLine.gif) bottom repeat-x;
	width:291px;
	height:34px;
}

div.div_statusRed {
	float:left;
	display:block;
	padding:4px 0px 4px 12px;
	width:269px;
	height:auto;
	background:#c32626;
	font-size:0.84em;
	color:#FFFFFF;
}

div.div_statusGreen {
	float:left;
	display:block;
	padding:4px 0px 4px 12px;
	width:269px;
	height:auto;
	background:#238d18;
	font-size:0.84em;
	color:#FFFFFF;
}

div.div_statusDefault {
	float:left;
	display:block;
	padding:4px 0px 4px 12px;
	width:269px;
	height:auto;
	background:#283D79;
	font-size:0.84em;
	color:#FFFFFF;
}

div.div_graph_tabSpacerLeft {
	float:left;
	margin:0px;
	padding:0px;
	border:0px none;
	background:url(../images/graph_tabHrLine.gif) bottom repeat-x;
	width:5px;
	height:34px;
	display:inline;
}
div.div_graph_tabSpacerRight {
	float:left;
	margin:0px;
	padding:0px;
	border:0px none;
	background:url(../images/graph_tabHrLine.gif) bottom repeat-x;
	width:30px;
	height:34px;
	display:inline;
}

div.div_graph_tabActiveLS {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	background:url(../images/graph_tabActiveLSHt.gif) top right no-repeat;
	width:8px;
	height:34px;
	display:inline;
}

div.div_graph_tabActiveCen {
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	border:none;
	background:url(../images/graph_tabActiveCenRptHt.gif) top center repeat-x;
	width:auto;
	height:34px;
	display:inline;
	cursor:default;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#012547;
	text-align:center;
	text-decoration:none;
}

div.div_graph_tabActiveCenSLine {
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	border:none;
	background:url(../images/graph_tabActiveCenRptHt.gif) top center repeat-x;
	width:auto;
	height:34px;
	display:inline;
	cursor:default;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#012547;
	text-align:center;
	text-decoration:none;
}


div.div_graph_tabActiveCont {
	float:left;
	padding:4px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	width:auto;
	height:auto;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#5c5c5c;
	text-align:center;
	text-decoration:none;
}
div.div_graph_tabActiveContSLine {
	float:left;
	padding:12px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	width:auto;
	height:auto;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#5c5c5c;
	text-align:center;
	text-decoration:none;
}
div.div_graph_tabActiveRS {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	background:url(../images/graph_tabActiveRSHt.gif) top left no-repeat;
	width:8px;
	height:34px;
	display:inline;
}
div.div_graph_tabInactiveLS {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	background:url(../images/graph_tabInactiveLSHt.gif) top right no-repeat;
	width:8px;
	height:34px;
	display:inline;
}

div.div_graph_tabInactiveCen {
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	border:none;
	background:url(../images/graph_tabInactiveCenRptHt.gif) top center repeat-x;
	width:auto;
	height:34px;
	display:inline;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
div.div_graph_tabInactiveCenSLine {
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	border:none;
	background:url(../images/graph_tabInactiveCenRptHt.gif) bottom repeat-x;
	width:auto;
	height:34px;
	display:inline;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}


div.div_graph_tabInactiveCont {
	float:left;
	padding:4px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	width:auto;
	height:auto;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#a3a3a3;
	text-align:center;
	text-decoration:none;
}
div.div_graph_tabInactiveContSLine {
	float:left;
	padding:12px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	width:auto;
	height:auto;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#a3a3a3;
	text-align:center;
	text-decoration:none;
}

div.div_graph_tabInactiveCen a {
	color:#a3a3a3;
	text-decoration:none;
}
div.div_graph_tabInactiveCen a:visited {
	color:#a3a3a3;
	text-decoration:none;
}
div.div_graph_tabInactiveCen a:hover {
	color:#5c5c5c;
	text-decoration:none;
}
div.div_graph_tabInactiveCen a:active {
	color:#a3a3a3;
	text-decoration:none;
}

div.div_graph_tabInactiveRS {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	background:url(../images/graph_tabInactiveRSHt.gif) top left no-repeat;
	width:8px;
	height:36px;
	display:inline;
}

div.div_graph_tabLinks {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	width:auto;
	height:34px;
	display:inline;
	text-align:center;
}

div.div_graph_tabLinks ul {
	float:left;
	padding:4px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	width:auto;
	height:auto;
	display:inline;
	list-style:none;
}
div.div_graph_tabLinks li {
	float:left;
	padding:0px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	border:none;
	width:auto;
	height:auto;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#012547;
	text-align:center;
	text-decoration:none;
}
div.div_graph_tabLinks a {
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#012547;
	text-align:center;
	text-decoration:none;
}
div.div_graph_tabLinks a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#012547;
	text-align:center;
	text-decoration:none;
}
div.div_graph_tabLinks a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#0371D3;
	text-align:left;
	text-decoration:none;
}
div.div_graph_tabLinks a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#012547;
	text-align:center;
	text-decoration:none;
}

div.div_graph_dataMain {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	background:url(../images/graph_data_bg.jpg) top center no-repeat;
	width:285px;
	height:78px;
	display:inline;
	text-align:center;
}

div.div_graph_data {
	float:left;
	padding:8px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	border:none;
	width:263px;
	height:38px;
}

div.div_graph_data ul {
	float:left;
	padding:0px 0px 0px 0px;
	margin:6px 0px 0px 0px;
	border:none;
	width:263px;
	height:12px;
}
div.div_graph_data li {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 25px;
	border:none;
	width:50px;
	height:auto;
	display:inline;

	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	text-decoration:none;
}

div.div_dataCompareMain {
	float:left;
	padding:6px 0px 4px 26px;
	margin:0px 0px 0px 0px;
	border:none;
	width:245px;
	height:15px;
	display:inline;

	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
}

div.div_dataCompareMain ul {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	display:inline;
	width:236px;
}
div.div_dataCompareMain li {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 6px 0px 0px;
	border:none;
	width:auto;
	display:inline;

	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:right;
	text-decoration:none;
}
div.div_dataCompareMain a:link {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
}
div.div_dataCompareMain a:visited {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
}
div.div_dataCompareMain a:hover {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#D5F7FD;
	text-align:left;
	text-decoration:none;
}
div.div_dataCompareMain a:active {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
}

div.div_graphDataCol1 {
	float:left;
	padding:6px 3px 3px 5px;
	margin:0px;
	width:18%;
	height:12px;
	display:inline;
}
div.div_graphDataCol2 {
	float:left;
	padding:6px 3px 3px 5px;
	margin:0px;
	width:18%;
	height:12px;
	display:inline;
	text-align:right;
}
div.div_graphDataCol3 {
	float:left;
	padding:6px 3px 3px 5px;
	margin:0px;
	width:18%;
	height:12px;
	display:inline;
	text-align:right;
}
div.div_graphDataCol4 {
	float:left;
	padding:6px 3px 3px 5px;
	margin:0px;
	width:18%;
	height:12px;
	display:inline;
	text-align:right;
}
div.div_graphDataCol5 {
	float:left;
	padding:6px 3px 3px 5px;
	margin:0px;
	width:18%;
	height:12px;
	display:inline;
	text-align:right;
}
div.div_graphDataCol6 {
	float:left;
	padding:8px 3px 3px 10px;
	margin:0px;
	width:1%;
	height:12px;
	display:inline;
	text-align:right;
}


div.div_graphExpanded_data {
	float:left;
	padding:0px 0px 6px 8px;
	margin:0px 0px 0px 0px;
	border:none;
	width:263px;
	height:22px;
}



div.div_graphExpanded_data ul {
	float:left;
	padding:0px 0px 0px 0px;
	margin:6px 0px 0px 0px;
	border:none;
	width:263px;
	height:12px;
}
div.div_graphExpanded_data li {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 25px;
	border:none;
	width:50px;
	height:auto;
	display:inline;

	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	text-decoration:none;
}

div.div_graphExpanded_dataCustom {
	float:left;
	padding:0px 0px 6px 8px;
	margin:0px 0px 0px 0px;
	border:none;
	width:263px;
	height:22px;
}

div.div_graphExpanded_dataCustom ul {
	float:left;
	padding:0px 0px 0px 0px;
	margin:6px 0px 0px 0px;
	border:none;
	width:263px;
	height:12px;
}
div.div_graphExpanded_dataCustom li {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 25px;
	border:none;
	width:50px;
	height:auto;
	display:inline;

	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	text-decoration:none;
}


/* ------------ Top Header Styles -----------*/
/*

div.div_graph_topHeaderMain {
	float:left;
	margin:0px;
	padding:0px;
	width:281px;
	height:60px;

}
div.div_graph_topHeaderLeft {
	float:left;
	margin:0px;
	padding:0px;
	width:5px;
	height:60px;
	background:url(../images/bgGraphTopHeaderLeft.gif) top right no-repeat #cd1717;
	display:inline;
}
div.div_graph_topHeaderCen {
	float:left;
	margin:0px;
	padding:0px;
	width:271px;
	height:60px;
	background:#cd1717;
	display:inline;
}
div.div_graph_topHeaderRight {
	float:left;
	margin:0px;
	padding:0px;
	width:5px;
	height:60px;
	background:url(../images/bgGraphTopHeaderRight.gif) top left no-repeat #cd1717;
	display:inline;
}

div.div_graph_topHeaderTitle {
	float:left;
	margin:0px;
	padding:5px 0px 7px 0px;
	width:271px;
	height:12px;
	background:url(../images/graph_topHeaderCenHrLine.gif) bottom no-repeat #cd1717;
	text-align:center;
	font-size:0.84em;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
div.div_graph_topHeaderCont {
	float:left;
	margin:0px;
	padding:1px 0px 1px 0px;
	width:271px;
	height:auto;
	text-align:center;
	color:#ffd1d1;
	font-weight:normal;
	text-decoration:none;
}

div.div_graph_topHeaderCol01 {
	float:left;
	margin:8px 0px 0px 0px;
	padding:5px 1px 0px 2px;
	width:35px;
	height:39px;
	display:inline;
	text-align:left;
	vertical-align:middle;
	background:url(../images/graph_topHeaderVrLine.gif) center right no-repeat;
}
div.div_graph_topHeaderCol02 {
	float:left;
	margin:4px 0px 0px 0px;
	padding:2px 4px 0px 4px;
	width:185px;
	height:37px;
	display:inline;
	text-align:left;
}
div.div_graph_topHeaderCol02Img {
	float:left;
	margin:9px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:2px;
	height:48px;
	display:inline;
	text-align:left;
	background:url(../images/graph_topHeaderVrLine.gif) right no-repeat;
}
div.div_graph_topHeaderCol03 {
	float:left;
	margin:8px 0px 0px 0px;
	padding:5px 2px 0px 4px;
	width:28px;
	height:39px;
	display:inline;
	text-align:left;
	background:url(../images/logo_CSERed.jpg) center no-repeat;
}
*/

div.div_graph_topHeaderMain {
	float:left;
	margin:0px;
	padding:0px;
	width:281px;
	height:60px;
	background:#283D79;
}
div.div_graph_topHeaderMainRed {
	float:left;
	margin:0px;
	padding:0px;
	width:281px;
	height:60px;
	background:#c32626;
}
div.div_graph_topHeaderMainDefault {
	float:left;
	margin:0px;
	padding:0px;
	width:281px;
	height:60px;
	background:#999966;
}
div.div_graph_topHeaderMainGreen {
	float:left;
	margin:0px;
	padding:0px;
	width:281px;
	height:80px;
	background:#238d18;
}
div.div_graph_topHeaderMainBlue {
	float:left;
	margin:0px;
	padding:0px;
	width:281px;
	height:60px;
	background:#2f78c4;
}
div.div_graph_topHeaderLeft {
	float:left;
	margin:0px;
	padding:0px;
	width:5px;
	height:60px;
	background:url(../images/bgGraphTopHeaderLeft.gif) top right no-repeat;
	display:inline;
}
div.div_graph_topHeaderCen {
	float:left;
	margin:0px;
	padding:0px;
	width:271px;
	height:60px;
	display:inline;
}
div.div_graph_topHeaderRight {
	float:left;
	margin:0px;
	padding:0px;
	width:5px;
	height:60px;
	background:url(../images/bgGraphTopHeaderRight.gif) top left no-repeat;
	display:inline;
}

div.div_graph_topHeaderLeftGreen {
	float:left;
	margin:0px;
	padding:0px;
	width:5px;
	height:60px;
	background:url(../images/bgGraphTopHeaderLeftGreen.gif) top right no-repeat;
	display:inline;
}

div.div_graph_topHeaderLeftBlue {
    float:left;
    margin:0px;
    padding:0px;
    width:5px;
    height:10px;
    background:url(../images/bgGraphTopHeaderLeftLightBlue.gif) top right no-repeat;
    display:inline;
}
div.div_graph_topHeaderLeftRed {
    float:left;
    margin:0px;
    padding:0px;
    width:5px;
    height:10px;
    background:url(../images/bgGraphTopHeaderLeftRed.gif) top right no-repeat;
    display:inline;
}
div.div_graph_topHeaderCenGreen {
	float:left;
	margin:0px;
	padding:0px;
	width:271px;
	height:70px;
	display:inline;
}
div.div_graph_topHeaderCenRed {
    float:left;
    margin:0px;
    padding:0px;
    width:271px;
    height:auto;
    display:inline;
}
div.div_graph_topHeaderCenBlue {
	float:left;
	margin:0px;
	padding:0px;
	width:271px;
	height:70px;
	display:inline;
}
div.div_graph_topHeaderRightGreen {
	float:left;
	margin:0px;
	padding:0px;
	width:5px;
	height:70px;
	background:url(../images/bgGraphTopHeaderRightGreen.gif) top left no-repeat;
	display:inline;
}
div.div_graph_topHeaderRightRed {
    float:left;
    margin:0px;
    padding:0px;
    width:5px;
    height:auto;
    background:url(../images/bgGraphTopHeaderRightRed.gif) top left no-repeat;
    display:inline;
}
div.div_graph_topHeaderRightBlue {
	float:left;
	margin:0px;
	padding:0px;
	width:5px;
	height:10px;
	background:url(../images/bgGraphTopHeaderRightLightBlue.gif) top left no-repeat;
	display:inline;
}

div.div_graph_topHeaderTitle {
	float:left;
	margin:0px;
	padding:5px 0px 7px 0px;
	width:271px;
	height:12px;
	background:url(../images/graph_topHeaderCenHrLine.gif) bottom no-repeat #cd1717;
	text-align:center;
	font-size:0.84em;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
div.div_graph_topHeaderTitleGreen {
	float:left;
	margin:0px;
	padding:5px 0px 7px 0px;
	width:271px;
	height:12px;
	background:url(../images/graph_topHeaderCenHrLineGreen.gif) bottom no-repeat;
	text-align:center;
	font-size:0.84em;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
div.div_graph_topHeaderTitleRed {
	float:left;
	margin:0px;
	padding:5px 0px 7px 0px;
	width:271px;
	height:12px;
	background:url(../images/graph_topHeaderCenHrLineRed.gif) bottom no-repeat;
	text-align:center;
	font-size:0.84em;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
div.div_graph_topHeaderTitleBlue {
	float:left;
	margin:0px;
	padding:5px 0px 7px 0px;
	width:271px;
	height:12px;
	background:url(../images/graph_topHeaderCenHrLineBlue.gif) bottom no-repeat;
	text-align:center;
	font-size:0.84em;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
div.div_graph_topHeaderCont {
	float:left;
	margin:0px;
	padding:1px 0px 1px 0px;
	width:271px;
	height:auto;
	text-align:center;
	color:#ffd1d1;
	font-weight:normal;
	text-decoration:none;
}
div.div_graph_topHeaderContGreen {
	float:left;
	margin:0px;
	padding:1px 0px 1px 0px;
	width:271px;
	height:auto;
	text-align:center;
	color:#ffd1d1;
	font-weight:normal;
	text-decoration:none;
}
div.div_graph_topHeaderContRed {
	float:left;
	margin:0px;
	padding:1px 0px 1px 0px;
	width:271px;
	height:auto;
	text-align:center;
	color:#ffd1d1;
	font-weight:normal;
	text-decoration:none;
}
div.div_graph_topHeaderContBlue {
	float:left;
	margin:0px;
	padding:1px 0px 1px 0px;
	width:271px;
	height:auto;
	text-align:center;
	color:#ffd1d1;
	font-weight:normal;
	text-decoration:none;
}
div.div_graph_topHeaderCol01 {
	float:left;
	margin:8px 0px 0px 0px;
	padding:5px 1px 0px 2px;
	width:35px;
	height:39px;
	display:inline;
	text-align:left;
	vertical-align:middle;
	background:url(../images/graph_topHeaderVrLine.gif) center right no-repeat;
}


div.div_graph_topHeaderHrLRed {
	float:left;
	margin:4px 0px 1px 0px;
	padding:0px;
	width:40px;
	height:2px;
	background:url(../images/graph_topHeaderHrLineRed.gif) center no-repeat;
}
div.div_graph_topHeaderHrLGreen {
	float:left;
	margin:0px;
	padding:4px 0px 1px 0px;
	width:35px;
	height:2px;
	background:url(../images/graph_topHeaderHrLineGreen.gif) center no-repeat;
}
div.div_graph_topHeaderHrLBlue {
	float:left;
	margin:0px;
	padding:4px 0px 1px 0px;
	width:35px;
	height:2px;
	background:url(../images/graph_topHeaderHrLineBlue.gif) center no-repeat;
}
div.div_graph_topHeaderCol01Green {
	float:left;
	margin:0px 0px 0px 0px;
	padding:6px 1px 0px 2px;
	width:50px;
	height:auto;
	display:block;
	text-align:left;
	vertical-align:middle;
	background:url(../images/graph_topHeaderVrLineGreen.gif) center right no-repeat;
}

div.div_graph_topHeaderCol01Red {
    float:left;
    margin:0px 0px 0px 0px;
    padding:13px 1px 0px 2px;
    width:auto;
    height:auto;
    text-align:left;
}

div.div_graph_topHeaderCol01Blue {
	float:left;
	margin:0px 0px 0px 0px;
	padding:6px 1px 0px 2px;
	width:50px;
	height:auto;
	display:block;
	text-align:left;
	vertical-align:middle;
	background:url(../images/graph_topHeaderVrLineBlue.gif) center right no-repeat;
}

div.div_graph_topHeaderCol02 {
	float:left;
	margin:4px 0px 0px 0px;
	padding:2px 4px 0px 4px;
	width:195px;
	height:37px;
	display:inline;
	text-align:left;
}

div.div_graph_topHeaderCol02Green {
	float:left;
	margin:4px 0px 0px 0px;
	padding:2px 4px 0px 6px;
	width:168px;
	height:37px;
	display:inline;
	text-align:left;
}

div.div_graph_topHeaderCol02Red {
    float:left;
    margin:4px 0px 0px 0px;
    padding:2px 4px 0px 6px;
    width:168px;
    height:auto;
    display:inline;
    text-align:left;
}

div.div_graph_topHeaderCol02Blue {
	float:left;
	margin:4px 0px 0px 0px;
	padding:2px 4px 0px 6px;
	width:168px;
	height:37px;
	display:inline;
	text-align:left;
}

div.div_graph_topHeaderCol02Img {
	float:left;
	margin:9px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:2px;
	height:48px;
	display:inline;
	text-align:left;
	background:url(../images/graph_topHeaderVrLine.gif) right no-repeat;
}

div.div_graph_topHeaderCol02ImgGreen {
	float:left;
	margin:9px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:2px;
	height:48px;
	display:inline;
	text-align:left;
	background:url(../images/graph_topHeaderVrLineGreen.gif) right no-repeat;
}

div.div_graph_topHeaderCol02ImgRed {
	float:left;
	margin:9px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:2px;
	height:48px;
	display:inline;
	text-align:left;
	background:url(../images/graph_topHeaderVrLineRed.gif) right no-repeat;
}

div.div_graph_topHeaderCol02ImgBlue {
	float:left;
	margin:9px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:2px;
	height:48px;
	display:inline;
	text-align:left;
	background:url(../images/graph_topHeaderVrLineBlue.gif) right no-repeat;
}

div.div_graph_topHeaderCol03 {
	float:left;
	margin:8px 0px 0px 0px;
	padding:5px 2px 0px 4px;
	width:18px;
	height:39px;
	display:inline;
	text-align:left;
	background:url(../images/logo_CSERed.jpg) center no-repeat;
}

div.div_graph_topHeaderCol03Green {
	float:left;
	margin:8px 0px 0px 0px;
	padding:5px 2px 0px 4px;
	width:28px;
	height:60px;
	display:inline;
	text-align:left;
	background:url(../images/logo_CSEGreen.jpg) center no-repeat;
}

div.div_graph_topHeaderCol03Red {
    float:left;
    margin:8px 0px 0px 0px;
    padding:5px 2px 0px 4px;
    width:28px;
    height:40px;
    display:inline;
    text-align:left;
    background:url(../images/logo_CSERed.jpg) center no-repeat;
}

div.div_graph_topHeaderCol03Blue {
    float:left;
    margin:8px 0px 0px 0px;
    padding:5px 2px 0px 4px;
    width:28px;
    height:40px;
    display:inline;
    text-align:left;
    background:url(../images/logo_CSELightBlue.jpg) center no-repeat;
}

div.div_graphTopHeaderMarketRed {
    float:left;
    margin:0px;
    padding:0px;
    width:50px;
    height:auto;
    background:url(../images/graph_topHeaderVrLineRed.gif) center right no-repeat;
    font-size:0.84em;
    color:#e9e9e9;
    text-decoration:none;
    font-weight:normal;
}

div.div_graphTopHeaderMarketGreen {
	float:left;
	margin:0px;
	padding:0px;
	width:50px;
	height:auto;
	font-size:0.84em;
	color:#b3f1ad;
	text-decoration:none;
	font-weight:normal;
}

div.div_graphTopHeaderMarketBlue {
    float:left;
    margin:0px;
    padding:0px;
    width:50px;
    height:auto;
    background:url(../images/graph_topHeaderVrLineLightBlue.gif) center right no-repeat;
    font-size:0.84em;
    color:#e9e9e9;
    text-decoration:none;
    font-weight:normal;
}

div.div_graphTopHeaderActivityRed {
	float:left;
	margin:0px;
	padding:0px;
	width:50px;
	height:auto;
	font-size:0.72em;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

div.div_graphTopHeaderActivityGreen {
	float:left;
	margin:0px;
	padding:0px;
	width:40px;
	height:auto;
	font-size:0.72em;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

div.div_graphTopHeaderActivityBlue {
	float:left;
	margin:0px;
	padding:0px;
	width:40px;
	height:auto;
	font-size:0.72em;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

span.span_graphArrow {
	padding:0px;
	margin:0px;
	width:10px;
	height:5px;
    background-color:white;
    display:block;
    text-align:center;
    vertical-align:middle;
}


/* End Top Header Styles */

	/* End Styles for the graphs */

/* --------- Span Styles -------- */
/*
span.span_graphTopHeaderStatusBold {
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:0.84em;
	font-weight:bold;
}
span.span_graphTopHeaderStatus {
	margin:0px;
	padding:0px;
	font-size:0.84em;
	font-weight:normal;
}
span.span_graphTopHeaderDate {
	margin:0px;
	padding:0px;
	font-size:0.68em;
	font-weight:normal;
}
span.span_graphTopHeaderMarket {
	margin:0px;
	padding:0px;
	font-size:0.92em;
	color:#e9e9e9;
	text-decoration:none;
	font-weight:normal;
}
span.span_graphTopHeaderActivity {
	margin:0px;
	padding:0px;
	font-size:0.92em;
	color:#e9e9e9;
	text-decoration:none;
	font-weight:bold;
}

span.span_graphTopHeaderTextGray {
	margin:0px;
	padding:0px;
	font-size:0.82em;
	color:#e9e9e9;
	text-decoration:none;
	font-weight:bold;
}

span.span_graphTopHeaderTextWhite {
	margin:0px;
	padding:0px;
	font-size:0.82em;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}*/

/* --------- Span Styles -------- */

span.span_graphTopHeaderStatusBold {
    margin:0px;
    padding:0px;
    color:#FFFFFF;
    font-size:0.84em;
    font-weight:bold;
}
span.span_graphTopHeaderStatus {
    margin:0px;
    padding:0px;
    font-size:0.84em;
    font-weight:normal;
}
span.span_graphTopHeaderDate {
    margin:0px;
    padding:0px;
    font-size:0.68em;
    font-weight:normal;
}
span.span_graphTopHeaderMarket {
    margin:0px;
    padding:0px;
    font-size:0.92em;
    color:#e9e9e9;
    text-decoration:none;
    font-weight:normal;
}



span.span_graphTopHeaderActivity {
    margin:0px;
    padding:0px;
    font-size:0.92em;
    color:#e9e9e9;
    text-decoration:none;
    font-weight:bold;
}

span.span_graphTopHeaderTextGray {
    margin:0px;
    padding:0px;
    font-size:0.82em;
    color:#e9e9e9;
    text-decoration:none;
    font-weight:bold;
}

span.span_graphTopHeaderTextGrayRed {
    margin:0px;
    padding:0px;
    font-size:0.81em;/* Edited new value for firefox 3.0.14- 0.82em */
    color:#e9e9e9;
    text-decoration:none;
    font-weight:bold;
}
span.span_graphTopHeaderTextGrayGreen {
    margin:0px;
    padding:0px;
    font-size:0.82em;
    color:#eaeaea;
    text-decoration:none;
    font-weight:bold;
}
span.span_graphTopHeaderTextWhite {
    margin:0px;
    padding:0px;
    font-size:0.82em;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:normal;
}
span.span_graphTopHeaderTextWhiteGreen {
    margin:0px;
    padding:0px;
    font-size:0.82em;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:normal;
}
span.span_graphTopHeaderTextWhiteRed {
    margin:0px;
    padding:0px;
    font-size:0.82em;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:normal;
}



/* End Span Styles */

div.div_iconGraphData {
	margin:0px 0px 0px 0px;
	padding:0px;
	width:9px;
	height:8px;
	display:inline;
	background:url(../images/icon_graphData.gif) top left no-repeat;
}

/* End Span Styles */

img.img_graphData {
	margin:0px 4px 0px 0px;
	padding:0px;
	border:0px none;
	width:9px;
	height:8px;
}

img.img_graphChg {
	margin:5px 0px 0px 6px;
	padding:0px;
	border:none;
	width:7px;
	height:4px;
}

/* ---------- Table Styles ---------- */

table.table_none {
	margin:0px;
	padding:0px;
	border:none;
}

td.td_graphMain {
	padding:4px 3px 5px 4px;
	width:100%;
}

td.td_border_top {
	border-top:1px #c1ccd3 solid;
}
td.td_border_bottom {
	border-bottom:1px #c1ccd3 solid;
}
td.td_border_rightLeft {
	border-right:1px #c1ccd3 solid;
	border-left:1px #c1ccd3 solid;
}

td.td_graphBorderMainTLC {
	background:url(../images/graph_main_borderTLC.gif) top left no-repeat;
	width:5px;
	height:5px;
}
td.td_graphBorderMainTRC {
	background:url(../images/graph_main_borderTRC.gif) top right no-repeat;
	width:5px;
	height:5px;
}
td.td_graphBorderMainBLC {
	background:url(../images/graph_main_borderBLC.gif) top left no-repeat;
	width:2px;
	height:2px;
}
td.td_graphBorderMainBRC {
	background:url(../images/graph_main_borderBRC.gif) top right no-repeat;
	width:2px;
	height:2px;
}

td.td_graphDataMain {
	padding:6px 3px 20px 2px;
}

td.td_graph_graph {
	padding:6px 9px 12px 9px;
	margin:0px 0px 0px 0px;
	border:none;
	width:273px;
	height:130px;
	vertical-align:top;
}

td.td_graphExpanded_graph {
	padding:6px 20px 12px 9px;
	margin:0px 0px 0px 0px;
	border:none;
	width:264px;
	height:125px;
	vertical-align:top;
}

td.td_graph_dropDownMainCont {
	padding:4px 4px 4px 6px;
	margin:0px 0px 0px 0px;
	border:1px #d2d2d2 solid;
	background:url(../images/bg_graph_dropDownMainCont.gif) top repeat-x;
	font-weight:bold;
	color:#000000;
	text-align:left;
	text-decoration:none;
}

td.td_graph_dropDownMain {
	padding:0px 4px 5px 3px;
	margin:0px 0px 0px 0px;
}

td.td_graphExpanded_topBar {
	padding:0px 30px 0px 30px;
	background:url(../images/graph_data_expandedTopBar.jpg) top center no-repeat;
	height:30px;
	text-align:left;
	vertical-align:middle;

	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
td.td_graphExpanded_bottomBar {
	padding:0px 0px 3px 0px;
	background:url(../images/graph_data_expandedBottomBar.jpg) top center no-repeat;
	height:29px;
	text-align:left;
	vertical-align:middle;
}

td.td_graphExpanded_dataDefault {
	margin:0px;
	padding:1px 0px 1px 0px;
	border:none;
	background:#9bacb2;
	height:24px;
}

td.td_graphExpanded_dataUD1 {
	margin:0px;
	padding:1px 0px 1px 0px;
	border:none;
	border-top:1px #e0e8eb solid;
	background:#9ec0cd;
	height:24px;
}

td.td_graphExpanded_dataUD2 {
	margin:0px;
	padding:1px 0px 1px 0px;
	border:none;
	border-top:1px #e0e8eb solid;
	background:#badfec;
	height:24px;
}

td.td_graph_topHeaderMain {
	margin:0px;
	padding:0px 0px 0px 8px;
	border:0px none;
	width:293px;
}
td.td_graphDataBorder {
	margin:0px;
	padding:1px;
	border:1px #d2d2d2 solid;
}
table.table_graphData {
	margin:0px;
	padding:1px;
	border:1px #d2d2d2 solid;
}

table.table_graphData a {
	color:#000000;
	text-decoration:none;
}
table.table_graphData a:visited {
	color:#000000;
	text-decoration:none;
}
table.table_graphData a:hover {
	color:#0066CC;
	text-decoration:none;
}
table.table_graphData a:active {
	color:#000000;
	text-decoration:none;
}

td.td_errorMsgGraph {
	margin:0px;
	padding:0px 0px 0px 40px;
	background:url(../images/icon_errorMsgGraph.gif) top left no-repeat #f0e3bb;
	color:#615942;
	font-size:0.84em;
	height:40px;
	vertical-align:middle;
}

table.table_graphData tr {
	margin:0px;
	padding:0px;
	border:0px;
}
table.table_graphData td {
	margin:0px;
	padding:4px 4px 4px 4px;
	border-bottom:1px #e3e3e3 solid;
}
tr.tr_dataGraph {
	color:#000000;
	font-size:0.82em;
	font-weight:normal;
    text-align:right;
}
tr.tr_dataHeader {
	background:#7aa5d0;
	color:#FFFFFF;
	font-size:0.82em;
	font-weight:bold;
    text-align:right;
}

td.td_border_none {
	border:none;
}
td.td_padding_0_2_0_2 {
	padding:0px 2px 0px 2px;
}

td.td_padding_0_2_4_0 {
	padding:0px 2px 4px 0px;
}
td.td_padding_10_0_10_0 {
	padding:10px 0px 10px 0px;
}
td.td_padding_10_6_10_6 {
	padding:10px 6px 10px 6px;
}
td.td_padding_0_6_10_6 {
	padding:0px 6px 10px 6px;
}
/* End Table Styles */

/* ---------- Background Styles ---------- */

.bg_e0e8eb {
	background:#e0e8eb;
}

/* End Background Styles */

/* ---------- Dropdown Styles ---------- */

.Dropdown_BgGrayBorderGray {
	padding:2px 2px 2px 2px;
	margin:0px 0px 0px 0px;
	border:1px #d2d2d2 solid;
	background:#FFFFFF;
	width:150px;
	height:auto;
	text-align:left;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.84em;
	font-weight:normal;
	color:#000000;
	text-align:left;
	text-decoration:none;
}
.Dropdown_Select01 {
	padding:2px 2px 2px 2px;
	margin:0px 4px 0px 0px;
	border:1px #d2d2d2 solid;
	background:#FFFFFF;
	width:180px;
	height:auto;
	text-align:left;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.84em;
	font-weight:normal;
	color:#000000;
	text-align:left;
	text-decoration:none;
}
.Dropdown_Select02 {
	padding:2px 2px 2px 2px;
	margin:0px 0px 0px 0px;
	border:1px #d2d2d2 solid;
	background:#FFFFFF;
	width:65px;
	height:auto;
	text-align:left;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.84em;
	font-weight:normal;
	color:#000000;
	text-align:left;
	text-decoration:none;
}

.Dropdown_Select03 {
	padding:2px 2px 2px 2px;
	margin:0px 0px 0px 0px;
	border:1px #d2d2d2 solid;
	background:#FFFFFF;
	width:262px;
	height:auto;
	text-align:left;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.84em;
	font-weight:normal;
	color:#000000;
	text-align:left;
	text-decoration:none;
}
/* End Dropdown Styles */

/* ---------- Textfield Styles ---------- */

.TextFields_bgBrBlue {
	padding:1px 2px 1px 2px;
	margin:0px 5px 0px 0px;
	border:1px #146e90 solid;
	background:#57aac9;
	width:145px;
	height:16px;

	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
}
.TextFields_bgBrBlue:hover {
	padding:1px 2px 1px 2px;
	margin:0px 5px 0px 0px;
	border:1px #146e90 solid;
	background:#84C0D7;
	width:145px;
	height:16px;

	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
}

/* End Textfield Styles */

/* ---------- Text Styles ---------- */



.text_grahpSmartBlack {
	font:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#595858;
	text-align:left;
	text-decoration:none;
}

.text_grahpSmartSmBlack {
	font:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:0.8em;
	font-weight:bold;
	color:#000000;
	text-align:left;
	text-decoration:none;
}


.text_AliginLeft {
	 text-align:left;
}

/* End Text Styles */

/* --------- Links Styles --------- */
.links_close {
	font:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#8d8c8c;
	text-align:left;
	text-decoration:none
}
a.links_close {
	font:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#8d8c8c;
	text-align:left;
	text-decoration:none
}
a.links_close:visited {
	font:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#8d8c8c;
	text-align:left;
	text-decoration:none
}
a.links_close:hover {
	font:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FF0000;
	text-align:left;
	text-decoration:none
}
a.links_close:active {
	font:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#8d8c8c;
	text-align:left;
	text-decoration:none
}

/* End Links Styles */

td.green {
	color:#32a210;
	text-decoration:none;
}
td.green a {
	color:#32a210;
	text-decoration:none;
}
td.green a:visited {
	color:#32a210;
	text-decoration:none;
}
td.green a:hover {
	color:#2D950F;
	text-decoration:none;
}
td.green a:active {
	color:#32a210;
	text-decoration:none;
}
td.red {
	color:#f90100;
	text-decoration:none;
}
td.red a {
	color:#f90100;
	text-decoration:none;
}
td.red a:visited {
	color:#f90100;
	text-decoration:none;
}
td.red a:hover {
	color:#DF0000;
	text-decoration:none;
}
td.red a:active {
	color:#f90100;
}
.blue {
	color:#0B26A8;
}