/* This CSS sets the default styles for the base components. */

/* ---------- Browser normalization ---------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

body {
	background-color: #fff;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
}

html, body {
	height: 100%;
}

body.portal-popup {
	padding: 10px;
}

table {
	clear: both;
}

abbr, acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}

blockquote, ul, ol, dl {
	margin: 1em;
}

ol, ul, dl {
	margin-left: 2em;
}

ol li, ul ol li {
	list-style: decimal outside;
}

ul li, ol ul li {
	list-style: disc outside;
}

ul ul li {
	list-style-type: circle;
}

ol ol li {
	list-style-type: upper-roman;
}

dl dd {
	margin-left: 1em;
}

th {
	font-weight: bold;
}

caption {
	margin-bottom: 0.5em;
	text-align: center;
}

p {
	margin-bottom: 1em;
}

/* ---------- Links ---------- */

a {
	color:#000000;
	text-decoration:none;
	
}
/* ---------- Headers ---------- */

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h1, h2, h3 {
	margin: 1em 0;
}

h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold;
}

/* ---------- Text formatting ---------- */

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

code, pre {
	font-family: "Courier New",Courier,monospace;
	white-space: pre;
}

.important {
	font-weight: bold;
}

/* ---------- Staging area ---------- */

body.staging {
	border: 10px solid #c00;
}

/* ---------- Main content body ---------- */

#wrapper {	
	width: 986px;
	text-align:left;
	margin:0 auto;
	padding:0 3px;
}


#flashId{
	float: right;
	z-index: 10;	
}
.ie6 #flashId{
	float: right;
	margin-bottom: 3px;
}
#hr_image{
	background: transparent url(../images/common/banner.jpg) no-repeat scroll 100% 10%;		 
	height : 2px;
}
.ie #hr_image{
	background: transparent url(../images/common/banner1.jpg) no-repeat scroll 100% 10%;		 
	height : 2px;
}
#hr_banner{	
	background: url(../images/common/i_01.gif) scroll repeat-x top right;
	height: 14px;
}


/*  add By ThuyNV  */

html, body {
	margin:0;
	padding:0;
	text-align:left;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	height:100%;
	background:#e0e1dc;
	color:#000;
}
#pagewidth {
	padding:0 5px 15px 5px;
	width:990px;
	text-align: left;
	margin:0 auto;
	background:#fff url(../images/yte_image/bg_wrap.gif) repeat-y left top;
}
#header{
	width: 990px;
	position:relative;
}
#footer {
	clear: both;
	background:#ffd7a4 url(../images/yte_image/bgr.gif) repeat-y left bottom;
	padding:1px 2px;
	margin:0 5px;
}
#main {
	clear:both;
	padding:5px 5px 8px 5px;
	width:980px;
}
#leftcol {
	width:173px;
	float:left;
}
#maincol {
	width:529px;
	float:left;
	margin:0 13px;
	clear:right
}
#rightcol {
	width:252px;
	margin:0; 
	float:right
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	/*display: inline-block;*/
}

.clearfixvideo {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix1 {
	display: block;
}


#footer{
	background:#FFD7A4 url(../images/yte_image/bgr.gif) repeat-y scroll left bottom;
	clear:both;
	margin:0 5px;
	padding:1px 2px;
	
}
#footer .navigation {
	background:transparent url(../images/yte_image/img.gif) no-repeat scroll left -37px;
	color:#CE0101;
	font-size:11px;
	height:25px;
	line-height:25px;
	text-align:center;
	width:975px;
}
#footer .navigation a {
	color:#CE0101;
	font-weight:bold;
	padding:0 12px;
}
#footer .copyright {
	color:#330000;
	padding:15px 15px 25px;
}
#banner .logo {
	background: transparent url(../images/common/banner_bg.png) no-repeat scroll 0 100%;
	display: block;
	float: left;
	font-size: 2em;
	margin: 0;
	padding: 1.25em 0.6em 1.45em;
}

#banner .logo a {
	text-decoration: none;
}

.ie6 #banner .logo {
	zoom: 1;
}

/*-------------------------HEADER-----------------------------*/
#header .toplink{
	font-size:11px;
	color:#fff;
	position:absolute;
	right:5px;
	top:8px;
}
#header .toplink a{
	color:#fff;
	padding:0 10px;
}
#header .topmenu{
	border:1px solid #fff;
	border-left-width:0;
	border-right-width:0;
	background:url(../images/yte_image/bgr_menu.gif) repeat-x left top;
	height:23px;
}
#header .topmenu a.selected{
	color:#fac78b
}
#header .topmenu a{
	text-transform:uppercase;
	color:#fff;
	font:bold 11px Arial, Helvetica, sans-serif;
}
.pntop{
	background:url(../images/yte_image/img.gif) no-repeat left -67px;
	width:990px;;
	height:23px;
}
.pntop .datetime{
	font-size:11px;
	color:#fff;
	position:relative;
	top:4px;
	left:20px
}

/* ---------- Drag Indicators ---------- */

#content-wrapper #layout-grid.dragging {
	border-collapse: separate;
}

#content-wrapper #layout-grid.dragging .lfr-column {
	border: 3px double #ACBED5;
}

.drag-indicator {
	border: 2px dashed #036;
	cursor: move;
	font-size: 0;
	position: relative;
}

.drop-area {
	background-color: #000;
	font-size: 0;
	opacity: .10;
}

.ie .drop-area {
	filter: alpha(opacity=10);
}

.drop-position-top {
	background: url(../images/arrows/03_up.png) scroll repeat-x top left;
}

.drop-position-bottom {
	background: url(../images/arrows/03_down.png) scroll repeat-x bottom left;
}

/* ---------- Alerts and popups ---------- */

.alert-background {
	background: #000;
}

.popup {
	background: #fff;
	border: 1px solid #777;
	padding: 0.4em;
	position: absolute;
}

.popup-header {
	background: #EEF0F1 none repeat scroll 0%;
	border-bottom: 1px solid #aaa;
	color: #333;
	cursor: move;
	padding: 5px;
	position: relative;
}

.popup-title {
	font-size: 1.5em;
	font-weight: bold;
	min-height: 1em;
	white-space: nowrap;
	width: 90%;
}

.ie6 .popup-title {
	height: 1em;
}

.popup-close {
	cursor: pointer;
	position: absolute;
	right: 0.5em;
}

.popup-message {
	padding: 5px;
}

.popup-alert-notice {
	background-color: #ffc;
	border-bottom-color: #fc0;
}

.popup-alert-warning {
	background-color: #fcc;
	border-bottom-color: #f00;
}

/* ---------- Portal add content ---------- */

.portal-add-content {
	background: #fff;
	padding: 8px 4px 0;
	text-align: left;
	z-index: 20;
}

.portal-add-content a {
	text-decoration: none;
}

/* ---------- Portal tool tips ---------- */

.portal-tool-tip {
	background: #DCDCDC;
	border: 1px solid #BFBFBF;
	color: #333;
	font-weight: bold;
	max-width: 200px;
	padding: 0.5em 0.3em;
}

/* ---------- Autocomplete styles ---------- */

.autocomplete-box {
	background: #E2ECF2;
	border: 1px solid #ABC6D7;
	color: #333;
	min-width: 200px;
	padding: 0;
}

.ie6 .autocomplete-box {
	width: 200px;
}

.autocomplete-selected {
	background: #C0D5E3;
	border-bottom: 1px solid #ABC6D7;
	border-top: 1px solid #ABC6D7;
	color: #333;
	font-weight: bold;
	padding: 0.5em 0.3em;
}

/* ---------- Loading animation ---------- */

.loading-animation {
	background: url(../images/progress_bar/loading_animation.gif) no-repeat top center;
	margin-top: 10px;
	padding-top: 40px;
	text-align: left;
}

/* ---------- Separator ---------- */

hr, .separator {
	border: 1px dotted #CCC;
}

/* ---------- Update Manager ---------- */

.update-available {
	margin-top: 10px;
	padding: 2px;
	text-align: left;
}

/* ---------- Text highlighting ---------- */

.highlight {
	background: #ffc;
	font-weight: bold;
	padding: 0 1px;
}
/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */

.title3 {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 font-weight: bold;
	 color: #27429b;
	 text-decoration: none;
	 height: 22px;
	 background-color: #FFFFFF;
	 margin-left: 5px;
}

.text_none1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #060606;
	text-decoration: none;
	line-height: 16px;
}


.text3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4191c0;
	text-decoration: none;
	line-height: 16px;
	font-style: normal;
	padding-top: 7px;
	padding-bottom: 7px;
}
.text_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	line-height: 16px;
	font-style: normal;
	padding-top: 7px;
	padding-bottom: 7px;
}


.menu_top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #27429b;
	text-decoration: none;
}


/*----------Bottom-------------*/
.menu_bottom{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #686868;
	text-decoration: none;
	padding-top: 13px;
	padding-bottom: 10px;	
}
.text_none_bottom{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #060606;
	text-decoration: none;
	line-height: 19px;	
}

/*----------Search-------------*/
.search{overflow:hidden;}
.fl {float:left;}
.fr {}

.txtsearch {width:129px; height:13px; font:11px arial; color:#9196a2; padding:4px 5px; border:0; border-right: #858585; background: url(../images/DB_image/center.png) center top repeat-x;}

.img-search {border:0;}


/*----------portlet-------------*/

#table-portlet{
	width : 100%;

}

#tr-portlet{
	background:url(../images/DB_image/i_04_1.gif) repeat-x scroll;
	vertical-align:top;		
	width : 100%;
}

#span11{
	vertical-align:top;
	height : 31px;
}

#span12{
	height : 0px;	
		
}
#span13{
	background:url(../images/portlet/i_06.gif) no-repeat;
	vertical-align:top;
	width : 5px;
	height : 31px;
}


.content_border{
	border:1px solid #6AC0F6;
	padding : 7px;
	padding-top: 0px;
}

