/*-------------------------------------Layout-------------------------------------*/
body {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial;
	color: #000000;
	font-size: 12px;
}

a {
	color: #ff7519;
}


#showcontent {
	width: auto;
	border-top: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
	padding-top: 5px;
	margin-bottom: 10px;
}

img {
	border: 0;
}

hr {
	background-color: #C4C4C4;
	height: 1px;
}

h1 {
	font-size: 14px;
	font-weight: bold;
}

/*-------------------------------------Menu Top-------------------------------------*/
.bg_top {
	background-image: url('img/bg_top.png');
	background-repeat: repeat-x;
	height: 28px;
	font-size: 15px;
}
/*-------------------------------------Logo-------------------------------------*/

/*-------------------------------------Title & Main Navigation-------------------------------------*/
.text_top {
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	padding-left: 3px;
	padding-right: 3px;
}
.main_title {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}
.main_sub_title {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}
.main_navigation {
 	float: left;
	width: 100%;
}
.main_navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main_navigation ul li {
	display: inline;
	margin-right: 10px;
}
.main_navigation a, .link {
	display: inline;
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
}
.main_navigation a:hover {
	text-decoration: none;
}

/*-------------------------------------Plan head-------------------------------------*/
.text_normal {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
}
/*-------------------------------------Targets-------------------------------------*/
.targets, .legend, .scenarios {
	font-size: 12px;
	font-family: Arial;
	padding-left: 3px;
}
.addColumn {
	font-size: 12px;
	font-family: Arial;
	color: #0000FF;
}
.targets td, .legend td, .scenarios td {
	height: 16px;
}
.line {
	border-bottom: 1px #C4C4C4 solid;
}
/*-------------------------------------Legend-------------------------------------*/
.legend-white {
	background-color: #ffffff;
}
.legend-green {
	background-color: #C4DF9C;
}
.legend-orange {
	background-color: #FCC688;
}
.legend-yellow {
	background-color: #FEF898;
}
.legend-grey {
	background-color: #B2B2B2;
}
.legend-red {
	background-color: #ECB4B4;
}
.legend-white, .legend-yellow, .legend-orange, .legend-green, .legend-grey, .legend-red {
	float: left;
	width: 10px;
	height: 10px;
	border: 1px #C4C4C4 solid;
	font-family: Arial;
	font-size: 12px;
}
.legend-text {
	float: left;
	padding-left: 5px;
	font-family: Arial;
	font-size: 12px;
}
/*-------------------------------------Scenarios-------------------------------------*/
/*-------------------------------------Row Title-------------------------------------*/
/*-------------------------------------Row Sub Title-------------------------------------*/
/*-------------------------------------Content Boxes-------------------------------------*/

#tooltip_contentbox {
	width: 300px;
	height: 200px;
	padding: 30px;
}

#tooltip_theme {
	width: 300px;
	height: 200px;
	padding: 30px;
}



.theme_box {
	border: 1px #C4C4C4 solid;
	width: 150px;
}
.sub_box, .content_box {
	border: 1px #C4C4C4 solid;
	height: 70px;
	width: 137px;
}

.content_box {
	margin-right: 3px;
}

.footer-box {
	line-height: 16px;
	padding-left: 0px;
}

.padding {
	padding-left: 3px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}

.padding-top {
	padding-top: 1px;
}

.padding-bottom {
    padding-bottom: 3px;
}

.padding-left {
    padding-left: 3px;
}

.padding-right {
	padding-right: 3px;
}

.border_box {
	border: 1px #C4C4C4 solid;
}

.blue {
	background-color: #E8EEF5;
}

.blue-col {
	background-color: #CAD5E0;
	width: 20px;
}

.margin-b {
	margin-bottom: 3px;
}

/* white border */
.border-t-w {
	border-top: 1px #FFFFFF solid;
}

.text_blue {
	color: #A9C0D7;
	font-size: 12px;
	font-weight: bold;
}
.bigText, .mediumText {
	font-weight: bold;
	color: #969494;
}
.bigText {
	font-size: 25px;
}
.mediumText {
	font-size: 15px;
}
.linkPopup {
	color: #757272;
	font-size: 14px;
	text-decoration: none;
}
.box_info {
	font-size: 11px;
}

.hand {
	cursor: hand;
	cursor: pointer;
}

.textarea_maintitle, .textarea_maintitle_2 {
	border: 0px #ffffff solid;
	overflow: hidden;
	font-family: Arial;
	font-size: 12px;
}

.textarea_maintitle_2 {
     width: 127px;          
}

.textarea_maintitle {
    height: 42px;
    width: 110px;
}

textarea {
	resize: none;
}

.input_subtitle, .input_subtitle2 {
	border: 0px #ffffff solid;
	height: 15px;
	font-family: Arial;
	font-size: 12px;
}

.input_subtitle {
    width: 110px;
}

