﻿/*************************************************************/
/***** CSS Stylesheet: ms_content.css          ***************/ 
/***** Created by Chikao  Sep01/09             ***************/
/*****                                         ***************/

/***** General Info ************/
/*** #6D79B8  : MS Blue  *******/
/*** #B9A883  : MS Beige *******/
/*** #B1B7D9  : MS Logo Blue ***/   

/********** Clear style setting ******************************/
table {	border: 0px; margin: 0px; padding: 0px;}
img {	border: 0px; margin: 0px; padding: 0px;}
div {	border: 0px; margin: 0px; padding: 0px;}
body {	border: 0px; margin: 0px; padding: 0px;}
html {	border: 0px; margin: 0px; padding: 0px;}

/********** General *******************************************/
/*--- h1 { font-size: 1.3em; font-weight: bold;} not used* ---*/
h2 { font-size: 1.2em; font-weight: bold;} 
h3 { font-size: 1.1em; font-weight: bold; } /*14px*/
h4 { font-size: 1.0em; font-weight: bold;} 
h5 { font-size: 0.9em; font-weight: bold; font-style:italic;} 
h6 { font-size: 0.9em; font-style:italic; } 
p { font-size: 0.9em;} 

html, body {
	background:#e8e9ef; 
    font-family:Arial, Tacoma, Helvetica, sans-serif;
    color: #636465; 
    font-size:0.9em;  
    text-align:center;
    margin:0px;
}

/*--- Container ---*/
#container {
	position: absolute; 
	background: transparent url('../images/bg_shadow_02.gif') repeat-y scroll left top; 
	/*background: transparent url('../images/bg_shadow_01.gif') repeat-y scroll left top;*/
    top: 0px;
    left: 70px;
	width: 896px; /*880+8+8*/
   	padding: 0px 8px;
   	text-align:left; 
}

#hdr{
	text-align:left; 
}
#hdr img{ 
	width: 205px; 
	height: 50px; 
}
#userlogin{
	float:right; 
	margin-top: 5px;
}

/*--- uc: clientlogin ---*/
#msClientLoginBox {
 	font-family: verdana, Tacoma, Helvetica, sans-serif; 
	font-size: 0.9em;   /*for FF, modified to 0.9em */
	font-weight:normal; 
	width: 110px;
}
#msClientLoginBox a:link{color: #245496; text-decoration: none; font-size: 0.9em;}    
#msClientLoginBox a:visited {color: #245496; text-decoration: none; font-size: 0.9em;}    
#msClientLoginBox a:hover {color: #245496; text-decoration: underline;font-size: 0.9em;}   
#msClientLoginBox a:active {color: #245496; text-decoration: none; font-size: 0.9em;}   

/*--- Top nav ---*/
#topNav{ 
	background-color: #6D79B8; /*for hekpdesk*/
	width:880px; 
	height:24px;  	
}
#contentTop{
	background-color:#6D79B8; 
	width:880px;
	padding-bottom: 3px; 
	text-align:center; 
	font-weight:bold;    /*for FF, SFR*/
}
#contentTop img{ 
	width: 880px;   
	height: 210px;
}

#contnetCntr {
	/*position:relative; doesn't work for IE */
	text-align: left;
	margin: 10px 0px 0px 0px;
	width: 880px; 
}
#cntrL{
	float:left; 
	color: #333333; 
	/*position:relative; doesn't work for IE */ 
	width: 67%;	  
	padding-top: 5px; 
	padding-left: 30px;
}

/*--- expand content  ---*/
.dhtmlgoodies_question{	
	font-size:1.1em;  
	background-color:#ccc;
	width:98%;
	margin: 5px auto 5px 0px;
	padding-left:10px;
	background-repeat:no-repeat;
	background-position:top right;	
	height:20px;  
 	font-family:'OCR A Std', 'Trebuchet MS', Arial, Helvetica, sans-serif;			
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{		
	background-color:#efefef;
	width:98%;
	padding:5px;    /* no bigger 7px*/
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.dhtmlgoodies_answer_content{	
	padding:1px;
	font-size:0.9em;	
	position:relative;
}
/*--- /expand content ---*/

#cntrL img{
    float: left;     	
    width:160px; 
    height: 110px; 
    margin:5px 15px 25px 5px;
}
#cntrL .letterBeg{
	font-size: 26px;
	color: #6D79B8; 
	padding-right:3px;
}
#cntrL a.seeMore {
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
    font-size: 0.8em;
    margin-left: 15px;  
    font-weight: bold;
}