.text_none{
	color:#000000;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	text-decoration:none;
}
.public_title{
	color:#3175B9;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	margin-bottom:8px;	
	text-decoration:none;
}
.menu_left td a{
	color:#B20000;
	
}


@charset "utf-8";

a:hover {
	text-decoration: underline;
	color: #FF9900;
}

a:active {
	text-decoration: none;
	color: #3175b9;
}

.top_menu {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #02488c;
	text-decoration: none;
}
.space {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #02488c;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
.boder {
	border: 0px #FFFFFF;
}
.text_none {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 16px;
}

.title_left {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 2px;
	text-transform: uppercase;
	line-height: 18px;
	padding-top: 1px;
}
.title2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #27429b;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(../images/navigation/i_12.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}
.text_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #060606;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.text_none2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3175b9;
	text-decoration: none;
	line-height: 16px;
}
.text_none3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3175b9;
	text-decoration: none;
	line-height: 16px;
}
.text_none4 {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
}
.text_none5 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #F6A305;
	text-decoration: none;
}
.text_none6 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CC3300;
	text-decoration: none;
}
.text_none7 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	line-height: 16px;
}
.text_detail {
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #3175b9;
	text-decoration: none;
	line-height: normal;
	padding-top: 10px;
	text-align: justify;
}
.bg_search {
	background-color: #1d95f0;
	background-image: url(../images/i_15.gif);
	background-repeat: repeat-x;
}

.dot_menu_left {
	width: 20px;
}
.menu_left a:link,.menu_left,.menu_left a:active  {
	COLOR: #b20000; TEXT-DECORATION: none}
	
.menu_left a:hover {
	COLOR: #ff9900; TEXT-DECORATION: underline}
	
.menuwith {
	width: 169px;
}
.text_download {
	
	font-size: 12px;
	font-weight: normal;
	color: red;
	text-decoration: none;
	line-height: normal;
}
/* This CSS sets the default styles for forms. */

fieldset {
	border: 1px solid #ccc;
	padding: 0.7em;
}

.ie fieldset {
	padding-top: 0;
}

legend {
	font-weight: bold;
	padding: 0 0.5em;
}

input[type="text"], input[type="password"], input[type="file"],input[type="submit"], input[type="button"], input[type="reset"], select, textarea, .textarea {	
	border: 1px solid #6AC0F6;	
	font: 1em 'Tahoma','Lucida Sans Unicode','Lucida Grande','Lucida',Arial,Verdana,sans-serif;
	padding: 0.3em;
}

select {
	padding: 0.3em;
}

input[type="image"] {
	background: transparent none;
	border: none;
	padding: 0;
}
input[type="file"] {
	background: transparent none;
	border: none;
	padding: 0;
}

input[type="submit"], input[type="button"], input[type="reset"] {
	background: #FAFAFA url(../images/forms/15.gif) repeat-x;
	border: 1px double #6BC4FB;
	border-left-color: #6BC4FB;
	border-top-color: #6BC4FB;	
	font-weight: bold;
	padding: 0.25em;	
	color:#27429B;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;	
	line-height:16px;	
}

/* ---------- IE6 chokes on attribute selectors in a chain, so we separate them into their own rule ---------- */

.ie6 input.text, input.password, .ie6 input.submit, .ie6 input.file, .ie6 input.button {
	background: #fff;	
	border: 1px solid #6AC0F6;	
	font: 1em 'Tahoma','Lucida Sans Unicode','Lucida Grande','Lucida',Arial,Verdana,sans-serif;
	padding: 0.3em;
}

.ie6 input.submit, .ie6 input.button {
	background: #FAFAFA url(../images/forms/15.gif) repeat-x;
	border: 1px double #6BC4FB;
	border-left-color: #6BC4FB;
	border-top-color: #6BC4FB;	
	font-weight: bold;
	padding: 0.25em;	
	color:#27429B;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;	
	line-height:16px;	
}

input.focus, textarea.focus, .ie6 input.focus, .ie6 textarea.focus {
	background: #FEF7ED;
	border: 1px solid #FF9900;	
}
/* This CSS controls the column layout. It is not recommended that you change this file. */

/* ---------- Wrapper ---------- */

#content-wrapper #layout-grid {	
	border-collapse: collapse;
	width: 988px;
	padding:5px 5px 8px 5px;
}

#layout-grid .lfr-column {
	padding: 4px;
}

.lfr-grid {
	width: 100%;
}

/* ---------- Column widths ---------- */

#layout-grid.dragging .lfr-column {
	height: 100px;
	min-height: 100px;
}

.lfr-column.ten {
	width: 10%;
}

.lfr-column.twenty {
	width: 20%;
}

.lfr-column.thirty {
	width: 30%;
}

.lfr-column.forty {
	width: 40%;
}

.lfr-column.fifty {
	width: 50%;
}

.lfr-column.sixty {
	width: 60%;
}

.lfr-column.seventy {
	width: 70%;
}

.lfr-column.eighty {
	width: 80%;
}

.lfr-column.ninety {
	width: 90%;
}

/* ---------- 1 column ---------- */

.columns-1 #column-1, .columns-max #column-1 {
	/*display: table;*/
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}
/* ---------- 2 +columns ---------- */

.+columns-2 #column-1 {
	width: 30%;
	float: left;
	padding-left: 0;
}

.+columns-2 #column-2 {
	width: 70%;
	padding-right: 0;
}

/* ---------- 2 _columns ---------- */

._columns-2 #column-1 {
	width: 184px;
	float: left;
	padding-left: 0;
}

._columns-2 #column-2 {
	width: 404px;
}

._columns-2 #column-3 {
	padding-left: 0;
}

._columns-2 #column-4 {
	padding-right: 0;
}

._columns-2 #column-5 {
	width: 198px;
}

._columns-2 #column-6 {
	width: 180px;
	padding-right: 0;
}

/* ---------- 2 columns ---------- */

.columns-2 #column-1 {
	float: left;
	width: 185px;	
	padding-left: 0;
}

.columns-2 #column-2 {	
	clear:right;
	margin:0 13px;
	width:782px;
}

/* ---------- 3 columns ---------- */

.columns-3 #column-1 {
	float:left;
	width:173px;
}

.columns-3 #column-2 {
	clear:right;	
	margin:0 13px;
	width:539px;
}

.columns-3 #column-3 {
	clear:right;
	margin:0;
	width:252px;	
}

/* ---------- 3 columns ---------- */

.columns-2 #column-3 {
	padding-left: 0;
}

.columns-2 #column-4 {
	padding-right: 0;
}

.columns-2 #column-5 {
}

.columns-2 #column-6 {
	width: 180px;
	padding-right: 0;
}

/* ---------- 40 columns ---------- */

.columns-40 #column-10 {
	width : 194px;
	padding-left: 0;
}

.columns-40 #column-20 {	
	width : auto;
}

.columns-40 #column-30 {
	width : 196px;
	padding-right: 0;
}
/* ---------- 50 columns ---------- */

.columns-50 #column-51 {
	width : 184px;
	padding-left: 0;
}

.columns-50 #column-52 {
	width : 505px;
}

.columns-50 #column-53 {
	width : 280px;
	padding-right: 0;
}

/* ---------- 1/2/1 ---------- */

.columns-1-2-1 #column-1, .columns-1-2-1 #column-4 {
	padding-left: 0;
	padding-right: 0;
}

.columns-1-2-1 #column-2 {
	padding-left: 0;
}

.columns-1-2-1 #column-3 {
	padding-right: 0;
}

/* ---------- 2/2 ---------- */

.columns-2-2 #column-1, .columns-2-2 #column-2 {
	padding-left: 0;
}

.columns-2-2 #column-4 {
	padding-right: 0;
}

/* ---------- Freeform ---------- */

.freeform .lfr-column {
	position: relative;
}

.columns-2-2 #column-4 {
	padding-right: 0;
}
/* This CSS sets the default styles for the main navigation. */

/* ---------- Main navigation ---------- */
/*tgtuan them cho nay*/
#navigation {
	background:transparent url(../images/yte_image/bgr_menu.gif) repeat-x scroll left top;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px 0;
	height:23px;

}

#navigation a {
-x-system-font:none;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-transform:uppercase;
}
#navigation a.selected {
color:#FAC78B;
}
.pntop {
background:transparent url(../images/yte_image/img.gif) no-repeat scroll left -67px;
height:23px;
width:987px;
}
.pntop .datetime {
color:#FFFFFF;
font-size:11px;
left:20px;
position:relative;
top:4px;
}
.fr {
float:right;
}
.fl {
float:left;
}
.search .sc {
background:transparent url(../images/yte_image/sc.gif) repeat-x scroll left top;
height:23px;
}
.search .sl {
background:transparent url(../images/yte_image/img.gif) no-repeat scroll -60px top;
font-size:1px;
height:23px;
width:5px;
}
.search .sr {
background:transparent url(../images/yte_image/img.gif) no-repeat scroll -70px top;
font-size:1px;
height:23px;
width:5px;
}
.search .sm input {
-x-system-font:none;
background:transparent url(../images/yte_image/img.gif) no-repeat scroll -80px top;
border:medium none;
color:#000000;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0 13px 0 5px;
padding:4px 0 2px;
text-align:center;
width:47px;
}
.search .sc input {
border:0 none;
color:#4D4D4D;
font-size:11px;
height:14px;
margin-top:3px;
padding-top:0px;
width:122px;
}
/*ket thuc tgtuan them cho nay*/
/* ---------- Dock without JavaScript ---------- */
#doc_pic{
	background: url(../images/dock/wrench.png) no-repeat 0;
	font-size: 1.6em;
	padding-left: 25px;
	text-align: right;
	top: -7px;
	
}

.lfr-dock {
	position: absolute;
	right: 10px;
	top: 10px;
}

.lfr-dock h2 {
	background: url(../images/navigation/welcome_message.png) no-repeat 0 50%;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding-left: 2em;
	text-align: right;
}

