@charset "utf-8";

/***************************************************
	style denial
--------------------------------------------------*/
body {position:absolute}
.hdSign, .hdUserName, .hdLogout, #auiTabs, #footer {
	display:none;
}
#header {padding:0;height:auto}
#header .inner {height:auto}
.hdNavi {
	position:absolute;
	right:0;
	padding-top:0;
}
.hdActivity {
	position:absolute;
	top:0;
	right:0;
	width:45px;
	line-height:40px;
}
.activityField {
	display:table-cell;
	width:45px;
	height:45px;
	padding:0;
	text-align:center;
	vertical-align:middle;
	background:#333333
		-webkit-gradient(
		linear, left top, left bottom,
		from(rgba(255,255,255,0.2)),
		color-stop(0.5, rgba(255,255,255,0)), 
		to(rgba(0,0,0,0.1))
	);
	border-radius:6px 0 0 6px;
/*	border-left:solid 1px #777777;*/
}
.activityField:hover {
	background:#666666;
}
.hdActivity div.active {
	background:#666666
		-webkit-gradient(
		linear, left top, left bottom,
		from(rgba(0,0,0,0.3)),
		color-stop(0.8, rgba(0,0,0,0)), 
		to(rgba(0,0,0,0))
	);
}
.activityPopup {
	width:280px;
}
#activitycheckerContainer {
	margin-top:0;
}

td.container {
	display:block;
	width:auto;
}


/***************************************************
	set PortletOuter
--------------------------------------------------*/
#roundWrapper .roundMainWrapper {
	padding:0;
}
#roundWrapper .roundTopBlock, #roundWrapper .roundRightBlock, #roundWrapper .roundBottomBlock, #roundWrapper .roundLeftBlock, #roundWrapper .roundTopLeftBlock, #roundWrapper .roundTopRightBlock, #roundWrapper .roundBottomRightBlock, #roundWrapper .roundBottomLeftBlock {
	background-image:none;
}
#roundWrapper table.roundBlockWrapperTop {
	background:#666666
		-webkit-gradient(
		linear, left top, left bottom,
		from(rgba(255,255,255,0.4)),
		to(rgba(255,255,255,0))
	);
	border-top:solid 1px #c0c0c0;
	border-bottom:solid 1px #999999;
	box-shadow:0 2px 3px rgba(0,0,0,0.2);
	margin-bottom:5px;
}
#roundWrapper table.roundBlockWrapperTop td.roundBlockIcon {display:none}
#roundWrapper table.roundBlockWrapperTop td.roundBlockTitle {
	padding:0;
	background-image:none;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-shadow:0 1px 0 rgba(0,0,0,0.8);
}
#roundWrapper table.roundBlockWrapperTop td.roundBlockTitle a {
	color:#ffffff;
	text-decoration:none;
}
#roundWrapper table.roundBlockWrapperTop td.roundBlockTitle a:hover {color:#ffffff}
#roundWrapper .roundBlockWrapperBottom {padding:0;}
#roundWrapper .roundBlockMenu, .endcap {display:none}


/***************************************************
	appsNavigation
--------------------------------------------------*/
#appsNavigation {
	position:absolute;
	top:0;
	left:-260px;
	width:260px;
	height:100%;
	font-size:13px;
	background:#333333;
	color:#ffffff;
	z-index:995;
}
#appsNavigationBack {
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	right:0;
	z-index:994;
}
#appsNavigation ul {
	display:none;
}
#appsNavigationBack a {
	display:block;
	height:100%;
}

.anDrawer {
	position:absolute;
	right:-45px;
	overflow:hidden;
	border-radius:0 6px 6px 0;
	border-right:solid 1px #777777;
	background:#333333
		-webkit-gradient(
		linear, left top, left bottom,
		from(rgba(255,255,255,0.2)),
		color-stop(0.5, rgba(255,255,255,0)), 
		to(rgba(0,0,0,0.1))
	);
}
.anDrawer a {
	display:table-cell;
	width:45px;
	height:45px;
	vertical-align:middle;
	text-align:center;
}
.anDrawer img {
	width:24px;
	height:24px;
}
#appsNavigation h2 {
	line-height:2em;
	padding:0 5px;
	white-space:nowrap;
	text-shadow:0 1px 0 rgba(0,0,0,1);
	background:#505050;
}
#appsNavigation li {
	clear:both;
	padding:0;
	background:none;
	overflow:hidden;
}
#appsNavigation a {
	text-decoration:none;
	color:#ffffff;
}
#appsNavigation li a {
	display:block;
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	text-shadow:0 1px 0 rgba(0,0,0,1);
	border-top:solid 1px rgba(255,255,255,0.3);
	border-bottom:solid 1px rgba(0,0,0,0.8);