/*added by chikao May5/09*/
a.hypFntSize10 {              
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
    font-size: 1.0em;  
    font-weight: bold;
} 

.hypSeeMore { text-align:right; margin-right: 15px;}

.cleaner {
	clear:both;
	font-size:1px;
	height:1px;  border: 1px solid #efefef;
}

#cntrTextBoxLst {list-style-type: none; list-style-position: outside; }
#cntrTextBoxLst .cntrTextBoxLstLI {margin: 0px 0px 7px 5px;}

/*--- strategic_partner.aspx ---*/
#p_logos{ margin-left:300px; border: 0px solid #ccc; }
#p_logos table { margin-bottom: 50px; text-align:center;}
#p_logos td { padding:15px 15px; }

/*--- cntrTextBoxLst link ---*/
.cntrTextBoxLstLI a:link {color: #333; text-decoration:none ; font-weight:normal; }   
.cntrTextBoxLstLI a:visited {color: #333; text-decoration: none ; font-weight:normal;}   
.cntrTextBoxLstLI a:hover {color: #245496; text-decoration: none; font-weight:normal;  } 
.cntrTextBoxLstLI a:active {color: #333; text-decoration: none ; font-weight:normal;} 

/*--- content see more link ---*/
a.seeMore:link, a.hypFntSize10:link{color: maroon; text-decoration:none ; font-weight:normal; }   
a.seeMore:visited, a.hypFntSize10:visited {color: maroon; text-decoration: none ; font-weight:normal;}   
a.seeMore:hover, a.hypFntSize10:hover {color: #245496; text-decoration: underline; font-weight:normal;  } 
a.seeMore:active, a.hypFntSize10:active {color: maroon; text-decoration: none ; font-weight:normal;} 

#cntrR{
	margin-left:655px;  
	margin-bottom: 0px; 
	padding: 5px 0px 15px 0px;
}
#cntrR img {
	width:198px; 
	height:234px; 
	border: 1px solid #000;
}

/*--- cleaner--*/
.cleanerCntnr {
	clear:both;
	font-size:1px;
	height:1px; 
	width:880px;  border-bottom: 0px solid #000;
}

/*--- Content Btm ---*/
#contentBtm{
	background-color:#eadabc; 	
	text-align: center;
	margin:0px; 
	padding: 0px;
	width:880px; 
	font-size: 12px; 
    border-top: 4px solid #d8c6a4; 
}
#btmBox1 { background-color: #dcd2c0; }
#btmBox1 img { width:880px; height:80px; }


/*--- footer navigation ---*/
#ftr{
	background-color:#bbb9b9; 	
	width:880px;
	margin:0px; 
	padding:3px 0px 7px 0px; 
	text-align: left; 
}
#ftrNvCopyright {
    color: #666666; 
    font-size: 0.7em; 
    margin-top:0px;
}
#ftrNav {padding-left:10px;}

/*--- footer link ---*/
a.ftrNavLink:link{color: #245496; text-decoration: underline; font-weight:normal; font-size:0.7em;}    
a.ftrNavLink:visited {color: #245496; text-decoration: underline; font-weight:normal; font-size:0.7em;}   
a.ftrNavLink:hover {color: #245496; text-decoration: underline; font-weight:normal; font-size:0.7em; background-color: #a5a4a4; } 
a.ftrNavLink:active {color: #245496; text-decoration: underline; font-weight:normal; font-size:0.7em;} 


/*--- 1st Layer: Service and Solutions, About Microserve, Careers, Contact Us  ---*/
#contentTop_leyer1{
	background-color:#6D79B8;  
	padding: 0px 0px 5px 0px;
	text-align:left;	
	color: #efefef; 
}

#contentTop_L1_img{ 
	float:left; 
	width:590px; 
	height:160px;
}
#contentTop_L1_img img{ 
	width:590px; 
	height:160px;
}
#contentTop_L1_box{ 
	height: 160px;  
	width:275px; 
	margin-left: 595px;
	background-color: #8b96cd; 
	border: 1px solid #8b96cd;  
}
#contentTop_L1_box h5 { 
	font-size: 1.0em; 
	color:#fff;
	margin: 80px 15px 10px 30px;  
}