.lfr-dock ul {
	display: inline;
	float: left;
	text-align : left;
	min-width : 140px;	
}

.lfr-dock li {
	display: inline;
	float: left;
	margin-left: 15px;
}

.lfr-dock li a {
	background: url() no-repeat 0 50%;
	padding: 2px 0 2px 20px;
}

.lfr-dock li.home a {
	background-image: url(../images/dock/home.png);
}

.lfr-dock li.my-account a {
	background-image: url(../images/dock/my_account.png);
}

.lfr-dock li.sign-in a {
	background-image: url(../images/dock/sign_in.png);
}

.lfr-dock li.sign-out a {
	background-image: url(../images/dock/sign_out.png);
}

.lfr-dock li.add-content a {
	background-image: url(../images/dock/add_content.png);
}

.lfr-dock li.layout a {
	background-image: url(../images/dock/layout.png);
}

.lfr-dock li.page-settings a {
	background-image: url(../images/dock/page_settings.png);
}

.lfr-dock li.staging a {
	background-image: url(../images/dock/staging.png);
}

.lfr-dock li.my-places a {
	background-image: url(../images/dock/my_places.png);
}

.lfr-dock li.my-places {
	display: none;
}

.lfr-dock li.toggle-controls {
	display: none;
}

/* ---------- Dock with JavaScript ---------- */

.js .interactive-mode {
	min-width: 10px;
	min-height: 10px;
	position: absolute;
	right: 5%;
}

.js .interactive-mode h2 {
	background: url(../images/dock/right_bg.png) no-repeat 100% 0;
	font-size: 1em;
	margin: 0;
	padding: 0 37px 0 0;
	position: relative;
	z-index: 82;
	right: -30px;
}

.js .lfr-dock.expanded .lfr-dock-list-container {
	top: -2px;
}

.js .interactive-mode ul {
	background: #fff;
	border: 1px solid;
	border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;
	display: none;
	float: none;
}

.js .interactive-mode li {
	border-top: 1px solid #DEDEDE;
	clear: both;
	display: block;
	float: none;
	margin: 0;
	padding: 2px;
}

.js .interactive-mode li a {
	background-position: 8px 50%;
	background-repeat: no-repeat;
	display: block;
	margin-left: 0;
	padding: 5px 0px;
	text-decoration: none;
}

.js .interactive-mode li a, .js .interactive-mode li a:hover {
	background-position: 8px 50%;
	padding-left: 30px;
}

.js .interactive-mode li a:hover, .js .interactive-mode .my-places li.current a:hover {
	color: #fff;
}

.js .interactive-mode .lfr-dock-list li.first {
	border-top: none;
}

.js .lfr-dock.interactive-mode .my-places li a {
	background-image: none;
}

.js .interactive-mode .my-places li {
	background-position: 5px 50%;
	background-repeat: no-repeat;
}

.js .lfr-dock.interactive-mode .my-places.lfr-flyout.has-children > ul {
	margin-right: -1px;
}

.js .interactive-mode .my-places li.current-community {
	background-color: #D3DADD;
}

.js .interactive-mode .my-places li h3 {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}

.js .interactive-mode .lfr-flyout.has-children h3 {
	min-width: 175px;
}

.js .lfr-dock.interactive-mode .my-places li h3 a {
	background-image: url(../images/dock/my_place.png);
}

.js .interactive-mode .lfr-flyout.has-children ul {
	display: none;
	margin-left: 0;
	top: -1px;
}

.js .interactive-mode .my-places li.public a {
	background-image: url(../images/dock/my_places_public.png);
}

.js .interactive-mode .my-places li.private a {
	background-image: url(../images/dock/my_places_private.png);
}

.js .interactive-mode .my-places li.current {
	background-color: #DFF4FF;
}

.js .interactive-mode .my-places li.current a {
	background: url(../images/dock/my_place_current.png) no-repeat 10px 50%;
	margin: 0;
	padding-left: 35px;
}

.js .interactive-mode li:hover, .js .interactive-mode .my-places li:hover {
	background-color: #828F95;
}

.js .interactive-mode li:hover a:hover, .js .interactive-mode li:hover > a, .js .interactive-mode li:hover > h3 > a {
	background-color: #828F95;
	color: #fff;
}

.ie6 .js .interactive-mode li a:hover {
	background-color: #828F95;
	color: #fff;
}

.js .interactive-mode .my-places ul li a.add-page {
	top: 7px;
}

.js .interactive-mode .group-end {
	border-bottom: 2px solid #DEDEDE;
}

.ie6.js .interactive-mode .taglib-my-places li {
	height: 24px;
}

.ie6.js .lfr-dock.interactive-mode {
	white-space: nowrap;
	width: 150px;
}

.ie6.js .lfr-dock.interactive-mode li {
	height: 1%;
	width: 100%;
}

.ie6.js .interactive-mode .lfr-flyout.has-children {
	width: 150px;
}

.js .interactive-mode li.toggle-controls {
	display: block;
}

.js .interactive-mode li.toggle-controls a {
	background-image: url(../images/common/checked.png);
}

.js .controls-hidden .interactive-mode li.toggle-controls a {
	background-image: url(../images/common/unchecked.png);
}

/* ---------- Add/remove page ---------- */

.js .delete-tab {
	background: url(../images/common/remove.png) no-repeat 42%;
	cursor: pointer;
	display: block;
	height: 8px;
	position: absolute;
	right: 2px;
	text-indent: -9999em;
	top: 2px;
	width: 8px;
}

/*------ Navigation portlet ------*/

.nav-menu li a.ancestor {
	font-weight: bold;
}

.nav-menu li a.selected {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.nav-menu ul {
	padding-left: 10px;
}
/* This CSS sets the default styles for portlets. */

/* ---------- Portlet wrapper and icons ---------- */
.portlet {
	background:#fff;
	padding:2px;
	margin:0 0 3px 0;
	font-size:12px;
	line-height:normal;
}

.portlet-topper {
	/*background-position: right top;*/
	/*margin-right: -10px;*/
	padding:6px 0 0 0px;
	left: 0px;
	padding-right: 13px;
	position: relative;
	width:100%
}

.portlet-title {
	color:#FFFFFF;
	font-size:11px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-align: left;
	text-transform:uppercase;		
}

.ie .portlet-title {

}

.portlet-title img {
	vertical-align: middle;
	text-align: left;	
}

.portlet-icons {
	margin: 3px;
	position: absolute;
	right: 20px;
	text-align: right;
	top: 4px;
}

.portlet-content {
	clear:both;
}

.portlet-icon-back {
	background: url(../images/portlet/back.png) no-repeat 0 50%;
	font-weight: bold;
	padding: 0.2em 0 0.5em 1.8em;
}
/* ---------- Drag and drop ---------- */

.portlet-dragging {
	background: #FFFFE3 !important;
	border: 3px solid #666;
	padding: 10px;
}

.portlet-hover {
	background: #ddd;
	padding: 10px;
}

.portlet-placeholder {
	background: url(../images/portlet/placeholder_bg.png);
	border: 1px dashed #508FB4;
	width: 100% !important;
}

.portlet-resize-handle {
	background: url(../images/arrows/resize.png) scroll no-repeat;
	bottom: 12px;
	cursor: se-resize;
	height: 10px;
	position: absolute;
	right: 2px;
	width: 10px;
}

.popup .portlet-resize-handle {
	bottom: 2px;
}

/* ---------- Standard styles defined in the JSR 168 ---------- */

/* ---------- Fonts ---------- */

/* ---------- Font attributes for the 'normal' fragment font ---------- */

.portlet-font {
}

/* ---------- Font attributes similar to the .portlet-font but the color is lighter ---------- */

.portlet-font-dim {
}

/* ---------- Messages ---------- */

/* ---------- Status of the current operation ---------- */

.portlet-msg-status {
}

/* ---------- Help messages, general additional information, etc. ---------- */

.portlet-msg-info {
	background: #FAFAFA url(../images/messages/info.png) no-repeat 0.5em 50%;
	border: 1px solid #53B2F8;
	color: #777;
	display: block;
	margin: 0.15em auto 1.2em;
	padding: 0.5em 0.5em 0.5em 2.8em;
	text-align: left;
}

/* ---------- Error messages ---------- */

.portlet-msg-error {
	background: #FFF1ED url(../images/messages/error.png) no-repeat 0.5em 50%;
	border: 1px solid #900;
	display: block;
	margin: 0.15em auto 1.2em;
	padding: 0.5em 0.5em 0.5em 2.8em;
	text-align: left;
}

/* ---------- Warning messages ---------- */

.portlet-msg-alert {
	background: #FEFFDF url(../images/messages/alert.png) no-repeat 0.5em 10%;
	border: 1px solid #EFEFEF;
	display: block;
	margin: 0.15em auto 1.2em;
	padding: 0.5em 0.5em 0.5em 2.8em;
	text-align: left;
}

/* ---------- Success messages ---------- */

.portlet-msg-success {
	background: #F4FDEF url(../images/messages/success.png) no-repeat 0.5em 50%;
	border: 1px solid #3F9305;
	display: block;
	margin: 0.15em auto 1.2em;
	padding: 0.5em 0.5em 0.5em 2.8em;
	text-align: left;
}

/* ---------- Sections ---------- */

/* ---------- Table or section header ---------- */

.portlet-section-header {
	background: #D9E1EC;
	padding: 1px 0 0;
}

.portlet-section-header th {
	border-bottom: 1px solid #ccc;
	color: #333;
	font-weight: bold;
	padding: 0.3em 1em;
}

/* ---------- Normal text in a table cell ---------- */

.portlet-section-body {
	background: #E7EDF4;
	color: #000;
}

.portlet-section-body td {
	background: #DCDCDC;
	border-bottom: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	padding: 0.3em 1em;
}

/* ---------- Text in every other row in the cell ---------- */

.portlet-section-alternate {
	background: #D3DEEB;
	color: #000;
}

.portlet-section-alternate td {
	background: #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #BFBFBF;
	padding: 0.3em 1em;
}

.portlet-section-alternate-hover td, .portlet-section-body-hover td {
	background: #FFF5BA;
	border-bottom: 1px solid #E0D79F;
	border-top: 1px solid #E0D79F;
	padding: 0.3em 1em;
}

.portlet-section-body td td, .portlet-section-body-hover td td {
	border: none;
}

.portlet-section-alternate td td, .portlet-section-alternate-hover td td {
	border: none;
}

/* ---------- Text in a selected cell range ---------- */

.portlet-section-selected {
	background: #EEE;
}

/* ---------- Text of a subheading ---------- */

.portlet-section-subheader {
}

/* ---------- Table or section footnote ---------- */

.portlet-section-footer {
}

/* ---------- Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the section) ---------- */

.portlet-section-text {
}

/* ---------- Forms ---------- */

/* ---------- Text used for the descriptive label of the whole form (not the labels for fields) ---------- */

.portlet-form-label {
}

/* ---------- Text of the user-input in an input field ---------- */

.portlet-form-input-field {
}

/* ---------- Text on a button ---------- */

.portlet-form-button {
}

/* ---------- Text that appears beside a context dependent action icon ---------- */

.portlet-icon-label {
}

/* ---------- Text that appears beside a 'standard' icon (e.g. Ok, or Cancel) ---------- */

.portlet-dlg-icon-label {
}

/* ---------- Text for a separator of fields (e.g. checkboxes, etc.) ---------- */

.portlet-form-field-label {
}

/* ---------- Text for a field (not input field, e.g. checkboxes, etc.) ---------- */

.portlet-form-field {
}

/* ---------- Menus ---------- */

/* ---------- General menu settings such as background color, margins, etc. ---------- */

.portlet-menu {
}

/* ---------- Normal, unselected menu item ---------- */

.portlet-menu-item {
}

/* ---------- Selected menu item ---------- */

.portlet-menu-item-selected {
}

/* ---------- Normal, unselected menu item when the mouse hovers over it ---------- */

.portlet-menu-item-hover {
}

/* ---------- Selected menu item when the mouse hovers over it ---------- */

.portlet-menu-item-hover-selected {
}

/* ---------- Normal, unselected menu item that has sub-menus ---------- */

.portlet-menu-cascade-item {
}

/* ---------- Selected sub-menu item that has sub-menus ---------- */

.portlet-menu-cascade-item-selected {
}

/* ---------- Descriptive text for the menu (e.g. in a help context below the menu) ---------- */

.portlet-menu-description {
}

/* ---------- Menu caption ---------- */

.portlet-menu-caption {
}

/* ---------- Miscellaneous portlet styles ---------- */

.message-board-code {
	background: #fff;
	font-family: "Courier New",Courier,Monaco,monospace;
	white-space: pre;
}

.message-board-code-lines {
	margin-right: 1em;
}

.restricted, .restricted td {
	background: #fdd;
	border: none;
}

.restricted.alt td {
	background-color: #FFC0C0;
}

.restricted.hover td {
	background-color: #D3BDC0;
}

.restricted * {
	color: #727C81;
}

.restricted td.col-1, .restricted.alt td.col-1 {
	background-image: url(../images/messages/error.png);
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-left: 28px;
}


/* ---------- Miscellaneous component styles ---------- */
/* ---------- Panel Page ---------- */

.lfr-panel {
	margin: 0 auto;
	width: 90%;
}

.lfr-panel .portlet-title {
	font-size: 13px;
}

.lfr-panel #content-wrapper {
	margin: 0;
	width: auto;
}

