/********** Universal (common) styles **********/
HTML 
{
    height:100%;
}

body {
	margin:0px;
	font-size:11px;
	font-family:"Segoe UI", "Myriad Pro", Arial, sans-serif;
	color:#000000;
	height:100%;
	background-image:url('Images/common/body.png');
	background-repeat:repeat-x;
    background-color:#65498d;
    padding:0px;
   	width:100%;
}
#mainWrapper{
	width: 790px;
	margin: 0px auto 0px auto;
	position: relative;
	z-index: 10;
}
#bingkaiLeft{
	position: absolute;
	width: 117px;
	height: 364px;	
	top: 0px;
	left: -117px;
	background-image: url('Images/bingkai_left.gif');
	background-repeat: no-repeat;
}
#bingkaiRight{
	position: absolute;
	width: 117px;
	height: 364px;
	top: 0px;
	left: 790px;
	background-image: url('Images/bingkai_right.gif');
	background-repeat: no-repeat;
}
#menuWrapper{
	background-image: url('Images/bg_menu.gif');
	background-repeat: no-repeat;
	height: 39px;
	position: static;
	z-index: 500;
}

td {
	font-size:11px;
}

a:link, a:visited {
	text-decoration:none;
	padding:0px;
}
a:hover, a:active {
	text-decoration:none;
	padding:0px;
}
select, input, textarea {
	font-size:11px;
	vertical-align:middle;
}
form {
	margin:0px; /* this removes the default margins set by browsers */
}

img
{  border: none!important; 
   border-width:0px!important; 
   margin: 0px;
   padding: 0px;
}

a img {border:none;}

/********** Unordered list styles **********/
ul { 
	list-style: none;
	margin:0px;
	padding:0px;
	text-align:left;
}
ul li { /* default 1st-level <ul> list */
	color:#000000;
	font-size:11px;
	font-weight:normal;
	padding-left:10px; /* padding-left should be bullet width (8) + 2 */
	background-image:url('/img/common/bullet_dot_red.gif');
	background-repeat:no-repeat;
	background-position: left 3px; /* top-align should be approx half of bullet height (7) */
}/* reset style for all <li> that are NOT direct children of the <ul>; this is required cos IE doesnt recog > child descendents! */ ul li * li {background:none;} 

ul li ul li { /* default 2nd-level nested <ul> list */
	background-image:url('/img/common/bullet_dot_graydk.gif');
	background-repeat:no-repeat;
	background-position: left 3px;
}/* reset style for all <li> that are NOT direct children of the 2nd-level <ul> */ ul li ul li * li {background:none;} 

ul li ul li ul li { /* default 3rd-level nested <ul> list */
	background-image:url('/img/common/bullet_dot_graylt.gif');
	background-repeat:no-repeat;
	background-position: left 3px;
}/* reset style for all <li> that are NOT direct children of the 3rd-level <ul> */ ul li ul li ul li * li {background:none;} 

ul a:link, ul a:visited {
	color:#990000;
}
ul a:hover, ul a:active {
	color:#CC0000;
}



/********** Ordered list styles (numbered) **********/
ol {
	margin:0px 0px 0px 25px;
	padding:0px;
	text-align:left;
}
ol li {
	color:#000000;
	font-size:11px;
	font-weight:normal;
	padding-left:10px;
}
ol a:link, ol a:visited {
	color:#990000;
}
ol a:hover, ol a:active {
	color:#CC0000;
}


/********** Main Content **********//* Use this for CELLS under a banner */

.MCcellPad { /* Use this for the cells with text blocks. Adds minimal padding so that characters like W do not get cut off on the left */
	padding: 0px 1px 0px 1px;
	vertical-align:top;
}


/********** Cells - Color & Padding **********//* Use this for CELLS with TEXT elements */
.MCcellBgrdPad {
	padding: 10px;
	background-color:#e3e3ff;
	
	
}


.MCcellBoxPad {
	padding: 10px;
	background-color:#E7E7E7;
}