/*---- added by chikao Feb24/09 ---*/
#contentTop_L1_img_long{ 
	width:880px; 
	height:140px; 
	text-align: center; 
	margin:0px auto; 
}
#contentTop_L1_img_long img{ 
	width:880px; 
	height:140px; 
	margin:0px auto;
}

/*--- Left pane ---*/
#contnetCntr_L1_servicesandsolutions, #contnetCntr_L1_aboutus
, #contnetCntr_L1_careers, #contnetCntr_L1_contactus
, #contnetCntr_L1_copy_privacy, #contnetCntr_L1_sitemap
, #contnetCntr_L1_login, #contnetCntr_L1_careers_hd {
	width:880px; 	
    margin: 0px; padding:0px; 
    text-align: left; 
}

#contnetCntr_L1_login { text-align:center;  }

#cntrL_L1{
	/*position:relative; doesn't work for IE*/
	float:left; 
	padding: 10px 10px 0px 10px;
}
#cntrL_L1 img{
	width: 240px; border: 1px solid #ccc;
}
#cntrL_L1 ul{ 
	list-style: none; 
	font-size: 11px; 
	margin: 20px 0px 30px 3px;
	padding: 0px; 
}
#cntrL_L1 li{ 
	padding: 5px 0px 5px 10px;
	position: relative; 
}

.cntrL_nav {color: #446694; font-size: 1.0em;}
/*--- cntrL_nav link ---*/
a.cntrL_nav:link{text-decoration: none;}   
a.cntrL_nav:visited {text-decoration: none;}   
a.cntrL_nav:hover {color: #999; text-decoration: underline;} 
a.cntrL_nav:active {text-decoration: none;} 
.cntrlL_nav_active {color: #999; text-decoration: none;}


.cntrL_nav2 {color: #1f3e69; font-size: 1.0em;}
/*--- cntrL_nav2 link ---*/
a.cntrL_nav2:link{text-decoration: none;}   
a.cntrL_nav2:visited {text-decoration: none;}   
a.cntrL_nav2:hover {color: #999; text-decoration: none;} 
a.cntrL_nav2:active {text-decoration: none;} 



#cntrL_L1 .leftNav{ 	
	position:absolute; 
	z-index:600;	
	background: transparent url('../images/left_nav_sub_menu_bg.gif') repeat-y scroll right top; 
	width:80%; 
	left: 105px;  /* do not change */
	padding: 7px 3px 7px 25px; 
}
#cntrL_L1 .leftNav a{ 	
	padding-bottom: 10px; /*line-height: 3em; not working in IE*/
	font-size: 80%; 
	border-left: 1xp solid #000; 
}
/*--- leftNav link ---*/
a.leftNav:link{ text-decoration: none;}   
a.leftNav:visited { text-decoration: none;}   
a.leftNav:hover { color: #446694; text-decoration: underline;} 
a.leftNav:active { text-decoration: none;} 


/*--- Right pane --*/
#cntrR_L1{
	/*width: 420px;*/
	margin-left: 270px; 
	padding:15px 20px 30px 20px; 
}

#cntrR_L1 li { font-size: 85%; /* font-size:0.8em;*/ line-height: 170%}
#cntrR_L1 ul ul li {font-size:100%; line-height: 200%; list-style-type: disc;}
#cntrR_L1 blockquote{ font-size: 0.8em;}

#cntrR_L1 .quoteLrg {
	padding: 40px 30px; 	
	line-height: 22px;
}

/*--- contactus.aspx ---*/
#cntr_contactus_L{
	float: left;
	position: relative;
	width: 280px;    /*for IE*/
	margin-left: 120px; 
	margin-top: 50px;
	padding:  0px;
	padding-bottom: 50px;	
	text-align: left; z-index: 300; 
}
#cntr_contactus_L h3, #cntr_contactus_R h3{
	font-family: Tahoma,  Arial, Tacoma, Helvetica, 'OCR A Std','Trebuchet MS',  sans-serif;
	color: 	#253aa7;
}
#cntr_contactus_L h4{
	border-top: 1px solid #666; 
	border-bottom: 1px solid #666; 
	background-color: #f5f4f4; /*#fbf9f9;*/
	padding: 7px 0px 7px 5px; 
	font-family:Tacoma, Helvetica, Arial, 'OCR A Std','Trebuchet MS',  sans-serif;	
}
#cntr_contactus_L a{
	font-size: 0.8em;
}

