body {background-color: #ffffff; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;}
body p{font-family: Arial, Helvetica, sans-serif;}
body #bodyContainer{width:864px; margin:auto;}

#bodyContainer #header{ height:65px; margin-top:45px;}
#bodyContainer #header .logo{float:left; background-image:url(../images/AwalBank-logo.gif); background-repeat:no-repeat; width:208px; height:65px;}
#bodyContainer #header .siteNav { height:65px; margin:0px 0px 0px 208px; text-align:right;}

/************************************************************************************/
#bodyContainer #header .siteNav .basictab{font-family:"Times New Roman", Times, serif; font-weight:bold; height:27px; border-bottom:8px solid #9E7E49;}
#bodyContainer #header .siteNav .basictab ul{margin-left: 10px; list-style-type: none; text-align: right; font-size:10pt; padding: 7px 0px 7px 0px;}
#bodyContainer #header .siteNav .basictab li{display: inline; margin: 0; color:#41150E; padding: 6px 0px 6px 0px;}
#bodyContainer #header .siteNav .basictab li a{text-decoration: none; padding: 6px 10px 6px 10px; color: #41150E;}
#bodyContainer #header .siteNav .basictab li a:visited{color: #41150E;}
#bodyContainer #header .siteNav .basictab li a:hover, 
#bodyContainer #header .siteNav .basictab li a.current,
#bodyContainer #header .siteNav .basictab li a:active{background-color: #9E7E49; color:#FFFFFF;}

#bodyContainer #header .siteNav .basictab .secureArea,
#bodyContainer #header .siteNav .basictab .secureArea li,
#bodyContainer #header .siteNav .basictab .secureArea li a,
#bodyContainer #header .siteNav .basictab .secureArea li a:visited,
#bodyContainer #header .siteNav .basictab .secureArea li a.current,
#bodyContainer #header .siteNav .basictab .secureArea li a:active {color:#9E7E49;}
#bodyContainer #header .siteNav .basictab .secureArea li a:hover{background-color: #9E7E49; color:#FFFFFF;}

#bodyContainer #header .siteNav .tabcontainer{height:1.5em; }
#bodyContainer #header .siteNav .tabcontent{display:none; background-color:#F5F2EC; padding:5px; width:646px; font-size:9pt; height:15px; text-align:left;}
*html #bodyContainer #header .siteNav .tabcontent{display:none; background-color:#F5F2EC; padding:5px 3px 5px 4px ; width:646px; font-size:9pt; height:15px; text-align:left;}
#bodyContainer #header .siteNav .tabcontent a:link,
#bodyContainer #header .siteNav .tabcontent a:visited {text-decoration:none; color: #41150E; padding:0px 5px 0px 5px;}
#bodyContainer #header .siteNav .tabcontent a:hover {text-decoration:underline; color:#651701;}
#bodyContainer #header .siteNav .tabcontent a.current{ text-decoration:underline; color:#651701;}
#bodyContainer #header .siteNav .tabcontent a:active{text-decoration:underline; color:#651701;}

/************************************************************************************/
#contentHome{}
#content{margin:10px 0px 30px 208px;}
#contentHome p, #content p{color:#8D736E; font-size:9pt; margin:0px 0px 5px 0px; padding-bottom:10px; line-height:1.3em;}
#content H1{color:#41150E; font-family:"Times New Roman", Times, serif; font-size:20pt; font-weight: normal; border-bottom:1px solid #B28B80; padding-bottom:5px; margin-bottom:20px;}
#content H2 {font-size: 14pt; font-weight: normal; color: #511424; margin:0px; margin-bottom:10px; }
#content H3 {font-size: 11pt; font-weight: bold; color: #511424; margin:0px; margin-bottom:5px; }
#content H4 {color:#511424; font-size:9pt; margin:0px; padding-bottom:5px; line-height:1.3em; font-weight:bold;}
#content #LFrame{width:204px; float:left; border-right: 2px dotted #D2BCB5; padding-right:20px; padding-left:10px;}
#content #RFrame{margin:0px 0px 0px 244px; padding-left:10px;}

#content a,
#content a:visited{color:#9E7E49; text-decoration:none;}
#content a:hover{color:#9E7E49; text-decoration:underline;}

#content img{border:none;}
#content td{font-size:9pt; color:#8D736E;}
#content ul{font-size:9pt; color:#8D736E; margin-bottom:1px; margin-top:1px;}
#content .underline{border-bottom:1px solid #B28B80;}
#content .windowY{border:1px solid #C5B477; background-color:#F3F0E4; padding:8px; width:380px;}

/**************************************************************************************/

.base {clear: left; font-size: 8pt; font-weight: normal; color: #9E7E49; padding: 10px 0px 10px 0px; border-top:8px solid #9E7E49;}
.base a {color: #9E7E49; text-decoration: none;}
.base a:hover {color:#651701;}

/**************************************************************************************/



/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
/* Modal pop up*/
.modalBackground
{
 background-color:white;
	filter:alpha(opacity=80);
	opacity:0.8;
}
.ManagerName
{
   border-bottom: 1px dotted #cccccc; padding-top: 10px;
}
td.border-calender
{
	border:#c4ac8c 1px solid;
}
.loading
{color:#8D736E; font-size:9pt; margin:0px 0px 5px 0px; padding-bottom:10px; line-height:1.3em;}
/*--------------- css from old website */
td.Title_text_field {
	 font-family: arial;
	 font-size: 12px;
	 color: #666666;
	 text-align: left;
	 font-weight: bold;
	 padding: 1px;
	 vertical-align: top;
}
td.field-text-normal {
	 font-family: arial;
	 font-size: 12px;
	 color: #666666;
	 text-align: left;
	 font-weight: none;
	 padding: 1px;
	 vertical-align: top;
	 line-height: 21px;
	 padding-right: 6px;
	 
}
/*------ Text Box Input -------*/
.t-inpute_ss {
	font-family: arial;
	 font-size: 11px;
	 color: #A75D0E;
	 text-align: left;
	 padding: 1px;
	 height: 20px;
	 width: 40px;
}
.t-inpute_sm {
	 font-family: arial;
	 font-size: 11px;
	 color: #028134;
	 text-align: left;
	 padding: 1px;
	 height: 20px;
	 width: 80px;
}
.t-inpute_sm {
	 font-family: arial;
	 font-size: 11px;
	 color: #028134;
	 text-align: left;
	 padding: 1px;
	 height: 20px;
	 width: 80px;
}
.t-inpute_sl {
	 font-family: arial;
	 font-size: 11px;
	 color: #028134;
	 text-align: left;
	 padding: 1px;
	 height: 20px;
	 width: 100px;
}
.t-inpute_ms {
	 font-family: arial;
	 font-size: 11px;
	 color: #028134;
	 text-align: left;
	 padding: 1px;
	 height: 20px;
	 width: 140px;
}
.t-inpute_mm {
	 font-family: arial;
	 font-size: 12px;
	 color: #333333;
	 text-align: left;
	 height: 19px;
	 width: 180px;
}
.t-inpute_ml {
	 font-family: arial;
	 font-size: 11px;
	 color: #A75D0E;
	 text-align: left;
	 padding: 1px;
	 height: 20px;
	 width: 240px;


}
.t-inpute_ll {
	 font-family: arial;
	 font-size: 13px;
	 color: #333333;
	 text-align: left;
	 padding: 1px;
	 height: 18px;
	 width: 300px;
}
.t-inpute_large_width {
	font-family: arial;
	 font-size: 11px;
	 color: #333333;
	 text-align: left;
	 padding: 1px;
	 height: 100px;
	 width: 300px;
	 vertical-align: top;
}
	 

.t-inpute_medium_width {
	 font-family: arial;
	 font-size: 11px;
	 color: #028134;
	 text-align: left;
	 padding: 1px;
	 height: 100px;
	 width: 240px;
	 vertical-align: top;
	}

/*---------- Dropdown menu -------*/
.D-inpute_ss {
	font-family: arial;
	 font-size: 11px;
	 color: #A75D0E;
	 text-align: left;
	 padding: 1px;
	 height: 20px;
	 width: 40px;
}
.D-inpute_sm {
	 font-family: arial;
	 font-size: 11px;
	 color: #028134;
	 text-align: left;
	 padding: 1px;
	 height: 20px;
	 width: 80px;
}
.D-inpute_sm {
	 font-family: arial;
	 font-size: 11px;
	 color: #028134;
	 text-align: left;
	 padding: 1px;
	 height: 20px;
	 width: 80px;
}
.D-inpute_sl {
	 font-family: arial;
	 font-size: 11px;
	 color: #028134;
	 text-align: left;
	 padding: 1px;
	 height: 20px;
	 width: 100px;
}
.D-inpute_ms {
	 font-family: arial;
	 font-size: 11px;
	 color: #028134;
	 text-align: left;
	 padding: 1px;
	 height: 20px;
	 width: 140px;
}
.D-inpute_mm {
	 font-family: arial;
	 font-size: 12px;
	 color: #333333;
	 text-align: left;
	 height: 19px;
	 width: 180px;
}
.D-inpute_ml {
	 font-family: arial;
	 font-size: 11px;
	 color: #A75D0E;
	 text-align: left;
	 padding: 1px;
	 height: 20px;
	 width: 240px;


}
.D-inpute_ll {
	 font-family: arial;
	 font-size: 13px;
	 color: #333333;
	 text-align: left;
	 padding: 1px;
	 height: 23px;
	 width: 300px;
	 }
	 

/*----------- end text and dropdown input ----*/

.buttons_normal
{
	background-image: url(../images_internal/bg-ajax.gif);
	font-size: 10pt;
	font-weight: bold;
	border-right: #C1C0C0 1px solid;
	background-position: center 50%;
	border-top: #C1C0C0 1px solid;
	border-left: #C1C0C0 1px solid;
	width: 90px;
	color: #666666;
	border-bottom: #C1C0C0 1px solid;
	font-family: arial;
	background-color: #E0E0E0;
	height: 22px;
}
td.name-month-calendar {
	 font-family: arial;
	 font-size: 12px;
	 color: #ffffff;
	 text-align: center;
	 font-weight: bold;
	 padding-top: 4px;
	 vertical-align: top;
	text-transform: uppercase;
		letter-spacing: 1px;
}
td.nuber-day-calendar {
	 font-family: arial;
	 font-size: 14px;
	 color: #666666;
	 text-align:  center;
	 font-weight: bold;
	 vertical-align: top;
	text-transform: uppercase;
}
td.year-calendar {
	 font-family: arial;
	 font-size: 10px;
	 color: #666666;
	 text-align: center;
	 font-weight: normal;
	 padding-top: 2px;
	 vertical-align: top;
	text-transform: uppercase;
}

td.border-calender
{
	border:#c4ac8c 1px solid;
}
td.titel-news {
	 font-family: arial;
	 font-size: 16px;
	 color: #9E7E49;
	 text-align: left;
	 font-weight: bold;
	 vertical-align: top;
	 padding-top: 6px;
}
td.text-down-news {
	 font-family: arial;
	 font-size: 11px;
	 color: #9E7E49;
	 text-align: left;
	 font-weight: normal;
	 vertical-align: top;
	 padding-bottom: 6px;

}
td.text-down-result-news {
	 font-family: arial;
	 font-size: 11px;
	 color: #666666;
	 text-align: left;
	 font-weight: normal;
	 vertical-align: top;
	 padding-bottom: 6px;

}

.level_01 {
background-color:  transparent;
padding-right: 25px;

}
.link-menu-level_01 {
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color :#511426;
	text-decoration: none;
	vertical-align: top;

}
.link-menu-level_01 a:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color : #d9d8db;
   text-decoration:none;
	vertical-align: top;
}

.link-menu-level_02 {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #9e7e49;
	text-decoration:none;
	vertical-align: top;
	background-color:#e7e5e5;
	border-bottom: #C1C0C0 1px solid;
	border-left: #C1C0C0 1px solid;
	border-right: #C1C0C0 1px solid;
	padding: 2px;
}
.link-menu-level_02:hover {

	color : #666666;
   text-decoration:none;
	vertical-align: top;

}

.link-menu-level_02 a:link{
	text-align: center;
	font-family: arial;
	font-weight: bold;
	color: #9e7e49;
	text-decoration:none;
	vertical-align: top;

}
td.border-pic {
	text-align: right;
	vertical-align: top;
	height: auto;
	background-color: #ffffff;
 	padding: 4px;
	border-top:#C1C0C0 1px solid; 
	border-right:#C1C0C0 1px solid; 
	border-left:#C1C0C0 1px solid; 
}
td.enlarge-pic {
	text-align: right;
	vertical-align: top;
	background-color: #FFFFFF;
}
.more {
	font-family: arial;
	font-size: 13px;
	font-weight: none;
	color :#B09C58;
	text-decoration:none;
	vertical-align: top;

	
}
.more a:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: none;
	color : #777777;
   text-decoration:none;
	vertical-align:  middle;
}



.path {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	color:#04FB61;
	height: 23px;
	text-align:left;
	background:#9E7E49;
	background-image: url(../images/bg_path.jpg);
	vertical-align: middle;



}
.path a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #501424;
	padding: 5px;
	padding-right:8px;
	text-decoration: none;

}
.path a:hover {
	color: #D7D7D7;
}


#left-link ul
{
margin: 0;
padding: 0;
list-style-type:  none;
}

#left-link a
{
display: list-item;
list-style-type:  none;
color: #666666;
width: 17em;
padding: 3px 12px 3px 8px;
text-decoration: none;
font-weight: bold;
}

#left-link a:hover
{

color: #B4B2B2;
}

#left-link li li a
{
display:  list-item;
color: #666666;
width: 17em;
padding: 3px 3px 3px 17px;
text-decoration: none;
font-weight: normal;
}


#left-link li li li a
{
display:  list-item;
color: #FFF;
background-color: #69C;
width: 9em;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}



.image_left{
	float:left;
	padding-right:20px;
	padding-bottom:20px;
}
.image_right{
	float:right;
	padding-left:20px;
	padding-bottom:20px;
}
td.bor_login {
	  border-right: #cccccc 1px  dotted ;
}
td.bor_login_vertical {
	background-image: url(../images/logoin_bt.jpg);
}
	  
.inpute_login {
	 font-family: arial;
	 font-size: 13px;
	 color: #063768;
	 text-align: left;
	 padding: 1px;
	 height: 18px;
	 width: 140px;
}
td.bg_icon {
 	background-image: url(../images/bg_icon.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 140px;
	vertical-align: middle;
}
td.welcome {
	 font-family: arial;
	 font-size: 12px;
	 color: #501424;
	 text-align: left;
	 font-weight: bold;
	 vertical-align:  middle;
	 padding-left: 8px;
}
td.user {
	 font-family: arial;
	 font-size: 12px;
	 color: #501424;
	 text-align: left;
	 vertical-align:  middle;
	 padding-left: 8px;
}

/******Data Grid*****/
.DG_Data_grid {
	border: #501424 2px solid;
	background-color: #DCDCDC;
	FONT-SIZE: 12px; 
	FONT-FAMILY: arial;
	color: #666666;
	text-align: left;
	padding:3px;
	vertical-align: middle;
	
}
.DG_header_data_grid {
	FONT-SIZE: 12px; 
	FONT-FAMILY: arial;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background-color:#AC8B5E;
	padding:3px;
	vertical-align: top;
}

#content .DG_footer_data_grid {
	FONT-SIZE: 12px; 
	FONT-FAMILY: arial;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background-color:#9E7E4B;
	padding:2px;
	vertical-align: top;
}

#content .DG_footer_data_grid a:hover {
	FONT-SIZE: 12px; 
	FONT-FAMILY: arial;
	font-weight: bold;
	color: #C4AC8C;
	text-align: center;
	padding:2px;
	vertical-align: top;
}
#content .DG_footer_data_grid a:link {
	FONT-SIZE: 12px; 
	FONT-FAMILY: arial;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	padding:2px;
	vertical-align: top;
}
#content .DG_footer_data_grid a:visited {
	FONT-SIZE: 11px; 
	FONT-FAMILY: arial;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	padding:2px;
	vertical-align: top;
}

