/* languages */
.menu .flag_vi { background-image: url(images/icons/flags/vi.png); background-position: 1px 0;}
.menu .flag_en { background-image: url(images/icons/flags/en.png); background-position: 1px 0;}
.menu .flag_fr { background-image: url(images/icons/flags/fr.png); background-position: 1px 0;}
.menu .flag_de { background-image: url(images/icons/flags/de.png); background-position: 1px 0;}
.menu .flag_ru { background-image: url(images/icons/flags/ru.png); background-position: 1px 0;}
.menu .flag_ja { background-image: url(images/icons/flags/ja.png); background-position: 1px 0;}
.menu .flag_zh-CHS { background-image: url(images/icons/flags/zh-CHS.png); background-position: 1px 0;}
/* Support */
.tableSupport tbody tr {cursor: pointer;}
.tableSupport .notread {color: Red;}
.tableSupport .keywords {
		background: #3399cc;
		-moz-border-radius: 0.4em;
		-webkit-border-radius: 0.4em;
		-webkit-background-clip: padding-box;
		border-radius: 0.4em;
		padding: 0.2em 0.5em;
		color: white;
		white-space: nowrap;
		}
		/* IE class */
		.ie7 .tableSupport .keywords {
			display: inline;
			margin-right: 0.3em;
		}
		.tableSupport .keywords.orange { background-color: #cc9900; }
		.tableSupport .keywords.purple { background-color: #cc0066; }
		.tableSupport .keywords.green { background-color: #009900; }
.support li {margin-bottom: 5px;}		
.support ul {
    line-height: 1.4em;
    list-style: disc inside none;
    margin-left: 1em;
}
.support ol {
    line-height: 1.4em;
    list-style: decimal inside none;
    margin-left: 1em;
}		
/* bottom panel */
.bottom-panel
{
    position: fixed;
    bottom: 0;
    z-index: 90;
}
.bottom-panel .img
{
    padding: 5px 5px 0;
	border: 1px solid #999999;
    background: #0c5fa5 url(images/old-browsers-bg/title-bg.png) repeat-x top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(
		top,
		white,
		#72c6e4 4%,
		#0c5fa5
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(white),
		to(#0c5fa5),
		color-stop(0.03, #72c6e4)
	);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	cursor: pointer;
}
.bottom-panel .img:hover, .bottom-panel.opened .img
{
	border-color: #1eafdc #1193d5 #035592;
	background: #057fdb url(images/old-browsers-bg/title-link-hover-bg.png) repeat-x top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(
		top,
		white,
		#2bcef3 4%,
		#057fdb
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(white),
		to(#057fdb),
		color-stop(0.03, #2bcef3)
	);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.bottom-panel .container
{
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    border-color: #1eafdc #1193d5 #035592;
    background-color: White;
    position: absolute;
    top: 40px;
    z-index: -1;
    width: 300px;
}
.bottom-panel .title
{
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	border-color: #1eafdc #1193d5 #035592;
	background: #057fdb url(images/old-browsers-bg/title-link-hover-bg.png) repeat-x top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(
		top,
		white,
		#2bcef3 4%,
		#057fdb
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(white),
		to(#057fdb),
		color-stop(0.03, #2bcef3)
	);
    white-space: nowrap;
    font-size: 1.2em;
    font-weight: bold;
    color: White;
    line-height: 1em;
    padding: 10px 10px;
}
.bottom-panel .panel
{
    padding: 10px 5px;
}
#EventPanel { left: 0;}
#FavoritePanel { left: 45px; z-index: 91;}
#UsersPanel { left: 90px; z-index: 92;}
/* chat */
#ChatArea { position: fixed; bottom: 0; right: 0; z-index: 90;}
.chatroom 
{
    float: right; 
    margin-right: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	background-color: #f2f2f2;
}
.chatroom .title
{
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	border-color: #1eafdc #1193d5 #035592;
	background: #057fdb url(images/old-browsers-bg/title-link-hover-bg.png) repeat-x top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(
		top,
		white,
		#2bcef3 4%,
		#057fdb
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(white),
		to(#057fdb),
		color-stop(0.03, #2bcef3)
	);
	color: White;
	padding: 5px;
}
.chatroom .title .close
{
    background: url('images/icons/fugue/cross-small.png') no-repeat;
    width: 16px;
    height: 16px;
    float: right;
    margin-top: -3px;
    cursor: pointer;
}
.chatroom .content
{
    padding: 10px 5px;
    font-size: 90%;
    height: 100px;
    width: 200px;
    overflow: auto;
    margin: 5px 0;
}
    .chatroom .content ul {margin-bottom: 0;}
    .chatroom .content li
    {
        margin-bottom: 10px;
    }
    .chatroom .content li.other
    {
        color: #297CB4;
    }
    .chatroom .content .user
    {
        font-weight: bold;
    }
.chatroom .new
{
    border-top: 1px solid #ccc;
    padding: 0 5px 5px;
}
.chatroom .new input
{
    font-size: 90%;
    border: none;
    width: 100%;
}
/* help */
#HelpPanel {display: none;}
#HelpPanel .title {
	font-size: 1.2em;
	font-weight: bold;
	height: 2.5em;
	line-height: 2.5em;
	border-top: 1px solid #9bd2ee;
	border-bottom: 1px solid #b5b3b4;
	background: #0c5fa3 url(images/old-browsers-bg/block-header-bg.png) repeat-x top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(
		top,
		#6dc3e6,
		#0c5fa3
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#6dc3e6),
		to(#0c5fa3)
	);
	text-align: left;
	color: white;
	-moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
	-webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
	margin: -2.4em -1.5em 0.833em -1.4em;
	-moz-border-radius: 0.083em 0.083em 0 0;
	-webkit-border-top-left-radius: 0.083em;
	-webkit-border-top-right-radius: 0.083em;
	border-radius: 0.083em 0.083em 0 0;
	padding: 0 10px;

	}

/* company */
.CompanyName 
{
    margin-top: 20px; font-size: 24px; text-align: right; color: White; font-weight: bold;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
input.datepicker {width: 90px;}
.form .result-block {top: 2.67em;}
.form .one-line label {float: left; margin: 0.8em 0.8em 0 0;}
.autonumber {text-align: right;}
.result-block li.active > a , .result-block li.active > span{background-color: #D1E5EF;}
.copyright {text-align: center; line-height: 40px; padding-top: 10px;background-color: #70828F;}
#ReportViewer_Div {margin: 0 auto; border: 1px solid #888;}
.report-toolbar td, .report-toolbar img {vertical-align: middle;}
.report-viewer { overflow: auto; }
.simple-list a.current {background-color: #D1E5EF;}