﻿@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,700,300);

#header_container{
	background-color: #FFFFFF;
	height: 20px;
}

#submenu_container{
	background-color: #EBEFF2;
	height: 120px;
	padding-top: 10px;
}

#submenu{
	background-color: #FFFFFF;
	width: 1150px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-top: 20px;
	padding-left: 30px;
}

#smart_container{
	background-color: #EBEFF2;
}

#smart{
	background-color: #FFFFFF;
	width: 1150px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}

#main_container{
	background-color: #EBEFF2;
	height: 550px;
	padding-top: 10px;
}

#main{
	background-color: #FFFFFF;
	width: 1150px;
	height: 520px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-top: 0px;
	padding-left: 0px;
}

#main_d{
	background-color: #FFFFFF;
	width: 400px;
	height: 520px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-top: 30px;
	padding-left: 30px;
	float: left;
}

#main_v{
	background-color: #FFFFFF;
	width: 400px;
	height: 520px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	float: left;
}

#main_v1{
	background-color: #FFFFFF;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-top: 30px;
	padding-left: 30px;
	float: left;
}

#main_v2{
	background-color: #FFFFFF;
	width: 400px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-top: 30px;
	padding-left: 30px;
	float: left;
}

#footer_container{
	background-color: #3C474D;
	height: 70px;
} 

#footer{
	background-color: #3C474D;
	width: 1150px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
} 

#copyright_container{
	background-color: #282F33;
	height: 70px;
} 

#copyright{
	background-color: #282F33;
	width: 1150px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-top: 20px;
} 

.cls_title_01{
	font-family: 'Open Sans',sans-serif;
	color: #606569;
	margin-bottom: 10px;
	font-size: 18pt;
	letter-spacing:0px;
	float: left;
	clear: both;
}

.cls_title_02{
	font-family: 'Open Sans',sans-serif;
	color: #606569;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 8pt;
	letter-spacing:0px;
	float: left;
	clear: both;
}

.cls_title_03{
	font-family: 'Open Sans',sans-serif;
	color: #000000;
	margin-top: 2px;
	margin-bottom: 0px;
	font-size: 11pt;
	letter-spacing:0px;
	float: left;
	clear: both;
}

.cls_text_warning{
	font-family: 'Open Sans',sans-serif;
	color: #606569;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 12pt;
	letter-spacing:0px;
	float: left;
	clear: both;
}

.cls_check_buy{
	color: #606569;
	font-family: 'Open Sans',sans-serif;
	font-size: 11pt !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	width: 300px;
	padding: 16px 6px 7px 6px;
	margin-top: 15px;
	margin-bottom: 5px;
	line-height: 15px;
}

.cls_detail_buy{
	margin-left: 15px !important;
	margin-bottom: 10px;
	margin-bottom: 6px !important;
	background: none repeat scroll 0 0 transparent !important;
	border: medium none !important;
	padding: 0;
}

.cls_detail_buy.x-btn-default-small .x-btn-inner {
	text-align: left;
	color: #606569;
	font-family: 'Open Sans',sans-serif;
	font-size: 10pt;
	letter-spacing: 0px;
}

.cls_detail_buy_over.x-btn-default-small .x-btn-inner {
	text-align: left;
	color: #000000;
	font-family: 'Open Sans',sans-serif;
	font-size: 11pt;
	letter-spacing: 0px;
	text-decoration: underline;
}

.cls_href{
	margin-top: 20px !important;
	margin-bottom: 6px !important;
	background: none repeat scroll 0 0 transparent !important;
	border: medium none !important;
	padding: 0;
}

.cls_href.x-btn-default-small .x-btn-inner {
	text-align: left;
	color: #606569;
	font-family: 'Open Sans',sans-serif;
	font-size: 11pt;
	letter-spacing: 0px;
}

.cls_href_over.x-btn-default-small .x-btn-inner {
	text-align: left;
	color: #000000;
	font-family: 'Open Sans',sans-serif;
	font-size: 11pt;
	letter-spacing: 0px;
	text-decoration: underline;
}

.cls_check{
	color: #606569;
	font-family: 'Open Sans',sans-serif;
	font-size: 10pt !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	width: 300px;
	padding: 16px 6px 7px 6px;
	margin-left: 15px;
	margin-bottom: 10px;
	line-height: 15px;
}

/* classes for menu history 
   cls_history_href for active link
   cls_history_href_over for inactive history
*/
.cls_history_href{
	margin-top: 2px !important;
	margin: 0px;
	background: none repeat scroll 0 0 transparent !important;
	border: medium none !important;
	padding: 0;
	float: left;
	clear: both;
}

