/* === GOVHK REVAMP PAGE CONTAINER === */
body {
	margin:0; 	/* zeroing*/
	padding:0;
	font-family: arial, helvetica, sans-serif;	
	background: #d7d2bb url(/mars_is/images/en/mygovhk/wrap_bg.gif) repeat-x;
}

#wrapper{
	width:100%;	
}

#pageContainer{
	margin:auto;
	width:970px;
	overflow: hidden;
	height:100%;
	min-height: 100%;
}

.hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}

/* === GENERIC style === */
h1 {display:inline; } 
h2, h3, h4 {font-size:1em; font-weight:normal; padding:0; border:0; display:inline;}
img {border:0;}
abbr {border-bottom:0;}
ul{
	padding:0;
	margin:0;
	list-style-type:none;
	list-style-position:outside;	
}
ul li{
	padding:0;
	margin:0;
}
ul.overlay{
	list-style-position:outside;
	list-style-type:circle;
	margin:0;
	padding:0;
}
ul.overlay li{
	padding:0;
	margin:0;
}
ol.overlay{
	list-style-type: lower-roman;
}
ol.overlay li{
}
input, select {
	font-family:inherit;
}
textarea{font-family:inherit;font-size:13px;}
input[type=checkbox], input[type=radio]{
	vertical-align:middle;
}



/* styled buttons */

/* normal button */
a.button, a.dropdown, a.buttonCreateFolder, a.buttonArchive, a.buttonRefresh{
	display: block;
    float: left;
    height: 19px;
    margin-right: 6px;
	margin-top:-1px;
	text-decoration: none;
	outline: none;
}
a.buttonDisabled, a.dropdownDisabled, a.buttonCreateFolderDisabled, a.buttonArchiveDisabled{
	display: block;
    float: left;
    height: 19px;
    margin-right: 6px;
	margin-top:-1px;
	text-decoration: none;
	outline: none;
	cursor:default;
}

a.button {
    background: transparent url('/mars_is/images/en/en/mygovhk/bg_button_a.gif') no-repeat scroll top right;    
    padding-right: 13px; /* sliding doors padding */  
}
a.button:hover, a.button:active, a.button:focus{   background: transparent url('/mars_is/images/en/mygovhk/bg_button_a.gif') no-repeat scroll top right;   }
a.buttonDisabled {
    background: transparent url('/mars_is/images/en/mygovhk/bg_button_a_disabled.gif') no-repeat scroll top right;    
    padding-right: 13px; /* sliding doors padding */  
}
a.buttonRefresh{
	background: transparent url('/mars_is/images/en/mygovhk/btn_refresh_a.gif') no-repeat scroll top right;	
	padding-right: 25px; /* sliding doors padding */
}
a.buttonRefresh:hover, a.buttonRefresh:active, a.buttonRefresh:focus{
	background: transparent url('/mars_is/images/en/mygovhk/btn_refresh_a.gif') no-repeat scroll bottom right;	
}

a.buttonCreateFolder {
    background: transparent url('/mars_is/images/en/mygovhk/create_02.gif') no-repeat scroll top right;	    
    padding-right: 25px; /* sliding doors padding */
} 
a.buttonCreateFolder:hover, a.buttonCreateFolder:active, a.buttonCreateFolder:focus{	background: transparent url('/mars_is/images/en/mygovhk/create_02.gif') no-repeat scroll center right;	  } 
a.buttonCreateFolderDisabled {
    background: transparent url('/mars_is/images/en/mygovhk/create_02.gif') no-repeat scroll bottom right;	    
    padding-right: 25px; /* sliding doors padding */
} 


a.buttonArchive{
    background: transparent url('/mars_is/images/en/mygovhk/view_archive.gif') no-repeat scroll top right;
    padding-right: 25px; /* sliding doors padding */
} 
a.buttonArchive:hover, a.buttonArchive:active, a.buttonArchive:focus {	background: transparent url('/mars_is/images/en/mygovhk/view_archive.gif') no-repeat scroll center right;}
a.buttonArchiveDisabled{
    background: transparent url('/mars_is/images/en/mygovhk/view_archive.gif') no-repeat scroll bottom right;
    padding-right: 25px; /* sliding doors padding */
} 



a.dropdown {
    background: transparent url('/mars_is/images/en/mygovhk/dropdown.gif') no-repeat scroll top right;
    padding-right: 30px; /* sliding doors padding */
}
a.dropdown:hover, a.dropdown:active, a.dropdown:focus{	
	background: transparent url('/mars_is/images/en/mygovhk/dropdown.gif') no-repeat scroll center right;  
}
a.dropdownDisabled {
    background: transparent url('/mars_is/images/en/mygovhk/dropdown.gif') no-repeat scroll bottom right;    
    padding-right: 30px; /* sliding doors padding */
}



a.button:hover, a.dropdown:hover, a.buttonCreateFolder:hover, a.buttonArchive:hover, a.buttonRefresh:hover,
a.button:active, a.dropdown:active, a.buttonCreateFolder:active, a.buttonArchive:active, a.buttonRefresh:active,
a.button:focus, a.dropdown:focus, a.buttonCreateFolder:focus, a.buttonArchive:focus, a.buttonRefresh:focus {
	text-decoration: none;
	outline: none;
	color: #000;
}

/*a.button:focus, a.dropdown:focus, a.buttonCreateFolder:focus, a.buttonArchive:focus{
	text-decoration: none;
	outline: none;
}*/

/* Disabled *********************/
a.buttonDisabled:hover, a.dropdownDisabled:hover, a.buttonCreateFolderDisabled:hover, a.buttonArchiveDisabled:hover,
a.buttonDisabled:active, a.dropdownDisabled:active, a.buttonCreateFolderDisabled:active, a.buttonArchiveDisabled:active,
a.buttonDisabled:focus, a.dropdownDisabled:focus, a.buttonCreateFolderDisabled:focus, a.buttonArchiveDisabled:focus {
	text-decoration: none;
	outline: none;
	color: #fff;
}

/*a.buttonDisabled:focus, a.dropdownDisabled:focus, a.buttonCreateFolderDisabled:focus, a.buttonArchiveDisabled:focus{
	text-decoration: none;
	outline: none;
}*/

/* button span */
a.button span, a.dropdown span, a.buttonCreateFolder span, a.buttonArchive span,  a.buttonRefresh span{
	font-weight:bold;
	font-size:12px;
    background: transparent url('/mars_is/images/en/mygovhk/button_span.gif') no-repeat;
    display: block;
    line-height: 9px;
    padding: 5px 0 5px 10px;
	text-decoration:none;
	outline: none;
	color:#4d4c4c;
} 
a.button:hover span, a.dropdown:hover span, a.buttonCreateFolder:hover span, a.buttonArchive:hover span,  a.buttonRefresh:hover span,
a.button:active span, a.dropdown:active span, a.buttonCreateFolder:active span, a.buttonArchive:active span,  a.buttonRefresh:active span,
a.button:focus span, a.dropdown:focus span, a.buttonCreateFolder:focus span, a.buttonArchive:focus span,  a.buttonRefresh:focus span{
	background: transparent url('/mars_is/images/en/mygovhk/button_span.gif') no-repeat;
	outline: none;
	color:#000;
}

/* disabled button span */
a.buttonDisabled span, a.dropdownDisabled span, a.buttonCreateFolderDisabled span, a.buttonArchiveDisabled span{
	font-weight:bold;
	font-size:12px;
    background: transparent url('/mars_is/images/en/mygovhk/button_span_disabled.gif') no-repeat;
    display: block;
    line-height: 9px;
    padding: 5px 0 5px 10px;
	text-decoration:none;
	outline: none;
	color: #bbb;
} 
a.buttonDisabled:hover span, a.dropdownDisabled:hover span, a.buttonCreateFolderDisabled:hover span, a.buttonArchiveDisabled:hover span,
a.buttonDisabled:active span, a.dropdownDisabled:active span, a.buttonCreateFolderDisabled:active span, a.buttonArchiveDisabled:active span,
a.buttonDisabled:focus span, a.dropdownDisabled:focus span, a.buttonCreateFolderDisabled:focus span, a.buttonArchiveDisabled:focus span{
	text-decoration:none;
	outline: none;
}
/* black button */
a.buttonBlack{
	display: block;
    float: left;
    height: 20px;
    margin-right: 6px;
	margin-top:-1px;
	text-decoration: none;
	outline: none;
	color: #fff;
}
a.buttonBlack {
    background: transparent url('/mars_is/images/en/mygovhk/buttonblack.gif') no-repeat scroll top right;    
    padding-right: 10px; /* sliding doors padding */  
}
a.buttonBlack:hover, a.buttonBlack:active, a.buttonBlack:focus{   
	background: transparent url('/mars_is/images/en/mygovhk/buttonblack.gif') no-repeat scroll bottom right;   
	text-decoration: none;
}
a.buttonBlack span{
	color:#fff;
	font-weight:bold;
	font-size:12px;
    background: transparent url('/mars_is/images/en/mygovhk/buttonblack_span.gif') no-repeat top left;
    display: block;
    line-height: 10px;
    padding: 5px 0 5px 10px;
	text-decoration:none;
	outline: none;
} 
a.buttonBlack:hover span, 
a.buttonBlack:active span,
a.buttonBlack:focus span{
	background: transparent url('/mars_is/images/en/mygovhk/buttonblack_span.gif') no-repeat bottom left;
	outline: none;
	text-decoration:none;
}

/* grey add button */
a.buttonGrey{
	display: block;
    float: left;
    height: 20px;
    margin-right: 6px;
	margin-top:-1px;
	text-decoration: none;
	outline: none;
	color: #fff;
    background: transparent url('/mars_is/images/en/mygovhk/buttongrey.gif') no-repeat scroll top right;    
    padding-right: 20px; /* sliding doors padding */  
}
a.buttonGrey:hover, a.buttonGrey:active, a.buttonGrey:focus{   
	background: transparent url('/mars_is/images/en/mygovhk/buttongrey.gif') no-repeat scroll bottom right;   
	text-decoration: none;
}
a.buttonGrey span{
	color:#fff;
	font-weight:bold;
	font-size:12px;
    background: transparent url('/mars_is/images/en/mygovhk/buttongrey_span.gif') no-repeat top left;
    display: block;
    line-height: 10px;
    padding: 5px 5px 5px 10px;
	text-decoration:none;
	outline: none;
} 
a.buttonGrey:hover span, 
a.buttonGrey:active span,
a.buttonGrey:focus span{
	background: transparent url('/mars_is/images/en/mygovhk/buttongrey_span.gif') no-repeat bottom left;
	outline: none;
	text-decoration:none;
}



/* large buttons*/
a.buttonLarge{
	display: block;
    float: left;
    height: 32px;
    margin-right: 10px;
	margin-top:-1px;
	text-decoration: none;
	outline: none;
	color: #fff;
}
a.buttonLarge {
    background: transparent url('/mars_is/images/en/mygovhk/bg_button_large.gif') no-repeat scroll top right;    
    padding-right: 15px; /* sliding doors padding */  
}
a.buttonLarge:hover, a.buttonLarge:active, a.buttonLarge:focus{  text-decoration:none; background: transparent url('/mars_is/images/en/mygovhk/bg_button_large.gif') no-repeat scroll bottom right;   }
a.buttonLarge span{
	font-weight:bold;
	font-size:14px;
    background: transparent url('/mars_is/images/en/mygovhk/button_large_span.gif') no-repeat top left;
    display: block;
    line-height: 32px;
    padding-left: 15px;
	text-decoration:none;
	outline: none;
	color: #fff;
} 
a.buttonLarge:hover span, 
a.buttonLarge:active span,
a.buttonLarge:focus span{
	background: transparent url('/mars_is/images/en/mygovhk/button_large_span.gif') no-repeat bottom left;
	outline: none;
	text-decoration:none;
}




div.dropdownList{
	width:200px;
}
div.dropdownList a:hover, div.dropdownList a:active, div.dropdownList a:focus{
	background:#ccc;
	text-decoration:none;
	display:block;
}



.btnIcon{
	float:right;
}

a.moreLink{
	background:transparent url(/mars_is/images/en/mygovhk/morearrow.gif) no-repeat scroll right center;
	font-weight:bold;
	padding-right:20px;
}

sup, sub {font-size:0.8em;} 


/* === GENERIC : hyperlink === */

a {text-decoration:none; padding:0; border:0;}
a:link    { color:#333333;  }
a:visited { color:#333333; }
a:hover, a:active, a:focus  { 
	text-decoration:underline;	
}

.myFreqbackToTop{
	margin-left:170px;
	overflow: auto;
	width: 200px;
	padding-top: 20px;
}

.backToTopRight{
	float:left;
	margin-left:20px;
	display:inline; /*IE6*/
	
}
a.backToTop, .backToTopRight a.backToTop, .myFreqbackToTop a.backToTop{
	background: url('/mars_is/images/en/mygovhk/backToTop.gif') no-repeat left center;
	padding-left:17px;
	font-weight:bold;
	color: #d88422;
}
.clearthis{
	overflow: hidden;
	width: 100%;
}

/* === HEADER style === */
#topbar{
	overflow:hidden;
	width:100%;
	width:970px;
	height:72px;
	margin-top:15px;
	margin-bottom:20px;
}
#quickLinks{float:left; height:32px; line-height:32px; padding-right:10px;}
#toolbar{
	MARGIN-TOP: 45px; FLOAT: right;
}

