/* container */

.graphImageFlex {
	width: 687px;
}


/* Body */

.component_chartBody {
	width: 500px;
	float: right;
	margin-top: 5px;
}

/* Menu */

.component_chartMenu {
	font-family: Verdana;
	font-size: 11px;
	width: 175px;
	float: left;
}

.component_chartMenu dl dd {
	margin-left: 0px;
}

.component_chartMenu dl.component {
	width: 100%;
	border-spacing: 0px;
}

.component_chartMenu dl.basic {
    margin: 5px;
}

.component_chartMenu dl.basic dt {
	color: #003366;
	font-weight: bold;
	background: #fff url(../images/gradering_short.gif) top left repeat-x;
} 

body#oax-stock-graph .component_chartMenu dl.basic dt {
	background: #fff url(../images/gradering_short_oax.gif) top left repeat-x;
}

.component_chartMenu dl.component dt {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	font-weight: bold;
}

.component_chartMenu dl.component dt.title {
	font-size: 11px;
	padding-top: 4px;
	padding-bottom: 3px;
}


.component_chartMenu dl.component dd {
	background-color: #ffffff;
}

.component_chartMenu dl.component dd {
	padding: 4px;
}

.component_chartMenu dl.component dd.divider {
	padding: 0px;
	margin: 0px;
	height: 1px;
}

.component_chartMenu dl.basic dd.divider {
	background-color: #dde6e5;
}

.component_chartMenu img {
  vertical-align: middle;
}
.component_chartMenu select {
  margin-bottom: 3px;
  width: 164px;
}

.component_chartMenu label.select {
  margin-bottom: 3px;
  width: 164px;
}

.component_chartMenu label.input {
   margin-bottom: 3px;
   margin-top: 3px;    
   padding: 0px;
   width: 100px;
   display: block;
   float: left;
}

.component_chartMenu input.text {
  display: block;
  float: left;    
  margin-bottom: 3px;
  width: 43px;
}

div#manamind_fragmentChartMain_timePeriod_manual {
    margin-left: 3px;
}

div#manamind_fragmentChartMain_timePeriod_manual input {
  display: block;
  float: left;
  margin-bottom: 3px;
  width: 70px;
}

div#manamind_fragmentChartMain_timePeriod_manual label {
    float: left;
    width: 114px;
    padding: 0px;
    margin-bottom: 3px;    
    display: block;
}

div#manamind_fragmentChartMain_timePeriod_manual br {
    clear: left;
}

.component_chartMenu .nonDefault {
  display: none;
}

.component_chartMenu dl {
	border: 1px solid #dde6e5;
}

.component_chartMenu table {
	
}

.component_chartMenu table {
	
}

.component_chartMenu table td {
	border: none;
	text-align: left;
}

.component_chartMenu .overlays {
  margin: 0px 5px 0 5px;
  position: relative;
}

.component_chartMenu .overlays img {
  vertical-align: top;
}
.component_chartMenu .overlays h3 {
  display: inline;
  font-size: 11px;
}
.component_chartMenu .overlays span {
  padding-left: 2ex;
}
.component_chartMenu .overlays .up {
  color: #0000ff;
}
.component_chartMenu .overlays .down {
  color: #ff0000;
}
.component_chartMenu .overlays .none {
  color: #000000;
}
.component_chartMenu .instrument,
.component_chartMenu .analysis {
  margin: 0px;
}
.component_chartMenu .instrument .box,
.component_chartMenu .analysis .box {
  background-repeat: repeat-x;
  background-position: bottom center;
}
.component_chartMenu .instrument .innerBox,
.component_chartMenu .analysis .innerBox {
  padding: 1px;
}
.component_chartMenu .instrument .items {
  /* Border prevents IE layout-bug */
  border-top: 1px dashed #ffffff;
}
.component_chartMenu .instrument ul {
  clear: both;
  /* Border prevents IE layout-bug */
  border-bottom: 1px solid #ffffff;
  list-style-type: none;
}
.component_chartMenu .instrument button {
  padding: 2px 0 0 17px;
  border: 0;
  background-color: transparent;
  background-image: url("../images/add_icon.gif");
  background-repeat: no-repeat;
  background-position: left 5px;
}
.component_chartMenu .instrument li {
  padding: 5px;
}
.component_chartMenu .instrument li img {
  vertical-align: text-bottom;
  padding-right: 3px;
}
.component_chartMenu .analysis .box ul {
  clear: both;
  /* Border prevents IE layout-bug */
  border-bottom: 1px solid #ffffff;
}
.component_chartMenu .analysis .items ul {
  clear: both;
  /* Border prevents IE layout-bug */
  border-bottom: 1px solid #ffffff;
}
.component_chartMenu .analysis .box li {
  padding-left: 17px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-image: url("../images/add_icon.gif");
  background-repeat: no-repeat;
  background-position: left center;
}


.component_chartMenu .analysis .items {
  /* Border prevents IE layout-bug */
  border-top: 1px solid #ffffff;
}
.component_chartMenu .analysis .items li {
  position: relative;
  padding: 4px 6px;
}
.component_chartMenu .analysis .items li a {
  position: absolute;
}
.component_chartMenu .analysis .items li div {
  padding: 1px 5px 2px 15px;
}
.component_chartMenu .analysis .items li .type {
  font-weight: bold;
}
.component_chartMenu .analysis .items li input {
  margin-left: 13px;
  width: 5ex;
  text-align: right;
}
.component_chartMenu .analysis .items li button {
  margin: 0;
  padding: 0 5px;
  border: 0;
  width: 23px;
  height: 11px;
  vertical-align: middle;
  background-image: url("http://dn.asp.manamind.com:80/images/chart/check.gif");
  background-repeat: no-repeat;
  background-position: center center;
}

#manamind_chart ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

#manamind_chart ul li {
	list-style-type: none;
}







#manamind_chart ul.manamind_chart_autoSuggest {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  font-size: 11px;
  z-index: 999;
  max-height: 250px;
  border: 1px solid #CBD2D6;
  background: white;
  width: 220px;
}
#manamind_chart ul.manamind_chart_autoSuggest li {
  border-bottom: 1px solid #EEEEEE !important;
  width: auto !important;
  text-align: left !important;
  color: #000000 !important;
  border-left: none !important; 
  background: none !important;
}
#manamind_chart ul.manamind_chart_autoSuggest li a:link,
#manamind_chart ul.mmanamind_chart_autoSuggest li a:visited {
  display: block;
  padding: 2px 6px !important;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}
#manamind_chart ul.manamind_chart_autoSuggest li a:hover,
#manamind_chart ul.manamind_chart_autoSuggest li a:active {
  background: #dde6e5 !important;
  color: #003366 !important;
  cursor:pointer !important;
  cursor:hand !important;
}


#manamind_chart #main-content {
	margin-left: 215px;
	padding-top: 13px;
}

#manamind_chart #left-content {
	margin-right: 0px;
	width: 194px;
}

#manamind_chart .button {
	margin-top: 10px;
}

#manamind_chart div.duration input {
	margin-right: 5px;
}