@import url(custom_common.css);



@import url(color_schemes/green.css);



@import url(color_schemes/orange.css);



/* ---------- Base styles ---------- */



body {

	background: #EEF0F2;

}



a {

	color: #5B677D;

	text-decoration: underline;

}



a:hover {

	color: #06C;

	text-decoration: none;

}



hr, .separator {

	border-color: #BFBFBF transparent #FFF;

	border-style: solid;

	border-width: 1px 0;

}



#wrapper {

	background: none;

	margin: 0 auto;

	max-width: 90%;

	min-width: 960px;

	position: relative;

}



.ie6 #wrapper {

	width: 90%;

}



#banner {

	background: none;

	height: auto;

}



#banner .company-title {

	float: none;

	position: static;

	margin: 0px;

}



body #banner .logo a {

	float: left;

}



.current-community {

	display: none;

}



.logo .current-community {

	background: #A6AFBE url(../images/dock/my_places_public.png) no-repeat 15px 50%;

	color: #FFF;

	display: block;

	float: right;

	font-size: 0.8em;

	font-weight: bold;

	margin: 15px 0 0 20px;

	padding: 7px 17px 7px 40px;

	text-shadow: 1px 1px rgba(0, 0, 0, 0.5);

}



#skip-to-content:focus {

	clip: auto;

	right: 0;

	z-index: 200;

}



#sign-in {

	background: url(../images/common/key.png) no-repeat 3px 50%;

	font-weight: bold;

	padding: 5px 5px 5px 25px;

	position: absolute;

	right: 0;

	top: 1.4em;

}



.guest-community .logo .current-community {

	display: none;

}



.private-page .logo .current-community {

	background-image: url(../images/dock/my_places_private.png);

}



.ie6 #banner {

	height: 1%;

}



.ie6 #banner h1.logo {

	height: 1%;

}



/* ---------- Main navigation ---------- */



#navBar{

	background: url(../images/navigation/bg_bule.jpg) repeat-x 0 0;

	clear: both;

	margin-top: 0px !important;
	
	margin-bottom: -14px !important;

	min-height: 33px;

	padding: 7px 5px 0 5px;

	position: relative;

	z-index: 200;

}



#navigation{

	background: url(../images/navigation/bg_bule.jpg) repeat-x 0 0;

	clear: both;

	margin: 0 auto 10px;

	min-height: 33px;

	padding: 7px 5px 0 5px;

	position: relative;

	z-index: 200;

}



#navigation ul {

	list-style: none;

	margin: 0;

	padding: 3px;

}



.ie7 #navigation ul {

	padding: 2px;

}



#navigation li, #navigation a {

	display: inline-block;

}



.ie6 #navigation li, .ie7 #navigation li, .ie6 #navigation a, .ie7 #navigation a {

	display: inline;

	zoom: 1;

	z-index: 200;

}



#navigation li {
	position: relative;
	vertical-align: top;
}



#navigation a {
	color: #FFF;
	font-size: 150%;
	font-weight: bold;
	text-decoration: none;
	margin: 0 1px 0 1px;
	padding: 3px 15px 3px 15px;
}



.ie7 #navigation a {
	padding-top: 4px;
	padding-right: 15px;
	padding-left: 15px;
}



/*#navigation .aui-dd-drop a {

	cursor: move;

}*/



#navigation .selected a, #navigation a:hover, #navigation a:focus,  .lfr-navigation-proxy {

	color: #FFF;

	background-color: #039;

}



#navigation .child-menu li a{
	color: #000;
	line-height: 25px;
	font-size: 140%;
}



#navigation li:hover .child-menu {
	display: block;
	position: absolute;
	width: 160px;
	z-index: 200;
}



.ie6 #navigation li.hover .child-menu {
	display: block;
	position: absolute;
	width: 160px;
	z-index: 200;
}



.ie6 #navigation li.hover .child-menu, .ie7 #navigation li:hover ul.child-menu {

	left: 0;

	top: 25px;

}



#navigation .child-menu {

	display: none;

	margin-top: -4px;

}