/********** Content Headers **********//* Use this for TDs with common HEADERS and subheaders. when applied to td will include padding */
.MCSubtotalhdr, .MCSubtotalhdr a:link, .MCSubtotalhdr a:visited {
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
.MCSubtotalhdr a:hover, .MCSubtotalhdr a:active {
	color:#051B77;
}
td.MCSubtotalhdr { /* when applied to a cell, will have left/right padding to prevent truncation for first characters like W*/
	padding: 0px 1px 5px 1px;
}

.MChdrBlack, .MChdrBlack a:link, .MChdrBlack a:visited {
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
.MChdrBlack a:hover, .MChdrBlack a:active {
	color:#990000;
}
td.MChdrBlack { /* when applied to a cell, will have left/right padding to prevent truncation for first characters like W*/
	padding: 0px 1px 5px 1px;
}

.MCRightNavhdr, .MCRightNavhdr a:link, .MCRightNavhdr a:visited {
	color:#666666;
	font-size:12px;
	font-weight:bold;
}
.MCRightNavhdr a:hover, .MCRightNavhdr a:active {
	color:#CCCCCC;
}
td.MCRightNavhdr { /* when applied to a cell, will have left/right padding to prevent truncation for first characters like W*/
	padding: 0px 1px 5px 1px;
}

.MCRightNavcontenthdr, .MCRightNavcontenthdr a:link, .MCRightNavcontenthdr a:visited {
	color:#666666;
	font-size:14px;
	font-weight:bold;
}
.MCRightNavcontenthdr a:hover, .MCRightNavcontenthdr a:active {
	color:#CCCCCC;
}
td.MCRightNavcontenthdr { /* when applied to a cell, will have left/right padding to prevent truncation for first characters like W*/
	padding: 0px 1px 10px 1px;
}


/********** Normal Text **********//* Use this for normal text and links. when applied to <TD> will include padding-left */


.MCBoxcontent {
	color:#666666;
	font-size:11px;
	font-weight:normal;
}
td.MCBoxcontent {
	padding: 0px 1px 0px 1px;
}

.MCcontentErrorMsg {
	color:#FF3333;
	font-size:11px;
	font-weight:normal;
}
td.MCcontentErrorMsg {
	padding: 0px 1px 0px 1px;
}

/********** Normal Text - Boxes **********//* Use this for boxes like those in rightnav */
.MCboxHdr { 
	color:#000000;
	font-family:Times New Roman, Arial, sans-serif;
	font-size:14px;
	padding: 5px 10px 5px 7px;
	background-image:url('Images/tables/header_login_bg.png');
    background-repeat:repeat-y;
    background-color:#e1dfff;
	font-weight :bold ;
}


.MCboxHdr2 { 
	color:#ffffff;
	font-family:Times New Roman, Arial, sans-serif;
	font-size:14px;
	padding: 5px 7px 5px 7px;
	background-image:url('Images/tables/header_bg2.png');
    background-repeat:repeat-y;
    background-color:#0d59a9;
	
}

.MCboxBody { /* the padding for the cell under the red bar (insert another table in this cell to format text style) */
	padding: 7px;
	vertical-align:top;
	font-family:Times New Roman, Arial, Sans-Serif;
	
}

.MCboxGridBody { /* the padding for the cell under the red bar (insert another table in this cell to format text style) */
    border-collapse:collapse;
    padding: 0px 0px 0px 0px;
    border:none 0px #d20a7b;
        
}


/********** Normal Text - Tables **********//* Use this for tables and table cells */
.MCtblHdr { 
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	padding: 5px 7px 5px 7px !important;
	background-color:#523b75;
	font-family:"Segoe UI", "Myriad Pro", Arial, sans-serif;
}

.MCtblHdr a:link , .MCtblHdr a:visited {
	color:#ffffff;
	font-size:12px !important;
	padding: 5px 7px 5px 7px !important;
	font-family:"Segoe UI", "Myriad Pro", Arial, sans-serif !important;
}

.MCtblHdr a:hover , .MCtblHdr a:active {
	color:#ffffff;
	font-size:12px !important;
	padding: 5px 7px 5px 7px !important;
	font-family:"Segoe UI", "Myriad Pro", Arial, sans-serif !important;
	text-decoration:underline;

    }


.MCtblHdrLogin { 
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding: 5px 7px 5px 7px;
	background-color:#e64d7f;
}


.MCtblBgrd {
	background-color:#000000;
}

.MCtblCellBgrdPad {
	padding: 5px 7px 5px 7px;
	background-color:#ffffff;
	color:#000000;
	font-family:"Segoe UI", "Myriad Pro", Arial, sans-serif;
	font-size:11px;
}

.MCtblCellBgrdPad a:link, .MCtblCellBgrdPad a:visited {
    
	color:#000000;
	font-family:"Segoe UI", "Myriad Pro", Arial, sans-serif;
	font-size:11px;
	
}

.MCtblCellBgrdPad a:hover, .MCtblCellBgrdPad a:active {
	
	color:#000000;
	text-decoration:underline;
	font-family:"Segoe UI", "Myriad Pro", Arial, sans-serif;
	font-size:11px;
}


.MCtblCellBgrdAltrPad {
	padding: 5px 7px 5px 7px;
	background-color:#a187d0;
	font-family:"Segoe UI", "Myriad Pro", Arial, sans-serif;
	font-size:11px;
	color:#000000;
	
}

.MCtblCellBgrdAltrPad a:link, .MCtblCellBgrdAltrPad a:visited {
    
	color:#000000;
	font-family:"Segoe UI", "Myriad Pro", Arial, sans-serif;
	font-size:11px;
	
}

.MCtblCellBgrdAltrPad a:hover, .MCtblCellBgrdAltrPad a:active {
	
	color:#000000;
	text-decoration:underline;
	font-family:"Segoe UI", "Myriad Pro", Arial, sans-serif;
	font-size:11px;
}


.MCtblCellBgrdEditPad {
	padding: 5px 7px 5px 7px;
	background-color:#e6e6fc;
	font-family:"Segoe UI", "Myriad Pro", Arial, sans-serif;
	font-size:11px;
	
}

.MCtblCellBgrdEditPad a:link, .MCtblCellBgrdEditPad a:visited {
    
	color:#000000;
	font-family:"Segoe UI", "Myriad Pro", Arial, sans-serif;
	font-size:11px;
	
}

.MCtblCellBgrdEditPad a:hover, .MCtblCellBgrdEditPad a:active {
	
	color:#000000;
	text-decoration:underline;
	font-family:"Segoe UI", "Myriad Pro", Arial, sans-serif;
	font-size:11px;
}

.MCtblCellBgrdTransPad {
	padding: 5px 7px 5px 7px;
	font-family:"Times New Roman";
	font-size:11px;
	
}
.MCtblCellBgrdTransPad1 {
	padding: 5px 7px 0px 7px;
	font-family:"Times New Roman";
	font-size:11px;
	
}


/********** Footnotes **********/
.MCfooter, .MCfooter li, span.MCfooter { /* can also be used for <ul>s to give the entire list footer print */
	font-size:10px; /* for terms and conditions and all general small print */
	color:#000000;
}
td.MCfooter {
	font-size:10px;
	color:#000000;
	padding:0px 1px 0px 1px; /* for terms and conditions and all general small print */
}