.lfr-panel .lfr-add-content h2 span {
	background-color: #D3DADD;
}
/* ---------- Calendar taglib ---------- */

.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
	border: none;
}

.taglib-calendar tr td a {
	background-color: #F0F5F7;
	border: 1px solid #fff;
	border-bottom: none;
	border-left: none;
	display: block;
	height: 15px;
	padding: 5px 0pt;
}

.taglib-calendar table td {
	border-width: 0;
}

.taglib-calendar tr td a:hover {
	background-color: #727C81;
	color: #fff;
}

.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
	background-color: #fff;
}

.taglib-calendar .calendar-current-day a {
	border: 1px solid #727C81;
	color: #369;
	text-decoration: underline;
}

.taglib-calendar tr td.calendar-inactive {
	background-color: #fff;
	color: #B5BFC4;
}

.taglib-calendar tr th {
	border-bottom-color: #D7D7D7;
}

.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
	border-left: none;
	border-right: none;
}

.ie .taglib-calendar tr td.first a {
	border-right: none;
}

/* ---------- Actions button ---------- */

.lfr-actions {
}

.lfr-actions, .lfr-actions ul {
	background: #fff url(../images/forms/button.png) repeat-x 0 100%;
	border: 1px solid;
	border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;
}

.lfr-actions ul {
	bottom: -1px;
}

.lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger strong {
	background: none;
}

.lfr-actions .lfr-trigger strong span {
	background: url(../images/common/action.png) no-repeat 5px 50%;
}

.lfr-actions.left .lfr-trigger strong span {
	background: url(../images/common/action_right.png) no-repeat 98% 50%;
}

.lfr-actions .lfr-trigger li {
	background: transparent;
	border-bottom: 1px solid #DEDEDE;
	padding: 2px;
}

.lfr-actions .lfr-trigger li a {
	padding: 5px 10px 5px 25px;
}

.lfr-actions .lfr-trigger li a:hover {
	background-color: #828F95;
	color: #fff;
}

.lfr-actions .lfr-trigger li a img {
	left: 3px;
	position: absolute;
}

.lfr-actions .lfr-trigger li.last {
	border-bottom: none;
}

.lfr-actions.portlet-options {
	background: none;
	border: none;
	float: left;
}

.lfr-actions.portlet-options .lfr-trigger {
	padding: 0;
}

.lfr-actions.portlet-options .lfr-trigger strong {
	min-width: 0;
	padding: 1px 3px;
}

.lfr-actions.portlet-options .lfr-trigger strong span {
	background-image: url(../images/portlet/options.png);
	background-position: 0 0;
	display: block;
	height: 16px;
	padding: 0;
	text-indent: -9999em;
	width: 16px;
}

.portlet-options.visible .lfr-trigger strong span {
	background-image: url(../images/portlet/options_selected.png);
}
/* This CSS sets the default styles for tabs. */

 

.tabs {
 border-bottom: 1px solid #BFDCEB;
 margin: 0 0 1.5em 0;
 padding: 0 0 2.6em 1em;
}
.ie6 .tabs {
 border-bottom: 1px solid #B8CAE2;
}

 

.tabs li {
 background: url(../images/common/tabs_bg_.png) 100% -50px;
 display: inline;
 float: left;
 line-height: 2.25;
 margin-right: 0.8em;
 padding: 0;
 position: relative;
 text-decoration: none;
}
.ie6 .tabs li {
 background: url(../images/common/tabs_bg.png) 100% -50px;
}

 

.tabs li a, .tabs li span {
 background: url(../images/common/tabs_bg_.png) 0 -150px;
 display: block;
 float: left;
 font-weight: bold;
 color: #FFFFFF;
 float: left;
 padding: 0.35em 1em 0;
 text-decoration: none;
}
.ie6 .tabs li a, .tabs li span {
 background: url(../images/common/tabs_bg.png) 0 -150px;
 color: #3175B9;
 }
.ie6 #navigation, .ie6 #navigation ul {
 height: 0em;
 margin-top: -7px; 
 padding-top : 3px; 
 margin-right: 2px;
}

 


.tabs li.current {
 background: url(../images/common/tabs_bg_.png) 100% 0;
 font-weight: bold;
 top: 0.15em;
}
.ie6 .tabs li.current {
 background: url(../images/common/tabs_bg.png) 100% 0;
}

 

.tabs li.current a, .tabs li.current span {
 background: url(../images/common/tabs_bg_.png) 0 -100px;
 color: #27429B;
 padding: 0.15em 1em;
}
.ie6 .tabs li.current a, .tabs li.current span {
 background: url(../images/common/tabs_bg.png) 0 -100px;
}

 

.ie .tabs li {
 line-height: 2.35;
}

 

.ie .tabs li.current {
 top: 0.2em;
}
/* ---------- Main ---------- */

.ui-wrapper {
	border: 2px solid #828F95;
}

.ui-wrapper input, .ui-wrapper textarea {
	border: 0;
}

.ui-dialog-overlay {
	background: #000;
	opacity: 0.8;
	z-index: 400;
}

.ie .ui-dialog-overlay {
	filter: alpha(opacity=80);
}

.results-grid {
	border: 1px solid #DEDEDE;
	border-left: none;
	border-right: none;
	padding: 5px 0;
}

.results-header {
	background: #727C81;
}

.results-header th, .results-header td {
	color: #fff;
	padding: 5px 10px;
}

.results-header th a, .results-header td a {
	color: #fff;
}

.ui-autocomplete-even, .results-row td {
	background: #F0F5F7;
	padding: 5px 10px;
}

.ui-autocomplete-odd, .results-row.alt td {
	background: #D3DADD;
}

.ui-autocomplete-over, .results-row.hover td {
	background: #A8D6ED;
}

/* ---------- Dragging/sorting indicators ---------- */

.lfr-grid.dragging {
	border-collapse: separate;
}

.lfr-grid.dragging .lfr-column {
	border: 3px double #828F95;
}

.drop-area {
	background-color: #D3DADD;
}

.active-area {
	background: #ffc;
}

.ui-proxy {
	cursor: move;
	opacity: 0.65;
	position: relative;
}

.ie .ui-proxy {
	filter: alpha(opacity=65);
}

.ui-proxy.generic-portlet {
	height: 200px;
	width: 300px;
}