.DG_ItemStyle {
	font-family: Arial; 
	font-size: 12px;
	text-align: left;
	color:#666666; 
	font-weight: normal;
	background-color: #EEEEEE;
	padding: 3px;
	vertical-align: top;	
}
.DG_AlternatingItemStyle {
	font-size: 12px;
	font-family: Arial; 
	text-align: left;
	color: #666666; 
	font-weight: normal;
	background-color: #f40000;
	padding: 3px;
	vertical-align:top;
	
}

.DG_Edit_ItemStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #666666; 
	font-weight:normal;
	background-color: #E8E7E7 ;
	vertical-align: top;
	 padding: 3px;
}

.DG_text_center{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: top;
	padding: 3px;
}
.DG_text_left{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000; 
	font-weight:none;
	vertical-align: top;
	padding: 3px;
}

.DG_link_footer {
	text-align: left;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color :#000000;
	text-decoration:none;
	vertical-align: top;
	padding-top: 3px;
}

.DG_link_footer a:hover {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color : #05F844;
   text-decoration:underline;
	vertical-align: top;
	padding-top: 3px;
}


.DG_link_inside {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color :#ffffff;
	text-decoration:none;
	vertical-align: top;
	padding-top: 3px;
	
}
.DG_link_inside:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color :#ffffff;
   text-decoration:underline;
	vertical-align: top;
	padding-top: 3px;
}