#cntr_contactus_L a:link{color: #1d457b; text-decoration: none; font-size: 0.8em; font-weight:bold; font-style:italic; }    
#cntr_contactus_L a:visited {color: #1d457b; text-decoration: none; font-size: 0.8em; font-weight:bold; font-style:italic; }     
#cntr_contactus_L a:hover {color: #1d457b; text-decoration: underline;font-size: 0.8em; font-weight:bold; font-style:italic; }   
#cntr_contactus_L a:active {color: #1d457b; text-decoration: none; font-size: 0.8em; font-weight:bold; font-style:italic; } 

#cntr_contactus_R{
	margin-left: 470px;
	padding-top:50px;
	width: 270px; 
	border: 0px solid #efefef;
}
#cntr_contactus_R .r_box{
	width: 250px; 
	/*height: 90px;*/
	padding: 5px 5px 15px 5px; margin-bottom: 10px;
}
.r_box .r_title{
	border-bottom: 1px solid #999;
	font-family:sans-serif, Tacoma, Helvetica, Arial;
	padding: 0px 0px 3px 5px;
}
.r_box p, #cntr_contactus_L p{
	padding-left: 5px;
}

#contactus_list a, .r_box a:link{color: #245496; text-decoration: none; font-size: 0.9em;}    
#contactus_list a, .r_box a:visited {color: #245496; text-decoration: none; font-size: 0.9em;}    
#contactus_list a, .r_box a:hover {color: #245496; text-decoration: underline;font-size: 0.9em;}   
#contactus_list a, .r_box a:active {color: #245496; text-decoration: none; font-size: 0.9em;} 

/*--- posting.aspx ---*/
#contnetCntr_L1_careers a {}

/*--- copyright.aspx, privacy.aspx, sitemap.aspx ---*/
#cntr_copy_privacy, #cntr_sitemap{ 
	margin:30px 100px; 
}