/*	background: -webkit-gradient(
		linear, left top, left bottom,
		from(rgba(255,255,255,0.2)),
		to(rgba(255,255,255,0))
	);*/
}
.anUser {
	font-size:16px;
	font-weight:bold;
	text-shadow:0 1px 0 rgba(0,0,0,1);
	background:
		-webkit-gradient(
		linear, left top, left bottom,
		from(rgba(255,255,255,0.2)),
		color-stop(0.5, rgba(255,255,255,0)), 
		to(rgba(0,0,0,0.1))
	);
	border-bottom:solid 1px rgba(0,0,0,0.7);
}
.anUser > div {
	display:table-cell;
	vertical-align:middle;
	height:45px;
	line-height:45px;
}
.anUser .avatar {
	width:40px;
	text-align:center;
}
#appsNavigation .icon {
	display:block;
	float:left;
	padding:10px;
	vertical-align:middle;
	text-align:center;
}
#appsNavigation .icon img {
	width:20px;
	height:20px;
}
.anFooter {
	display:table-cell;
	width:260px;
	height:43px;
	padding:0 5px;
	vertical-align:middle;
	background:#505050;
	overflow:hidden;
	text-shadow:0 1px 0 rgba(0,0,0,1);
}

/***************************************************
	auiContentsArea
--------------------------------------------------*/
#auiContentsArea {
	float:none;
	margin-left:0;
	margin-bottom:45px;
}
#auiContentsAreaInner {
	margin-left:0;
}
/***************************************************
	auiWidget
--------------------------------------------------*/
#auiWidgetsArea {
	float:none;
	width:100%;
	height:43px;
	position:fixed;
	left:0;
	bottom:0;
	padding:0;
	background:#666666
		-webkit-gradient(
		linear, left top, left bottom,
		from(rgba(255,255,255,0.4)),
		to(rgba(255,255,255,0))
	);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);
	border-top:solid 1px #909090;
	z-index:994;
}
.auiWidget {
	padding:5px;
}
.auiWidget p {
	margin:0;
}
.widgetButton {
	position:absolute;
	padding:5px;
}
.widgetButton a {
	height:32px;
	line-height:32px;
	box-shadow:0 -1px 0 rgba(0,0,0,0.3);
}
.widgetButton a:hover {
	box-shadow:none;
}
.snDrawer {
	float:right;
	padding:5px;
}
.snDrawer .auiButtonBold {
	padding:3px 4px;
	box-shadow:0 -1px 0 rgba(0,0,0,0.3);
}
.snDrawer img {
	width:24px;
	height:24px;
}
#subNavigation {
	display:none;
	position:absolute;
	right:0;
	bottom:44px;
	min-width:150px;
	max-width:300px;
	/*padding:0 5px;*/
	background:#ffffff;
	border:solid 1px #999999;
	border-right:none;
	border-bottom:none;
	border-radius:4px 0 0 0;
	box-shadow:-1px -1px 3px rgba(0,0,0,0.2);
}

/***************************************************
	auiSearch
--------------------------------------------------*/
.auiSearch {
}
.auiSearch input.text {
}
.auiButtonSearch {
}

/***************************************************
	auiThreeClumns
--------------------------------------------------*/
#auiThreeClumns {
	float:none;
	margin:0
}
#auiThreeClumnsInner {
	margin:0;
}
#auiThreeColumnWidgets {display:none}

/***************************************************
	Apps Style
--------------------------------------------------*/
/* timeline*/
.timeline .avatar img,
.timeline .avatar {
	max-width:32px;
	max-height:32px;
}
.timeline .messageContents,
.timeline .comments .messageContents {
/*	display:table-cell;*/
	padding-left:42px;
}
.timeline .comments {
	margin-left:42px;
}
.timeline .commentField form {/*
	padding-left:22px;
*/}
.timeline .message > .more {
	margin-left:42px;
}