.ui-proxy.generic-portlet .portlet-title {
	padding: 10px;
}

.ui-proxy.not-intersecting .forbidden-action {
	background: url(../images/application/forbidden_action.png) no-repeat;
	display: block;
	height: 32px;
	position: absolute;
	right: -15px;
	top: -15px;
	width: 32px;
}

.ie .ui-proxy.not-intersecting .forbidden-action {
	right: 2px;
	top: 2px;
}

.ui-resizable-proxy {
	border: 1px dashed #828F95;
}

.navigation-sort-helper {
	background: #727C81;
	margin-top: 1px;
}

.portlet-sort-helper {
}

/* ---------- Resizables ---------- */

.ui-resizable {
	position: relative;
}

.ui-resizable-handle {
	background: transparent url() no-repeat 50% 50%;
	display: none;
	font-size: 0.1px;
	position: absolute;
}

.ui-resizable .ui-resizable-handle {
	display: block;
}

.js .ui-resizable-disabled .ui-resizable-handle {
	display: none;
}

.js .ui-resizable-autohide .ui-resizable-handle {
	display: none;
}

.ui-resizable-n, .ui-resizable-s {
	background-image: url(../images/application/handle_horizontal.png);
	height: 14px;
	left: 0;
	right: 0;
}

.ui-resizable-n {
	cursor: n-resize;
	top: 0;
}

.ui-resizable-s {
	bottom: 0;
	cursor: s-resize;
}

.ui-resizable-e, .ui-resizable-w {
	background-image: url(../images/application/handle_vertical.png);
	background-position: center center;
	bottom: 0;
	top: 0;
	width: 14px;
}

.ui-resizable-e {
	cursor: e-resize;
	right: 0;
}

.ui-resizable-w {
	cursor: w-resize;
	left: 0;
}

.ui-resizable-ne, .ui-resizable-nw {
	height: 14px;
	top: 0;
	width: 14px;
}

.ui-resizable-ne {
	background-image: url(../images/application/handle_ne.png);
	cursor: ne-resize;
	right: 0;
}

.ui-resizable-nw {
	background-image: url(../images/application/handle_nw.png);
	cursor: nw-resize;
	left: 0;
}

.ui-resizable-se, .ui-resizable-sw {
	bottom: 0;
	height: 14px;
	width: 14px;
}

.ui-resizable-se {
	background-image: url(../images/application/handle_se.png);
	cursor: se-resize;
	right: 0;
}

.ui-resizable-sw {
	background-image: url(../images/application/handle_sw.png);
	cursor: sw-resize;
	left: 0;
}

.freeform .portlet-boundary .ui-resizable-handle {
	margin: 3px;
}

/* ---------- Slider ---------- */

.ui-slider {
	position: relative;
}

.ui-slider-handle {
	position: absolute;
}

.ui-slider-disabled .ui-slider-handle {
	opacity: 0.5;
}

.ie .ui-slider-disabled .ui-slider-handle {
	filter: alpha(opacity=50);
}

.ui-slider-range {
	background: #1E2529;
	height: 100%;
	opacity: 0.3;
	position: absolute;
	width: 100%;
}

.ie .ui-slider-range {
	filter: alpha(opacity=30);
}
.ie .ui-tabs{
	overflow:hidden;
}
.ie6 .ui-tabs{
	height:1%;
}


.ui-tabs-disabled{
	opacity:0.4;
}
.ie .ui-tabs-disabled{
	filter:alpha(opacity=40);
}
.ui-tabs-hide{
	display:none;
}
.ui-tabs .toggle.last{
	float:right;
}

/* ---------- Dialog ---------- */

.ui-dialog {
	background-color: #fff;
	border: 2px solid #828F95;
	padding: 4px;
}

.ui-dialog .ui-dialog-titlebar {
	background: #1E2529;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	min-height: 28px;
	padding: 0;
	position: relative;
	z-index: 1;
}

.ie .ui-dialog .ui-dialog-container {
	z-index: 1;
}

.ie6 .ui-dialog .ui-dialog-titlebar {
	height: 29px;
}

.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-dialog .ui-dialog-titlebar-close {
	background: url(../images/application/close.png) no-repeat;
	height: 16px;
	position: absolute;
	right: 5px;
	top: 6px;
	width: 16px;
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: none;
}

.ui-dialog.has-title .ui-dialog-title {
	background: url(../images/arrows/04_right.png) no-repeat 7px 50%;
	display: block;
	font-weight: bold;
	padding: 5px;
	padding-left: 20px;
}

.ui-dialog.ui-resizable .ui-dialog-content {
	padding: 14px;
}

.ui-dialog.ui-resizable-disabled .ui-dialog-content {
	padding: 7px;
}

.ui-dialog .ui-dialog-buttonpane {
	bottom: 8px;
	position: absolute;
	right: 12px;
	text-align: right;
	width: 100%;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 6px;
}

.ui-dialog.generic-dialog .ui-resizable-handle {
}

/* ---------- Date picker ---------- */

#ui-datepicker-div, .ui-datepicker-inline {
	background: #fff;
	border: 2px solid #828F95;
	padding: 3px;
	width: 185px;
}

#ui-datepicker-div {
	display: none;
}

.ui-datepicker-inline {
	border: 0;
	display: block;
	float: left;
}

.ui-datepicker-dialog {
	padding: 5px !important;
}

img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}

.ui-datepicker-prompt {
	color: #000;
	float: left;
	padding: 2px;
}

.ie6 .ui-datepicker-prompt {
	width: 185px;
}

.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
}

.ui-datepicker-control {
	background: #D3DADD;
	border-bottom: 1px solid #AEB8BC;
	margin-bottom: 2px;
}

.ui-datepicker-links {
	background: #727C81;
	margin-bottom: 1px;
	padding: 5px 0;
}

.ui-datepicker-links a {
	color: #fff;
	display: block;
	margin: 0 5px;
}

.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	letter-spacing: 1px;
}

.ui-datepicker-links label {
	padding: 2px 5px;
}

.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}

.ui-datepicker-prev a, .ui-datepicker-next a {
	background: url() no-repeat;
	font-size: 0;
	height: 16px;
	line-height: 0;
	text-indent: -9999em;
	width: 16px;
}

.ui-datepicker-prev a {
	background-image: url(../images/application/datepicker_previous.png);
}

.ui-datepicker-next a {
	background-image: url(../images/application/datepicker_next.png);
}

.ui-datepicker-current {
	float: left;
	line-height: 1.3;
	text-align: center;
	width: 30%;
}

.ui-datepicker-close a {
	background: url(../images/application/close.png) no-repeat;
	display: block;
	float: right;
	height: 16px;
	margin: 5px 5px 5px 0;
	text-indent: -9999em;
	width: 16px;
}

.ui-datepicker-next {
	float: right;
	text-align: right;
}

.ui-datepicker-header {
	border-bottom: 1px solid #DEDEDE;
	font-weight: bold;
	padding: 5px 0 6px;
	text-align: center;
}

.ui-datepicker-header select {
	background: #727C81;
	border: 0;
	color: #fff;
	font-weight: bold;
}

.ui-datepicker-header .ui-datepicker-new-month {
	float: left;
	margin-left: 5px;
}

.ui-datepicker-header .ui-datepicker-new-year {
	float: right;
	margin-right: 5px;
}

.ui-datepicker {
	text-align: center;
	width: auto;
}

.ui-datepicker a {
	display: block;
	width: 23px;
}

.ui-datepicker .ui-datepicker-title-row a {
	color: #1E2529;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-days-row {
	background: #fff;
	color: #727C81;
}

.ui-datepicker-week-col {
	color: #B5BFC4;
}

.ui-datepicker-days-cell a {
	background: #F0F5F7;
	border: 1px solid #fff;
}

.ui-datepicker-days-cell a:hover {
	background-color: #727C81;
	color: #fff;
}

.ui-datepicker-current-day a {
	background-color: #fff;
	border: 1px solid #727C81;
	color: #369;
}

.ui-datepicker-current-day a:hover {
	background-color: #DFF4FF;
	border-color: #AEB8BC;
	color: #06c;
}

.ui-datepicker .ui-datepicker-unselectable {
	color: #B5BFC4;
}

#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
}

.ui-datepicker-one-month:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.ie .ui-datepicker-one-month {
	height: 1%;
}

.ui-datepicker-new-row {
	clear: left;
}

.ie6 .ui-datepicker-cover {
	display: block;
	filter: mask();
	height: 200px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 193px;
	z-index: -1;
}

/* ---------- Color picker ---------- */

.ui-colorpicker {
	background-image: url(../images/color_picker/picker_container_bg.png);
	font: 11px Arial,Helvetica,sans-serif;
	height: 192px;
	position: relative;
	width: 305px;
}

