/* Button Style */
.btnwidth52 {
	width:52px;
}
.btnwidth56 {
	width:56px;
}
.btnwidth59 {
	width:59px;
}
.btnwidth86 {
	width:86px;
}
.btnwidth91 {
	width:91px;
}
.btnwidth95 {
	width:95px;
}
.btnwidth124 {
	width:124px;
}
.btnwidth155 {
	width:155px;
}
.defaultBtn {
	display:block;
}
.defaultBtn:hover {
	text-decoration:none;
}
.defaultBtn span {
	display:block;
	font-weight:bold;
	cursor:pointer;
}
.btstyle_log {
	width:51px;
	height:41px;
	text-alig:center;
	background: url(../images/btstyle_log.gif) no-repeat;
}
.btstyle_log span.in {
	font-size:12px;
	color:#fff;
	padding-top:10px;
	text-align:center;
}
.btstyle_log span.out {
	font-size:12px;
	color:#fff;
	padding-top:7px;
}
.btstyle01 {
	height:22px;
	text-align:center;
	background: url(../images/btstyle01_bg.gif) left top no-repeat;
	text-decoration:none;
}
.btstyle01 span {
	height:19px;
	font-size:11px;
	color:#fff;
	padding-top:3px;
	background: url(../images/btstyle01_close.gif) right top no-repeat;
}
.btstyle02 {
	height:22px;
	text-align:center;
	background: url(../images/btstyle02_bg.gif) left top no-repeat;
	text-decoration:none;
}
.btstyle02 span {
	height:19px;
	font-size:11px;
	color:#fff;
	padding-top:3px;
	background: url(../images/btstyle02_close.gif) right top no-repeat;
}
.btstyle03 {
	height:22px;
	text-align:center;
	background: url(../images/btstyle03_bg.gif) left top no-repeat;
	text-decoration:none;
}
.btstyle03 span {
	height:19px;
	font-size:12px;
	color:#fff;
	padding-top:1px;
	background: url(../images/btstyle03_close.gif) right top no-repeat;
}
.btstyle04 {
	height:22px;
	text-align:center;
	background: url(../images/btstyle04_bg.gif) left top no-repeat;
	text-decoration:none;
}
.btstyle04 span {
	height:19px;
	font-size:11px;
	color:#fff;
	padding-top:3px;
	background: url(../images/btstyle04_close.gif) right top no-repeat;
}
.btstyle05 {
	height:18px;
	text-align:center;
	background: url(../images/btstyle05_bg.gif) left top no-repeat;
	text-decoration:none;
}
.btstyle05 span {
	height:16px;
	font-size:9px;
	color:#686868;
	padding-top:2px;
	background: url(../images/btstyle05_close.gif) right top no-repeat;
}
.btstyle06 {
	height:18px;
	text-align:center;
	background: url(../images/btstyle06_bg.gif) left top no-repeat;
	text-decoration:none;
}
.btstyle06 span {
	height:16px;
	font-size:9px;
	color:#686868;
	padding-top:2px;
	background: url(../images/btstyle06_close.gif) right top no-repeat;
}
.btstyle07 {
	height:31px;
	text-align:center;
	background: url(../images/btstyle07_bg.gif) left top no-repeat;
	text-decoration:none;
}
.btstyle07 span {
	height:23px;
	font-size:12px;
	color:#fff;
	padding-top:8px;
	background: url(../images/btstyle07_close.gif) right top no-repeat;
}
.btstyle08 {
	height:31px;
	text-align:center;
	background: url(../images/btstyle08_bg.gif) left top no-repeat;
	text-decoration:none;
}
.btstyle08 span {
	height:23px;
	font-size:12px;
	color:#fff;
	padding-top:8px;
	background: url(../images/btstyle08_close.gif) right top no-repeat;
}
#boxDangNhapXong{width:210px;height:auto;overflow:hidden;background:url(../images/bg-sidebar-login.jpg) no-repeat;padding:5px 5px 0;margin-bottom:10px}#boxDangNhapXong a.ForgotPassword:link,#boxDangNhapXong a.ForgotPassword:visited{background:url("../images/icon-forgotpassword.gif") no-repeat scroll 9px 8px transparent;color:#ff7400;display:block;height:20px;padding:0 0 9px 20px;width:170px}#boxDangNhapXong a.CreateShortcut:link,#boxDangNhapXong a.CreateShortcut:visited{width:210px;height:40px;display:block;text-indent:-9999px;background:url(../images/button-create-shorcut.jpg) no-repeat}#boxDangNhapXong a.CreateShortcut:hover{background-position:0 -40px}#boxDangNhapXong form{overflow:hidden}.FormDangNhap{height:60px;width:100%;overflow:hidden}#boxDangNhapXong{margin:0;position:absolute;left:30px;top:280px;background:url(../images/box-login.jpg) no-repeat}