#toolbar span{
	display:inline;
	height:32px;
	line-height:32px;
	padding-left:10px;
}
#toolbar LI {
	LINE-HEIGHT: 32px; PADDING-LEFT: 10px; DISPLAY: inline; HEIGHT: 32px
}
#toolbar LI A.changeTextActive {
	COLOR: #ff3300; FONT-WEIGHT: bold
}
a#headerItemLogout{color:#333333;}
/*a.changeText:focus{
	text-decoration:none;
	outline:none;
}*/
a.changeTextM{
	font-size:12px;
	cursor:pointer;
}

a.changeTextL{
	font-size:16px;
	cursor:pointer;
}
a.changeTextE{
	font-size:20px;
	cursor:pointer;
}
#toolbar span a.changeTextActive{
	color:#ff3300;
	font-weight:bold;
}

/* === My Messages Page style === */
#myMessageContainer{
	width:100%;
	background: transparent url(/mars_is/images/en/mygovhk/mygovcontent_bg.gif) repeat-y; 
}
#myMessageContent{
	float: left;
	width:693px;
}

#myGovTopTabs{	
	height:38px;
	line-height:38px;	
	text-align:center;
	background: url(/mars_is/images/en/mygovhk/toptab_bg.gif) repeat-x;
}
#myGovTopTabs a{
	color:#fff;
	font-weight:bold;
	display:block;
}
#myGovTopTabs a:hover, #myGovTopTabs a:focus, #myGovTopTabs a:active{
	text-decoration:none;
}

#myGovTopTabs a img{
	margin-top:10px;
}
#myGovTopTabsItemMesg{
	float: left;
	width:133px;
	background: url(/mars_is/images/en/mygovhk/toptab_left.gif) no-repeat;	
}
#myGovTopTabsItemMesg a:hover, #myGovTopTabsItemMesg a:active, #myGovTopTabsItemMesg a:focus{
	background: url(/mars_is/images/en/mygovhk/toptab_left_over.gif) no-repeat;	
}
#myGovTopTabsItemMesgActive{
	float: left;
	width:133px;
	height:38px;
	background: url(/mars_is/images/en/mygovhk/mymesg_active.gif) no-repeat;
}
#myGovTopTabsItemCalActive{
	float: left;
	width:133px;
	height:38px;
	background: url(/mars_is/images/en/mycal/mycal.gif) no-repeat;
}
#myGovTopTabsItemMesgActive a:hover, #myGovTopTabsItemMesgActive a:active, #myGovTopTabsItemMesgActive a:focus{
	background: url(/mars_is/images/en/mygovhk/mymesg_active.gif) no-repeat;
}

#myGovTopTabsItemTodo{
	float: left;
	width:132px;
	height:38px;
	background: url(/mars_is/images/en/mygovhk/toptab_bg.gif) repeat-x;
}
#myGovTopTabsItemTodo a:hover, #myGovTopTabsItemTodo a:active, #myGovTopTabsItemTodo a:focus{
	background: url(/mars_is/images/en/mygovhk/toptab_bg_over.gif) repeat-x;
}
#myGovTopTabsItemTodoActive{
	float: left;
	width:132px;
	height:38px;
	background:#a33d28;
}

#myGovTopTabsItemOnlineServices{
	float: left;
	width:156px;
	height:38px;
	background: url(/mars_is/images/en/mygovhk/toptab_bg.gif) repeat-x;
}
#myGovTopTabsItemOnlineServices a:active, #myGovTopTabsItemOnlineServices a:hover, #myGovTopTabsItemOnlineServices a:focus{
	background: url(/mars_is/images/en/mygovhk/toptab_bg_over.gif) repeat-x;
}
#myGovTopTabsItemOnlineServicesActive{
	float: left;
	width:156px;
	height:38px;
	background: url(/mars_is/images/en/mygovhk/toptab_bg_active.gif) repeat-x;
	background:#a33d28;
}
#myGovTopTabsItemRSS{
	float: left;
	width:138px;
	height:38px;
	background: url(/mars_is/images/en/mygovhk/toptab_bg.gif) repeat-x;
}
#myGovTopTabsItemRSS a:hover, #myGovTopTabsItemRSS a:active, #myGovTopTabsItemRSS a:focus{
	background: url(/mars_is/images/en/mygovhk/toptab_bg_over.gif) repeat-x;
}

#myGovTopTabsItemRSSActive{
	float: left;
	width:138px;
	height:38px;
	background: url(/mars_is/images/en/mygovhk/toptab_bg_active.gif) repeat-x;
	background:#a33d28;
}


#myGovTopTabsItemLast{
	float: right;
	width:130px;
	height:38px;
	background: url(/mars_is/images/en/mygovhk/toptab_right.gif) no-repeat top right;	
}
#myGovTopTabsItemLast a:hover, #myGovTopTabsItemLast a:focus,#myGovTopTabsItemLast a:active{ 
	background: url(/mars_is/images/en/mygovhk/toptab_right_over.gif) no-repeat top right;	
}
#myGovTopTabsSingleLast{
	float: right;
	height:38px;
	padding-right:20px;
	background: url(/mars_is/images/en/mygovhk/toptab_right.gif) no-repeat top right;	
}
#myGovTopTabsItemLastActive{
	float: right;
	width:130px;
	height:38px;
	background: url(/mars_is/images/en/mygovhk/toptab_right_active.gif) no-repeat top right;	
}
.myGovTopTabsItemSep{
	float: left;
	background: url(/mars_is/images/en/mygovhk/toptab_sep.gif) no-repeat;
	width:1px;
	height:38px;
}

/* MY Settings */
#mySettingsNav{
	width:683px;
	height:48px;
	line-height:32px;
	background: #c9801e url(/mars_is/images/en/mysettings/mysettings_nav_bg.gif) repeat-x;
	padding-left:10px;
	font-size:13px;
}

#mySettingsTopTabsItemActive{
	float: left;
	width:139px;
	height:38px;
	background: url(/mars_is/images/en/mysettings/mysettings.gif) no-repeat;
}
/*ul#mySettingsNavList{
	margin:0;
	padding:0;
}
ul#mySettingsNavList li{
	float:left;
	padding-left: 5px;
	color:#fff;
}
ul#mySettingsNavList li a{
	color:#fff;
}
ul#mySettingsNavList li a.active{
	color:#fff;
	font-weight:bold;
	height:48px;
	display:block;
	background: url(/mars_is/images/en/mysettings/mysettings_activenav_bg.gif) no-repeat;
}*/

#mySettingsNavList{margin:0;padding:0;}
#mySettingsNavList div{float:left; padding-left:5px; color:#fff;}
#mySettingsNavList div a{color:#fff;}
#mySettingsNavList div.active{color:#fff;font-weight:bold;height:48px;display:block;
	background: url(/mars_is/images/en/mysettings/mysettings_activenav_bg.gif) no-repeat;
}

#mySettingsGroups{
	width:652px;
	margin:auto;
	margin-top:10px;
}

.mySettingsGroupsItem{
	margin-bottom:23px;
}

.mySettingsGroupsItemHeaderTitle, .mySettingsGroupsItemHeaderTitleFolder{
	height:39px;
	line-height:39px;
	margin-left:7px;
	font-size:1.15em;
	font-weight:bold;
	float:left;
}
a.rename{
	font-size:12px;
	margin-left:10px;
}
.mySettingsGroupsItemHeaderTitle h2, .mySettingsGroupsItemHeaderTitleFolder h2{
	font-weight:bold;
}
.mySettingsGroupsItemHeaderTitle h3, .mySettingsGroupsItemHeaderTitleFolder h3{
	font-weight:bold;
}

.mySettingsGroupsItemHeaderButton2{
	float:right;
	margin-top:7px;	
	display:inline; /* IE6 double margin bug */
}
.mySettingsGroupsItemHeaderButton, .rssItemHeaderButton, .myBookmarksItemHeaderButton{
	float:right;
	margin-top:10px;
	margin-right:30px;
	display:inline; /* IE6 double margin bug */
}
.myAddressGroupsItemHeaderButton{
	float:right;
	margin-top:10px;
	margin-right:15px;
	display:inline; /* IE6 double margin bug */
}

.mySettingsGroupsItemContentHeader{
	height:4px;
	background:#fffff6 url(/mars_is/images/en/mygovhk/groupItemWhiteHeader.gif) bottom no-repeat;
}
.mySettingsGroupsItemContent{
	padding-bottom:5px;
	background:#fffff6 url(/mars_is/images/en/mygovhk/groupItemfooter.gif) bottom no-repeat;
}
.mySettingsGroupsItemIcon{
	float:left;
	margin-top:5px;
	margin-right:5px;
	margin-left:5px;
}
.mySettingGroupCollapseOn{
	float:left;
	width:14px;
	height:14px;
	background: url(/mars_is/images/en/mysettings/mysetting_header_on.gif) no-repeat;	
	cursor:pointer;
	margin-right:10px;
	display:inline; /* IE6 double margin bug */
}
.mySettingGroupCollapseOff{
	float:left;
	width:14px;
	height:14px;
	background: url(/mars_is/images/en/mysettings/mysetting_header_off.gif) no-repeat;	
	cursor:pointer;
	margin-right:10px;
	display:inline; /* IE6 double margin bug */
}

.mySettingsGroupsItemList{
	float:left;
	width:100%;
}
.mySettingsGroupsItemList ul li.mySettingsGroupsItemListBoldLi{
	border-bottom: 2px solid #d7d2bb;
}
.mySettingsGroupsItemList h3{
	font-size:100%;
	font-weight:normal;
}
.mySettingsGroupsItemList a{
	padding-left:10px;
}
.mySettingsGroupsItemList ul li{
	border-bottom: 1px solid #d7d2bb;
	padding: 8px 0;
	padding-right:10px;
}
.padSpaceTop {padding-top:8px;}
.padSpaceBottom {padding-bottom:8px;}
.mySettingsFieldItemButton{
	float:right;
	margin-right:30px;
	display:inline; /* IE6 double margin bug */
}

.mySettingsGroupsItemList ul li.last{
	border-bottom: 0;
}
.mySettingsGroupsItemList ul li .settingsFieldDesc{
	float:left;
	width:30%;
}
.settingsFieldDescCopy{
	margin-left:15px;
	font-weight:bold;
	display:block;
}
.settingsFieldSingle{
		margin-left:15px;
	font-weight:bold;
}
.settingsField, .settingsFieldVerified{
	float:left;
	width:70%;
	min-height:17px;
	height:auto !important;
	height:17px;
}
.settingsField p{margin-top:0;}

.settingsField input{
	width:300px;
}
.settingsField input.hkic{
	width:8em;
}
.settingsField input.hkicCheckDigit{
	width:1em;
}

.settingsField input.verifyCode {width:150px;}
.settingsField input[type=radio], .settingsField input[type=checkbox]{
	width:auto;
}
.settingsField textarea{
	width:300px;
	height:150px;
	font-family:inherit;
}
.settingsField select{
	width:300px;
	font-family:inherit;
}
.settingsField select.dateType{
	width:auto;
	font-family:inherit;
}

.settingsFieldVerified{
	background: url(/mars_is/images/en/mysettings/mysettings_verify.gif) no-repeat right center;;
}

ul#interestsList{
	margin-left: 10px;
	padding:0;	
}
ul#interestsList li{
	margin: 0;
	padding:0;	
	border:0;
	list-style-type:square;
}

ul#interestsList li ul li{
	margin-left:20px;	
	padding:0;
	border:0;
	list-style-type:disc;
}

.mySettingsLegend{
	margin-left: 20px;
	padding: 20px 25px;
	line-height:17px;
	background: url(/mars_is/images/en/mysettings/mysettings_verify.gif) no-repeat center left;
}

/*dashboard*/
#myMessageDashboard{
	width:671px;
	min-height:100px;
	height: auto !important;
	height: 100px;
	background: #c9801e url(/mars_is/images/en/mygovhk/myMessageDashboard_bg.gif) repeat-x;
	padding-left:22px;
	padding-top:25px;
}
#myMessageDashboardInfo{
	color:#fff;
	float:left;
	width:350px;
}
#dashboardShadow{
	background: url(/mars_is/images/en/mygovhk/dashshadow.gif) repeat-x;
	width:100%;
	height:6px;
	
}
#greetings{
	font-size:2em;
	font-weight:bold;
}
#greetingsSecond{}
#lastlogin{
	margin-top:40px;
}

#myMessageDashboardWeather{
	float:right;
	width:300px;
	text-align:right;
	padding-right:15px;
}

.weatherIcon{
	display:inline;
	color:#fff;
	font-size:1.15em;
	margin: 0 0px;
}
.weatherIconTime, .weatherIconTime a{
	color:#fff;
}
#weatherIconLarge{
	float:right;
	height:79px;
}

#myMessageMode{
	width:652px;
	margin:auto;
	margin-top:10px;
	color:#ff6600;
	font-weight:bold;
}
#myMessageActions{
	height:35px;
	width:652px;
	margin:auto;
	padding-top:12px;
}

#myMessageGroups{
	width:652px;
	margin:auto;
}