#navigation .child-menu li {

	background: url(../images/navigation/menu_bg.png) repeat-x ;

	height:30px;

	border-left:solid 1px #999;

	border-right:solid 1px #999;

	border-bottom:solid 1px #999;

	display: block;

	float: none;

}



#navigation .child-menu li a {

background: url(../images/navigation/menu_bg.png) repeat-x ;

}



.ie7 #navigation .child-menu li a {

	background: url(../images/navigation/menu_bg.png) repeat-x ;

	zoom: 1;

}



#navigation .child-menu li a:hover {
	background: url(../images/navigation/menu2_bg.png) repeat-x;
	color: #000;
	width: 125px;
	margin-left: 0px;
}







/* ---------- Portlet wrapper and icons ---------- */

/* ---------- 子選?�大??--------- */

.portlet {

	background-color: #FFF;

	border: 1px solid #C8C9CA;

	padding: 1px;

	text-align: left;

}



.portlet-topper {

	background: url(../images/portlet/header_blue_bg.png) repeat-x 0 0;

	border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;

	font-size: 1.1em;

	height: 38px;

}



.portlet-title {

	color: #222;

	float: none;

	font-weight: bold;

	min-width: 50%;

	padding: 6px;

	text-shadow: 1px 1px #FFF;

	line-height: 26px;

	font-size: 150%;

}



.lfr-portlet-title-editable {

	margin-top: -4px;

	z-index: 9999;

}



.ie .lfr-portlet-title-editable {

	margin-top: -6px;

}



.lfr-portlet-title-editable-content {

	padding: 0;

}



.ie .lfr-portlet-title-editable-content {

	margin-top: 4px;

}



.portlet-icons {

	float: none;

}



.portlet-icons .portlet-close-icon {

	border-width: 0;

}



.page-maximized .portlet-icons {

	font-size: 11px;

}



.portlet-icon-back {

}



.ie .portlet-title {

	padding-bottom: 5px;

}



.ie6 .portlet-topper {

	zoom: 1;

}



/* ---------- Footer ---------- */



#footer {

	text-align: right;

}



/* ---------- Hudcrumbs ---------- */



.lfr-hudcrumbs {

	position: fixed;

	top: 0;

	z-index: 200;

}



.lfr-hudcrumbs ul {

	background: #414445;

	background: rgba(0, 0, 0, 0.8);

}



.lfr-hudcrumbs .breadcrumbs li a, .lfr-hudcrumbs .breadcrumbs li span {

	color: #FFF;

}



.lfr-hudcrumbs li span {

	background-image: url(../images/common/breadcrumbs_hud.png);

}



/* ---------- Misc. ---------- */



.lfr-panel-container {

	background-color: transparent;

}



.aui-combobox .aui-field-input {

	padding: 4px 3px 3px;

	font-size: 11px;

	height: 15px;

}



.aui-combobox .aui-field {

	float: left;

	line-height: 0;

}



.lfr-portlet-title-editable-content .aui-field {

	float: none;

	display: inline;

}



/* ---------- Extras ---------- */



.portlet-borderless-bar {

	-moz-border-radius: 20px;

	-moz-box-shadow: inset 0 1px 3px #000;

	-webkit-border-radius: 20px;

	-webkit-box-shadow: inset 0 1px 3px #000;

	border-radius: 20px;

	box-shadow: inset 0 1px 3px #000;

}



.portlet-topper {

	-moz-box-shadow: 1px 1px 0 #FFF;

	-webkit-box-shadow: 1px 1px 0 #FFF;

	box-shadow: 1px 1px 0 #FFF;

}



.logo .current-community {

	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5), 1px 1px 0 #FFF;

	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5), 1px 1px 0 #FFF;

	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5), 1px 1px 0 #FFF;

}







.aui-combobox .aui-toolbar-first {

	-moz-border-radius-topleft: 0;

	-moz-border-radius-bottomleft: 0;

	-webkit-border-top-left-radius: 0;

	-webkit-border-bottom-left-radius: 0;

	border-top-left-radius: 0;

	border-bottom-left-radius: 0;

}