#dhtmltooltip
{
	border:1px solid #000000; z-index: 16777271;
	FILTER: alpha(opacity=80);
	visibility: hidden;
	max-width:350px;
	min-width:170px;
	color: #000000;
	position: absolute;
	background-color: #D3DBDC;
	opacity: .85;
	
	
}
.tooltip{
	background-color:#CCC;
	font-style:italic;
}

.button{
	font:15px Glory, sans-serif;
	/* A semi-transparent text shadow */
	text-shadow:1px 1px 0 rgba(255,255,255,0.4);
	
	/* Overriding the default underline styling of the links */
	text-decoration:none !important;
	white-space:nowrap;
	
	display:inline-block;
	vertical-align:baseline;
	position:relative;
	cursor:pointer;
	
	background-repeat:no-repeat;

	/* The following two rules are fallbacks, in case
	   the browser does not support multiple backgrounds. */

	background-position:bottom left;
	background-image:url('../images/button_bg.png');
	
	/* Multiple backgrounds version. The background images
	   are defined individually in color classes */
	
	background-position:bottom left, top right, 0 0, 0 0;
	background-clip:border-box;
	
	/* Applying a default border raidus of 8px */
	
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	
	/* A 1px highlight inside of the button */
	
	-moz-box-shadow:0 0 1px #fff inset;
	-webkit-box-shadow:0 0 1px #fff inset;
	box-shadow:0 0 1px #fff inset;
	
	/* Animating the background positions with CSS3 */
	/* Currently works only in Safari/Chrome */
	
	-webkit-transition:background-position 1s;
	-moz-transition:background-position 1s;
	transition:background-position 1s;
}

.button.padsmall	{ padding:2px 10px; }
.button.padmedium	{ padding:5px 12px; }
.button.padbig		{ padding:5px 12px; }

.button:hover{
	
	/* The first rule is a fallback, in case the browser
	   does not support multiple backgrounds
	*/
	
	background-position:top left;
	background-position:top left, bottom right, 0 0, 0 0;
}

.button:active{
	/* Moving the button 1px to the bottom when clicked */
	bottom:-1px;
}

/* The three buttons sizes */

.button.font30	{ font-size:30px;}
.button.font18	{ font-size:18px;}
.button.font15	{ font-size:15px;}
.button.font14	{ font-size:14px;}
.button.font12	{ font-size:12px;}

/* A more rounded button */

.button.rounded{
	-moz-border-radius:4em;
	-webkit-border-radius:4em;
	border-radius:4em;
}


/* Defining four button colors */


/* BlueButton */

.blue.button{
	color:#0f4b6d !important;
	
	border:1px solid #84acc3 !important;
	
	/* A fallback background color */
	background-color: #48b5f2;
	
	/* Specifying a version with gradients according to */
	
	background-image:	url('../images/button_bg.png'), url('../images/button_bg.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
						-moz-linear-gradient(#4fbbf7, #3faeeb);

	background-image:	url('../images/button_bg.png'), url('../images/button_bg.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}

.blue.button:hover{
	background-color:#63c7fe;
	
	background-image:	url('../images/button_bg.png'), url('../images/button_bg.png'),
		-moz-radial-gradient(	center bottom, circle,
			rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
		-moz-linear-gradient(#63c7fe, #58bef7);
						
	background-image:	url('../images/button_bg.png'), url('../images/button_bg.png'),
		-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
			from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}

.darkblue.button{
	color:#0b3c5d !important;
	border:1px solid #7fb3d5 !important;
	background-color:#3498db;

	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-moz-radial-gradient(center bottom, circle, rgba(150,205,245,1) 0, rgba(150,205,245,0) 100px),
		-moz-linear-gradient(#5dade2, #2e86c1);
	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(150,205,245,1)), to(rgba(150,205,245,0))),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#5dade2), to(#2e86c1));
}

.darkblue.button:hover{
	background-color:#5dade2;

	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-moz-radial-gradient(center bottom, circle, rgba(170,220,255,1) 0, rgba(170,220,255,0) 100px),
		-moz-linear-gradient(#6bb9f0, #3498db);
	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(170,220,255,1)), to(rgba(170,220,255,0))),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#6bb9f0), to(#3498db));
}

.teal.button{
	color:#0f3d3a !important;
	border:1px solid #76d7c4 !important;
	background-color:#1abc9c;

	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-moz-radial-gradient(center bottom, circle, rgba(150,235,215,1) 0, rgba(150,235,215,0) 100px),
		-moz-linear-gradient(#48c9b0, #16a085);
	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(150,235,215,1)), to(rgba(150,235,215,0))),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#48c9b0), to(#16a085));
}

.teal.button:hover{
	background-color:#48c9b0;

	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-moz-radial-gradient(center bottom, circle, rgba(175,245,230,1) 0, rgba(175,245,230,0) 100px),
		-moz-linear-gradient(#5edec3, #1abc9c);
	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(175,245,230,1)), to(rgba(175,245,230,0))),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#5edec3), to(#1abc9c));
}


.red.button{
	color:#5a0f0f !important;
	border:1px solid #c96a6a !important;
	background-color:#c0392b;

	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-moz-radial-gradient(center bottom, circle, rgba(235,140,140,1) 0, rgba(235,140,140,0) 100px),
		-moz-linear-gradient(#d64541, #a93226);
	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(235,140,140,1)), to(rgba(235,140,140,0))),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d64541), to(#a93226));
}

.red.button:hover{
	background-color:#d64541;

	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-moz-radial-gradient(center bottom, circle, rgba(250,165,165,1) 0, rgba(250,165,165,0) 100px),
		-moz-linear-gradient(#ec7063, #c0392b);
	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(250,165,165,1)), to(rgba(250,165,165,0))),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ec7063), to(#c0392b));
}