.DG_link_inside_01 a:link{
	text-align: center;
	font-family: arial;
	font-size: 22px;
	font-weight: bold;
	color :#ffffff;
	text-decoration:none;
	vertical-align: top;
	padding-top: 3px;
	
}
.DG_link_inside_01 a:hover {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color : #ffffff;
   text-decoration:underline;
	vertical-align: top;
	padding-top: 3px;
}

.DG_link_header_01 a:link{
	FONT-SIZE: 12px; 
	FONT-FAMILY: arial;
	color: #ffffff;
	text-align: center;
	padding:2px;
	vertical-align: middle;
	text-decoration:none;
	
}
.DG_link_header_01 a:hover {
	FONT-SIZE: 12px; 
	FONT-FAMILY: arial;
	color: #ffffff;
	text-align: center;
	padding:2px;
	vertical-align: middle;
	text-decoration: underline;
}
td.hight_title_page {
	height: 6px;
}
td.hight_down_flash {
	height: 4px;
}
td.border-welcome{
	text-align: right;
	vertical-align: top;
	height: auto;
	background-color:  transparent;
 	padding: 4px;
	border:#C4AC8C 1px solid; 
}

.pager_style {
PADDING-BOTTOM: 15px; TEXT-ALIGN: center
}
.pager_style A:link {
BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 10px; MARGIN-LEFT: 3px; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #666666; MARGIN-RIGHT: 3px; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center; TEXT-DECORATION: none
}