.myMessageGroupsItem{
	margin-bottom:23px;
}


.myModulesIntroItem {
	MARGIN-BOTTOM: 10px
}
.myModulesIntro {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px
}
.myModulesGroupsItemIcon {
	MARGIN-TOP: 5px; DISPLAY: inline; FLOAT: left; MARGIN-RIGHT: 5px
}
.myModulesItemList {
	WIDTH: 100%; FLOAT: left
}
.myModulesItemList UL LI.myModulesListHeading {
	BORDER-BOTTOM: 0px; BACKGROUND: #2d6671; COLOR: #fff; FONT-WEIGHT: bold
}
.myModulesListItem1 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; PADDING-LEFT: 10px; WIDTH: 120px; PADDING-RIGHT: 10px; FLOAT: left; PADDING-TOP: 0px
}
.myModulesListItem2 {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; PADDING-LEFT: 10px; WIDTH: 350px; PADDING-RIGHT: 10px; FLOAT: left; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
.myModulesListItem2 .linkSmall {
	COLOR: #666; FONT-WEIGHT: normal
}
.myModulesListItem3 {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; PADDING-LEFT: 10px; WIDTH: 120px; PADDING-RIGHT: 10px; FLOAT: right; PADDING-TOP: 0px
}
.myModulesItemList UL LI {
	BORDER-BOTTOM: #d7d2bb 1px solid
}
.myModulesItemList UL LI.last {
	BORDER-BOTTOM: 0px
}
.groupsItemHeaderNormal{
	width:652px;
	background: url(/mars_is/images/en/mygovhk/groupsItemHeader.gif) no-repeat;
}
.groupsItemHeaderArchive{
	width:652px;
	background: url(/mars_is/images/en/mygovhk/groupsItemHeaderArchive.gif) no-repeat;
}
.groupsItemHeader{
	width:652px;
	background: url(/mars_is/images/en/mygovhk/OpenedMenu.gif) no-repeat;
	cursor:pointer;
}
.groupsItemHeaderOff{
	width:652px;
	background: url(/mars_is/images/en/mygovhk/OpenMenu.gif) no-repeat;
	cursor:pointer;
}
.myMessageGroupsItemHeaderTitle, .myMessageGroupsItemHeaderTitleFolder{
	height:39px;
	line-height:39px;
	margin-left:17px;
	font-weight:bold;
	float:left;
	display:inline; /*IE6*/
}
.myMessageGroupsItemHeaderTitle h2, .myMessageGroupsItemHeaderTitleFolder h2{
    font-weight:bold;
}
.myMessageGroupsItemHeaderButton{
	float:right;
	margin-right:17px;
	margin-top:10px;
	display:inline; /* IE6 double margin bug */
}
.myFreqGroupsItemHeaderButton{
	float:right;
	width:465px;
	padding: 0 17px;
	margin-top:10px;
	display:inline; /* IE6 double margin bug */
	padding-top: 5px;
}

.myFreqGroupsItemHeaderButtonLeft{float:left;}
.myFreqGroupsItemHeaderButtonRight{float:right;}

.myMessageGroupsItemContent{
	background:#fffff6 url(/mars_is/images/en/mygovhk/groupItemfooter.gif) bottom no-repeat;
}
.myMessageArchiveGroupsItemContent{
	background:#eeeeee url(/mars_is/images/en/mygovhk/groupItemfooterArchive.gif) bottom no-repeat;
}
.myMessageGroupsItemIcon{
	float:left;
	width:109px;
	height:120px;
}
.myMessageGroupsItemList{
	float:left;
	width:543px;
}
.myMessageGroupsItemList a{
	padding-left:10px;
}
.myMessageGroupsItemList .unread{
	font-weight:bold;
}
.myMessageGroupsItemList ul li{
	border-bottom: 1px solid #d7d2bb;
	padding: 5px 0;
	padding-right:10px;
}
.myMessageGroupsItemList ul li a{
	float:right;
	width:490px;
	padding-top:3px;
}
.mesgCheckBox{float:left;}

.myMessageArchiveGroupsItemList{
	float:left;
	width:543px;
}
.myMessageArchiveGroupsItemList h3{
	font-size:100%;
	font-weight:normal;
}
.myMessageArchiveGroupsItemList a{
	padding-left:10px;
}
.myMessageArchiveGroupsItemList h3.unread{
	font-weight:bold;
}
.myMessageArchiveGroupsItemList ul li{
	border-bottom: 1px solid #d7d2bb;
	padding: 5px 0;
	padding-right:10px;
}
.myMessageArchiveGroupsItemList ul li a{
	float:left;
	width:510px;
	padding-top:3px;
}

/* === pagination == */
.myMessageGroupsPagination{	
	text-align:right;
	margin:10px;
	float:right;
}
ul.myMessageGroupsPaginationText{
	margin-right:20px;
	display: inline;
}

ul.myMessageGroupsPaginationText li{
	display:inline;
	border: 0px;
	padding: 0 3px;
}
ul.myMessageGroupsPaginationText li a{
	float:none;
	padding:0;
}
ul.myMessageGroupsPaginationText li a.current{	color:#FF6600;}

ul.myMessageGroupsPaginationText .disabled { color:#aaa; }
ul.myMessageGroupsPaginationText .previous { padding-left:6px; }
ul.myMessageGroupsPaginationText .next { padding-right:6px; }

/* === SIDE BAR === */
#sidebar{
	float: left;
	padding-top:18px;
	padding-bottom:30px;
	width:277px;
	background: transparent url(/mars_is/images/en/sidebar/sidebar_offset.gif) no-repeat;
}

.sidebarItem{
	width:240px;
	margin:auto;	
	margin-top:10px;
}
.sideBarItemHeader{
	height:31px;
	line-height:31px;
	background: url(/mars_is/images/en/sidebar/itemheader.gif) no-repeat;
}

.sideBarItemHeaderClose{
	height:36px;
	line-height:36px;
	background:#00ff00;
}

.sidebarSecIcon{
	float:left;
	margin-top:2px;
	margin-left:10px;
}
.sidebarSecTitle{
	float:left;	
	font-weight:bold;
	color:#fff;
	padding-left:5px;
margin:0;
}
.sidebarSecTitle a{
	color:#fff;
	font-weight:bold;
	display:block;
	outline:none;
}
.sideBarItemHeaderAction{
	float:right;
	margin-right:10px;
	display:inline; /* IE6 double margin bug */
	color:#fff;
}
div.sideBarItemHeaderAction a.link{
	color:#fff;
}

/* calendar */
#calNav{
	background: #636363 url(/mars_is/images/en/sidebar/grey_bg.gif) repeat-y;
	color:#fff;
	text-align:center;
	height:30px;	
}

#cal_nav_left{
	background: url(/mars_is/images/en/sidebar/navarrow_left.gif) no-repeat center center;
	width:20px;
	height:30px;
	float:left;
	cursor:pointer;
}

#cal_month{
	float:left;
	width:200px;
	height:30px;
	line-height:30px;
}

#cal_nav_right{
	float:right;
	background: url(/mars_is/images/en/sidebar/navarrow_right.gif) no-repeat center center ;
	width:20px;
	height:30px;
	cursor:pointer;
}

#calendarOverlay{
	width:225px;
	border:1px solid #aaa;
	background:#fff;
}
#calendarTitle{
	width:225px;
	height:33px;
	line-height:33px;
	font-weight:bold;
	font-size:1.2em;
	color:#fff;
	padding-left:10px;
	background:#d6631c;
}
ul#calendarList{
	margin-left:25px;
	margin-top:10px;
}
ul#calendarList li{
	list-style-type:disc;
	padding: 3px 0;
}

#calendarOption{
	text-align: right;
	border-top:1px solid #bbb;
	padding: 3px 0;
	margin:0px 10px;
	margin-top:10px;	
}


table#calHeading thead td{
	text-align:center;
	width:30px;
	height:20px;
	font-weight:bold;
	border:1px solid #f5f2e4;
}
table#calHeading tbody td a{
	text-align:center;
	display:block;
	border:1px solid #f5f2e4;
	outline:none;
	text-decoration:none;
}
table#calHeading tbody td a:hover, table#calHeading tbody td a:active, table#calHeading tbody td a:focus{
	border:1px solid #d6631c;
}

table#calHeading tbody td a.selected{
	border:1px solid #d6631c;
	color:#d6631c;
	font-weight:bold;
}
table#calHeading tbody td a.marked{
	background: url(/mars_is/images/en/sidebar/calmark.gif) top right no-repeat ;
}

table#calHeading tbody td a.reminder{
	background: #d6631c url(/mars_is/images/en/sidebar/calmark.gif) top right no-repeat ;
	color:#fff;
	font-weight:bold;
}

.sideBarItemHeaderContent{
	background:#f5f2e4 url(/mars_is/images/en/sidebar/sidebar_bottom.gif) bottom no-repeat ;
	padding-bottom:5px;
}
.sideBarItemHeaderContentNews, .sideBarItemHeaderContentRoads{
	background:#f5f2e4 url(/mars_is/images/en/sidebar/sidebar_bottom.gif) bottom no-repeat ;
	padding-bottom:0px;
}

/* weather */
.weatherPic{
	float:left;
	height:73px;
	margin-right:5px;
	width:96px
}
.weatherLoc1, .weatherLoc2{
	margin: 0;
	font-weight:bold;
}
.weatherLoc1{
	margin-top:10px;
}
.weatherTime{
	margin:0;
}
.weatherDate, .weatherTemp, .weatherHumid{
	width:80px;
	text-align:center;
}
.weatherDate{
	font-weight:bold;
}
.weatherListSection{
	float:left;
	width:80px;
	min-height:95px;
	height:auto !important;
	height:95px;
	
	background: url(/mars_is/images/en/sidebar/weatherMod_sep.gif) no-repeat right;
}
.weatherListSectionLast{
	width:80px;
	float:left;
	min-height:95px;
	height:auto !important;
	height:95px;
}

ul.newsList li.weatherListItemLast{
	background: url(/mars_is/images/en/sidebar/sidebar_bottom.gif) no-repeat;
	width:240px;
	height:5px;
	font-size:0;
	line-height:0;
	border:0;
}

ul.newsList li.weatherListItem{
	border:0;
}

div.newsList{ width:240px; }
div.newsList .weatherListItem{
	display:table;
	border:0;
	width:100%;
	background:#f5f2e4 ;
}
div.newsList .weatherListItemLast{
	display:table;
	background: url(/mars_is/images/en/sidebar/sidebar_bottom.gif) no-repeat;
	width:240px;
	height:5px;
	font-size:0;
	border:0;
}

/* news */
.newsNav{
	height:25px;
	cursor:pointer;
	border-bottom:1px solid #fff;
	background: url(/mars_is/images/en/sidebar/news_sec_close.gif) no-repeat;
}
.newsNavActive{
	height:25px;
	cursor:pointer;
	border-bottom:1px solid #fff;
	background: url(/mars_is/images/en/sidebar/news_sec_open.gif) no-repeat;
}

.newsNavLast{
	height:25px;
	cursor:pointer;
	background: url(/mars_is/images/en/sidebar/news_seclast_close.gif) no-repeat;
}
.newsNavLastActive{
	background: url(/mars_is/images/en/sidebar/news_sec_open.gif) no-repeat;
}

.newsNav a.newsNavTitle, .newsNavLast  a.newsNavTitle{
	color:#fff;
	line-height:25px;
	margin-left:10px;
	outline:none;
}
.newsNav a.newsNavTitle:focus, .newsNavLast a.newsNavTitle:focus{
	text-decoration:none;
}

ul.newsList{
	width:240px;
}
ul.newsList li{
	display:table;
	width:100%;
	background:#f5f2e4 ;
	border-bottom:1px solid #fff;
}
ul.newsList li.newsListLastItem{
	border:0 none;
	height:20px;
	line-height:20px;
}
ul.newsList li.newsListLastItem div {
	padding-right:10px;
	text-align:right;
}
.ecardPic{
	float:left;
	height:60px;
	margin-right:5px;
	width:90px
}

ul.newsList a.copy{
	float:left;
	padding-right:5px;
	width:235px;
}
ul.newsList a.copyOnly{
	float:left;
	padding:5px;
	width:235px;
}
ul.newsList a.copy:hover, ul.newsList a.copy:active, ul.newsList a.copy:focus,
ul.newsList a.copyOnly:hover, ul.newsList a.copyOnly:active, ul.newsList a.copyOnly:focus{
	background: url('/mars_is/images/en/sidebar/module_ro_bg.gif') repeat-y;
	color:#fff;
	text-decoration:none;
}

#newsMore{
	float:right;
	margin:5px 0px;
	padding: 0 10px;
}
#newsEditMore{
	float:right;
	margin:5px 0px;
	padding: 0 5px;	
}
.moduleSection{	
	border-top:1px solid #aaa;
}
.moduleEditHeader{
	background: #636363 url(/mars_is/images/en/sidebar/grey_bg.gif) repeat-y;
	min-height:10px;
	height: auto !important;
	height:10px;
	padding: 5px 10px;
}
.moduleEditTitle{
	color:#fff;
}
ul.newsEditList{
	margin-left:10px;
	
}
ul.newsEditList li{
	margin:2px 0;
}
.newsEditListCheck{
	float:left;
}
.newsEditListTitle{
	float:left;
	width:200px;
}