.ui-colorpicker-color {
	background-color: #F00;
	background-image: url(../images/color_picker/picker_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 184px;
	left: 8px;
	position: absolute;
	top: 5px;
	width: 184px;
}

.ui-colorpicker-color-handle {
	background-image: url(../images/color_picker/select.png);
	height: 11px;
	position: absolute;
	width: 11px;
}

.ui-colorpicker-hue {
	background-image: url(../images/color_picker/hue.png);
	height: 186px;
	left: 200px;
	position: absolute;
	top: 3px;
	width: 18px;
}

.ui-colorpicker-hue-handle {
	background-image: url(../images/color_picker/color_indic.png);
	height: 7px;
	position: absolute;
	width: 18px;
}

.ui-colorpicker-current {
	background: #fff;
	border: 2px solid #727C81;
	height: 60px;
	position: absolute;
	right: 10px;
	top: 31px;
	width: 60px;
}

.ui-colorpicker-values {
	left: 230px;
	position: absolute;
	top: 100px;
	width: 60px;
}

.ui-colorpicker-values table {
	width: 100%;
}

.ui-colorpicker-values table input {
	margin-bottom: 1px;
	padding: 3px 1px;
	width: 100%;
}

.ui-colorpicker-rgbR, .ui-colorpicker-rgbG, .ui-colorpicker-rgbB {
	width: 20px;
}

.ui-colorpicker-hex {
	width: 40px;
}

.ui-colorpicker-close {
	background: url(../images/color_picker/close.png) no-repeat 0 0;
	cursor: pointer;
	height: 23px;
	position: absolute;
	right: 3px;
	text-indent: -9999em;
	top: 3px;
	width: 23px;
}

/* ---------- Autocomplete ---------- */

.ui-autocomplete-results {
	border: 1px solid;
	border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
	overflow: hidden;
	padding: 0;
	z-index: 300;
}

.ui-autocomplete-results ul {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	width: 100%;
}

.ui-autocomplete-results li {
	cursor: default;
	display: block;
	line-height: 16px;
	margin: 0;
	overflow: hidden;
	padding: 2px 5px;
}

.ui-autocomplete-loading, .ui-autocomplete-loading.focus {
	background-image: url(../images/application/loading_indicator.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

.ui-autocomplete-results li strong {
	color: #06c;
	font-weight: bold;
}

/* ---------- Tags ---------- */

.ui-tags {
	display: block;
	padding: 5px 0 2px;
}

.ui-tags:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.ie .ui-tags {
	height: 1%;
}

.ui-tags.empty {
	display: none;
}

.ui-tags .ui-tag {
	background: #DFF4FF;
	border: 1px solid #A7CEDF;
	float: left;
	margin-bottom: 3px;
	margin-right: 3px;
	padding: 3px 20px 3px 6px;
	padding-right: 20px;
	position: relative;
}

.ui-tags .ui-tag:hover {
	border-color: #AEB8BC;
}

.ui-tags .ui-tag-delete {
	display: block;
	padding: 6px;
	position: absolute;
	right: 0;
	top: 3px;
}

.ui-tags .ui-tag-delete span {
	background: url(../images/application/close_small.png) no-repeat 0 0;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 7px;
	text-indent: -9999em;
	width: 7px;
}

.ui-tags .ui-tag-delete:hover span {
	background-position: 0 100%;
}

.ui-tags-input {
	width: 200px;
}

.tags-vocabulary-name span {
	font-weight: bold;
	padding-bottom: 3px;
}

/* ---------- Treeview ---------- */

.treeview {
	cursor: pointer;
}

.treeview, .treeview ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.treeview ul {
	background-color: #FFF;
	margin-top: 4px;
}

.treeview li {
	list-style-type: none;
}

.treeview .hitarea {
	background: url(../images/trees/treeview_bg.png) -64px -25px no-repeat;
	cursor: pointer;
	float: left;
	height: 16px;
	margin-left: -16px;
	margin-top: 3px;
	width: 16px;
}

.ie6 .hitarea {
	display: inline;
}

.treeview li {
	background: url(../images/trees/treeview_line.png) 0 0 no-repeat;
	margin: 0;
	padding: 0 0 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

.treeview-control {
	display: none;
	margin: 1em 0;
}

.treeview .hover {
	cursor: pointer;
}

.treeview li.collapsable, .treeview li.expandable {
	background-position: 0 -176px;
}

.treeview .expandable-hitarea {
	background-position: -80px -3px;
}

.treeview li.last {
	background-position: 0 -1766px;
}

.treeview li.lastCollapsable, .treeview li.lastExpandable {
	background-image: url(../images/trees/treeview_bg.png);
}

.treeview li.lastCollapsable {
	background-position: 0 -111px;
}

.treeview li.lastExpandable {
	background-position: -32px -67px;
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
	background-position: 0;
}

.treeview .placeholder {
	background: url(../images/application/loading_indicator.gif) 0 0 no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}

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

.filetree li {
	padding: 3px 0 2px 16px;
}

.filetree span.folder, .filetree span.file {
	display: block;
	padding: 1px 0 1px 16px;
}

.filetree span.folder {
	background: url(../images/trees/minus.png) 0 0 no-repeat;
}

.filetree li.expandable span.folder {
	background: url(../images/trees/plus.png) 0 0 no-repeat;
}

.filetree span.file {
	background: url(../images/trees/page.png) 0 0 no-repeat;
}



/*==================== Dien Bien =======================*/
.boder_header_title {
	height: 26px;
	float: left;
	width: 100%;
	margin-top: 3px;
	line-height: 26px;
}
.ie .boder_header_title {
	height: 20px;
}

.boder_bottom_title {
	height: 4px;
	float: left;
	width: 100%;
	background-color:#AF0000;
	line-height: 4px;
}
.title1 {
	background-image: url(../images/DB_image/i_04_center.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 11px;
}
.title1 A{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}

.ie6 #bg_box2 {
	width:194px;
}
.text1 {
	float:left;
	height:50px;
	margin:3px 7px 4px;
	width:180px;
}
.text1 a:link {
	color:#000000;
	text-decoration:none;
}

.text1 a:hover {
	color:#CC0000;
	text-decoration:none;
}
.text2_ {
	float:left;
	height:50px;
	margin:5px 7px 4px;
	width:180px;
}
.text2_ a:link {
	color:#FFF6CD;
	text-decoration:none;
}

.text2_ a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.text3_ {
	float:left;
	height:50px;
	margin:5px 7px 4px;
	width:180px;
}
.text3_ a:link {
	color:#FFFFFF;
	text-decoration:none;
}

.text3_ a:hover {
	color:#CC0000;
	text-decoration:none;
}


.content_left {
	width: 699px;
	margin-right: 6px;
	float: left;
	margin-top: 4px;
}


.content_right {
	width: 280px;
	float: right;
}

.text_video {
	width: 210px;
	float: left;
	margin-top: 4px;
	margin-right: 13px;
	margin-left: 13px;
	color: #FFFFFF;
}
.text_video A{
	width: 210px;
	float: left;
	margin-top: 4px;
	margin-right: 13px;
	margin-left: 13px;
	color: #FFFFFF;
	text-decoration: none;
}
.text_weblink {
	width: 100%;
	float: left;
	color: #FFFFFF;
	background-color: #af0000;
}
.li-text_weblink {
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFF00;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.li-text_weblink A{
	color: #FFFFFF;
	text-decoration: none;
}

.new_top {
	border: 1px solid #79afe3;
}
.title_new {
	font-size: 14px;
	color: #0260aa;
	font-weight: bold;
	float: left;
}

.li-text_weblink_last {
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.li-text_weblink_last A{
	color: #FFFFFF;
	text-decoration: none;
}
.text2 {
	float: left;
}
.other_new {
	width: 202px;
	float: right;
	border: 1px solid #79afe3;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.other_new_bg {
	background-color: #F0F5FB;
	padding-top: 3px;
	height: 348px;
}

.other_new3 {
	width: 100%;
	float: left;
	margin-right: 15px;
}
.other_new3_last {
	width: 146px;
	float: left;
}


.new_top2 {
	width: 96%;
	float: left;
	margin-right: 7px;
	margin-left:5px;
	margin-top: 15px;
}
.title_new2 {
	font-size: 12px;
	color: #0260aa;
	font-weight: bold;
	float: left;
	width: 99%;
	margin-top: 5px;
}

.last {
	border-bottom-style: none;

}
.title_new3 {
	font-size: 12px;
	color: #0260aa;
	font-weight: bold;
	float: left;
	width: 99%;
	text-decoration: none;
}
.title_new3 A{
	font-size: 12px;
	color: #0260aa;
	font-weight: bold;
	float: left;
	width: 99%;
	text-decoration: none;
}
.title_new3 A:hover{
	font-size: 12px;
	color: #0260aa;
	font-weight: bold;
	float: left;
	width: 99%;
	text-decoration: none;
}
.title_new3 A:link{
	font-size: 12px;
	color: #0260aa;
	font-weight: bold;
	float: left;
	width: 99%;
	text-decoration: none;
}
.title_new3 A:active{
	font-size: 12px;
	color: #0260aa;
	font-weight: bold;
	float: left;
	width: 99%;
	text-decoration: none;
}
.title_doc A {
	font-size: 11px;
	color: black;
	font-weight: bold;
	float: left;
	width: 99%;
	text-decoration: none;
	padding: 5px;
}
.title_doc A:active{
	font-size: 11px;
	color: black;
	font-weight: bold;
	float: left;
	width: 99%;
	text-decoration: none;
	padding: 5px;
}
.title_doc A:link{
	font-size: 11px;
	color: black;
	font-weight: bold;
	float: left;
	width: 99%;
	text-decoration: none;
	padding: 5px;
}
.title_doc A:hover{
	font-size: 11px;
	color: red;
	font-weight: bold;
	float: left;
	width: 99%;
	text-decoration: none;
	padding: 5px;
}
.bg_box_on {
	background-color: #fff8e5;
	border: 1px dotted #b9b9b9;
	float: left;
	width: 239px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin-right: 7px;
	height: 94px;
}


/*-------*/
.menu_left_dn {
	width: 184px;
	float: left;
	padding-right: 7px;
}

.box_left_dn {
	width: 184px;
	border: 1px solid #1289c6;
	float: left;
	margin-bottom: 5px;
}

.text_boxleft_dn {
	width: 168px;
	float: left;
	color: #333333;
	padding: 8px;
}


.boder1_dn {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #1083c2;
	border-left-color: #1083c2;
	padding: 8px;
	width: 385px;
	float: left;
}
.new_top2_dn {
	width: 385px;
	float: left;
	margin-right: 7px;
	margin-top: 10px;
}

.content_left_dn {
	width: 595px;
	margin-right: 5px;
	float: left;
	margin-top: 4px;
}
.box_left2_dn {
	width: 198px;
	border: 1px solid #1289c6;
	float: left;
	background-color: #fff8e5;
	margin-right: 3px;
	margin-top: 5px;
}
.box_left3_dn {
	width: 198px;
	border: 1px solid #1289c6;
	float: left;
	margin-bottom: 5px;
	background-color: #fff8e5;
	margin-top: 5px;
}

.text_boxleft2_dn {
	width: 180px;
	float: left;
	color: #333333;
	padding: 8px;
}
.content_right_dn {
	width: 386px;
	float: right;
}

.title_new3dn {
	font-size: 12px;
	color: #0260aa;
	font-weight: bold;
	float: left;
	width: 380px;
	text-decoration: none;
}


/* Custom Portlet CSS */
/*begin tabs*/
.boder_tab_light_blue {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #1083c2;
	border-left-color: #1083c2;
	width:99.8%;
	float: left;
}
.boder_tab_blue {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #3f930a;
	border-left-color: #3f930a;
	width:99.8%;
	float: left;
}
.bottom_news_tab {
	height: 6px;
	width: 100%;
	float: left;
}

.title_news a{
	color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.box_left_portlet_news{
	width: 100%;
	float: left;
	background-color:aqua;
	margin-right: 3px;
	margin-top: 5px;
}
/*end tabs*/
/* default */
.box_left_portlet{
	width: 100%;
	float: left;
	margin-right: 3px;
	margin-top: 5px;
}
.box_left_portlet .title {
	height: 24px;
	float: right;
	width: 100%;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	font-size: 11px;
	line-height: 24px;
}
.box_left_portlet .title .title_wrap {
	float: left;
	width: 100%;
}

.box_left_portlet .title .title_wrap div {
	padding-left:22px;
}

/* style 1 */

/* Custom Portlet Content */

.content_blue{
	background-color:#EEFDDD;
}
.content_orange{
	background-color:#FFF8E5;
}

/*css search*/
.borderTable {
	/*background:#FFFFFF none repeat scroll 0 0;*/
	/*border:1px solid #BABABA;*/
	margin:0 0 3px;
	padding:3px;
	width:auto;
}
.bg_tit_c_02 {
	background:transparent url(/html/portlet/search/image/i_05.gif) repeat-x scroll 0 0;
	font-size:11px;
	height:27px;
	margin:0;
	padding:4px 0 0 10px;
}
.icon_tit_c_02 {
	background:transparent url(/html/portlet/search/image/i_04.gif) no-repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	float:left;
	height:19px;
	padding:3px 0 2px 25px;
	text-decoration:none;
}
.bg_tit_c {
	background:transparent url(/html/portlet/search/image/bg_tit_c1.gif) repeat-x scroll 0 0;
	height:24px;
	margin:0;
	padding:5px 0 0 10px;
}
.nextprew {
	color:#464645;
	font-size:11px;
	margin:15px 20px 10px 0;
	text-align:right;
}
.icon_tit_c {
	background:transparent url(/html/portlet/search/image/icon_tit_c1.jpg) no-repeat scroll 0 0;
	color:#6C6C6C;
	display:block;
	float:left;
	padding:3px 0 2px 25px;
	text-decoration:none;
}
.textRecTotal{
	 float:right;
	 font-size:11px;
	 margin-right:20px;
	 line-height:17px;
}
.textSearchStyle1 {
	background:#F4F9FF none repeat scroll 0 0;
	color:#3C3A3A;
	padding:8px 0 8px 18px;
}
.textSearchStyle2 {
	color:#3C3A3A;
	padding:8px 0 8px 18px;
}
.titleSearch:link, .titleSearch:visited {
	color:#0B60AF;
	font-size:11px;
	text-decoration:none;
}
/*Calendar*/
.text_cv{
font-size:11px;
color:#333333;
float:left;
}
.boder_lichtuan {
	float: left;
	border: 1px solid #1083c2;
	padding: 8px;
}
.boder_lichtuan_bottom_left {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1083c2;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #1083c2;
}
.boder_lichtuan_bottom_left2 {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.boder_lichtuan_bottom {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.boder_lichtuan_left2 {
	padding: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.boder_lichtuan_left {
	padding: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #1083c2;
}
.time {
 font-size:11px;
 color:#3399CC;
 float:left;
 width:80px;
 padding-right:2px;

}
/*Gia dat*/
.bordertable_lookup{
	border-color:#1083c2;
}
.title_lookup{
	color: black;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
}
.text_lookup{
	color: black;
	font-size: 11px;
	padding: 2px;
}


/*/////////////////////////////////////////*/
.green #banner_YTE {
	background: transparent url(../images/yte_image/banner.jpg) no-repeat;
	height: 133px;
	vertical-align: top;
}
.green #banner_YTE .toplink {
	color:#FFFFFF;
	font-size:11px;
	position:absolute;
	right:5px;
	top:8px;
}
.green #banner_YTE .toplink a {
	color:#FFFFFF;
	padding:0 10px;
}
.green #banner_YTE .toplinksign_on {
	color:#FFFFFF;
	font-size:11px;
	position:absolute;
	right:5px;
	top:8px;
	padding-right:200px;
}
.green #banner_YTE .toplinksign_on a {
	color:#FFFFFF;
	padding:0 10px;
}
.green #navigation li.selected {
	background-color:#650C04;
}

.green #navigation li.selected a {
	padding-top: 0;
	color:#27429B;	
	background-color:#650C04;
}

.green #navigation li.selected a span {
	background-color:#650C04;
	float:left;
	padding:1 7px 4px;
	width: 179px;
	color:#FFF6CD;
	height:35px;
}
.ie6 .green #navigation li.selected a span {
	height:42px;
	margin-top:-5px;
}	
.green #navigation li.selected a:hover {
}