.cls_history_href.x-btn-default-small .x-btn-inner {
	color: #F05A49;
	font-family: 'Open Sans',sans-serif;
	font-size: 11pt;
	letter-spacing: 0px;
}

.cls_history_href_over.x-btn-default-small .x-btn-inner {
	color: #000000;
	font-family: 'Open Sans',sans-serif;
	font-size: 11pt;
	letter-spacing: 0px;
	text-decoration: underline;
}

.cls_history{
	font-family: 'Open Sans',sans-serif;
	color: #606569;
	margin-bottom: 10px;
	font-size: 11pt;
	letter-spacing:0px;
	float: left;
}
/* end classes for menu history */

/* classes for copyright 
   cls_copyright_href for active link
   cls_copyright for inactive history
*/
.cls_copyright{
	font-family: 'Open Sans',sans-serif;
	color: #FFFFFF;
	margin-bottom: 0px;
	font-size: 10pt;
	letter-spacing:0px;
	float: left;
	clear: left;
}

.cls_copyright_href{
	margin-top: 2px !important;
	margin: 0px;
	background: none repeat scroll 0 0 transparent !important;
	border: medium none !important;
	padding: 0;
	float: left;
}

.cls_copyright_href.x-btn-default-small .x-btn-inner {
	color: #FFFFFF;
	font-family: 'Open Sans',sans-serif;
	font-size: 10pt;
	letter-spacing: 0px;
}

.cls_copyright_href_over.x-btn-default-small .x-btn-inner {
	color: #F05A49;
	font-family: 'Open Sans',sans-serif;
	font-size: 10pt;
	letter-spacing: 0px;
}
/* end classes for menu history */

.cls_input{
	font-family: 'Open Sans',sans-serif;
	font-size: 11pt !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	height: 30px !important;
	width: 270px;
	padding: 6px 6px 7px 6px;
	line-height: 15px;
	clear: both;
	margin-top: 5px;
}

.cls_field_input{
	background-color: #e9e9e9;
	border-color: #e9e9e9;
	background-image: none;
	height: 24px !important;
}
.cls_field_input:focus{
	background-color: #FFFFFF !important;
	border-color: #35BC7A !important;
	background-image: none !important;
	height: 24px !important;
}

.cls_field_input_show{
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	background-image: none;
	height: 24px !important;
}

.cls_button{
	width: 130px;
	height: 36px;
	line-height: 1.2em;
	border-color: #35bc7a;
	background: #35bc7a;
	border-radius: 0px;
	margin-top: 20px;
	margin-right: 10px;
}

.cls_button_over{
	height: 36px;
	line-height: 1.2em;
	border-color: #35bc7a;
	background: #f9f9f9;
	border-radius: 0px;
	margin-top: 20px;
	margin-right: 10px;
}

.cls_button.x-btn-default-small .x-btn-inner {
	font-family: 'Open Sans',sans-serif;
    font-size: 14px;
	color: #f5f5f5;
}

.cls_button_over.x-btn-default-small .x-btn-inner {
	font-family: 'Open Sans',sans-serif;
    font-size: 14px;
	color: #35bc7a;
}

#lbl_15_main_runner{
	margin-top: 20px;
}

#lbl_17_main_runner{
	margin-top: 20px;
}

/* #############################################  */
/* POPUP WINDOWS                                  */
/* #############################################  */

.cls_popup .x-window-default{
background-color: #FFF;
}

.cls_popup .x-window-body-default{
border: none;
background-color: #FFF;
padding: 20px;
}

.cls_popup .x-window-header-default-top{
background: #BFBFBF;
height: 30px;
padding: 7px 5px 0;
}

.cls_popup .x-window-header-text-default {
color: #666666;
font-size: 11px;
font-weight: bold;
line-height: 17px;
padding-left: 20px;
}

.cls_popup_button_box {
position: relative;
text-align: center;
top: 0;
}

.cls_popup_label_box {
text-align: justify;
height: 130px;
}

.cls_popup_button_box .cls_button_02, .cls_popup_button_box .cls_button_01{
margin-right: 10px;
margin-left: 14px;
}

.cls_popup_info .x-form-text, .cls_popup_info textarea.x-form-field {
background: none !important;
border: none !important;
color: #999 !important;
}

.cls_popup_info .cls_popup_label_box{
height: 279px !important;
}