.newsNavEditContent{
	padding: 5px 10px;
}
/* Roads */
.roadsNav{
	background: #636363 url(/mars_is/images/en/sidebar/grey_bg.gif) repeat-y;
	height:30px;
	text-align:center;
}
.roadsNavActive{
	border-bottom:1px solid #fff;
	background:#ff0000;
}

.roadsNav a.roadsNavTitle{
	color:#fff;
	line-height:30px;
	margin-left:10px;
	outline:none;	
	text-decoration:none;
}
.roadsNav a.roadsNavTitle span.copy{
	padding-right:20px;
	background: url('/mars_is/images/en/sidebar/side_dropdown.gif') no-repeat right ;
}

div#trafficDropdownList{
	width:150px;
	border:1px solid #aaa;
}
div#trafficDropdownList a:hover, div#trafficDropdownList a:active, div#trafficDropdownList a:focus{
	background:#ccc;
	text-decoration:none;
	display:block;
}

.roadsContent{
	padding:5px;
	text-align:center;
}

/* Poll */
.pollNav{	
	background: #636363 url(/mars_is/images/en/sidebar/grey_bg.gif) repeat-y;
	min-height:10px;
	height: auto !important;
	height:10px;
	padding: 10px;
}
.pollNavTitle{
	color:#fff;
}
a.pollAnswer{
	height:30px;
	line-height:30px;	
	text-align:center;
	display:block;
	background: url('/mars_is/images/en/sidebar/pollnobg.gif'); color:#000; font-weight:bold;
	border-bottom:1px solid #fff;
}
a.pollAnswer:hover, a.pollAnswer:active, a.pollAnswer:focus{ 
	background: url('/mars_is/images/en/sidebar/pollyesbg.gif');
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#passPoll{
	float:right;
	margin-right:10px;
	margin-top:3px;
}
ul.pastPollList li{
	border-bottom:1px solid #aaa;
}
ul.pastPollList li a{
	display:block;
	color:#000;
	padding:5px 0px;
}
ul.pastPollList li a:hover{
	color:#fff;
	text-decoration:none;
	background: url('/mars_is/images/en/sidebar/pollyesbg.gif');
}

.pastPollDate{
	font-size:12px;
	display:block;
	margin:0 10px;
}
.pastPollTitle{
	display:block;
	margin:0 10px;
	font-weight:bold;
}

#pollResultContent{
	padding:5px 0;
}
#pollResultContainer{
	padding:5px;
	background:#e7e2cf;
	margin: 0 10px ;
}
.pollResultOption{
	font-weight:bold;
}
.pollResultNum{
	font-weight:normal;
	margin-left:10px;
}
#pollResultGraphYes, #pollResultGraphNo, #pollResultGraph{
	margin-bottom:5px;
}
#pollResultGraphYes{
	height:15px;
	width:78%;
	background: url('/mars_is/images/en/sidebar/poll_yes_graph.gif') repeat-x;
}
#pollResultGraphNo{
	width:18%;
	height:15px;
	background: url('/mars_is/images/en/sidebar/poll_no_graph.gif') repeat-x;
}
#pollResultGraph{
	width:26%;
	height:14px;
	background: url('/mars_is/images/en/sidebar/poll_graph.gif') repeat-x;
}

/* manage modules */
#manageModules{
	background: url('/mars_is/images/en/sidebar/manage_module.jpg');
	width:240px;
	height:48px;
	line-height:48px;
}
#manageModules a{
	display:block;
	margin-left:50px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
}

/* === end SIDE BAR === */


/* === lgoin page ===*/
#loginContainer{
	width:100%;
	background: url('/mars_is/images/en/login/loginfields_bg.gif') repeat-y right ;
}
#loginSection{
	width:647px;
	float:left;	
	margin:0;
	padding:0;
}

#loginImage{
	width:647px;
	height:290px;
}

.loginHelpLeft{
	float:left;
}
.loginHelpRight{
	float:right;
}

#loginFields{
	float:left;
	width:323px;
	background:  url('/mars_is/images/en/login/login_bg_hoz.gif') no-repeat;
	color:#fff;
	min-height:400px;
	height:auto !important;
	height:400px;
}

#enterPassName{
	background: url('/mars_is/images/en/login/login_name_bg.jpg') no-repeat;
	width:323px;
	min-height:80px;
    height:auto !important;
    height:80px;
}

#enterPassCopy{
	width:270px;
	margin:auto;
	color:#fff;
	font-size:1.7em;
	font-weight:bold;
	padding-top:45px;
    display:block;
}

#enterPassLabel{
    width:270px;
    margin:auto;
    color:#fff;
    display:block;
    padding:10px 0;
}

#digitalCertContainer{
	margin-top:15px;
}
#digitalCertIcon{
	float:left;
	margin-right:10px;
}

#digitalCertLinks{margin-top:0;}

#digitalCertLinks a.link{
	font-weight:bold;
}

#pwCaptcha{
	width:255px;
	background:#c17d46 url('/mars_is/images/en/login/auth_bg_top.gif') no-repeat;
	padding:10px;
}
#pwCaptchaBottom{
	width:275px;
	height:2px;
	font-size:0;
	line-height:0;
	background:  url('/mars_is/images/en/login/auth_bg_bottom.gif') no-repeat bottom;
	}
#pwCaptchaFields{
	margin-top:10px;
	background:#c17d46 url('/mars_is/images/en/login/auth_bg_bottom.gif') no-repeat bottom;
}
#pwCaptchaFieldsLeft{
	float:left;
	padding-right:15px;
	font-size:13px;
}
#pwCaptchaFieldsLeft input{	width:120px;}
#pwCaptchaFieldsRight{		
	float:left;
}
#pwCaptchaAuthType{	
	width:105px;
	margin:auto;
	display:block;
}
#pwCaptchaAuthType a.buttonLarge {margin-left:10px;padding-right:10px;}
#pwCaptchaAuthType a.buttonLarge span{font-size:12px;padding-left:10px;	}
#pwCaptchaFieldsRightButton{
	width:70px;
	margin:auto;
	margin-top:10px;
	display:block;
}
#pwCaptchaAuthLeft{
	float:left;
	font-weight:bold;
}
#pwCaptchaAuthRight{float:right;}
.pwCaptchaAuthItem{float:left;}
.pwCaptchaAuthItem input[type=radio]{
	vertical-align:top;
}
#loginFields a{
	color:#fff;
}

.loginFieldContent{
	width:270px;
	margin:auto;
	
}

.loginField {
	background:transparent url('/mars_is/images/en/login/login_field.gif') no-repeat scroll 0 0;
	border:0 solid #FFFFFF;
	float:left;
	height:23px;
	line-height:27px;
	padding:8px 0 0 5px;
	width:200px;
	font-family:inherit;
	font-size:13px;
}

.loginFieldContent .singleLine{
	padding:5px 0;
}

input[type=radio].certLocation{ vertical-align:top;}
.certFile{ margin-left:25px;}
.certFilePath{width:200px;}
.certFilePIN {
	background:transparent url('/mars_is/images/en/login/login_field.gif') no-repeat scroll 0 0;
	border:0 solid #FFFFFF;
	float:left;
	height:23px;
	line-height:27px;
	padding:8px 0 0 5px;
	width:170px;
	font-family:inherit;
	font-size:13px;
}

.mygovhktour{
	font-size:1.2em;
}
.newtoMyGov{
	font-size:1.4em;
	font-weight:bold;
}

.loginSubmitBtn{
	background:transparent url('/mars_is/images/en/login/submit_btn.gif') no-repeat scroll center top;
	border:0 solid #FFFFFF;
	cursor:pointer;
	font-weight:bold;
	font-size:13px;
	float:left;
	height:31px;
	line-height:27px;
	width:59px;
	font-family:inherit;
}

#loginHelp{
	padding: 10px 0;	
	padding-top:0px;
}

#errorLoginMsg{
	color:#FFFF00;
	font-weight:bold;
	padding: 5px 0;
}

.loginFieldContentSep{
	background: url('/mars_is/images/en/login/login_sep.jpg') no-repeat;
	width:306px;
	height:2px;
	margin:5px auto;
	font-size:0;
	line-height:0;
}
a#loginCreateAccount{
	background: url('/mars_is/images/en/login/login_btn.gif') no-repeat;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	width:152px;
	height:32px;
	line-height:32px;
	display:block;
	color:#000;
}
a#loginCreateAccount:hover, a#loginCreateAccount:active, a#loginCreateAccount:focus{
	background: url('/mars_is/images/en/login/login_btn_over.gif') no-repeat;
	text-decoration:none;
}

#loginMessageContainer{
	background: #f2efe6 url('/mars_is/images/en/login/login_bg.gif');
	margin:0;
	padding:0;
	padding-bottom:20px;	
	width:647px;
}


#loginMessage{
	font-size:30px;
	font-weight:bold;
	color:#cc3300;
	width:500px;
	margin-left: 20px;
	padding: 20px 0;	
	padding-bottom:0;	
}
#loginSubMessage{
	font-size:14px;
	font-weight:bold;
	color:#595957;
	width:500px;
	margin-left: 20px;
	padding-bottom:20px;	
}



#systemMessageContainer{
	width:600px;
	background:#ffffff;
	border:1px solid #e5e5e5;
	margin:auto;
}

#systemMessageIcon{
	float:left;
	width:35px;
	padding:7px;
}

#systemMessageContent{
	float:left;
	width:500px;
	margin:10px 0;
	display:inline;
}
#systemMessageDetail ul{
	margin-left:20px;
	padding:0;
}
#systemMessageDetail ul li{
	list-style-type:disc;
}
.systemMessageHeading{
	font-weight:bold;
}

#loginBottom{
	clear:both;
	background: #f2efe6 url('/mars_is/images/en/login/login_bg_bottom.gif') no-repeat;
	width:970;
	height:3px;
}
/* === registration === */
#regSection{
	width:970px;
	height:165px;
	padding:0;
	margin:0;
}
#regSectionLeft{
	float:left;
	width:641px;
	height:165px;
}
#regSectionRight{
	float:left;
	width:329px;
	height:165px;
	background: url('/mars_is/images/en/login/reg_welcome.jpg') no-repeat;
}

#regSectionCopy{
	color:#fff;
	font-weight:bold;
	font-size:17px;
	margin-top:90px;
	margin-left:30px;
	width:250px;
}

#regContainer{
	background: #f2efe6 url('/mars_is/images/en/login/login_bg.gif');
	margin:0;
	padding: 27px;	
}
.regDesc{
	font-weight:bold;
}
.mandatory{
	color:#cc0000;
}
.mandatoryContainer{
	float:left;
	width:10px;
	height:1em;
}
#regErrorMsg{
	border:1px solid #cc0000;
	margin-top:10px;
	width:719px;
	padding:10px;
}
#regErrorMsgContent{
	color:#cc0000;
}
#regErrorMsgTitle{
	font-weight:bold;
}
ol#regErrorList{
	padding:5px 20px;
	margin:0;
}
ol#regErrorList li{
	padding: 3px 0;
}


#regFieldsContainer{
	margin-top:20px;
	width:739px;
}

#regFieldsContainer .errorDesc{
	background: url(/mars_is/images/en/login/reg_field_err.gif) no-repeat 98% 50%;
}

.regFieldRow{
	margin: 8px 0;
}
.regFieldDesc{
	width:225px;
	height:21px;
	line-height:21px;
	float:left;
	font-weight:bold;
}
.regField{
	width:237px;
	float:left;
}

.regField select {
	font-family:inherit;
}
.regField .regFieldInput{
	width:231px;
	font-family:inherit;
}
.regFieldMobileInput{
	width:202px;
	padding-left:30px;
	height:17px;
	line-height:17px;
	background: #fff url(/mars_is/images/en/login/852.gif) no-repeat;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ccc;
}
.invalid{
	border:2px solid #cc0000;
}
#regIdCheck{
	margin:5px 0;
	color:#cc0000;
	font-weight:bold;
}
ol#regIdSuggestion{
	margin-top:10px;
	padding-left:20px;
}
ol#regIdSuggestion li{
	margin:0;
	padding:2px 0;
}
ol#regIdSuggestion li span{
	font-weight:bold;
	color:#f99b1f;
}


.pwStrength, #pwStrengthL, #pwStrengthM, #pwStrengthH{
	float:left;	
	margin-top:2px;
	font-size:13px;
}
.pwStrength{
	margin-right:5px;
	margin-top:0px;
}
#pwStrengthL{
	color:#cc3300;
}
#pwStrengthM{
	color:#f8981d;
}
#pwStrengthH{
	color:#009900;
}

.pwStrengthEBlock, .pwStrengthLBlock, .pwStrengthMBlock, .pwStrengthHBlock{
	display:block;
	width:14px;
	height:11px;
	line-height:11px;	
	border:1px solid #cccccc;
	float:left;	
	margin-right:1px;
}
.pwStrengthEBlock{
	background:#fff;
}
.pwStrengthLBlock{
	background:#cc3300;
}
.pwStrengthMBlock{
	background:#f8981d;
}
.pwStrengthHBlock{
	background:#009900;
}

.pwStrengthDesc{
	float:left;
	margin-left:5px;
	font-weight:bold;
}


