/* being basic styles */
ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, H1, H2, H3, H4, H5, H6, MENU, OL, P, TD, TH,  {font-size: 10pt;
font-family: verdana,arial,helvetica,sans-serif; color: #900}
/* add by simon lau 20 March 2003 */
INPUT, TEXTAREA,SELECT, OPTION, CHECKBOX{
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        font-size : 11px;


}

/* Real styles */

A {cursor: auto}
A:link {color: #900; background: transparent; text-decoration: none}
A:visited {color: #900; background: transparent; text-decoration: none}
A:active {color: #900; background: transparent; text-decoration: none}

A:hover {text-decoration: underline; cursor:pointer}

        table{font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000;border-color: #3366CC #3366CC #3366CC #3366CC}
		/*table{font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000;border-color: #960064 #960064 #960064 #960064}(for MIMO) wongkc 16/01/2008*/
        tr{font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000;border-color: #3366CC #3366CC #3366CC #3366CC}
        td{font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000; border: #CCCCCC; line-height: 12pt}
        .header {font-family: Times New Roman, Times, serif; font-size: 16pt; color: #ff0000; font-weight: bold}
        .greyheader1 {font-family: Verdana, Arial, Helvetica; font-size: 9pt; color: #008080; font-weight: bold}
        .greyheader2 {font-family: Verdana, Arial, Helvetica; font-size: 11pt; color: #008080; font-weight: bold}
        .bh1 {font-family: Verdana, Arial, Helvetica; font-size: 14pt; color: #3366cc; font-weight: bold}
        .bh2 {font-family: Verdana, Arial, Helvetica; font-size: 11pt; color: #3366cc; font-weight: bold}
        .subhead {font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #0033cc}
        .bodytext {font-family: Arial, Helvetica; font-size: 7.5pt; color: #000000}
        .small {font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000}
        .smaller {font-family: Verdana, Arial, Helvetica; font-size: 7.5pt; color: #000000}
        .lightfont {font-family: Verdana, Arial, Helvetica; font-size: 10pt; color: #aaaaaa}
        .lightfontsmall {font-family: Verdana, Arial, Helvetica; font-size: 7.5pt; color: #aaaaaa}
        .lighttable {font-family: Verdana, Arial, Helvetica; font-size: 10pt; color: #ffffff}
        .formtext {font-family: courier, monospace}
        .sm {font-family: Times New Roman, Verdana,  Helvetica; font-size: 14px; color: #3366cc; }
        .sep td, th {border: 1px solid black; border-collapse: collapse; font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000; line-height: 12pt}
        .sepsmall td, th {border: 1px solid black; border-collapse: collapse; font-family: Verdana, Arial, Helvetica; font-size: 7pt; color: #000000; line-height: 9pt}
        p, div {font-family: Verdana, Arial, Helvetica; font-size: 10pt; color: #000000}
		.opaHighlight img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5;}
		.opaHighlight:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}
        a:link {color: #0033CC}
        a:visited {color: #3366FF}
        a:active {color: #FF3300}
/* other font types */
        .titletext {font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #FF6600}
        .whiteheader {font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #FFFFFF; font-weight: bold;}
        .whitetext {font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #FFFFFF}
        .whitesmall {font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #FFFFFF}
        .whitesmaller {font-family: Verdana, Arial, Helvetica; font-size: 10pt; color: #FFFFFF}
        .whitesmallest {font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #FFFFFF}
        .errortext {font-family: Verdana, Arial, Helvetica; font-size: 9pt; color: #FF0000; font-weight: bold; text-align: center}
/* other td types */
        .black {background-color: #000000}
        .darker {background-color: #3366CC}
        .dark {background-color: #3366CC}
        .medium {background-color: #CCCCCC}
        .light {background-color: #EEEEEE}
        .white {background-color: #FFFFFF}

/*	Table Type - lingmd 2005-10-01 */	
	.MainTable{background-color:#3366cc; width: 760px;}
	
/* TD Type*/
	.black {background-color: #000000}
	.border1{border-color : #666666;}
	.darker {background-color: #3366CC}
	.dark {background-color: #3366CC}
	.greanheadlineTD{background-color:#B3DCCC}
	.headline{background-color:#B3CBF0}
	.light {background-color: #EEEEEE}
	.medium {background-color: #CCCCCC}
	.white {background-color: #FFFFFF}
	
/*	TR Type*/	
	.blueTR{background-color: #78C0D3;}
	.blueTR1{background-color: #50AAC3;}
	.greenTR{background-color:#E1EFC9;}
	.greenTR1{background-color: #D1E4A5}
	.greenTR2{background-color: #A9D24D;}
	.greyTR{background-color:#F2F2F2}
	.greyTR1{background-color:#CCCCCC}
	.lightblueTR{background-color: #C7E2F8;}
	.priority1TR {background-color: #D2D2FF}
	.priority2TR {background-color: #D7EBFF}
	.priority3TR {background-color: #FFE8FF}
	.shadowblueTR{background-color: #8CA5DF;}
	.titleTR{background-color: #3366cc;}
	.whiteTR{background-color: #FFFFFF;}
	.yellowTR{background-color: #FFEFCE}
	.yellowTR1{	background-color: #FFDB90;}


/* dtree */
.dtree {
	position: relative;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: text-bottom;
}
.dtree a {
	text-decoration: none;
}
.dtree a:hover {
	color: #666;
	text-decoration: underline;
}
.dtree .node {
	position: relative;
	top: -2px;
	padding: 1px;
	color: #666;
}
.dtree .nodeSel {
	position: relative;
	top: -2px;
	padding: 1px;
	color: #666;
	background-color: #c0d2ec;
}



/*LMS index page CSS*/
/*
Theme Name: Striking Orange
Theme URI: http://www.perridot.com
Description: Default theme developed by Perridot Systems
Version: 1.0
Author: Perridot System
Author URI: http://www.perridot.com
*/

#pagecontainer {
	width: 760px;	
	/*border:1px solid pink;*/
}

#pageheader {	
	height: 60px;	
}
#pageheader_left {
	float: left;
	width: 50%;		
	font-weight:bold;
	/*border:1px solid green;*/
}
#pageheader_right {
	float: right;
	width: 49%;
	text-align: right;
	/*border:1px solid red;*/
}

#pageheader_strip {
	width: 100%;
	background: #FF6D06 url(images/header-strip-left.gif) left center no-repeat;
	margin-top:7px;
}
#pageheader_strip_content {
	/*padding: 0px 5px 0px 105px;*/
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: bold;
	background: url(images/header-strip-right.gif) right center no-repeat;
	height: 25px;
}

#footer{
	font-size:0.6em;
	width: 760;	
	margin-top: 5px;
}

#module_table td a{	
	text-decoration: none;
}

#module_table td{		
	border-bottom: 1px solid #D7D7D7;
}

#idx_content td{	
	color:#6666FF;
}

#idx_content td a{	
	text-decoration:none;	
}
#module_table td a:hover, #lms_idx_content td a:hover{
	text-decoration: underline ;
}

#module_table #int_resource_table{
	margin-top: 10px;
	background: #D7EBFF;
	border: 1px solid #B3D9FF; 
	padding: 5px;	
	border-bottom:0px;
}

#module_table #ann_table{
	margin-top: 10px;
	background: #FEFDEC;
	border: 1px solid #EDEBCD; 
	padding: 5px;		
}

#module_table #news_table {
	margin-top: 10px;
	background: #FFEAE0;
	border: 1px solid #FFD3B4; 
	padding: 5px;
}

#module_table #ann_table table td,#module_table #news_table table td{
	border-bottom:0px;		
}

#module_table #news_table{
	margin-top: 10px;
	background: #FFEAE0;
	border: 1px solid #FFD3B4; 
	padding: 5px;
}

#module_table #rm_border_bottom{
	border-bottom:0px;	
}

/* -------------- Index Ajax tab content -----*/
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Arial, Helvetica, sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(/images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(/images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
border: 1px solid gray;
min-height: 700px; _height: 420px;
table-layout:fixed;
width: 520px;
margin-bottom: 1em; padding: 5px;
}

.content_table{
width: 520px;
margin-bottom: 1em; padding: 5px;
}
/*----------------------------------------*/


/******* display date in calendar style ********/
.date{
	background:transparent url(../../images/calendar.gif) no-repeat scroll 0% 50%;
	color:#666666;
	float:left;
	font-size:22px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:61px;
	line-height:100%;
	/*margin:15px 0px;*/
	padding:0px 2px 0pt 0pt;
	margin-left: 3px;
	text-align:center;
	width:45px;
}

.date span {
	color:#FFFFFF;
	display:block;
	font-size:11px;
	/*height:16px;
	line-height:normal;
	padding-top:5px;*/
	text-align:center;
}
.date p.month {
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:-2px 0px 0px;
	padding:0px 2px 0pt 0pt;
	text-align:center;
	text-transform:uppercase;
	width:45px;
}