.input_subtitle2 {
    width: 125px;
}

.url {
  color: #000000;  
  text-decoration: none;
}

.textarea_target {
	border: 0px #ffffff solid;
	overflow: hidden;
	font-family: Arial;
	font-size: 12px;
	background-color: #DEE4EA;
	height:57px;
	width:276px;
}
/*-------------------------------------Footer-------------------------------------*/
#footer {
	background-color: #E8EEF5;
	height: 20px;
	padding-right: 10px;
	color: #0000ff;
}
#footer a {
    text-decoration: none;
}
/*-------------------------------------Label Color Set-------------------------------------*/
.white {
	background-image: url('img/white.gif');
}
.white-b {
	background-image: url('img/white-b.gif');
}
.white-r {
	background-image: url('img/white-r.gif');
}

.green {
	background-image: url('img/green.gif');
}
.green-b {
	background-image: url('img/green-b.gif');
}
.green-r {
	background-image: url('img/green-r.gif');
}

.yellow {
	background-image: url('img/yellow.gif');
}
.yellow-b {
	background-image: url('img/yellow-b.gif');
}
.yellow-r {
	background-image: url('img/yellow-r.gif');
}

.orange {
	background-image: url('img/orange.gif');
}
.orange-b {
	background-image: url('img/orange-b.gif');
}
.orange-r {
	background-image: url('img/orange-r.gif');
}

.grey {
	background-image: url('img/grey.gif');
}
.grey-b {
	background-image: url('img/grey-b.gif');
}
.grey-r {
	background-image: url('img/grey-r.gif');
}

.red {
	background-image: url('img/red.gif');
}
.red-b {
	background-image: url('img/red-b.gif');
}
.red-r {
	background-image: url('img/red-r.gif');
}

.plain-white {
	background-image: url('img/plain-white.gif');
}
.plain-white-b {
	background-image: url('img/plain-white-b.gif');
}
.plain-white-r {
	background-image: url('img/plain-white-r.gif');
}

.silver {
	background-color: #DEE4EA;
	height: 70px;
}
.white-b, .green-b, .yellow-b, .orange-b, .grey-b, .red-b, .plain-white-b, .white-r, .green-r, .yellow-r, .orange-r, .grey-r, .red-r, .plain-white-r {
	background-repeat: repeat;
}
.white-r, .green-r, .yellow-r, .orange-r, .grey-r, .red-r, .plain-white-r {
	width: 20px;
    background-repeat: repeat;
}
.white, .green, .yellow, .orange, .grey, .red, .plain-white, .normal_box {
	background-repeat: repeat;
	height: 46px;
} 
/*-------------------------------------Document Settings-------------------------------------*/
.input {
	border: 1px #C4C4C4 solid;
	font-size: 13px;
}
.content_doc {
	font-size: 13px;
}
/*End start Screen*/

/*TaiNguyen*/
.select {
	border: 1px #C4C4C4 solid;
	font-size: 12px;
}
.inputcolor {
	border: 1px #C4C4C4 solid;
	font-size: 13px;
	width: 21px;
}
.cbosize {
	width: 65px;
}
.inputsize {
	width: 376px;
	font-size: 12px;
}
.inputlabel {
	width: 356px;
	font-size: 12px;
}
.inputplank {
	font-family: Arial;
	width: 237px;
	font-size: 12px;
}
.tbldst {
	margin: 10px;
}
.tbldown {
	margin-left:10px; margin-right:10px;
}
.styleiframe {
	width: 277px;
	height: 80px;
	border: 0px solid #FFFFFF; 
	visibility: visible;
	margin: 0px;
	overflow: hidden;
}

.boxopendoc{
	height: 200px; 
	overflow: auto;
}

input.btn {
   color: #005500;
   font-family: Arial;
   font-size: small;
   font-weight: bold;
}
input.btn1 {
   color: #005500;
   font-family: Arial;
   font-size: 84%;
   font-weight: bold;
   background-color: #fed;
}
input.btn2 {
   color: #005500;
   font-family: Arial;
   font-size: 84%;
   font-weight: bold;
   background-color: #fed;
}
.button {
    border: 1px solid #CCCCCC;
	height: 21px;
    background: #ece9d8;
	padding-bottom: 1px;
	margin-left: 1px;
}
.inputfile {
	border: 1px #C4C4C4 solid;
	font-size: 13px;
}
.setmtext {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
}
.setstext {
	font-family: Arial;
	font-size: 12px;
	line-height: 24px;
}
.itemdoc {
	padding-left:20px;
}
.titlelistdoc {
	color: #111111;
	font-size: 14px;
	text-decoration: none;
}
.authorlistdoc {
	color: #757272;
	font-size: 13px;
	text-decoration: none;
}
.div_import {
	font-family: Arial;
	font-size: 12px;
	line-height: 24px;
	margin: 15px 10px 10px 20px;
}