.regFieldHint{
	display:none;
	width:270px;
	float:right;
	height:17px;
	background: url('/mars_is/images/en/login/reg_field_hint.gif') no-repeat;	
}
.regFieldHintContent{
	color:#fff;
	background:#f99b1f;
	width:248px;
	margin-left:6px;
	min-height:10px;
	height:auto !important;
	height:10px;
	padding: 8px;
	position:absolute;
}

/* === Terms and Conditions ===*/
#tcContainer{
	margin-top:20px;
	width:100%;
}
#tcTitle{
	font-weight:bold;
}
#tcContent{
	margin-top:10px;
	padding:20px;
	background:#fff;
	overflow:auto;
	height:425px;
}
#tcAgree{
	margin: 20px 0;
}
#tcAgree label{cursor:pointer;}
#tcStepButtons{	
	width:25%;
	margin:auto;
}
#tcThanks{
	font-size:30px;
	font-weight:bold;
	color:#cc3300;
	width:500px;
	padding:0;
	margin-bottom:5px;	
}
.tcThanksText{

}
	

/* === client config check result === */
#bannerSection{
	width:970px;
	height:55px;
	padding:0;
	margin:0;
}
#errorTitle {
	clear:both;
	float:none;
	margin:5px;
}
#clientConfigSection  {
	clear:both;
	float:none;
	margin:5px;
}
#clientConfigSection .fieldLabel  {
	float:left;
	margin:5px;
	text-align:right;
	width:30%;
}
#clientConfigSection .fieldSeperator  {
	color:red;
	float:left;
	padding-left:5px;
	padding-top:5px;
	text-align:center;
	width:10px;
}
#clientConfigSection .fieldResult  {
	float:left;
	margin:5px;
	width:61%;
}
#clientConfigSection .componentRow {
	float:left;
	vertical-align:middle;
	width:100%;
}
#clientConfigTerms{
	clear:both;
	float:none;
}

/* === forgot PW === */
#forgotpwSection{
	width:970px;
	height:55px;
	padding:0;
	margin:0;
}
#forgotpwContainer{
	background: #f2efe6 url('/mars_is/images/en/login/login_bg.gif');
	margin:0;
	padding: 27px;	
}
input.pwreset{
	width: 235px;
	margin: 5px 0;
}
.pwresetNotice{
	margin: 15px 0;
	color: #cc0000;
	font-weight:bold;
	font-size:1.2em;
}
#noticeIcon{
	float:left;
	margin-right: 10px;
}
#noticeMessage{
	float:left;
	width: 800px;
}
#noticeMessage p{
	margin-top:0;
}
#noticeMessage ul{
	margin-left:20px;
	padding:0;
}
#noticeMessage ul li{
	list-style-type:disc;
}

/* === Cannot login page === */
#cannotloginSection{
	width:970px;
	height:55px;
	padding:0;
	margin:0;
}
#cannotLoginMessageContainer{
	background: #f2efe6 url('/mars_is/images/en/login/login_bg.gif');
	margin:0;
	padding: 27px;	
}
#cannotLoginMessageContainer p a{color: #ff7011;};

#cannotLoginTitle{
	font-weight:bold;
	font-size: 1.15em;
	margin-bottom:10px;
}
#cannotLoginTitle h3{
	font-weight:bold;
}
ul#cannotLoginReasons{
	padding:0;
}
ul#cannotLoginReasons li{
	padding: 3px 0;
}

ul#cannotLoginReasons li input{
	padding:0;
	margin:0;
}

ul.functionList{
	margin-left:25px;
	margin-top:10px;
	padding:0;
}
ul.functionList li{
	list-style-type:disc;
	padding: 3px 0;
}
ul.functionList li a{
	color: #ff7011;
	font-weight:bold;
}

.stepButtons, #stepButtons{
	padding: 20px 0;
}

#relatedFAQ{
	background:#fff;
	border:1px solid #ccc;
}
#relatedFAQTitle{
	padding: 9px 17px;
	font-size:1.15em;
	font-weight:bold;
}
#relatedFAQTitle h3{
	font-weight:bold;
}
ul#relatedFAQList{
	width:100%;
}
.relatedFAQItem{
	border-top:1px solid #f2efe6;
	
}
.relatedFAQNum{
	float:left;
	font-weight:bold;
	padding: 9px 17px;
}
.relatedFAQQuestion{
	margin-left:25px;
	padding: 9px 17px;
}
.relatedFAQQuestion a{
	color: #ff7011;
	font-weight:bold;
	display:block;
}

/* === FOOTER STYLE === */

#footer{
	font-size:90%;
	width:100%;
	overflow:hidden;
	padding-top:30px;
	padding-bottom:20px;
}
#footerMainpage{
	font-size:90%;
	background: url(/mars_is/images/en/mygovhk/mygovcontent_footer.gif) no-repeat;
	width:100%;
	overflow:hidden;
	padding-top:60px;
	padding-bottom:20px;
}
#footer_left{
	color:#666;
	width:693px;
	float:left;
}
#footer_left UL {
	LIST-STYLE: none none outside; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 30px; PADDING-TOP: 0px
}
#footer_left UL LI {
	WIDTH: 150px; DISPLAY: inline-block
}
#footer_left div{ height:30px;}
#footer_left div span{
	width:150px;
}

#footer_left #w3cIcons{	margin-top:1em;}
#footer_left #w3cIcons LI {	WIDTH: 100px;}
#footer_left #w3cIcons span {width:100px;}

#footer_left .liItem{
	display:table-cell;
	vertical-align:middle;
}
#footer_right{	float:right;}
/* === END FOOTER STYLE === */


/* === js slide show === */
#slideshowbanner{
	height:167px;
	width:240px;
	background:#F7F7F7;
	margin:auto;
	margin-top:10px;
    position:relative;
	margin-bottom: 4px;
}
#slideshow3 {
	height:139px;
	width:240px;	
}

#slideshow3 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	height:139px;
	width:240px;
}

#slideshow3 IMG.active {
    z-index:10;
    opacity:1.0;
	 height:139px;
	width:240px;
}

#slideshow3 IMG.last-active {
    z-index:9;
	 height:139px;
	width:240px;
}
#slidetitle {
	background:#00ff00;
	margin:auto;
	margin-bottom:1px;
    position:relative;
	height:28px;
	width:240px;
	background: transparent url(/mars_is/images/en/govhk/slideshowbarbg.gif) repeat-x;
	
}
#slidebar3 {
	background:#F7F7F7;
	margin:auto;
    position:relative;
	height:28px;
	width:240px;	
}
.slidebar3l {
	background: transparent url(/mars_is/images/en/mygovhk/slideshowbarleft.gif) no-repeat;
	float: left;
	width: 20px;
	height:28px;
	cursor:pointer;
}
.slidebar3r {
	background: transparent url(/mars_is/images/en/mygovhk/slideshowbarright.gif) no-repeat;
	float: left;
	width: 20px;
	height:28px;
	cursor:pointer;
}
.slidebar3c {
	background: transparent url(/mars_is/images/en/mygovhk/slideshowbarbg.gif) repeat-y;
	float: left;
	width: 200px;
	height:28px;
	padding-left: 0px;
}
.slidebar3c .slideIndicator{
	background: transparent url(/mars_is/images/en/mygovhk/slideshowindb.gif) no-repeat;
	float: left;
	width: 10px;
	height:28px;
	cursor:pointer;
}
.slidebar3c .active{
	background: transparent url(/mars_is/images/en/mygovhk/slideshowinda.gif) no-repeat;
}


/* 20091130 */
a.myServiceItemHeaderTitle{
	height:39px;
	line-height:39px;
	font-weight:bold;
	cursor:pointer;
}
.myServiceItemHeaderTitle, .myServiceItemHeaderTitleFolder{
	height:39px;
	line-height:39px;
	margin-left:17px;
	font-weight:bold;
	float:left;
	cursor:pointer;
}
.myServiceItemHeaderTitle h2, .myServiceItemHeaderTitleFolder h2{
	font-size:100%;
}
#myServiceCAndTItem{
	background: transparent url(/mars_is/images/en/mygovhk/comm_tech.gif) no-repeat;
	background-position: center left;
}
.addButton{
		float:left;
		margin-top: 8px;
		width: 60px;
		cursor:pointer;
}
.serviceText{

		float:left;
		margin-top: 8px;		
		width: 490px;
}

.greenButton{
		margin-right:20px;
		margin-top: 8px;		
		float:right;
}
.onlineServicesButton{
	margin-top: 8px;
	margin-right:5px;
		float:right;
}
.fullwidth{
	width:100%;
}

.myServiceItemList{
	width:100%;
}
.myServiceItemList ul li{
	border-bottom: 1px solid #d7d2bb;
	padding: 3px 0;
	padding-right:10px;
	padding-top:0;
	background:white;
}
a.serviceNav{
	color:#000;
	width:652px;
	display:block;
	height:39px;
	line-height:39px;
	font-weight:bold;
	background: url(/mars_is/images/en/mygovhk/OpenMenu.gif) no-repeat;
	text-decoration:none;
}
a.serviceNav:active, a.serviceNav:focus, a.serviceNav:hover{text-decoration:none;color:#000;}
a.serviceNav img{
	float: left;
	display:block;
	margin:0 5px;
}
a.serviceNavActive{
	width:652px;
	color:#000;
	background: url(/mars_is/images/en/mygovhk/OpenedMenu.gif) no-repeat;
	text-decoration:none;
}
a.serviceNavActive:active, a.serviceNavActive:focus, a.serviceNavActive:hover{text-decoration:none;color:#000;}

.myServiceGroupsItem{
	margin-bottom:15px;
}

#someServices{
	width:652px;
	margin:auto;
	background:#fffff6 url(/mars_is/images/en/mygovhk/groupItemfooter.gif) bottom no-repeat;
	padding-bottom: 30px;
}
#someServices span{
	margin-bottom:3px;
	float:left;
}
#someServiceHeader{
	margin-left: 10px;
	margin-bottom:10px;
	display:inline; /* IE6 double margin bug */
	padding: 3px;
	display:block;
}
#SomeServiceAllList{
width: 100%;
}
.SomeServiceAllListBgContentItem{
	margin-left:10px;
	float: left;
	line-height: 20px;
	vertical-align: middle;

}
.SomeServiceAllListBgContentItem img{
float: left;;
display:block;
margin-top: 2px;

}

.SomeServiceAllListItem{
		width: 160px;
		margin-left:10px;
		float: left;
		display: block;
		line-height: 20px;
}
.SomeServiceAllListItem img{
		float: left;
		display: block;
}
.SomeServiceAllListItemLeft{
		width: 130px;
		margin-left:10px;
		float: left;
		display: block;
		line-height: 20px;
}
.SomeServiceAllListItemLeft img{
		float: left;
		display: block;
}
.SomeServiceAllListItemMiddle{
		width: 210px;
		margin-left:10px;
		float: left;
		display: block;
		line-height: 20px;
}
.SomeServiceAllListItemMiddle img{
		float: left;
		display: block;
}

#EasySignOn{
	width:652px;
	margin:auto;
	height: 20px;
	margin-top: 20px;
	margin-bottom: 20px;

}
#EasySignOn img{
	display: block;
	float: left;
}
#EasySignOn span{
	margin-left: 10px;
	line-height: 20px;
	display: block;
	float: left;
}
#someServiceHeaderSpace{
	height: 4px;
	font-size:0;
	line-height:0;
	background:#FFFFF6 url(/mars_is/images/en/mygovhk/groupItemWhiteHeader.gif) no-repeat scroll center bottom
}
.expand{
float: right;
display:block;


}
#Go{
background:#333333;
}

#myGovTopSubTabs{	
	height:32px;
	line-height:38px;	
	text-align:left;
	color: white;
	background-image:url(/mars_is/images/en/mygovhk/subMenuBg.gif);
}
#myGovTopSubTabs a{

	padding-left: 10px;
	color: white;
}
#myGovTopSubTabs a:visited{
	color: white;
}
#myGovTopSubTabs a:hover{
	color:#CCCCCC;
	text-decoration:none;
}
#myGovTopSubTabs a img{
	margin-top:10px;
}
#MenuPoniterLocation{	
	height:20px;
	width: 652px;

}
#MenuPointer{	
	background-image:url(/mars_is/images/en/mygovhk/menuCross.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width: 50px;
	height:20px;
	margin-left: 300px;
}
#MenuPointerFeq{	
	background-image:url(/mars_is/images/en/mygovhk/menuCross.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width: 50px;
	height:20px;
	margin-left: 40px;
}
#MenuPointerSetting{	
	background-image:url(/mars_is/images/en/mygovhk/menuCross.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width: 50px;
	height:20px;
	margin-left: 20px;
}
#myServiceActions{
	min-height:80px;
	height: auto !important;
	height:80px;
	padding-bottom:20px;
	width:652px;
	margin:auto;
	
}

.besideButtonText{
float:left;

}
.besideButtonText2{
	float:left;
	width: 100%;

}
#textfield{
	margin-left:10px;
	border: none;
	height:16px;
	margin-top: 0;
}
.besideButtonTextImg{
	float:left;
	margin-right:10px;
}
.besideButtonText2Sub a.orangeLink:hover{
	color:#ff6600;
}
.besideButtonText2Sub a.orangeLink{
	color:#ff6600;
	font-weight:bold;
}