.gold.button{
	color:#4a3200 !important;
	border:1px solid #bfa24a !important;
	background-color:#b08a2e;

	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-moz-radial-gradient(center bottom, circle, rgba(220,195,105,1) 0, rgba(220,195,105,0) 100px),
		-moz-linear-gradient(#c9a33f, #8f6f1f);
	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(220,195,105,1)), to(rgba(220,195,105,0))),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c9a33f), to(#8f6f1f));
}

.gold.button:hover{
	background-color:#c9a33f;

	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-moz-radial-gradient(center bottom, circle, rgba(235,210,120,1) 0, rgba(235,210,120,0) 100px),
		-moz-linear-gradient(#d6b24b, #9a7a24);
	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(235,210,120,1)), to(rgba(235,210,120,0))),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6b24b), to(#9a7a24));
}

.lime.button{
	color:#2f4d00 !important;
	border:1px solid #a6c86a !important;
	background-color:#9acd32;

	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-moz-radial-gradient(center bottom, circle, rgba(190,235,95,1) 0, rgba(190,235,95,0) 100px),
		-moz-linear-gradient(#a8d94a, #7fb318);
	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(190,235,95,1)), to(rgba(190,235,95,0))),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#a8d94a), to(#7fb318));
}

.lime.button:hover{
	background-color:#a8d94a;

	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-moz-radial-gradient(center bottom, circle, rgba(205,245,115,1) 0, rgba(205,245,115,0) 100px),
		-moz-linear-gradient(#b7e35d, #8fc82b);
	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(205,245,115,1)), to(rgba(205,245,115,0))),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b7e35d), to(#8fc82b));
}


/* Green Button */

.green.button{
	color:#345903 !important;
	border:1px solid #96a37b !important;	
	background-color: #79be1e;
	
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}

.green.button:hover{
	background-color:#89d228;
	
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}

/* Orange Button */

.orange.button{
	color:#693e0a !important;
	border:1px solid #bea280 !important;	
	background-color:#e38d27;

	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0, rgba(232,189,45,0) 100px),
		-moz-linear-gradient(#f1982f, #d4821f);
	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
}

.orange.button:hover{
	background-color:#ec9732;

	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0, rgba(241,192,52,0) 100px),
		-moz-linear-gradient(#f9a746, #e18f2b);
	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
}

.orange2.button{
	color:#5c2d00 !important;
	border:1px solid #d4a15a !important;
	background-color:#d87a1e;

	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-moz-radial-gradient(center bottom, circle, rgba(255,190,95,1) 0, rgba(255,190,95,0) 100px),
		-moz-linear-gradient(#e18a2e, #c56c15);
	background-image:
		url('../images/button_bg.png'),
		url('../images/button_bg.png'),
		-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(255,190,95,1)), to(rgba(255,190,95,0))),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e18a2e), to(#c56c15));
}

.orange2.button:hover{
	background-color:#e18a2e;
}

.gray.button{
	color:#525252 !important;
	border:1px solid #a5a5a5 !important;	
	background-color: #a9adb1;
	
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}

.gray.button:hover{
	background-color:#b6bbc0;
	
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}