/***************************************************
	modalDialog
--------------------------------------------------*/
.modalDialog {
	width:auto;
	width:100%;
	margin:45px 0 0 0;
	top:0 !important;
	left:0 !important;
}
.modalDialog.mb_dialog{
	/*position: relative;
	margin:0;*/
}

.modalDialogUnderlayWrapper{
	display: none !important;
}

table.listTable td.caption, table.subTable td.caption {
	width:auto !important;
}
.modalDialog .listTable th, .modalDialog .listTable td{
	display:block;
	padding:5px 0;
}
.modalDialog .listTable th, .modalDialog .listTable .caption {
	padding:5px;
	background:#f6f6f6;
}
.memberlistToTop,
.memberlistToBody,
.memberlistToBottom {
	float:left;
}
.memberlistFromTop,
.memberlistFromBody,
.memberlistFromBottom {
	float:right;
}

/***************************************************
	modalDialog
--------------------------------------------------*/
.auiPopup {
	max-width:300px;
}

#imageDialog {
	left:0 !important;
	width:100% !important;
	height:auto !important;
}
.imgPopup {
	width:100%;
}
.imgBody {
	width:100%;
}
.imgPopup img {
	width:100%;
	height:auto;
}
/***************************************************
	login
--------------------------------------------------*/
#auiLoginBox {
	width:auto;
	margin:0;
	padding:0;
	background:none;
}
#auiLoginInner {
	padding:10px;
	background:none;
}
#auiLoginBox .logo {
	margin:20px 0;
}
#auiLoginBox .logo img {
	width:150px;
	height:55px;
}
#auiLoginBox select {
	height:2.2em;
	font-size:1.5em;
}
#auiLoginBox input.text {
	width:100%;
	height:auto;
	padding:5px;
	font-size:1.5em;
}
#auiLoginBox .guide {
	height:1.5em;
	line-height:1.5em;
	font-size:1.5em;
	margin:0.4em 0;
}
#auiLoginBox .floatLeft, #auiLoginBox .floatRight {
	float:none;
	margin:10px auto 0 auto;
}
#auiLoginBox .floatLeft {
	font-size:1.5em;
}
#auiLoginBox input {
	vertical-align:0em;
}
#auiLoginBox .floatRight {
	width:152px;
}

/***************************************************
	auiSummaryMeta
--------------------------------------------------*/
.auiSummaryMeta {
	margin:6px 0;
}
/***************************************************
	auiRowTable
--------------------------------------------------*/
/*
table.auiRowTable tr {
	display:block;
	padding:3px 0;
	border-bottom:solid 1px #eee;
}
table.auiRowTable tr:hover td {
	background:none;
}
table.auiRowTable th {display:none}
table.auiRowTable td {
	width:100%;
	display:inline;
	padding:0;
	border:none;
}
table.auiRowTable td > div {display:inline}

table.auiRowTable td.wTitle,
table.auiRowTable td.wTitle > div {
	display:block;
	font-size:14px;
}
table.auiRowTable td.wTitle a {
	display:block;
	cursor:pointer;
}
table.auiRowTable td.wTitl a {
}
*/
/* tableBbs */
/*
.tableBbs .wIcon,
.tableBbs .wCreater {display:none}

.tableBbs .wCategory,
.tableBbs .wUpdater,
.tableBbs .wDate {
	font-size:smaller;
	color:#666666;
}
.tableBbs .wCategory:after,
.tableBbs .wUpdater:after {
	content: " / ";
}
.wDate {}
.wDateWeak {}
.wDateFull {}
.wCategory {}
.wCopname {}
.wCheckbox {}
.wIcon {}
.wMail {}
.wPosition {}
.wTel {}
*/


