/* ---------------------------------------------------------------------- *\
* Một công cụ xóa bỏ khoảng trắng trong Javascript, CSS, HTML...
* Nguồn tài liệu đầy đủ truy cập tại: http://echbay.com/js
* Phát triển bởi đội ngũ nhân viên EchBay.com - Project: itvn9online.
* Công cụ này là miễn phí và bạn có thể phát triển hoặc phát hành lại nó.
* Công cụ này được phát hành hy vọng sẽ có ích với cộng đồng, nhưng nó không đảm bảo bao hàm được hết các mục đích cụ thể.
* Dự án: echbay.com
\* ---------------------------------------------------------------------- */
@import url("../fonts/fa-5.3.0/css/i.css");
@import url("../fonts/fa-5.3.0/css/v4-shims.min.css");
body {
	background: #4396ca url(images/main_bg.png) repeat-x scroll left top;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:10pt;
	color: #000000;
	text-decoration: none;
	padding:0;
	margin:0
}
a {
	color:#00F;
	text-decoration:none
}
a:hover {
	text-decoration:underline
}
a:visited {
	color:#00F
}
img {
	border:0
}
.small {
	font-size:11px
}
form {
	background-color:transparent;
	border:0;
	margin:0;
	padding:0
}
select {
	padding:2px
}
.w_select {
	min-width:168px
}
label:hover {
	cursor:pointer
}
.cur {
	cursor:pointer
}
.titleCSS {
	font-size:16px;
	font-weight:bold;
}
.closeCSS {
	float:right;
	margin-top:6px
}
.ac_results {
	background:#fff;
	position:absolute;
	margin: -4px 0 0 8px;
	border:1px #333 solid;
	min-width:200px;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 99
}
.ac_results div {
	padding:3px 20px 3px 6px
}
.ac_results div.chan {
	background:#D9DFEC
}
.ac_results div:hover {
	background:#fcc
}
.a_padding a {
	padding-left:6px
}
#search_by_alphabet a {
	margin:0 3px;
}
.redcolor {
	color:#F00
}
.bluecolor {
	color:#00F
}
.bold {
	font-weight:bold
}
.center {
	text-align:center
}
.icon {
	padding:1px;
	width:14px;
	height:14px;
	border:1px #fff solid
}
.icon:hover {
	border:1px #999 solid
}
.cf:before, .cf:after, .clearfix:before, .clearfix:after {
	content:"";
	display:table
}
.cf:after, .clearfix:after {
	clear:both
}
.cf, .clearfix {
	zoom:1
}
.lfloat, .lf {
	float:left
}
.rfloat, .rf {
	float:right
}
.f50 {
	width:50%
}
.f38 {
	width:38%
}
.f62 {
	width:62%
}
.tborder_c {
	border-top:1px #f1f1f1 solid
}
.tborder_3 {
	border-top:1px #333 solid
}
.tborder {
	border-top:1px #999 solid
}
.lborder {
	border-left:1px #999 solid
}
.rborder {
	border-right:1px #999 solid
}
.bborder {
	border-bottom:1px #999 solid
}
.uiTitleMenu {
	font-size:16pt;
	font-family:Tahoma, Geneva, sans-serif;
	margin:0 0 16px 0
}
.uiTitleMenu, .uiTitleMenu a {
	color:#333
}
.uiCloseButton {
	background:transparent url(images/b4k_bwwp7p5.png) no-repeat;
	background-position: right -373px;
	padding-right: 22px
}
.uiAButton, .uiAButton:active, .uiAButton:focus, .uiAButton:hover {
	background:#eeeeee url(images/b4k_bwwp7p5.png) scroll;
	border-top:1px #999 solid;
	border-left:1px #999 solid;
	border-right:1px #999 solid;
	border-bottom:1px #888 solid;
	cursor:pointer;
	display:inline-block;
	font-weight:bold;
	line-height:normal;
	padding:2px 8px;
	text-align:center;
	vertical-align:top;
	white-space:nowrap
}
.uiPopupButton {
	background:transparent url(images/b4k_bwwp7p5.png) no-repeat;
	background-position: right -240px;
	padding:2px 22px 2px 6px;
	border:1px #fff solid
}
.uiPopupButton:hover {
	background:transparent url(images/b4k_bwwp7p5.png) no-repeat;
	background-position: right -287px;
	border:1px #ccc solid
}
.uiGreenButton, .uiSliverButton, .uiBlueButton {
	font-weight:bold;
	padding:2px 8px;
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
	border-right:1px #333 solid;
	border-bottom:1px #333 solid
}
.uiGreenButton {
	background:transparent url(images/b4k_bwwp7p5.png) no-repeat;
	background-position:0 -100px;
	color:#fff
}
.uiSliverButton {
	background:transparent url(images/b4k_bwwp7p5.png);
	color:#000
}
.uiBlueButton {
	background:transparent url(images/b4k_bwwp7p5.png);
	background-position:0 -55px;
	color:#fff
}
.uiGreenButton:disabled, .uiBlueButton:disabled {
	background:transparent url(images/b4k_bwwp7p5.png);
	background-position:0 -292px;
	color:#999
}
.uiBlueButton:hover, .uiPointerButton:hover, .uiSliverButton:hover {
	cursor:pointer
}
.red-button {
	background:#fff;
	padding:10px 16px;
	color:#f00;
	border:1px #F00 solid;
	cursor:pointer;
	border-radius:3pt
}
.red-button:hover {
	background-color:#f00;
	color:#fff
}
.blue-button {
	background:#09F;
	padding:10px 16px;
	border:1px #03F solid;
	cursor:pointer;
	border-radius:3pt
}
a.blue-button, .blue-button {
	color:#fff;
	text-decoration:none
}
a.blue-button:hover, .blue-button:hover, .blue-button:disabled {
	color:#f2f2f2
}
.blue-button:disabled {
	background-color:#999;
	border-color:#666
}
.classic-button {
	background:#f8f8f8;
	padding:6px 12px;
	border:1px #ccc solid;
	border-radius:3pt;
	cursor:pointer
}
a.classic-button, .classic-button a {
	color:#333;
	text-decoration:none
}
.classic-button:hover {
	border-color:#666
}
.black-button {
	background:#333;
	padding:6px 12px;
	border:1px #000 solid;
	border-radius:3pt
}
a.black-button, .black-button a {
	color:#fff;
	text-decoration:none
}
.black-button:hover {
	color:#CCC
}
#o_load {
	position:fixed;
	top:6px;
	right:0
}
.o_loadCSS span {
	background:#ffcc66;
	font-weight:bold;
	padding:6px 18px;
	margin:0
}
#o_popup {
	position:fixed;
	width:100%;
	z-index:999
}
#o_popup .o_popup {
	background:transparent url(images/transparent.png);
	width:508px;
	margin:20px auto 0 auto;
	padding:12px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