/*/////////////////////////////////////*/
/*-----BLUE-Thutuchanhchinh----*/
.blue #banner_YTE {
	background: transparent url(../images/yte_image/banner_TTHC.jpg) no-repeat;
	height: 133px;
	vertical-align: top;
}
.blue #banner_YTE .toplink {
	color:#FFFFFF;
	font-size:11px;
	position:absolute;
	right:5px;
	top:8px;
}
.blue #banner_YTE .toplink a {
	color:#FFFFFF;
	padding:0 10px;
}
.blue #banner_YTE .toplinksign_on {
	color:#FFFFFF;
	font-size:11px;
	position:absolute;
	right:5px;
	top:8px;
	padding-right:200px;
}
.blue #banner_YTE .toplinksign_on a {
	color:#FFFFFF;
	padding:0 10px;
}
.blue #navigation li.selected {
	background-color:#650C04;
}

.blue #navigation li.selected a {
	padding-top: 0;
	color:#27429B;	
	background-color:#650C04;
}

.blue #navigation li.selected a span {
	background-color:#650C04;
	float:left;
	padding:1 7px 4px;
	width: 179px;
	color:#FFF6CD;
	height:35px;
}
.ie6 .blue #navigation li.selected a span {
	height:42px;
	margin-top:-5px;
}	
.blue #navigation li.selected a:hover {
}

/*-----RED-----*/
/*-----RED-Dean1816----*/
.red #banner_YTE {
	background: transparent url(../images/yte_image/banner_1816.jpg) no-repeat;
	height: 133px;
	vertical-align: top;
}
.red #banner_YTE .toplink {
	color:#FFFFFF;
	font-size:11px;
	position:absolute;
	right:5px;
	top:8px;
}
.red #banner_YTE .toplink a {
	color:#FFFFFF;
	padding:0 10px;
}
.red #banner_YTE .toplinksign_on {
	color:#FFFFFF;
	font-size:11px;
	position:absolute;
	right:5px;
	top:8px;
	padding-right:200px;
}
.red #banner_YTE .toplinksign_on a {
	color:#FFFFFF;
	padding:0 10px;
}
.red #navigation li.selected {
	background-color:#650C04;
}

.red #navigation li.selected a {
	padding-top: 0;
	color:#27429B;	
	background-color:#650C04;
}

.red #navigation li.selected a span {
	background-color:#650C04;
	float:left;
	padding:1 7px 4px;
	width: 179px;
	color:#FFF6CD;
	height:35px;
}
.ie6 .red #navigation li.selected a span {
	height:42px;
	margin-top:-5px;
}	
.red #navigation li.selected a:hover {
}

/*-----ORANGE-----*/
/*-----ORANGE-H1N1----*/
.orange #banner_YTE {
	background: transparent url(../images/yte_image/banner_H1N1.jpg) no-repeat;
	height: 133px;
	vertical-align: top;
}
.orange #banner_YTE .toplink {
	color:#FFFFFF;
	font-size:11px;
	position:absolute;
	right:5px;
	top:8px;
}
.orange #banner_YTE .toplink a {
	color:#FFFFFF;
	padding:0 10px;
}
.orange #banner_YTE .toplinksign_on {
	color:#FFFFFF;
	font-size:11px;
	position:absolute;
	right:5px;
	top:8px;
	padding-right:200px;
}
.orange #banner_YTE .toplinksign_on a {
	color:#FFFFFF;
	padding:0 10px;
}
.orange #navigation li.selected {
	background-color:#650C04;
}

.orange #navigation li.selected a {
	padding-top: 0;
	color:#27429B;	
	background-color:#650C04;
}

.orange #navigation li.selected a span {
	background-color:#650C04;
	float:left;
	padding:1 7px 4px;
	width: 179px;
	color:#FFF6CD;
	height:35px;
}
.ie6 .orange #navigation li.selected a span {
	height:42px;
	margin-top:-5px;
}	
.orange #navigation li.selected a:hover {
}

/*-----maincol-----*/
.container{
	border:1px solid #ba0000;
	width:100%;
}
.inner1{
	background:url(../images/yte_image/inner1.gif) no-repeat left top;
	position:relative;
	top:-1px;
	left:-1px;
}