/***************************************************
	auiScheduleList
--------------------------------------------------*/
.auiScheduleList {
}
.auiScheduleList,
.auiScheduleList ul {
	width:100%;
}
.auiScheduleList li {
	clear:both;
	width:100%;
	background:none;
	padding:0;
}
.auiScheduleList li ul {
	margin:0;
}
.auiScheduleList .day {
	background:#f0f0f0;
	padding:8px 5px;
	font-weight:bold;
}
.auiScheduleList .today .day {
	background:#e0ffe0;
}
.auiScheduleList a {
	width:100%;
	display:block;
	text-decoration:none;
	border-bottom:solid 1px #eee;
}
.auiScheduleList span {
	display:table-cell;
	padding:10px 0;
	overflow:hidden;
}
.auiScheduleList .hour {
	width:3em;
	padding-right:10px;
	text-align:right;
}
.auiScheduleList .title {
}
/***************************************************
	auiScheduleCalendar
--------------------------------------------------*/
.auiScheduleCalendar {
	width:100%;
    border-collapse: collapse;
	background:#f0f0f0;
    border:1px solid #cccccc;
	border-radius:4px;
	-ms-border-radius:4px;
}
.auiScMonth th {
    padding:5px 0;
    text-align:center;
	vertical-align:middle;
}
.auiScMonthLabel {
	font-size:16px;
}
.auiScWeek {
    font-weight:normal;
    padding-top:.15em;
    padding-bottom:0em;
    color:#293a4b;
    text-align:center;
	border-bottom:solid 1px #c0c0c0;
}
.auiScDate {
    font-size: 0.9em;
    font-weight: normal;
    text-align: center;
    letter-spacing: 1px;
	border-right:solid 1px #c0c0c0;
	border-bottom:solid 1px #c0c0c0;
	background:#e0e0e0;
}
.auiScDate:hover {
	background:#ffffff;
}
.auiScDateLabel {
	display:block;
	padding:5px;
	border-top:solid 1px rgba(255,255,255,0.8);
	border-left:solid 1px rgba(255,255,255,0.8);
    cursor:pointer;
	text-shadow:0 1px 0 rgba(255,255,255,0.8);
	font-size:16px;
}
.auiScPrevMonth,
.auiScNextMonth {
    color:#999999;
	background:#e0e0e0;
    cursor:pointer;
}
.auiScCurrentMonth {
}
.auiScCurrentDate {
    background-color:#c0c0c0;
}
.auiScSelectedDate {
    background-color:#909090 !important;
    color:#ffffff !important;
}
.auiScSelectedDate .auiScDateLabel {
	text-shadow:0 1px 0 rgba(0,0,0,0.3);
	border-top:solid 1px #606060;
	border-left:solid 1px #606060;
}
<style>
/***************************************************
	auiGradList
--------------------------------------------------*/
.auiGradList ul{
	margin:10px 0;
}
.auiGradList ul li{
	overflow: hidden;
	width: 100%;
	padding:0;
	border:1px #ccc solid;
	border-bottom:0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F0F0F0));
	display:block;
}
.auiGradList ul li:first-child{
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
.auiGradList ul li:last-child{
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom:1px #ccc solid;
}
.auiGradList ul li a{
	background: url(spm_arrow.png) no-repeat 97% 50%;
	-webkit-background-size: 6px 9px;
	display: block;
	margin: 0px;
	padding: 7px 20px 6px 10px;
	text-decoration:none;
}
.auiGradList ul li span.title{
	display:block;
	padding:0 10px 0 0;
}
.auiGradList ul li span.meta{
	display:block;
	font-size:10px;
}
/***************************************************
	dijitCalendar
--------------------------------------------------*/
.dijitCalendarContainer {
    width:auto;
	max-width:300px;
}
.dijitCalendarMonthContainer th {/* month */
    font-size:20px;
}
.dijitCalendarDayLabelTemplate {/* week */
}
.dijitCalendarDateLabel {/* day */
    font-size:20px;
}
.dijitCalendarYearLabel {/* year */
    font-size:16px;
}
/***************************************************
	addressbookDialog
--------------------------------------------------*/
.addressbookDialog {
	width:auto;
}
.addressbookDialog .spaceLeft:nth-of-type(1) {
	display:none;
}
.addressbookDialog .dialogTable {
	display:block;
	margin-top:0 !important;
	padding:0 5px;
	border:none !important;
}
.addressbookDialog .dialogTable th, .addressbookDialog .dialogTable td {
	display:block;
	width:100% !important;
	padding:10px 0;
}
.addressbookDialog .dialogTable .caption {
	padding:10px 0 0 0;
	border:none;
}
.addressbookDialog .alignright {
	float:none;
	text-align:right;
}
/***************************************************
	mobile class - undermost
--------------------------------------------------*/
.mb_hide {display:none}
.mb_dialoghide{display:none;}