#o_popup .o_popup .bgCSS {
	background:#ffffff;
	padding:20px 10px
}
.oi_popup {
	background:#f00;
	color:#fff;
	font-weight:bold;
	position:fixed;
	top:0;
	left:0;
	padding:6px
}
#uiMainCSS {
	background:#fff;
	width:999px;
	min-height:555px;
	margin:12px auto
}
#uiTopCSS {
	height:118px;
	padding:6px 0
}
#oi_member_top a {
	color:#666;
	margin:0 8px
}
#oiCheckDomain input[type=text] {
	background:#f8f8f8 url(images/search-icon.png) no-repeat right;
	width:268px;
	height:18px;
	color:#666;
	padding:8px 23px 8px 10px;
	border:1px #ccc solid;
	border-radius:10pt
}
#oiCheckDomain input[type=text]:focus {
	background-color:#fff;
	border-color:#39F
}
.insert_domain {
	background:url(images/icon-search.jpg) no-repeat;
	background-position:0 -2px;
	height:18px;
	padding-left:23px;
	border:1px #F60 solid
}
#oiContent {
}
#nav {
	width:980px;
	margin:0 auto
}
#nav ul {
	background:#f8f8f8;
	padding:0;
	margin:0;
	list-style:none;
	border-top:1px #ccc solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	border-radius:2pt
}
#nav li {
	float:left;
	padding:0 10px;
	margin:0;
	border-left:1px #ccc solid
}
#nav a {
	display:block;
	line-height:18px;
	padding:10px;
	font-size:11pt;
	text-transform:uppercase;
	color:#666
}
#nav a:hover {
	text-decoration:none
}
#nav .sub-menu {
	background:transparent url(images/transparent.png);
	display:none;
	height:0;
	width:188px;
	w\idth:188px;
	position:absolute;
	left:-999em;
	padding:0;
	margin:0 0 0 -10px;
	z-index:10
}
#nav .sub-menu div {
	padding:4px 0;
	border-bottom:1px #333 solid
}
#nav .sub-menu a {
	padding:4px 10px;
	font-size:10pt;
	text-transform:none
}
#nav .sub-menu div.selected, #nav .sub-menu div:hover {
	background:#666
}
.sub-menu div.selected a, #nav .sub-menu div:hover a {
	color:#fff
}
#nav li:hover, #nav li.selected {
	background:#333
}
#nav li:hover a {
	color:#f2f2f2
}
#nav li:hover .sub-menu {
	left:auto;
	display:block
}
#nav_bot a {
	margin:0 0 0 22px
}
#oiAdsDomainHome {
	background:#666 url(images/bg-2.jpg);
	color:#fff
}
#oiAdsDomainHome a {
	color:#fff
}
#oiAdsDomainHome .uiDomainMenuTop {
	background:#333 url(images/domain-bg-ads-home.jpg) repeat-x center;
	text-transform:uppercase;
	padding:8px 10px
}
.uiDomainMenuTop .d-a-style a {
	margin:0 8px
}
#oiAdsDomainHome .ads-domain-home {
	background:url(images/bg-3.jpg) no-repeat center !important;
	padding:10px
}
#oiAdsDomainHome .uiHostingPlan, #oiAdsDomainHome .uiSiteBulding, #oiAdsDomainHome .uiHostingEmail, #oiAdsDomainHome .uiDesignWebsite {
	font-weight:bold;
	height:80px;
	padding:4px 0 0 100px
}
#oiAdsDomainHome .uiHostingPlan {
	background:url(images/main2_hosting_plans-new.jpg) no-repeat
}
#oiAdsDomainHome .uiSiteBulding {
	background:url(images/main2_design_site-builder.jpg) no-repeat
}
#oiAdsDomainHome .uiHostingEmail {
	background:url(images/main2_hosting_email.jpg) no-repeat
}
#oiAdsDomainHome .uiDesignWebsite {
	background:url(images/main2_design_custom.jpg) no-repeat
}
.home-page-service, .home-page-news {
	padding:0;
	margin:20px 0;
	list-style:none
}
.home-page-service .li5, .home-page-news .li5 {
	width:3%
}
.home-page-service .li30, .home-page-news .li30 {
	width:31.33%
}
.home-page-service .homepage-spadding {
	background:url(images/bg-4.png);
	padding:20px;
	border:1px #ccc solid;
	border-radius:3pt
}
.home-page-service .homepage-spadding h4, .home-page-news h4 {
	padding:0 0 6px 0;
	margin:0;
	color:#2b2b2b;
	font-size:22px;
	line-height:27px;
	font-weight:normal
}
.home-page-news h4 {
	border-bottom:1px #ccc solid
}
.home-page-service .d-spadding {
	height:138px;
	overflow:hidden
}
.home-page-service .d-spadding div {
	font-size: 14px;
	line-height: 17px;
	background:transparent url(images/ul-1.png) no-repeat left;
	padding:4px 0 5px 24px
}
.home-page-service .d-spadding div a {
	color:#2b2b2b
}
.home-page-news .homepage-spadding {
	padding:10px 0
}
.home-page-news .homepage-spadding div {
	font-size: 14px;
	line-height: 17px;
	background:transparent url(images/button-2.png) no-repeat left;
	padding:4px 0 5px 24px
}
.home-page-news h3 {
	font-size:25px;
	padding:0 0 3px 0;
	margin:0 0 6px 0;
	color:#999;
	font-weight:normal
}
.home-page-news .contact {
	background:#f3f3f3;
	padding:20px;
	border:1px #f0f0f0 solid;
	border-radius:12pt
}
.homepage-spadding {
}
.homepage-spadding {
}
.home-page-service .homepage-spadding {
}
.home-page-service .homepage-spadding {
}
.home-page-service .homepage-spadding {
}
#uiContentCSS {
	margin:18px 0
}
#uiContentCSS .uiContent {
	padding:0 12px
}
#uiContentCSS .uiLeftMenu {
	width:158px;
	padding:0 12px
}
#uiContentCSS .uiRightMenu {
	width:268px;
	padding:0 12px
}
#uiContentCSS .uiRightMenu .uiGroupMenu img, #uiContentCSS .uiLeftMenu img {
	width:14px;
	height:14px
}
#uiContentCSS .uiRightMenu .uiGroupMenu div, #uiContentCSS .uiLeftMenu div {
	padding:4px 3px;
	margin-right:6px;
	border:1px #ffffff solid
}
#uiContentCSS .uiRightMenu .uiGroupMenu div:hover, #uiContentCSS .uiLeftMenu div:hover {
	border:1px #cccccc solid
}
#uiContentCSS .uiRightMenu .uiGroupMenu a {
	font-size:14px;
	display:block;
	color:#000000
}
#uiContentCSS .uiLeftMenu a {
	display:block;
	color:#00F
}
#uiContentCSS .uiRightMenu .uiGroupMenu a:hover, #uiContentCSS .uiLeftMenu a:hover {
	color:#ff0000;
	text-decoration:none
}
#uiContentCSS .uiRightMenu hr, #uiContentCSS .uiLeftMenu hr {
	color:#c2c2ea
}
#uiContentCSS .uiRightMenu h4, #uiContentCSS .uiLeftMenu h4 {
	background:#F5F5FF;
	font-weight:bold;
	font-size:15px;
	padding:4px;
	margin:3px 0 6px 0;
	border-top:1px #c2c2ea solid
}
.uiDisplayCSS {
	border: 1px #000 solid
}
.uiRightCSS {
	border: 1px #000 solid
}
#footer {
	background:#f5f5f5;
	padding:30px 10px;
	line-height:22px
}
#footer, #footer a {
	font-size:9pt;
	color:#333
}
.mservice-title {
	padding:6px;
	background:#f2f2f2;
	border:1px #ccc solid;
}
.mservice-title .mservice-title-title {
	font-size:13pt;
	padding:3px 0
}
.mservice-title #search_domain_value {
	width:268px;
	padding:6px
}
.mservice-title #search_domain_submit {
	background:transparent url(images/search.png) no-repeat center;
	width:24px;
	height:24px;
	border:0 none;
	cursor:pointer
}
.mservice-title2 {
	background:#f8f8f8;
	padding:6px;
	border-right:1px #ccc solid;
	border-left:1px #ccc solid;
}
.mservice-title {
}
.mservice-title {
}
.m-service-list div {
}
.m-service-list .mservice-list-node {
	background:#fefefe;
	padding:15px;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	border-left:1px #ccc solid;
}
.m-service-list .bullet_2 {
	background:url(images/bullet_2.gif) no-repeat left;
	padding:0 0 0 20px;
}
.m-service-list {
	line-height:22px;
}
.m-service-list .mservice-list-node2 {
	padding:0 0 0 40px;
}
.m-service-list .mservice-list-node:hover {
	background-color:#fff
}
.m-service-list {
}
.tableInvoiceList tr:hover {
	background:#f0f0f0
}
.tableInvoiceList td {
	padding:6px;
	border-right:1px #666 solid;
	border-bottom:1px #666 solid
}
.tableInvoiceList .chua, .tableInvoiceList .chua a {
	color:#111
}
.tableInvoiceList .moi, .tableInvoiceList .moi a {
	color:#0CF
}
.tableInvoiceList .dang, .tableInvoiceList .dang {
	color:#C90
}
.tableInvoiceList .da, .tableInvoiceList .da a {
	color:#093
}
.tableInvoiceList .khoa, .tableInvoiceList .khoa a {
	color:#999
}
.tableInvoiceList .xong, .tableInvoiceList .xong a {
	color:#00F
}
.tableCSS td.t {
	color:#666;
	width:38%;
	font-size:11pt;
	padding:12px 0 12px 0
}
.tableCSS td.i {
	width:62%;
	padding:12px 0
}
.tableCSS .m {
	width:468px
}
.tableCSS .l {
	width:368px
}
.tableCSS .n {
	width:268px
}
.tableCSS .s {
	width:68px
}
.tableCSS input[type=text], .tableCSS input[type=password], .tableCSS textarea, .input-type-text {
	background:#f8f8f8;
	padding:10px;
	border:1px #ccc solid;
	border-radius:3pt;
}
.tableCSS input[type=text]:focus, .tableCSS input[type=password]:focus, .tableCSS textarea:focus, .input-type-text:focus {
	background-color:#fff;
	border-color:#f00
}
.input-type-text {
	width:268px
}
.login-frm {
	background:#f2f2f2;
	padding:20px;
	border:1px #ccc solid
}
.login-frm div {
	padding:3px 0;
}
.login-frm label {
	font-weight:bold
}
.tableList {
	background:#fefefe;
}
.tableList tr.top, .tableList tr:hover {
	background: #f3f3f3
}
.tableList tr.top {
	font-weight:bold
}
.tableList td {
	padding:12px 6px;
	border-bottom:1px #ccc solid
}
.choose-domain-title, .choose-hosting-title {
	background:#3C8AD8 url(images/mh-blank.png);
	padding:30px 0;
	font-size:32px;
	color:#f2f2f2;
	border:1px #333 solid;
	border-top-right-radius:8pt;
	border-top-left-radius:8pt;
	-moz-border-radius-topright:8pt;
	-moz-border-radius-topleft:8pt
}
.choose-hosting {
	background:#f8f8f8;
	padding:10px;
	margin:0;
	list-style:none;
	border:1px #f2f2f2 solid
}
.choose-hosting li {
	float:left;
	width:33.33%
}
.choose-hosting .choose-hosting-padding {
	font-size:22px;
	color:#666;
	margin:10px 0
}
.choose-hosting-sub {
	margin:0 0 0 20px
}
.choose-hosting-sub a {
	color:#444
}
.choose-hosting-sub div {
	background:transparent url(images/button-2.png) no-repeat left;
	line-height:17px;
	font-size:11pt;
	padding:4px 0 5px 24px
}
.choose-hosting-sub div.selected {
	background-image:url(images/button-3.png)
}
.choose-hosting-sub div.selected a {
	color:#f00
}
.tableDomain, .tableHosting {
	border:1px #ccc solid;
	font-size:11pt;
}
.tableDomain td, .tableHosting td {
	padding:10px 6px
}
.tableCart td {
	padding:8px 6px;
	border-right:1px #999 solid;
	border-bottom:1px #999 solid
}
.tableDomain .td-top {
}
.tableHosting .uiRow {
	background:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase
}
.tableHosting .uiHosting {
	background: url(images/header_deluxe3.png) right top no-repeat;
	padding:20px 0
}
.tableHosting .uiHostingName {
	font-size:13pt;
	font-weight:bold
}
.tableHosting .uiHostingCash {
	font-size:9pt
}
.tableHosting .uiHostingPay {
	color:#F00;
	font-size:18pt
}
.tableDomain .lineIn2, .tableHosting .lineIn2 {
	background:#f8f8f8
}
.tableDomain td {
	width:20%
}
.tableDomain tr:hover {
	color:#f00
}
.table-domain-title {
	background:#f5f5fd !important;
	color:#000 !important;
	font-weight:bold;
	text-align:center
}
.table-domain-title td {
	border-bottom:1px #ccc solid
}
.hosting-footer {
	background:url(../images/footer-hosting.jpg) center no-repeat;
	height:48px;
	color:#F00;
	font-size:11px
}
.uiSupportDetails .uiTitleSupport {
	font-size:16pt
}
.uiReplyList {
	padding:0;
	margin:0;
	list-style:none
}
.uiSupportDetails .uiContentSupport, .uiReplyList li {
	background:#fefefe;
	padding:15px 10px 15px 38px;
	margin:0;
	line-height:25px;
	border-bottom:1px #ccc solid
}
.uiReplyList li:hover {
	background-color:#fff
}
.reply-box {
	background:#f5f5f5;
	padding:20px;
}
.margin-top {
	margin-top:-10px
}
.d-in-block {
	display:inline-block
}
.d-block {
	display:block
}
.size-1 {
	font-size:24px;
	line-height:29px
}
.size-2 {
	font-size:46px;
	line-height:56px
}
.size-3 {
	font-size:76px;
	line-height:92px
}
.size-4 {
	font-size:36px;
	line-height:44px
}
.size-5 {
	font-size:15px;
	line-height:22px
}
.size-6 {
	font-size:18px;
	line-height:22px
}
.size-7 {
	font-size:32px;
	line-height:39px
}
.size-8 {
	font-size:21px;
	line-height:26px
}
.color-1 {
	color:#2b2b2b
}
.color-2 {
	color:#fff
}
.color-3 {
	color:#dedede
}
.color-4 {
	color:#8d8d8d
}
.color-5 {
	color:#434343
}
.color-6 {
	color:#3e3e3e
}
#cycle_wrap_bg {
}
#cycle_wrap_bg, #slideshow {
	height:248px !important
}
.cycle_wrap_bg {
	position:relative
}
.cycle_wrap_bg div {
	position: absolute;
	background:transparent url(images/imac-1-ban.png) no-repeat top right;
	width: 300px;
	height: 280px;
	top: -33px;
	right: 0;
	z-index:8
}
#slideshow {
	overflow:hidden !important;
	background:none !important
}
#slideshow .wrapper {
	padding:0;
	background:none !important
}
#slideshow strong {
	letter-spacing:-3px;
	margin-left:-2px
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
	list-style:none
}
.cycle_wrap {
	background:none !important;
	position:relative
}
.cycle_wrap #nav2 a {
	display:block;
	text-indent:-9999px;
	width:10px;
	height:10px;
	float:left;
	margin-right:10px;
	background:url(images/cycle.png) right top no-repeat
}
.cycle_wrap #nav2 a.activeSlide {
	background-position:left top;
	cursor:default
}
.cycle_wrap #nav2 {
	position:absolute;
	left:445px;
	top:225px;
	z-index:9
}
.cycle_wrap a {
	text-decoration:none;
	color:#999
}
#public-page-part {
	padding:22px 0 12px 0
}
#public-page-part .lnkpage {
	border:1px solid silver;
	padding:3px 7px;
	margin:2px;
	font-weight:bold
}
#public-page-part .lnkpage:hover {
	border:1px solid #FA0000;
	background:#FFE8E8;
	padding:3px 7px;
	margin:2px
}
#public-page-part .lnkpageactive {
	border:1px solid #FA0000;
	background:#FFE8E8;
	padding:3px 7px;
	margin:2px;
	color:#FF0000;
	font-weight:bold
}
#oi_left_menu {
	padding:10px 20px 0 0;
}
#oi_left_menu a {
	display:block;
	color:#000;
	text-decoration:none
}
#oi_left_menu div {
	margin:1px 0;
	padding:5px 8px;
}
#oi_left_menu div:hover {
	background:#f8f8f8
}
#oi_left_menu div.selected {
	background:#dadeea
}
#oi_left_menu img {
	width:16px;
	margin:0 5px 0 0;
}
#support_livezilla {
	position:fixed;
	bottom:0;
	right:0;
	z-index:999
}
#support_livezilla .support-livezilla {
	width:268px;
	height:208px;
	background:#fff;
	border:1px #09C solid;
	padding:5px
}
#support_livezilla .support-livezilla-title {
	padding:6px 10px;
	background:#09C;
	color:#fff;
	border:0 none !important;
	border-radius:3pt
}
#support_livezilla .support-livezilla-msn {
	background:#e3effb;
	border:1px #06C solid;
	padding:10px;
	border-radius:5pt
}
#support_livezilla .support-livezilla-chatnow {
	text-transform:uppercase;
	color:#fff;
	background:#F00;
	cursor:pointer;
	border:0 none !important;
	padding:10px;
	border-radius:5pt
}
.uiFileList li {
	color:#00f;
}
.uiFileList li:hover {
	cursor:pointer;
	text-decoration:underline;
}
.uiFileList a {
	margin:0 12px;
}