.inner2{
	background:url(../images/yte_image/inner2.gif) no-repeat right top;
	position:relative;
	right:-2px;
}
.inner3{
	background:url(../images/yte_image/inner3.gif) no-repeat right bottom;
	position:relative;
	bottom:-2px;
}
.inner4{
	background:url(../images/yte_image/inner4.gif) no-repeat left bottom;
	position:relative;
	left:-2px;
	width:100%;
}
/*f-head */
.container .f-head ul{
	background:url(../images/yte_image/bgr.gif) repeat-x left -38px;
	height:29px;
	border-bottom:1px solid #fff;
}
.container .f-head ul li.hp-left{
	background:url(../images/yte_image/img.gif) repeat-x left top;
	height:29px;
	width:3px;
	float:left
}
.container .f-head ul li.hp-right{
	background:url(../images/yte_image/img.gif) repeat-x -8px top;
	height:29px;
	width:3px;
	float:right
}
.container .f-head ul li.hp-center{
	height:29px;
}
.f-head ul h3{
	color:#fffde9;
	text-transform:uppercase;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 13px;
	padding:9px 0px 5px 20px;
	background:url(../images/yte_image/ico_07.gif) no-repeat left 8px;
	vertical-align:top;
}
.f-head ul h3 a:link, .f-head ul h3 a:visited{
	color:#fff;
}
.f-head ul h3 a:hover{
	color:#fff;
	text-decoration:none
}
/*f-content*/
.f-content{
	padding:2px 0 3px 0;
	border-top:1px solid #ba0000
}
.f-content .imgfix{
	width:290px;
	border:1px solid #424242
}

p {
	margin:0 0 6px;
}

.hotnew-dettail{
	width:290px;
	text-align:justify
}
.linkblack a:link, .linkblack a:visited{
	color:#000;
}
.linkblack a:hover{
	text-decoration:underline;
	color:#f60;
}
/*listnews*/
ul#listnews li{ 
	background:url(../images/yte_image/ico_02.gif) no-repeat left 7px;
	padding-left:10px;
	margin-left:4px;
}
ul#listnews li.dotted{ 
	background:url(../images/yte_image/bgr_line.gif) repeat-x left center;
	padding:5px 0;
	font-size:1px;
	overflow:hidden
}
.ft {
	background:#FFFCF6;
	border-top:1px solid #F7F0E2;
	margin-bottom:1px;
	padding:3px 0;
}
.rss, .detail{
	padding:0 10px
}
.rss a:link, .rss a:visited{
	color:#919090;
}
.rss a:hover{
	text-decoration:none;
	color:#f60
}
.detail a:link, .detail a:visited{
	color:#c4572e;
	font:italic 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline
}
.detail a:hover{
	color:#f60
}
/*displaynews*/
ul#displaynews li{ 
	background:url(../images/yte_image/ico_01.gif) no-repeat left 7px;
	margin-left:4px;
	padding:3px 0 3px 10px; 
}
ul#displaynews li.dotted{ 
	background:url(../images/yte_image/bgr_line.gif) repeat-x left center;
	padding:2px 0;
	font-size:1px;
	overflow:hidden
}
/*---smallgroup---*/
.smallgroup{
	padding:15px 10px 15px 20px;
	border-bottom:1px solid #f2e6cf
}
.end{
	border:none
}
.smallgroup strong{
	background:url(../images/yte_image/ico_01.gif) no-repeat left 5px;
	padding-left:14px;
	color:#c30000
}
.smallgroup ul li{
	background:url(../images/yte_image/ico_02.gif) no-repeat left 6px;
	padding-left:10px;
	margin-left:20px
}
/*-----Rightcol-----*/
/*--group--*/
.group{
	border:1px solid #ba0000
}
.group .f-head ul{
	background:url(../images/yte_image/img/group_02.gif) repeat-x left top;
	height:26px;
}
.group .f-head ul li.hp-left{
	background:url(../images/yte_image/img/group_01.gif) no-repeat left top;
	height:26px;
	width:2px;
	float:left
}
.group .f-head ul li.hp-right{
	background:url(../images/yte_image/img/group_03.gif) no-repeat right top;
	height:26px;
	width:2px;
	float:right
}
.group .f-head ul li.hp-center{
	height:26px;
}
.group .f-head ul h3{
	padding:7px 0px 3px 20px;
	background:url(../images/yte_image/ico_07.gif) no-repeat left 6px;
}
/*--video--*/
.video{
	border:1px solid #ba0000
}
.h_head h3{
	background:#f0f0f0 url(../images/yte_image/ico_05.gif) no-repeat left 5px;
	padding:5px 0 6px 30px;
	margin-left:5px;
	text-transform:uppercase;
	color:#d01500;
	vertical-align:top;
	font:bold 12px Arial, Helvetica, sans-serif;
	border-bottom:2px solid #fff
}
.h_head h3 a:link, .h_head h3 a:visited{
	color:#d01500
}
.b_body{
	border-top:1px solid #e6d3cd;
	padding-top:2px;
	padding-bottom:1px;
}
.video .tbl_video{
	padding-bottom: 4px;
	background:#dedede url(../images/yte_image/bg_tbl_video.gif) repeat-x left bottom;
	margin:2px 0
}
.video .tbl_video td{
	border-top:1px solid #eaeaea;
	padding:4px;
	font-size:11px;
}
.video .tbl_video td a{
	color:#1f1d1c
}
/**/
.tbl_thumbs{
	padding:2px 1px 2px 1px;
}
.tbl_thumbs img{
	border:1px solid #79afe3;
	width:118px;
	height:75px;
	margin-bottom:4px
}
/**/
.visiter{
	padding:10px 15px;
}

ul, ul li, ol, ol li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}


.block .hp {
	background:#CE0101 none repeat scroll 0 0;
	height:24px;
}

.block .hp .hp-left {
	background:transparent url(../images/yte_image/img.gif) no-repeat scroll -133px top;
	float:left;
	height:24px;
	width:4px;
}

.block .hp .hp-right {
	background:transparent url(../images/yte_image/img.gif) no-repeat scroll -142px top;
	float:right;
	height:24px;
	width:4px;
}
.block .hp h3 a {
	color:#FFFFFF;
}

.block .bp{
	border:2px solid #ce0101;
	border-bottom-width:0;
}

.block .hp h3 {
	-x-system-font:none;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin:0;
	padding:6px 0 0 18px;
	text-transform:uppercase;
}
.ctn-img img {
	margin-bottom:4px;
}

a img {
	border:medium none;
	cursor:pointer;
}



/*------ Add css by ThuyNV -----*/

.title_menu{
	background-image: url(../images/DB_image/dot4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	list-style-type:none;
	color: #333333;
	border-top: 1px dotted #CCCCCC;
}
.title_menu_first{
	background-image: url(../images/DB_image/dot4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	list-style-type:none;
	color: #333333;
}

.title_sub_menu{	
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	list-style-type:none;
	color: #333333;
	border-top: 1px dotted #CCCCCC;
}

.smallpage {
	padding:10px;
}

.group1 {
	background:transparent url(../images/HN_image/line_p.gif) repeat-x scroll left bottom;
	padding:15px 0;
}

.group1_last {
	/*padding:10px 0 0;*/
}

.group_vcmsview_last {
	padding:10px 0 0;
}


.othernews {
	padding:10px 0 0;
}

.ct {
	padding:3px;
}

.attach-print {
	background:#FFFFFF url(../images/HN_image/vbpq.gif) repeat-x scroll left bottom;
	padding:3px 0;
}

.print {
	background:transparent url(../images/HN_image/print.gif) no-repeat scroll left center;
	padding:3px 0;
}

.textlink_02{
	border:1px solid #F7E5D5;
}

.textlink_03 table {
	background:#FFFDF9 none repeat scroll 0 0;
	border-bottom:1px solid #F7E5D5;
	border-right:1px solid #F7E5D5;
}

.textnone_03 a:link, .textnone_02 a:visited{
	padding-left:15px;
	font-weight:bold
}

.textlink_03 table td {
	border-left:1px solid #F7E5D5;
	border-top:1px solid #F7E5D5;
	padding:5px 15px;
}

.search_vb {
	background:#FFFFFF url(../images/HN_image/bg_search.gif) repeat-x scroll left bottom;
	border:1px solid #BDCFD7;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px;
	padding:3px 5px;
}

.title2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #27429b;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(../images/HN_image/hd_dap.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}

.title2_question {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #27429b;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(../images/HN_image/hd_hoi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}

.qa-question-datetext {
	color:#666666;
	font-size:8pt;
	padding:3px;
	text-align:right;
}

.calc {
	border-right:1px solid #F7E5D5;
	border-top:1px solid #F7E5D5;
}

.calc td {
	border-bottom:1px solid #F7E5D5;
	border-left:1px solid #F7E5D5;
}

.calc div {
	padding:8px 7px;
}

.linkblack a:link, .linkblack a:visited{
	color:#000;
}
.linkblack a:hover{
	text-decoration:underline;
	color:#f60;
}
table.sample {
	background-color:white;
	border:1px outset gray;
	border-collapse:collapse;
	border-spacing:2px;
}

table.sample td {
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	background-color:white;
	border:1px inset gray;
	padding:5px;
}

.li-text_boxleft_dn {
	background-image:url(../images/DB_image/dot4.gif);
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:1px dotted #CCCCCC;
	color:#333333;
	padding-bottom:5px;
	padding-left:12px;
	padding-top:4px;
}

.li-text_boxleft_dn_last {
	background-image:url(../images/DB_image/dot4.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#333333;
	padding-bottom:6px;
	padding-left:12px;
	padding-top:6px;
}

.other_new_bg2 {
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:1px dashed #CCCCCC;	
	margin-right:5px;
	margin-top:8px;
	padding-bottom:7px;
	padding-left:7px;
}

.other_new_bg2_last {
	background-position:left top;
	background-repeat:no-repeat;
	margin-right:5px;
	margin-top:8px;
	padding-bottom:7px;
	padding-left:7px;
}

.dotted_line {
	background:transparent url(../images/yte_image/dotted_line.gif) repeat-x scroll left center;
 	height:1px;
	margin:5px 0;
}