.pager_style A:visited {
BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 10px; MARGIN-LEFT: 3px; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #666666; MARGIN-RIGHT: 3px; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.pager_style A:hover {
BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; COLOR: #000000; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #efefef; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.pager_style A:active {
BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 10px; MARGIN-LEFT: 3px; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #666666; MARGIN-RIGHT: 3px; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center; TEXT-DECORATION: none
}
/*------------------------------------------------------------*/
/* reorder list*/
.image_left{
	float:left;
	padding-right:20px;
	padding-bottom:20px;
}
.image_right{
	float:right;
	padding-left:20px;
	padding-bottom:20px;
}
#content .dragHandle {
	width:20px;
	height:19px;
	background-color:Blue;
	background-image:url(../images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}


#content .reorderListDemo li {
	list-style:none;
	margin:2px;
	background-image:url(../images/bg_nav.gif);
	background-repeat:repeat-x;
	color:black;
	font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#ffffff; 
    padding-right:8px;
    }

#content .reorderListDemo li a {
   font-family:Arial;
   font-size:12px;
   font-weight:bold;
   color:#ffffff; 
   padding-right:8px;
   }
   
#content .reorderListDemo li a:hover{
   font-family:Arial;
   font-size:12px;
   font-weight:bold;
   color:#FFCC00; 
   padding-right:8px;
   }
   
   
.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

#content .itemArea {
	margin-left:10px;
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	text-align:left;
	color:  #ffffff;
	font-weight: bold;
}


/* Rounded Corners*/

.roundedPanel
{	
	width:300px;	
	background-color:#5377A9;	
	color:Black;
	font-weight:bold;		
}
.demoarea {
	
	padding:20px;
	background:#FFF url(../images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.demobottom {
	height:8px;
	background:#FFF url(../images/demobottom.png) no-repeat left bottom;
}
/*-------------------------------*/