.settingsField a.orangeColor{
	color:#FF6600;
}

#MyFreqLeftMenu{
float:left;
margin-top: 10px;
width: 150px;
height: 300px;

}
#MyFreqContent{
float:left;
margin-top: 10px;
width: 502px;
background-color: #fffff7;
}
#MyFreqOnlineServices{
	width: 100%;
	background-color:#fffff7;
	float:left;
	min-height:10px;
	height:auto !important;
	height:10px;
	padding:10px 0;	
}
#MyFreqDownloadableForms{
	width: 100%;
	background-color:#d8d2bc;
	float:left;
	min-height:10px;
	height:auto !important;
	height:10px;
	padding:10px 0;	
}
#MyFreqDownloadableForms span, #MyFreqOnlineServices span{
	margin-left: 5px;
	display:block;
}

.MyFreqMenuText{
font-weight:bold;

}
#MyFreqNotice span{
	display:block;
}
#MyFreqNoticeAns{
	font:bold;
	color: #ff6600;
}

#MyFreqNotice{
	width: 430px;

	border:1px solid #ddd;
	margin: 50px 20px 20px 20px;
	background-color: white;
	padding: 10px;
}
#MyFreqSelection{
	width: 450px;
	margin: 20px 20px 20px 20px;
}
.MyFreqBox{
	margin-right: 8px;
	float: left;
}
span.checkbox{ 
  width: 20px; 
  height: 25px; 
  padding: 0 5px 0 0; 
  background:url(/mars_is/images/en/mygovhk/checkbox.png) no-repeat;
  display: block; 
  clear: left; 
  float: left;
} 
.luText{
	display: block; 
	float: left;
	
}
#MyFreqStatusContainer{
	border-top:thin;
	border-top-style: solid;
	border-top-color:#eeeeee;
	width: 100%;
	margin: 20px 0px 20px 0px;

}
#MyFreqStatusContent{
	margin:20px;

}
.MyFreqStatusContentBox{
width: 500px;
display: block; 
float: left;
}
.MyFreqStatusContentBox img{
display: block; 
float: left;
}
.MyFreqStatusWording{
margin-left: 5px;
display:block;
float: left;
margin-top: 4px;
}
.mySettingItemHeaderButton{
	float:right;
	margin-top:10px;
	display:inline; /* IE6 double margin bug */
}
.mySettingItemHeaderLeftButton{
	float:left;
	width: 450px;
	margin-top:10px;
	display:inline; /* IE6 double margin bug */
}
.mySettingSelection{
	width: 100%;
	margin-top:10px;
	margin-bottom: 10px;
	float: left;
}

#mySettingSelectionGroup{
	width: 50%;
	float:left;
	

}
#mySettingSelectionGroupHeader{
	width: 321px;
	height: 36px;
	margin:0;
	padding:0;
	float: left;
	text-align:left;
background:url(/mars_is/images/en/mygovhk/SettingAddrssSelect.gif) no-repeat top left	
}
#mySettingSelectionGroupHeader h2, .mySettingSelectionContactHeader h2{
	line-height:40px;
	font-size:100%;

	
}
#mySettingSelectionContact{
	width: 48%;
	float:left;
}
.mySettingSelectionContactHeader{
	width: 321px;
	height: 36px;	
	float: left;
	background:url(/mars_is/images/en/mygovhk/SettingAddrssSelect.gif) no-repeat top left	

}
.mySettingSelectionGroupC{
	line-height: 25px;
	float:left;
	width: 321px;
	height: 150px;
	background:#FFFFFF;
	overflow: auto;
}
.mySettingSelectionGroupCBelong{	
	float:left;
	width: 98%;
	height: 150px;
	margin:10px;
	background:#FFFFFF;
	overflow: auto;
}
.mySettingSelectionGroupCBelong ul li span{
	padding-left: 5px;
}
.mySettingSelectionGroupCBelong ul{
	width: 90%;

}
.mySettingSelectionGroupCBelong ul li{
	width: 100%;
	height: 12px;
	border: 0;
}
#mySettingSelectionContactC
{
	width: 321px;
	line-height: 10px;
	float:left;

}
#mySettingSelectionGroupC select{
	width: 321px;
	height 200px;
	font-size: 120%
}
.DropDownListColor  {
background-color:#ffcc67;
color:black;
}
.contactDetail{
margin-top: 10px;
float: left;
}
.mySettingContainer{
	margin: 8px;
	width: 636px;
}
.mySettingContactBg{
	background-color:#f8f6ea;
	margin-top: 10px;
	
}
.MysettingContentH2{
padding-top:11px;
float: left;
}
.MysettingContentH22{
padding-top:6px;
}
#overlay {
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height: 5000px;
     text-align:center;
     z-index: 1000; 	
     background-color:#000000;
     filter:alpha(opacity=65);
     opacity: 0.65;
	  -moz-opacity: 0.65;
}
/*
#overlayContent{
  position: absolute;
  top:200px;
  width:500px;                                                                                                                                                            
  min-height: 200px;
  height:auto !important;
  height:200px;
  background:url("../images/en/mygovhk/msg_bg.gif") repeat-x scroll center bottom #FFFFFF;                                                                                
  z-index: 1200;
  border:1px solid #000000;
  padding:15px;
  left:50%;
  margin-left:-250px;
}*/
#overlayContent{
	background:url("/mars_is/images/en/mygovhk/msg_bg.gif") repeat-x scroll center bottom #FFFFFF;
	border:1px solid #000000;
	height:auto !important;
	left:50%;
	margin-left:-250px;
	min-height:200px;
	padding:15px;
	position:absolute;
	top:200px;
	width:500px;
	z-index:1200
}
#overlayTitle{
	margin-left:10px;
}
#overlayMessage {
	background:#E2DECE none repeat scroll 0 0;
	margin:auto;
	padding:30px;
	width:420px;
}
#overlayMessageIcon{
	float:left;
}
#overlayMessageContent {
	font-weight:bold;
	margin-left:60px;
	width:370px;
}
#overlayMessageContent p{
	margin-top:0;
}
#overlayButtons {
	margin:auto;
	text-align:center;
	width:180px;
}
#overlayButtonsConfirm {
	margin:auto;
	text-align:center;
	width:180px;
}
#overlayButtonsInfo {
	margin:auto;
	text-align:center;
	width:85px;
}
#overlayButtonsLeft{
	margin-left:auto;
	margin-right:auto;
	width:45%;
	text-align:right;
}
#overlayButtonsRight{
	margin-left:auto;
	margin-right:auto;
	width:45%;
	text-align:left;
}

#PopUpContent ul li{
	list-style-type:circle;
	margin-left: 20px;
}
#PopUpContent{
	background:#d8d2bc;
	height: 100px;
	width: 460px;
	margin-left: 20px;
	margin-top: 30px;
	padding: 5px;
}
.floatRight{
	float: right;
	margin-top: 10px;
	display:inline;
}

.mySettngListMargin{
float: left;
margin-top: 3px;
}
a.MySettingGrpItem, a.MySettingGrpItemSelected{
	display:block;
	outline: none;
	text-decoration:none;
	padding-left: 5px;
}
a.MySettingGrpItem:hover , 
a.MySettingGrpItem:active{
	display:block;
	outline: none;
	text-decoration:none;
	background-color:#dddddd;
}
a.MySettingGrpItemSelected{
	display:block;
	outline: none;
	text-decoration:none;
	background-color:#ffcc66;
}
a.MySettingGrpItemSelected:hover,
a.MySettingGrpItemSelected:focus{
	text-decoration:none;
}

.MySettingGrpList li {

font-weight:bold;
padding:0;
}
.MySettingGrpItemSpecaial{
	border-bottom: 1px solid #d7d2bb;
}
a.serviceNav{
	color:#000;
}
a.serviceNav:hover{
	text-decoration:none;
	color:#000;
}
a.serviceNav:focus{
	text-decoration:none;
	color:#000;
}
.myServiceItemList ul li a{
	display:block;	
}
.NoKey{

	height: 30px;
	width: 30px;
	float: left;
	display:block;	
}
.HaveKey{
	height: 20px;
	width: 30px;
	float: left;
	display:block;
	background:url(/mars_is/images/en/mygovhk/easy_sign_on.gif) no-repeat center top;
	margin-top: 7px;
}

#modalBackground
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

	z-index: 9;
	background-color:#333333;
	display: none;
	opacity: 0.40;
	filter: alpha(opacity=40)
}
#modalWindow
{
    position: fixed;
    left: 0;
    top: 0;

	z-index: 10;
	background-color: white;
	display: none;
	width: 20em;
	height: 10em;
	border: 1px solid blue;
}
#modalBackground, #modalIframe
{    
	position: absolute;
    left: expression(ignoreMe = document.documentElement.scrollLeft + "px");
    top: expression(ignoreMe = document.documentElement.scrollTop + "px");
    width: expression(document.documentElement.clientWidth + "px");
    height: expression(document.documentElement.clientHeight + "px");
}

#modalIframe
{
	filter: alpha(opacity=0);
	z-index: 8;
}

#modalWindow
{
	position: absolute;
    left: expression(ignoreMe = document.documentElement.scrollLeft + "px");
    top: expression(ignoreMe = document.documentElement.scrollTop + "px");
}
.boldText{
	font-weight: bold;
}

.SearchSubmitBtn{
	background:transparent url('/mars_is/images/en/mygovhk/search.gif') no-repeat scroll center top;
	border:0 solid #FFFFFF;
	margin-right: 4px;
	cursor:pointer;
	font-weight:bold;
	font-size:13px;
	float:left;
	height:21px;
	width: 22px;
	font-family:inherit;
}
.SearchField {
	background:transparent url('/mars_is/images/en/mygovhk/SearchField.gif') no-repeat scroll 0 0;
	border:0;
	padding: 2px;
	float:left;
	height:21px;
	margin: 0 0 0 10px;
	font-family:inherit;
	font-size:13px;
}
.SpecialDateButtons{
	padding: 5px;
}
#GroupTextInput{
	width: 200px;
}
#GroupDescTextInput{
	width: 200px;
	font-family:inherit;
}
.OneHundredWidth{
	width: 100%;
}
.settingsFieldDescAddGroupCopy{
	margin-left:15px;
	margin-top: 10px;
	display:inline;
	font-weight:bold;
	float: left;
}

#myCalBack{
	padding-top: 25px;
	float: left; 
	padding-left: 20px;
}
#myCalPrint{
	padding-top: 22px;
	float: left; 
	margin-left: 24px;
}
#myCalPrint a {
	color: #d88422;
	padding-left:5px;
	font-weight:bold;
}
#myCalBack a{
	color: #d88422;
	padding-left:5px;
	font-weight:bold;
}

.myCalRed , .myCalRedItem{
	color: #ff0000;	
}

.myCalRed, .myCalNormal{
	width:100%;
	overflow:hidden;
}

.myCalText{
	float: left;
	font-weight: bold;
}

.myCalChinese{ 
	font-size: 0.7em; 
	margin-left: 0px;
	margin-top: 3px;
	padding-top: 1px;
	display:inline;
	float:left;
}


myCalSchIconColumn{
	width:100px;
}
.myCalIconRow{
}
.myCalSchIconContainerLeft{
	padding-right: 5px;
}
.myCalSchIconContainer{
	float:left;
}
.myCalIconRight{
	float:right;
	padding-top: 5px;
}
.myCalSchIcon{
	float: left;
	padding-top: 5px;
	padding-right: 1px;
}
.myCalSchIconBoxArea{
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	height: 28px;
}

.myCalSchIconDate{
	float: left;
	padding-top: 5px;
	padding-right: 30px; 
}

.myCalSchBigIcon{
	display:inline;
}

.myCalSchIconText{
	padding-top: 5px;
	float:left;
}

.myCalSchBigIconText{
	padding-top: 10px;
}

.myCalDate{
	padding: 7px; 
	background-color: #fffff7;
	cursor: pointer;
	height: 88px;
}

.myCalDateSelected{
	padding: 7px; 
	cursor: pointer;	
	background:  #fffff7 url(/mars_is/images/en/mycal/myCalBack_selected.gif) repeat-x;
	height: 88px;
}	 
.myCalDateOver{
	padding: 7px; 
	cursor: pointer;
	background: #eae8d9 url(/mars_is/images/en/mycal/myCalBack_o.png);
	height: 88px;
}	 
.myCalDateEmpty{
	padding: 7px; 
	background-color: #fffff7;
	height: 88px;
}
.myCalHead{
	font-weight: bold;
	width: 93px;
	background: transparent url(/mars_is/images/en/mycal/myCalHeadBack.png);
}	 
.myCalHeadL{
	width: 94px;
	font-weight: bold;
	background: transparent url(/mars_is/images/en/mycal/myCalHeadBackL.png) no-repeat;
	height: 40px;
}	
.myCalHeadR{
	width: 93px;
	font-weight: bold;
	background: transparent url(/mars_is/images/en/mycal/myCalHeadBackR.png) no-repeat;
	height: 40px;
}
#myCalTopFuncLeft {
	padding-top: 15px;
	float: left;
}
#myCalTopFuncLeft a.myCalSchBy{
	color: #ff6600;
	font-weight: bold;
}
#myCalTopFuncLeft a.myCalSchByCurrent{
	color: #000;
	font-weight: bold;
}