#print {
    background: transparent url('../images/print_page.gif') no-repeat 0 0; 
	padding: 0px 0px 0px 22px;
	height:18px;
}
a.print_page:link{font-size:0.8em; color:#666; text-decoration:none;}
a.print_page:visited{font-size:0.8em; color:#666; text-decoration:none;}
a.print_page:hover{font-size:0.8em; color:#666; text-decoration: underline;}
a.print_page:active{font-size:0.8em; color:#666; text-decoration:none;}

a.back_to_top:link{font-size:0.8em; color:#666; text-decoration:underline;}
a.back_to_top:visited{font-size:0.8em; color:#666; text-decoration:underline;}
a.back_to_top:hover{font-size:0.8em; color:#666; text-decoration: none;}
a.back_to_top:active{font-size:0.8em; color:#666; text-decoration:underline;}

/*--- copyright.aspx, privacy.aspx, sitemap.aspx ---*/
#login_frame{
	/*background: transparent url('../images/login_bg_02.gif') no-repeat scroll  left top; 
	background: transparent url('../images/login_bg_01.gif') no-repeat scroll left top; */
	width:705px; 
	height: 280px; 
	margin: 20px auto; 
	padding-top: 40px;  border: 0px solid #efefef; 
}

#box01{
	float:left;  	
	width:280px; 	
	margin-left: 40px; border:0px solid #efefef;
} 
#box02{
	width:280px; 	
	margin-left: 380px; border:0px solid #efefef;
}

.login_text {
	font-size: 0.9em; 
	font-weight: bold; 
	color: #990b04; 
	margin-top: 10px;
}
.login_text_link a:link{color: #990b04; text-decoration: none; font-size: 0.9em; font-weight: bold; }    
.login_text_link a:visited {color: #990b04; text-decoration: none; font-size: 0.9em; font-weight: bold; }    
.login_text_link a:hover {color: #f5f2f2; text-decoration: none; font-size: 0.9em; font-weight: bold; }   
.login_text_link a:active {color: #990b04; text-decoration: none; font-size: 0.9em; font-weight: bold; }



#sitemap{border-left: 2px solid #B1B7D9;}
#sitemap td{padding:5px 10px;}
#sitemap ul{margin-top:0px;}
#cntr_sitemap ul li{
	list-style-type:none;
}

.sitemap_link a:link, .sitemap_link2L a:link {color: #1d457b; text-decoration: none; font-size: 0.9em; font-weight:bold; }    
.sitemap_link a:visited, .sitemap_link2L a:visited {color: #1d457b; text-decoration: none; font-size: 0.9em; font-weight:bold;}    
.sitemap_link a:hover, .sitemap_link2L a:hover {color: #1d457b; text-decoration: underline;font-size: 0.9em; font-weight:bold;}   
.sitemap_link a:active, .sitemap_link2L a:active {color: #1d457b; text-decoration: none; font-size: 0.9em; font-weight:bold;}

/*--- 2nd Layer: Under Service and Solutions, About Microserve, Careers pages ---*/
#contentTop_L2{
	background-color:#6D79B8; 
	width: 880px;
	text-align:center;
	padding-bottom: 3px; 	  	
}
#contentTop_L2_img{ 
	width:880px; height:80px ; 
}
#contentTop_L2_img img{ 
	width:880px; height:80px; 
	margin: 0 auto;
}

/*--- HelpDesk ---*/
#cntrL_L1_hd{
	margin: 0; 
	padding: 0 0 20 0; border: 0px solid #000; 
}
#cntrR_L1_hd{
	/*width:850px;
	height:630px;*/  
	margin: 0 auto; 
	padding-left:35px ; 
	text-align: left; border-top: 1px solid #ccc;
}
#cntrR_L1_hd ul{
	list-style:none ; 
	font-weight: bold; font-size: 90%;	border: 0px solid #efefef; padding-left: 0px;
}
#cntrR_L1_hd ul li{
	display: inline;
	padding-right: 25px;
}

a.nav_hd:link{font-size:1.0em; color:#666; text-decoration:none; }
a.nav_hd:visited{font-size:1.0em; color:#666; text-decoration:none; }
a.nav_hd:hover{font-size:1.0em; color:#999; text-decoration: underline; }
a.nav_hd:active{font-size:1.0em; color:#666; text-decoration:none; }

a.hypLink01:link{font-size:1.0em; color:#135ec5; text-decoration:underline; }
a.hypLink01:visited{font-size:1.0em; color:#135ec5; text-decoration:underline; }
a.hypLink01:hover{font-size:1.0em; color:#135ec5; text-decoration: none; }
a.hypLink01:active{font-size:1.0em; color:#135ec5; text-decoration:underline; }


/* HireDesk */
.headerHD{
	background: transparent url('../images/hd_title_bg.gif') repeat-y scroll left top; 
	/*background:#B9A883;*/ 
	color:#333333; 
	padding:5px 10px;height: 30px; 
}

/* Golf */
.logo {text-align: center;}
.logo img {padding: 0 3px;}
.tblFlat {display: inline; width: 80%; vertical-align: text-bottom}
.tblOutline {border: 1px solid #a0a0a0;}

/******************************************************* end ****/
  