#myCalTopFuncRight {
	float: right;	
	padding-top: 15px;
}
.myCalNav{
	overflow: hidden;	
	margin-top: 18px; 
	margin-bottom: 18px;
}
.myCalNav .myCalCol1{
	float: left; 
	width: 250px; 
	text-align: right;
}
.myCalNav .myCalCol2{
	float: left; 
	width: 170px; 
	text-align: center;
	font-weight: bold;
}
.myCalNav .myCalCol3{
	float: left; 
	width: 230px;
}

#myCalTabBg{
	width:671px;
	background: #9b2f2a url(/mars_is/images/en/mysettings/mysettings_nav_bg.gif) repeat-x;
	padding-left:22px;
	height: 48px;
}


.myCalIconDescList{
	margin-left: 20px;
	margin-right: 20px;
}
.myCalIconDescRow{
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d7d2bb;
}
.myCalIconDescLastRow{
	margin-top: 10px;
	padding-bottom: 10px;
}
.myCalIconDescList ul li.head{
	border-bottom: 1px solid #d7d2bb;
	padding-top:8px;
	padding-bottom:8px;
	background-color: #2d6671;
}
.myCalIconDescList .myIncomplete{
	padding-left: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.myCalWeekItemContent{
	background:#fffff6;
}
ul#myCalWeekList li{
	border-bottom: 1px solid #d7d2bb;
	background: #fff url(/mars_is/images/en/mycal/mycalweekBg.gif) 188px repeat-y;	
}
ul#myCalWeekList li.normal{
	border-bottom: 1px solid #d7d2bb;
	background: #f1f2f2 url(/mars_is/images/en/mycal/mycalweekBg.gif) 188px repeat-y;	
}
ul#myCalWeekList li.current{
	border-bottom: 1px solid #d7d2bb;
	background: #fff url(/mars_is/images/en/mycal/weekCurrent.gif) no-repeat;	
}

ul#myCalDayList li{
	border-bottom: 1px solid #d7d2bb;
	padding:10px 20px;
}
ul#myCalDayList li.normal{
	background: #f1f2f2;
}
.myCalEventDayDesc{
	margin-left:10px;
	float:left;
	width:580px;
}
.myCalWeekRow{
	
}
.myCalWeekDay{
	float:left;
	padding:10px;
	width:170px;
}
.myCalWeekDesc{
	float:left;
	padding:10px 15px;
	width:430px;
}
.myCalEventItem{
	border-bottom: 1px solid #d7d2bb;
	padding:5px 0;
}
.myCalEventItemLast{
	border:0;
	padding:5px 0;
}
.myCalEventItemIcon{float:left;}
.myCalEventItemDesc{
	float:right;
	width:400px;
}
.myCalEventItemDesc a.link, .myCalEventDayDesc a.link{
	font-weight:bold;
	color:#ff6600;
}

.normalWeekDay, .normalDate, .normalLunarDate{
	color:#000;
}
.redWeekDay, .redDate, .redLunarDate{
	color:#cc0000;
}

.redDate, .normalDate{
	font-weight:bold;
	font-size:1.5em;
}

/* === Todo list === */

.toDoListHeading{
	background: #2d6671;
	color:#fff;
	font-weight:bold;
}

.toDoListItem1, .toDoListItem1over {
	float: left;
	width: 120px;
	padding-left: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight:bold;
}
.toDoListItem2, .toDoListItem2over {
	float: left;
	width: 260px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.toDoListItem3, .toDoListItem3over {
	float: left;
	width: 130px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	font-weight:bold;
}
.toDoListItem3 a.current{	
	color:#ff6600;
}
.toDoListItem4, .toDoListItem4over {
	padding-left: 10px;
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
}

.toDoListItem1over, .toDoListItem3over, .toDoListItem4over{
	color:#aaa;
}

div.toDoListItem2over a.link{
	color:#aaa;
}

.toDoListItemList{
	float:left;
	width:100%;
}
.toDoListItemList ul li{
	border-bottom: 1px solid #d7d2bb;
}

.toDoListItemList ul li.last{
	border-bottom: 0;
}

.toDoListItemList ul li.myIncompleteLast{
	border-bottom: 0;
	
	background:#fffff6 url(/mars_is/images/en/mygovhk/groupItemfooter.gif) bottom no-repeat;
}

.toDoListItemList ul li.head{
	border-bottom: 1px solid #d7d2bb;
	padding-top:8px;
	padding-bottom:8px;
	background-color: #2d6671;
}
.toDoListItemList .myIncomplete{
	padding-left: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.toDoListItemList .myIncomplete a{
	color: #333;
	font-weight:bold;
}
.myIncompleteNote{
	color: #666666;
}

.toDoListGroupsItemHeaderTitle{
	height:39px;
	line-height:39px;
	margin-left:7px;
	font-weight:bold;
	float:left;
}

.toDoListGroupsItemHeaderTitle .toDoListicon{
	padding-right: 15px;
	padding-left: 6px;
	vertical-align: top;
	padding-top: 5px;
	float: left;
}

/* to-do-list popup calendar */
table#todocalHeading thead td{
	text-align:center;
	width:30px;
	height:20px;
	font-weight:bold;
	border:1px solid #f5f1e6;
}
table#todocalHeading tbody td a{
	text-align:center;
	display:block;
	border:1px solid #f5f1e6;
	outline:none;
	text-decoration:none;
}

table#todocalHeading tbody td a.dim{
	color:#aaa;
}


.todolist_cal_closebtn{
	color: #d3803a;
	text-align: center;
	padding-top: 10px;
	background:#F5F1E6;
	width:60px;
	margin:auto;
}
.todolist_cal_closebtnMulti{
	color: #d3803a;
	text-align: center;
	padding-top: 10px;
	background:#F5F1E6;
	width:120px;
	margin:auto;
}
#todolist_cal_closebtn a{
	text-decoration:none;
}

table#todocalHeading tbody td a:hover, table#todocalHeading tbody td a:active, table#todocalHeading tbody td a:focus{
	border:1px solid #2d6671;
}
table#todocalHeading tbody td a.startdate:hover, table#todocalHeading tbody td a.startdate:active, table#todocalHeading tbody td a.startdate:focus{
	border: 2px solid #518291;
}
table#todocalHeading tbody td a.enddate:hover, table#todocalHeading tbody td a.enddate:active, table#todocalHeading tbody td a.enddate:focus{
	border: 2px solid #dd645c;
}

table#todocalHeading tbody td a.dim:hover, table#todocalHeading tbody td a.dim:active, table#todocalHeading tbody td a.dim:focus{
	border: 0px;
}


table#todocalHeading tbody td a.marked{
	/*background: #d6631c url(/mars_is/images/en/sidebar/calmark.gif) top right no-repeat ;*/
	background-color: #d5631c;
	color:#fff;
	font-weight:bold;
}

table#todocalHeading tbody td a.startdate{
	border: 2px solid #518291;
}

table#todocalHeading tbody td a.enddate{
	border: 2px solid #dd645c;
}

.todolist_cal_nav_left{
	background: url(/mars_is/images/en/sidebar/navarrow_left.gif) no-repeat center center;
	width:20px;
	height:22px;;
	float:left;
	cursor:pointer;
}
.todolist_cal_month{
	float:left;
	width:200px;
	height:10px;
	line-height:22px;;
}
.todolist_cal_nav_right{
	float:right;
	background: url(/mars_is/images/en/sidebar/navarrow_right.gif) no-repeat center center ;
	width:20px;
	height:22px;;
	cursor:pointer;
}
.todolistcalNav{
	background-color: #636363;
	color:#fff;
	text-align:center;
	height:22px;;	
}
.todolist_table_grid{
 padding: 10px 10px 10px 10px; 
 background-color: #f5f1e6;
}

.todolist_cal_head{
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ffffff;
	width:220px;
	min-height:20px;
	height:auto !important;
	height:20px;
	font-weight:bold;
	background-color: #2d6671;
}
#todolist_setreminder_div, #todolist_setreminder_div_reset{
	width: 240px; 
	position: absolute; 
	left: 430px;
	display: none;
	background-color: #f5f1e6;
	padding-bottom:10px;
}

table#todocalHeadingReset thead td{
	text-align:center;
	width:30px;
	height:20px;
	font-weight:bold;
	border:1px solid #f5f1e6;
}
table#todocalHeadingReset tbody td a{
	text-align:center;
	display:block;
	border:1px solid #f5f1e6;
	outline:none;
	text-decoration:none;
}

table#todocalHeadingReset tbody td a.dim{
	color:#aaa;
}

table#todocalHeadingReset tbody td a:hover, table#todocalHeadingReset tbody td a:active, table#todocalHeadingReset tbody td a:focus{
	border:1px solid #2d6671;
}

table#todocalHeadingReset tbody td a.marked{
	/*background: #d6631c url(/mars_is/images/en/sidebar/calmark.gif) top right no-repeat ;*/
	background-color: #d5631c;
	color:#fff;
	font-weight:bold;
}

table#todocalHeadingReset tbody td a.startdate{
	border: 2px solid #518291;
}
table#todocalHeadingReset tbody td a.startdate:hover, table#todocalHeadingReset tbody td a.startdate:active, table#todocalHeadingReset tbody td a.startdate:focus{
	border: 2px solid #518291;
}

table#todocalHeadingReset tbody td a.enddate{
	border: 2px solid #dd645c;
}
table#todocalHeadingReset tbody td a.enddate:hover, table#todocalHeadingReset tbody td a.enddate:active, table#todocalHeadingReset tbody td a.enddate:focus{
	border: 2px solid #dd645c;
}
table#todocalHeadingReset tbody td a.dim:hover, table#todocalHeadingReset tbody td a.dim:active, table#todocalHeadingReset tbody td a.dim:focus{
	border: 0;
}


.myCalGroupsItemHeader{
	margin-top:10px;
	width:652px;
	height: 4px;
	background: url(/mars_is/images/en/mygovhk/groupItemheader.gif) no-repeat;
}

a.myCalBackToTop{
	background: url('/mars_is/images/en/myCal/myCalPrintIcon.gif') no-repeat left center;
	padding-left:17px;
	font-weight:bold;
	color: #d88422;
}
.myCalAppointmentIconDesc {
	width: 150px;
}


/* to-do-list popup calendar */

/* End  */

.MyFreqSelectionListItem{
	padding: 3px 0;
	padding-right: 20px;
}

.MyFreqSelectionListItemConnected{
	padding: 3px 0;
	background: url(/mars_is/images/en/mygovhk/connected.gif) no-repeat 355px 2px;
}
.MyFreqSelectionListItemConnecting{
	padding: 3px 0;
	background: url(/mars_is/images/en/mygovhk/connecting.gif) no-repeat 355px 2px;
}

.MyFreqSelectionListItemNotConnected{
	padding: 3px 0;
	background: url(/mars_is/images/en/mygovhk/not_connected.gif) no-repeat 355px 2px;
}
.MyFreqButton{
	float:right;
	margin-top:1px;
	text-align:right;
	display:inline; /*IE6*/
}
.MyFreqButton a.delink{
	width:52px;
}

.MyFreqButton a.delink span{
	text-align:center;
}

.MyFreqSelectionListItem input, .MyFreqSelectionListItemConnected input{	
	display:block;
	float: left;
}
.MyFreqSelectionList a.link{
	float:left;
	width:310px;
}
.myServiceActionsLine{
padding-top: 10px;
vertical-align: middle;
}
.myServiceActionsLineLast{
	margin-top: 4px;
	vertical-align: middle;
}
.besideButtonText2Sub {
	float: left;
}
.myServiceItemList ul li.lastOnlineServiceItem{
	border-bottom:none;
	background: #fff url(/mars_is/images/en/mygovhk/groupItemfooter.gif) bottom no-repeat;
}
.Onlinepaddingtop {
	margin-top: 5px;
}
.width80{
	width:80%
}

/* === My RSS === */

.rssSectionHeader{
	height:29px;
	line-height:29px;
	font-weight:bold;	
	background:#ebe8d8 url(/mars_is/images/en/mygovhk/rssSecOn.gif) center right no-repeat;
	cursor:pointer;
	border-bottom:1px solid #d7d2bb;
}
.rssSectionHeaderOff{
	height:29px;
	line-height:29px;
	font-weight:bold;	
	background:#ebe8d8 url(/mars_is/images/en/mygovhk/rssSecOff.gif) center right no-repeat;
	cursor:pointer;
	border-bottom:1px solid #d7d2bb;
}

.myRSSItemContent{
}
.rssSectionHeaderCopy{
	margin-left:10px;
}

.rssItemList{
	width:100%;
}

.rssItemList ul li{
	padding:10px;
	background:#fffff6;
	border-bottom:1px solid #d7d2bb;
}
.rssItemList ul li.last{
	border-bottom:0;
}

.rssItemList ul li a.link{
	color:#333;
	font-weight:bold;
}
.rssIntro{
	padding: 10px;
}

.rssIntro a.orange{
	color:#ff6600;	
	font-weight:bold;
}

#rssHeaderButtons{
	text-align:right;
	display:block;
	clear:both;
	height:20px;
	margin-bottom:10px;
}
#rssHeaderButtons a{
	float:right;
}
.rssIntroItem{
	margin-bottom:10px;
}
a.rssDescMore{
	color:#aaa;
	cursor:pointer;
}
.rssDescContainer{
	color:#666;
	padding-bottom:0px;
}
.manageRssItemList{
	width:100%;
}

.manageRssItemList ul li{
	padding:10px;
	background:#fffff6;
	border-bottom:1px solid #d7d2bb;
}
.manageRssItemList ul li.last{
	border-bottom:0;
}

.manageRssItemList ul li a.more{
	color:#ff6600;
	font-weight:bold;
	padding-left:5px;
}
.manageRssItemList ul li div.mesgCheckBox{}
.manageRssItemList ul li div.linkText{
	margin-left:10px;
	float:left;
	width:600px;
	
}
.manageRssItemHeaderButton{
	float:right;
	margin-top:10px;
	margin-right:10px;
	display:inline; /* IE6 double margin bug */
}
/* === myBookmarks === */
#myBookmarksHeaderButtons{
	text-align:right;
	display:block;
	clear:both;
	height:20px;
	margin-bottom:10px;
}
#myBookmarksHeaderButtonsLeft{
	float:left;
}
#myBookmarksHeaderButtonsRight{
	float:right;
}

.myBookmarksItemList{
	width:100%;
	background: #fffff6 url(/mars_is/images/en/mygovhk/groupItemfooter.gif) no-repeat bottom;
	padding-bottom:5px;
}

.myBookmarksItemList .mesgCheckBox{
	margin-right:10px;
	height:30px;
	float:left;
}

.myBookmarksItemList .linkText{
	float:left;
	width:600px;
	font-weight:bold;
}

.myBookmarksItemList .linkSmall{
	font-size:12px;
	color:#666;
	font-weight:normal;
}
.myBookmarksItemList ul li{
	padding:10px;
	background:#fffff6;
	border-bottom:1px solid #d7d2bb;
}
.myBookmarksItemList ul li.last{
	border-bottom:0;
}

.myBookmarksItemList ul li a.more{
	color:#ff6600;
	font-weight:bold;
	padding-left:5px;
}

/* === View Message == */

#messageOverlayContent{
	position: absolute;
	top:100px;
     width:940px;
	 min-height: 550px;
	 height:auto !important;
	 height:550px;
	 
	background:#e5e2d2 url(/mars_is/images/en/mygovhk/messageBg.gif) repeat-x;
     z-index: 1200;	 
     border:1px solid #000000;
     padding:15px;
     left:50%;
	 margin-left:-485px;

}
#messageOverlayTop{
	border-bottom:1px solid #aaa;
	padding-bottom:10px;
	margin-bottom:10px;
}

#messageOverlayTop #left{
	float:left;
}

#messageOverlayTop #right{
	width:400px;
	float:right;
}

#messageOverlayTop #right #messageButton{
	float:right;
	clear:both;
	margin:0;
}
#messageOverlayTop #right #messageButton a{
	margin:0;
}

#messageOverlayTop #right #messageActions{
	margin-top:20px;
	float:right;
	clear:both;
	display:block;
	height:10px;
	line-height:10px;
}
#messageOverlayTop #right #messageActions img{
	vertical-align:middle;
}
#messageOverlayTop #right #messageActions a{
	color: #d88422;
	padding-left:5px;
	font-weight:bold;
	height:10px;
	line-height:10px;
}
#messageOverlayTop #right #messageActions img.rightLinkImg{
	margin-left:20px;
}

.messageDetails{font-weight:bold; margin:3px 0;}
.messageDetails .title{float:left; width:70px;font-weight:bold;}
.messageDetails .msgTitleSep{float:left;}
.messageDetails .content{float:left;margin-left:10px;}
#messageContent{
	margin-top:10px;
	overflow:auto;
	background:#e2dece;
	height:325px;
	padding:20px;
}

/*
#altIndexHeader {
	WIDTH: 693px; BACKGROUND: url(/mars_is/images/en/mygovhk/alt_header.jpg) no-repeat; HEIGHT: 115px
}
*/
#altIndexHeader {
    background:#C9811D url(/mars_is/images/en/mygovhk/alt_header_upper.jpg) no-repeat scroll 0 0;
    min-height:110px;
    height:auto !important;
    height:110px;
    width:693px;
}
#altIndexHeader_lower {
    background:#C9811D url(/mars_is/images/en/mygovhk/alt_header_lower.gif) no-repeat scroll center bottom;
    height:10px;
    width:693px;
}

#altIndexHeaderText {
	MARGIN: 0px 0px 0px 20px; COLOR: #ffffff; PADDING-TOP: 20px
}
#altIndexName {
	FONT-SIZE: 1.7em; FONT-WEIGHT: bold;
	
}
#altIndexGreet {
	
}
#altIndexTime {
	MARGIN-TOP: 10px
}
#noticeBoard {
	BORDER-BOTTOM: #eee 1px solid; BORDER-LEFT: #eee 1px solid; MARGIN: 15px auto; WIDTH: 653px; BACKGROUND: #fff; OVERFLOW: hidden; BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid
}
#noticeBoardIcon {
	LINE-HEIGHT: 34px; MARGIN: 10px; PADDING-LEFT: 0px; DISPLAY: inline; FLOAT: left; HEIGHT: 34px
}
#noticeBoardTitle {
	LINE-HEIGHT: 34px; MARGIN-TOP: 10px; FLOAT: left; HEIGHT: 34px; COLOR: #870011; FONT-WEIGHT: bold
}
#noticeList {
	OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 600px; DISPLAY: inline; FLOAT: right; HEIGHT: 105px; MARGIN-LEFT: 50px
}
.noticeboardItem {
	MARGIN: 10px 0px; WIDTH: 100%; OVERFLOW: hidden
}
.noticeBoardItemTime {
	WIDTH: 200px; DISPLAY: block; FLOAT: left
}
.noticeBoardItemDetail {
	WIDTH: 360px; DISPLAY: block; FLOAT: left; MARGIN-LEFT: 10px; FONT-WEIGHT: bold
}
#altIndexDashboardTitle {
	MARGIN-TOP: 30px; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 20px
}
#altIndexServicesContainer {
	MARGIN: 0px auto 20px; WIDTH: 653px
}
.altIndexServicesRow {
	WIDTH: 100%; OVERFLOW: hidden; BORDER-TOP: #d7d2bb 1px solid
}
.altIndexServicesRowLeft {
	WIDTH: 48%; DISPLAY: block; FLOAT: left; HEIGHT: 90px; OVERFLOW: hidden
}
.altIndexServicesRowRight {
	WIDTH: 48%; DISPLAY: inline; FLOAT: left; HEIGHT: 90px; OVERFLOW: hidden
}
.altIndexServicesIcon {
	MARGIN-TOP: 15px; 
	DISPLAY: block; 
	FLOAT: left; 
	MARGIN-LEFT: 15px; 
	MARGIN-RIGHT: 15px;
}
.altIndexServicesName {
	LINE-HEIGHT: 90px; WIDTH: 56%; DISPLAY: block; FLOAT: left
}
.altIndexServicesName A {
	FONT-WEIGHT: bold
}
#altIndexServicesContainer .myMessageGroupsItem {
	MARGIN-TOP: 30px
}
.myESOList {
	WIDTH: 100%; FLOAT: left
}
.myESOList UL LI {
	BORDER-BOTTOM: #d7d2bb 1px solid; LINE-HEIGHT: 30px; PADDING-LEFT: 50px; BACKGROUND: url(/mars_is/images/en/mygovhk/morearrow.gif) no-repeat 30px center
}
.myESOList UL LI A {
	
}
.myESOList UL LI.last {
	BORDER-BOTTOM: 0px
}
#altOtherServices A {
	PADDING-RIGHT: 10px; BACKGROUND: url(/mars_is/images/en/mygovhk/altOtherServiceArrow.jpg) no-repeat right center; COLOR: #ff6600; FONT-WEIGHT: bold
}
/*
#altOtherServices2 A {
	PADDING-LEFT: 20px; BACKGROUND: url(/mars_is/images/en/mygovhk/morearrow.gif) no-repeat left center; COLOR: #333; FONT-WEIGHT: bold
}*/
#altIwt {
	BACKGROUND: url(../images/sidebar/sidebar_bottom.gif) #f5f2e4 no-repeat center bottom
}
#altIwt UL LI {
	BORDER-BOTTOM: #aaaaaa 1px solid; PADDING-BOTTOM: 10px; MARGIN: 0px 10px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 10px
}
#altIwt UL LI.last {
	BORDER-BOTTOM: 0px
}
#altIwt UL LI A {
	PADDING-RIGHT: 20px; DISPLAY: block; BACKGROUND: url(/mars_is/images/en/mygovhk/morearrow.gif) no-repeat right top; FONT-WEIGHT: bold
}
/*=== HA Online services === */
#myMessageGroupsMargin{
	width:916px;
	margin:auto;
}
.dimmed {
	font-weight:bold;
	color:#aaa;
}
#inaccessiblePanel {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #EEEEEE;
	margin:15px auto;
	overflow:hidden;
	width:653px;
}
#HA_serviceHeader, a.serviceHeader{
	color:#000;
	width:916px;
	display:block;
	height:39px;
	line-height:39px;
	font-weight:bold;
	background: url(/mars_is/images/en/mygovhk/groupsItemHeader916.jpg) no-repeat;
	text-decoration:none;
}
.myEServicesItemIcon{
	float:left;
	display:inline;
	margin-top:2px;
	margin-right:5px;
}
.HA_onlineServicesButton{
	overflow:hidden;
	margin-top: 8px;
	margin-right:5px;
	float:right;
}
.moreInfo{
  margin-left:10px;
  clear:both;
  color:#990000 !important;
  outline:0 none;
}
#altOtherServices2 a{
	color:#333;
	font-weight:bold;
	padding-left:18px;
	background: transparent url(/mars_is/images/en/mygovhk/morearrow.gif) no-repeat scroll left center ;
	margin-left:10px;
}
#someServicesMargin{
	width:916px;	
	background:#fffff6 url(/mars_is/images/en/mygovhk/groupItemfooter.gif) bottom no-repeat;
	padding-bottom: 30px;
}
#someServiceHeaderSpace{
	height: 4px;
	font-size:0;
	line-height:0;
	background:#FFFFF6 url(/mars_is/images/en/mygovhk/groupItemWhiteHeader.gif) no-repeat scroll center bottom
}

.SomeServiceAllListItemSmall {
		width: 80px;
		margin-left:10px;
		float: left;
		display: block;
		line-height: 20px;
}
.SomeServiceAllListItemSmall img{
		float: left;
		display: block;
}

.SomeServiceAllListItemMiddleLarge{
		width: 225px;
		margin-left:10px;
		float: left;
		display: block;
		line-height: 20px;
}
.SomeServiceAllListItemMiddleLarge img{
		float: left;
		display: block;
}
.HA_SomeServiceAllListItem{
		margin-left:5px;
		float: left;
		display: block;
		line-height: 20px;
}
.HA_SomeServiceAllListItem img{
		float: left;
		display: block;
}
.HA_SomeServiceAllListBgContentItem{
	margin-left:10px;
	float: left;
	line-height: 20px;
	vertical-align: middle;

}
.HA_SomeServiceAllListBgContentItem img{
float: left;;
display:block;
margin-top: 2px;

}
.HA_serviceText {
	float:left;
	margin-left:10px;
	margin-top:8px;
	/*width:450px;*/
}
.HA_img{
	display:block;float:left;
}
#EasySignOnMargin{
	width:916px;
	margin:0;
	height: 20px;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height:20px;
}
.overlayContent{
	background:url("/mars_is/images/en/mygovhk/msg_bg.gif") repeat-x scroll center bottom #FFFFFF;
	border:1px solid #000000;
	height:auto !important;
	left:50%;
	margin-left:-250px;
	min-height:200px;
	padding:15px;
	position:absolute;
	top:200px;
	width:500px;
	z-index:1200
}
.overlayTitle{
	margin-left:10px;
}
.overlayMessage {
	background:#E2DECE none repeat scroll 0 0;
	margin:auto;
	padding:30px;
	width:420px;
	_width:440px;
}
.overlayMessageIcon{
	float:left;
}
.overlayButtons {
	margin:auto;
	text-align:center;
	width:180px;
}
.overlayButtonsConfirm {
	margin:auto;
	text-align:center;
	width:180px;
}
.overlayButtonsInfo {
	margin:auto;
	text-align:center;
	width:85px;
}

/* === HINT ICON STYLE === */
.hintSummaryIcon {
	vertical-align: middle;
}
.hintSummaryContainer {
	border: none;	
	width: 250px;
	z-index: 2000;
}
.hintSummaryArrow {
	float: left;
}
.hintSummaryArrowUpward {
	float: right;	
}
.hintSummaryContent {
	color:#000000;
	background:#f99b1f;
	max-width:500px;
	min-height:10px;
	height:auto !important;
	height:10px;
	padding: 8px;
	position:absolute;
	display: inline;
}
.hintSummaryContentBottom {
	color:#000000;
	background:#f99b1f;
	max-width:500px;
	min-height:10px;
	height:auto !important;
	height:10px;
	padding: 8px;
	display: block;
	float: left;
}
/* === END HINT ICON STYLE === */