*{
	margin:0;
	padding:0;
}

body{
	font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;
	text-align:center;
	color:#ccc;
	font-size: 76%;
	width : 100%;
	background:#111;
	margin: 0px; 
}

body#fullscreen{
	overflow:hidden;
}
body#sidebar{
	background : transparent url(../img/tutorial_bg.png) repeat scroll 0 0;
}
body#footcont{
	background:#000;
	text-align : center;
}

/* General Style Info */
a{
	color:#ffcc00;
}
a:hover{
	color:#ff0000;
}

a img{
	border:none;
}

h1, h2, h3, h4{
	font-weight : bold;
}

h1{
/*	margin:0 0 0.3em;
	font-size: 200%;*/
}

h2{
	padding: 1.5em 0 0 0;
	margin:0 0 0.3em;
	font-size: 170%;
}

h3{
	padding : 1.5em 0 0.2em 1em;
	font-size: 150%;
}

h4{
	padding:1.5em 0 0.2em 1em;
	font-size : 120%;
}

em {
	font-size: 12px;
}

ul {
	margin: 0 12px;
}
li {
	margin-left : 2em;
	line-height : 1.4em;
	font-size:110%;
}
select {
	width : 7em;
	margin-right : 1em;
}

label{
	display : none;
}
label.show-label{
	display : inline;
}

form div.error-message{
	display : none;
}

#content div.input,
#content div.submit{
	margin:0.2em;
}
div.checkbox label{
	display : inline;
	margin-left : 0.5em;
	font-size:0.7em;
}
/* Layout */

#container{
/*	background : url(../img/bg_header.png?080624) repeat-x;*/
	text-align:center;
}
#fullscreen-container{
	text-align : left;
}

#topbar {
	width : 89%;
	height : 13px;
	margin : 0 auto;
}
	#topbar p{
		font-size:10px;
	}
	p#topbar-ad, p#conference-ad{
		width:95%;
		text-align:left;
		height : 15px;
		margin : 0 auto;
		padding:0;
	}
	#topbar #topbar-navi{
		float:right;
		width:35%;	
		text-align:right;
		margin-right : 2em;
	}
	#topbar span#name{
		font-weight : bold;
	}
	#topbar span.topbar-separator{
		margin : 0 0.3em;
	}
	#topbar p a{
		color:#FFF;
	}
	
	p#menu-ad{
		float:left;
		text-align:left;
	}
	ul#status-related-ad{
		margin:0 auto;
		position: relative;
	}
	ul#status-related-ad li{
		margin-left : 0;
		float:left;
		font-size:10px;
		list-style-type:none;
		position: absolute;
	/*	width:45%;*/
	}
	ul#status-related-ad li a{
		color : #EEE;
	}	

#header-container{
	width : 100%;
	height : 55px;
	text-align:center;
	background : url(../img/bg_header_container.png?080623)  repeat-x;;
	clear : both;
}

#header{
	width : 90%;
	height : 38px;
	margin : 0 auto;
	clear:both;
}

#logo {
	width : 150px;
	float : left;
}

#logo a {
	display : block;
	width : 150px;
	height : 38px;
	background : url(../img/logo_header.png?090415);
	margin : 1px 0 0 0;
}
#logo a span { 
	display : none;
}

#header-menu{
	float:right;
	width : 75%;
}

#header-menu div{
	float:right;
}
.menu-image, .menu-image-ja{
	width : 133px;
	height : 38px;
}
.menu-image a{
	background : url(../img/menu_items.png?08092902);
	width : 133px;
	height : 38px;
	display : block;
}
.menu-image span, .menu-image-ja span{
	display : none;
}

.menu-image-ja a{
	background : url(../img/menu_items_ja.png?08092902);
	width : 133px;
	height : 38px;
	display : block;
}



#menu-logout a:link, #menu-logout a:visited{
	background-position : 133px 0;
}
#menu-logout a:hover{
	background-position : 133px 38px;
}

#menu-setting a:link, #menu-setting a:visited{
	background-position : 266px 0;
}
#menu-setting a:hover{
	background-position : 266px 38px;
}
#menu-setting-active a{
	background-position : 266px 38px;
}


#menu-new-mtg a:link, #menu-new-mtg a:visited{
	background-position : 399px 0;
}
#menu-new-mtg a:hover{
	background-position : 399px 38px;
}
#menu-new-mtg-active a{
	background-position : 399px 38px;
}




div#header-badge{
	float : right;
	width : 68px;
	height : 68px;
	clear : none;
	z-index:10;
	position:absolute;
	right : 0px;
	top:0px;
}
	div.badge-invite{
		background : url(../img/badge_invite.png?080821);
	}
	div.badge-join{
		background : url(../img/badge_join.png?080821);
	}

	div#header-badge a{
		display : block;
		width : 68px;
		height : 68px;
	}
	div#header-badge span{
		display : none;
	}
	
	

#content{
	clear : both;
	width : 70%;
	margin : 0 auto;
	padding: 0px 40px 10px 40px;
	color: #BBB;
	text-align:left;
}

/* for popup */
#popup-wrapper{
	width : 400px;
	text-align:left;
	padding:1em;
}
#popup-wrapper div{
	margin : 0;
	padding:0;
}
#popup-wrapper h2, 
#popup-wrapper h3{
	margin : 0 0 1em 0;
	padding:0;	
}
#popup-wrapper table {
	border : 1px solid #999;
	width : 70%;
}
#popup-wrapper thead th{
	background-color : #666;
	color : #fff;
}
#popup-wrapper  td.table-subscribed-item{
	color : #fff;
}
#popup-wrapper  td.table-unsubscribed-item{
	color : #666;
}


#content div {
	margin : 0 0 20px 0;
	clear:both;
}

#footer{
	clear:both;
	margin : 0 auto;
	padding: 20px 40px;
	text-align: left;
	width : 70%;
}
#footer-login{
	clear:both;
	margin : 0 auto;
	text-align: left;
	padding: 20px 0px;
	width : 760px;
}


	#footer span, #footer-login span{
		/*width:100%;*/
/*		font-size:90%;*/
	}
	#footer #copyright{
		margin-bottom:0.5em;
	}
	#footer span#version,
	#footer-menu span#version{
		margin-left : 0.2em;
		color : #444;
	}


span#system-status{
	color : #444;
	font-size:95%;
}
	span#system-status span#system-fine,
	span#system-status span#system-something-wrong {
		color : #444;
	}
	span#system-status span#system-wrong{
		color : #555;
	}


#footer span#credit,
#footer-login span#credit{
	width : 90%;
	color : #666;
	margin-top : 0.7em;
	display:block;
	padding-top:0.2em;
	clear:both;
}
#footer span#credit a,
#footer-login span#credit a{
	color : #666;
}
#copyright-text{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:2em;
}
#footer-menu{
	float:left;
	margin : 0 0 1em 0;
}
	#footer-menu a{
		color : #999;
	}

p#total-meeting-rooms{
	font-size : 1.2em;
	font-weight : bold;
	margin : 220px 80px 0 -10px;
	text-align:right;
}
p#total-meeting-users{
	font-size : 1.2em;
	font-weight : bold;
	margin : 0 80px 0 -10px;
	text-align:right;
}
span#total-meeting-rooms-num,
span#total-meeting-users-num{
	font-size : 1.35em;
}

.error_message{
	color : #ff0000;
	font-size : 120%;
}

p.explain{
	font-size:120%;
	margin : 0 0 2em 0;
}


td{
	padding : 0.12em;
}
td.field{
	width : 200px;
	font-size : 0.75em;
}
td.value {
	width : 300px;
}
td.user-form{
	width : 550px;
	font-size : 0.75em;
}

.btn {
	width : 6em;
}

#controll-menu{
	padding-left : 1em;
}
p#start-conference{
	margin : 2em 0 0 0;
}
p.start-action{
	margin : 0.3em 0.5em  1.5em 0;
	float : left;
}

#fadeout-text{
	font-weight : bold;
	font-size : 1.2em;
	border : 2px solid #fff;
	padding : 1em;
	margin : 1.5em 0;
}


#error-text, div.error-message{
	font-weight : bold;
	font-size : 1.2em;
	border : 2px solid #ff0000;
	padding : 1em;
	margin : 1.5em 0;
	color : #ff0000;
}

#conference-container {
	margin:0 auto; 
	padding:0px;
	float : left;
}

conference-ad-container{
	background-color:#000;
	clear:both;
}
#conference-ad{
	clear:both;
}

select {
/*	background : #333;*/
	width : 200px;
	border : 1px solid #999;
/*	color : #999;*/
}

#dummy-textbox{
	width:1px;
	height:1px;
	border:none;
	background-color:#111111;
	position:absolute;
	top:200px;
}

/*#container>#conference-container{/* for not IE */
html>/**/body #conference-container{
	/*padding-top:50px;*/ 	
}

/* image plus text */
.subscribed-item{
	background : url(../img/add.gif) no-repeat;
	padding-left : 20px;
}
.unsubscribed-item{
	background : url(../img/checked.gif) no-repeat;
	padding-left : 20px;
}
.unsubscribe-error-item{
	background : url(../img/error_delete.gif) no-repeat;
	padding-left : 20px;
}

li.no-item{
	font-style : italic;
}
li.subscribed-list-item{
	list-style-type:none;
	background : url(../img/checked.gif) no-repeat;
	padding-left : 20px;
	margin-left : 6px;
}
li.unsubscribed-list-item{
	padding-left : 3px;
}
li.room-member-list-item{
	list-style-type:none;
	background : url(../img/user_green.gif) no-repeat;
	padding-left : 20px;
	margin-left : 6px;
}



li.settings-email-list-item{
	list-style-type:none;
	background : url(../img/email.gif) no-repeat;
	padding-left : 20px;
	margin : 0 0 3px 6px;
}
li.settings-password-list-item{
	list-style-type:none;
	background : url(../img/key.gif) no-repeat;
	padding-left : 20px;
	margin : 0 0 3px 6px;
}
li.settings-url-list-item{
	list-style-type:none;
	background : url(../img/world.gif) no-repeat;
	padding-left : 20px;
	margin : 0 0 3px 6px;
}
li.settings-acl-list-item{
	list-style-type:none;
	background : url(../img/eye.gif) no-repeat;
	padding-left : 20px;
	margin : 0 0 3px 6px;
}
li.settings-create-group-add-list-item{
	list-style-type:none;
	background : url(../img/group_add.png?0529) no-repeat;
	padding-left : 20px;
	margin : 0 0 3px 6px;
}
li.settings-create-group-edit-list-item{
	list-style-type:none;
	background : url(../img/group_edit.png?0529) no-repeat;
	padding-left : 20px;
	margin : 0 0 3px 6px;
}
li.settings-invitation-list-item{
	list-style-type:none;
	background : url(../img/door_open.gif) no-repeat;
	padding-left : 20px;
	margin : 0px 0 3px 6px;
}
li.settings-invitation-log-item{
	list-style-type:none;
	background : url(../img/log.png) no-repeat;
	padding-left : 20px;
	margin : 0px 0 3px 6px;
}
li.settings-import-list-item{
	list-style-type:none;
	background : url(../img/user.gif) no-repeat;
	padding-left : 20px;
	margin : 0px 0 3px 6px;
}
li.settings-meeting-create-item{
	list-style-type:none;
	background : url(../img/meeting_create.png) no-repeat;
	padding-left : 20px;
	margin : 0px 0 3px 6px;
}
li.settings-meeting-log-item{
	list-style-type:none;
	background : url(../img/meeting_log.png) no-repeat;
	padding-left : 20px;
	margin : 0px 0 3px 6px;
}
li.settings-access-list-item{
	list-style-type:none;
	background : url(../img/chart.png) no-repeat;
	padding-left : 20px;
	margin : 0px 0 3px 6px;
}
li.settings-resign-account-list-item{
	list-style-type:none;
	background : url(../img/resign.png) no-repeat;
	padding-left : 20px;
	margin : 0px 0 3px 6px;
}
li.settings-account-upgrade-item{
	list-style-type:none;
	background : url(../img/account_upgrade.png) no-repeat;
	padding-left : 20px;
	margin : 0px 0 3px 6px;
}


li.room-not-member-list-item{
	padding-left : 3px;
}


/* Group Manage*/
#content li{
	clear:both;
}
span.edit-groups-list-name{
	float : left;
	width : 6em;
	clear:left;
}

span.edit-groups-list-action{
	float : left;
	width : auto;
}


div#settings-main-menu{
	float : left;
	width : 47%;
	clear:none;
}
div#settings-sub-menu{
	float : right;
	width : 47%;
	clear:none;
}

div#settings-account-info{
	border : 1px solid #999;
	background : #333;
	padding : 1em 1.5em;
	margin : 1.5em 0 1em 0;
	line-height : 1.7em;
}

strong.settings-account-expired{
	font-weight : bold;
	font-size : 1.3em;
}

p#account-upgrade-comment{
	width : 540px; height : 112px;
	background: url(../img/bg_balloon_message.png?v2) no-repeat;
	padding : 1.5em 0 0 1.5em;
	margin : 4em 0 0 0;
	_margin : 4em 0 1em 0;
}

/* login */
div#login-container{
	width:760px;
	height : 290px;
	margin : 10px auto 0 auto;
}
	div#login-form{
		float:left;
		text-align:left;
		width:285px;
/*		height : 140px;*/
		margin:40px 0 0 0; /*padding:50px 0 0 0;*/
		_margin : 55px 0 0 0;
		clear:none;
	}

		div#login-form h2, 
		div#login-form form{
			margin : 0;
		}
		div#login-form table{
			padding : 20px 0 0 0;
		}
		div#login-form #forgotten-password{
			font-size : 0.75em;
		}

	div#login-demo{
		float:right;
		width:450px;
		height:300px;
		clear:none;
		margin : 10px auto 0 auto;
		padding : 10px 0 0 0;
		text-align : center;
		background : url(../img/image_meeting_capture.jpg?081002?) no-repeat;
	}
	div#login-demo img,
	div#login-demo object,
	div#login-demo embed{
		margin : 0 auto;
	}



div#login-text, div.login-text{
	clear:both;
	margin:0 auto;
}

div#banner{
	margin : 10px auto 5px auto;
	width : 760px;
	height : 140px;
	clear:both;
}
div#login-howto-start{
	float:left;
	width:270px;
	height : 140px;
	background : url(../img/banner_mail.png?080528) no-repeat;
	margin:0; padding:0;
	clear:none;
}
div#login-banner{
	float:right;
	width:480px;
	height : 140px;
	background : url(../img/banner_effect.png?0805603) no-repeat;
	margin:0; padding:0;
	clear:none;
}
div#login-banner-external{
	float:right;
	width:480px;
	height : 140px;
	background : url(../img/banner_external.png?0805603) no-repeat;
	margin:0; padding:0;
	clear:none;
}
div#login-banner-external p a {
 	display:block;
 	width : 165px;
 	height : 40px;
 	float : left;
 	clear:both;
}

div#login-banner-external p a#login-banner-ustream{
 	margin : 40px 0 0 25px;

}
div#login-banner-external p a#login-banner-justin{
 	margin : 0 0 0 25px;
}



div#login-banner p a{
 	display:block;
 	width : 120px;
 	height : 20px;
 	float : right;
 	clear:right;
 }
 div#login-howto-start p a#login-banner-start{
 	margin : 30px 0 0 10px;
 	display:block;
 	width : 250px;
 	height : 100px;
 }
 
 
 div#login-banner p a#login-banner-win{
 	margin : 53px 15px 0 auto;
 }
 div#login-banner p a#login-banner-mac{
 	margin : 10px 15px 0 auto;
 }
div#banner p a span{
 	display:none;
 }


div#login-explanation{
	clear : both;
	width : 760px;
	margin : 20px auto 20px auto;
}
	div#login-explanation div#login-explanation-tab{
		text-align : left;
		margin : 0 auto;
	}
	div#login-explanation div#login-explanation-tab ul {
		margin : 0;
		padding : 0;
		width : 760px;
		height : 24px;
		background-image : url('../img/explanation_tab_all.png');
	}
	div#login-explanation div#login-explanation-tab ul.active-view{
		background-position : 0 0;
	}	
	div#login-explanation div#login-explanation-tab ul.active-import{
		background-position : 0 -28px;
	}	
	div#login-explanation div#login-explanation-tab ul.active-share{
		background-position : 0 -56px;
	}
	
	div#login-explanation div#login-explanation-tab ul li{
		list-style-type : none;
		float : left;
		width : 253px;
		height : 24px;
		margin : 0;
		padding : 0;
	}
	div#login-explanation div#login-explanation-tab ul li span{
		display : none;
	}
	div#login-explanation-cont{
		clear : both;
	}


#login-footer-text{
	width : 740px;
	margin : 0 auto;
	text-align : left;
	border : 1px solid #FFF;
	background-color : #222;
	padding : 0.8em;
	font-weight : bold;
	clear : both;
}
#login-footer-text p{
	font-size:1.05em;
}
/* user, group page */

#content div#group-info, #content div#user-info{
	width:310px;
	float:left;
	text-align:left;
	clear:none;
}

#user-viewer-status{
	text-align : left;
	margin : 1em auto;
	float : left;
}

	#user-viewer-status * {
		float : left;
	}
	#user-viewer-status h2{
		padding : 0;
		font-size:150%;
	}
	#user-viewer-status a{
		float : none;
	}
	#user-viewer-status  #user-viewer-action{
		width : 6em;
		margin : 0 0 0 1em;
		clear : none;
	}
	#user-viewer-status p{
		margin : 0.3em 0 0 1em;
	}
	#user-viewer-status table{
		clear:both;
		width : 100%;
	}
	#user-viewer-status table td.user-viewer-action-container{
		width : 6em;
	}
	span#user-viewer-action-caption{
		margin : 0.5em 0 0 1em;
	}



div#user-show-navi-items{
	clear : both;
	margin : 0.5em auto 0.5em 0;
	padding : 1em 0;
	text-align : left;
	float : left;
	border-top : 1px solid #999;
	width : 100%;
	display : none;
/*	width : 380px;*/
}

	div#user-show-navi-items td {
		margin : 0;
	}
	span#user-show-navi-url-text{
		font-weight : bold;
		margin :0 1em 0 0.5em;
		clear : both;
		font-size:120%;
	}
	p#user-show-navi-url-caption{
		margin : 0 auto 0 0.5em;
		font-size : 0.9em;
		width : 100%;
	}
	button#user-show-navi-share-button,
	button#user-show-navi-copy-button{
		width : 6em;
	}

	p.user-show-navi-controller-button a{
		display : block;
		width : 120px;
		height : 30px;
		background : url(../img/btn_conference_control_menu.png?081128) no-repeat;
	}
	p.user-show-navi-controller-button-ja a{
		display : block;
		width : 120px;
		height : 30px;
		background : url(../img/btn_conference_control_menu_ja.png?081128) no-repeat;
	}
	p.user-show-navi-controller-button span,
	p.user-show-navi-controller-button-ja span{
		display : none;
	}
	
	#user-show-navi-recovery a{
		 background-position:0 0;
	}
	#user-show-navi-recovery a:hover{
		 background-position:0 -30px;
	}
	
	#user-show-navi-embed a{
		 background-position:-120px 0;	
	}
	#user-show-navi-embed a:hover{
		 background-position:-120px -30px;
	}

	#user-show-navi-maximize a{
		 background-position:-240px 0;	
	}
	#user-show-navi-maximize a:hover{
		 background-position:-240px -30px;
	}
	
	#user-show-navi-minimize{
		display : none;
	}
	#user-show-navi-minimize a{
		 background-position:-360px 0;	
	}
	#user-show-navi-minimize a:hover{
		 background-position:-360px -30px;
	}


/* show swf */
#content div#group-container, #content div#user-container{
	text-align:right;
	width:200px;
	height : 82%;/* not IE */
	float:left;
	padding:0.5em 0 0 0;
	margin-left:2em;
	clear:none;
}

*html #content div#user-container {
	height : 200px;
}

#user-viewer-status{
	text-align : left;
	margin : 1em auto;
	width : 89%;
}
#user-viewer-status * {
	float : left;
}
#user-viewer-status h2{
	padding : 0;
}
#user-viewer-status  #user-viewer-action{
	width : 6em;
	margin : 0 0 0 1em;
}
#user-viewer-status p{
	margin : 0.3em 0 0 1em;
}
/* show swf */
#content div#group-container, #content div#user-container{
	text-align:right;
	width:200px;
	height : 82%;/* not IE */
	float:left;
	padding:0.5em 0 0 0;
	margin-left:2em;
	clear:none;
}


#group-follow-select{
}
div#user-action-area{
	border : 1px solid #666;
	padding : 1.5em 1.5em 2.5em 0;
	background : #222;
	margin : 2em 0 0 1em;
}
p#user-action-navi{
	font-size:1.1em;
	margin : 2.8em auto 0.5em 2em;
}
#group-follow-select input{
	margin : 0 0.5em 0 0;
}
#group-follow-select-private{
	margin  : 0 0 0 1.5em;
}
.group-follow-select-created{
	margin  : 0 0 0 1.5em;
	clear:left;
}

.group-follow-select-created li{
	clear : left;
}
.group-follow-select-created-name{
	width : 8em;
	font-size:90%;
	padding-left:2em;
}
.group-follow-select-created-action{
	float : right;
	width : auto;
}


.group-follow-select-created  form{
	float:left;
	width : 4.5em;
	margin : 0 0.6em 0 0;
}
input.group-follow-select-button{
	width : 5em;
}
.group-follow-select-state-following{
	font-weight : bold;
	float : left;
	width : 12em;
	font-size:115%;
}
#group-follow-select input.button-group-action{
	margin : 0em 0.5em 0 1em;
	float:left;
	width : 5em;
}

#group-follow-select input#button-add-group-cancel{
	margin : 1em 0 0 0.5em;
	width : 5em;
}

#group-follow-select{
/*	display:none;*/
}

p.manage-following, span.manage-following{
	margin-left : 1em;
}
span.user-state-following, span.user-state-group{
	font-size:70%;
}

/* invitation page */
span.invitation-history-list-email{
	float : left;
	width : 250px;
	clear : left;
}

span.invitation-history-list-time{
	float : left;
	width : auto;
}

/* invitation logs */
li.invitation-history-state{
	padding : 0 0 5px 40px;
	height : 16px;
	list-style-type : none;
	border-bottom : 1px solid #666;
}
p#invite-user-state-explanation{
	margin: 0 0 2em 3em;
}
li.invitation-history-state-active{
	background : url(../img/invited_user_active.png) no-repeat 0 0;
	padding-left : 20px;
	height : 16px;
	list-style-type : none;
	line-height : 1.3em;
	margin-bottom : 0.2em;
}

li.invitation-history-state-inactive{
	background : url(../img/invited_user_inactive.png) no-repeat 0 0;
	padding-left : 20px;
	height : 16px;
	list-style-type : none;
	line-height : 1.3em;
	margin-bottom : 0.2em;
}
li.invitation-history-state-inactive span.invitation-history-list-email,
li.invitation-history-state-inactive span.invitation-history-list-time{
	color : #666;
}


/* import pages */
div#import-area{
	width : 55%;
	float : left;
	text-align : left;
	clear : none;
}

	div#import-area p{
		margin-left : 1em;
		font-size : 115%;
	}
	div#import-area img{
		margin : 0.5em 1em;
		
	}
	div#import-area p#import-site-url-example{
		margin : 0;
		font-size : 70%;
	}
	form#import-from-bookmarket-area{
		border : 1px solid #999;
		background : #222;
		padding : 1em;
		margin : 2em;
		width : 100%;
	}
	span.import-site-already-imported-text{
		font-weight : bold;
		color : red;
	}
	span#import-result-text{
		font-weight : bold;		
	}
	span.import-result-error{
		color : red;
	}
	input#import-site-back-navi{
		width : 12em;
		margin : 0 0 0 2em;
	}
	input#import-site-go-navi{
		width : 12em;
		margin : 0 0 0 2em;
	}

div#imported-list{
	width : 55%;
	float : left;
	text-align : left;
	clear : none;
}
div#import-tool{
	width : 35%;
	float : right;
	text-align : left;
	clear : none;
	border : 1px solid #999;
	background : #222;
	padding : 1.5em;
}
	div#import-tool h3{
		padding : 0 0 1em 0;
	}
	div#import-tool p#import-tool-image{
		margin : 0 0 1em 0;
	}
	
li.import-site-commons{
	padding-left : 20px;
	list-style : none;
	margin-top:1em;
}

li.import-site-ustream{
	background : url(../img/icon_site_ustream.png) no-repeat 0 0;
}
li.import-site-blogtv{
	background : url(../img/icon_site_blogtv.png) no-repeat 0 0;
}
li.import-site-justin{
	background : url(../img/icon_site_justin.png) no-repeat 0 0;
}

input.import-user-button{
	display : inline;
	margin : 0 2em;
	width : 13em;
}
input.import-user-button-index{
	display : inline;
	width : 8em;
}

/* Meeting  */
li.meeting-log-state{
	padding-bottom:2em;
}
	li.meeting-log-state span.meeting-log-list-name{
		width : 30%;
		float:left;
	}
	li.meeting-log-state input.meeting-log-list-url{
		width : 200px;
		float:left;
		text-align:left;
	}
	span.meeting-log-name-expired,
	td.meeting-log-name-expired{
		font-size : 0.7em;
		width : 16em;
	}
table tr#meeting-log-table-header td{
	font-size : 0.8em;
}
div#meeting-navi-items, 
div#meeting-navi-items td div {
	margin : 0;
}
span#meeting-navi-url-text{
	font-size : 110%;
}
button#meeting-navi-share-button,
button#meeting-navi-copy-button,
button#meeting-navi-edit-button,
button.meeting-log-button {
	width : 6em;
}
li.meeting-log-name{
	font-size:95%;
}

#delete-meeting-room-item{
	margin : 2em 0 0.5em 6px;
	background : url(../img/delete.png?v090319) no-repeat;
	padding-left : 20px;	
	list-style-type:none;
}

#delete-message-room-failed{
	display : none;
	color : #FF0000;
	font-weight : bold;
}
#delete-message-room-success{
	display : none;
	color : #00FF00;
	font-weight : bold;
}

#meeting-edit-form{
	margin : 20px 0 0 0;
}

/* help */
#content div#help-selector{
	width : 32%;
	float : right;
	margin-top : 1em;
	border : 1px solid #999;
	background : #222;
	padding : 1.5em;
	clear : none;
}
	#content div#help-selector h3{
		padding : 0 0 0.5em 1em;
	}

#content div#help-cont{
	width : 60%;
	float : left;
	clear : none;
}
	#help-cont h3{
		padding : 2em 0 0.3em 0;
		width:100%;
	}
	#help-cont h3 a{
		color : #bbb
	}
	#help-cont p{
		font-size : 108%;
		margin-bottom:0.8em;
		line-height : 130%;
	}


/*  announce for top page */
#conference-guide{
	padding:3px;
	width:100%;
	height:20px;
	display:none;
	border:2px solid #ffffff;
}

#conference-guide-close{
	float:right;
	width:16px;
	height:16px;
	display:block;
	margin:-15px 5px 0px 0px;
}



/*   Terms of use*/
div#terms-cont ol{
	margin-top : 2em;
}
	div#terms-cont li{
		margin-bottom:1em;
	}
	span.terms-list-header{
		font-weight : bold;
	}


/* how to use*/
div#howto-use-header{
	width : 80%;
	-webkit-border-radius : 10px;
	-moz-border-radius : 10px;
	background : #333;
	color : #FFF;
	padding : 2em;
	margin : 20px auto;
}

p#howto-use-header-title{
	font-size : 13pt;
	color : #FFF;
}
p.howto-use-header-body{
	font-size : 10.1pt;
	color : #CCC;
	margin-top:0.6em;
}

table#howto-use-cont{
	width : 80%;
	margin : 0 auto 30px auto;
}
#howto-use-cont td{
	font-size:80%;
}
#howto-use-cont td.howto-use-cont-text{
	padding-left : 1em;
}

div#howto-action-navi{
	margin : 0em auto;
	text-align : center;
	width : 80%;
}
div#howto-action-navi img{
	margin : 0 auto;
}


/* site often used */
table.user-create-table td{
	padding : 0;
}

table.user-create-table span{
	padding-left : 0.4em;
	font-size:0.7em;
}
table.user-create-table input.purpose-radio{
	margin-left : 0em;
}

td#term-area div label{
	font-size:1em;
}

span.attention{
	color : #ffcc00;
	font-weight : bold;
}


#tutorial-container{
	width : 0px;
	float : right;
	text-align:right;
	display : none;
}


#tutorial-container-header{
	width : 0px;
	height : 30px;
	background : url(../img/tutorial_header.png?081114) no-repeat;
}
	#tutorial-container-header a{
		display : block;
		width : 0px;
		height :30px;
		border : none;
		color:#FFF;
		text-decoration:none;
	}
	#tutorial-container-header a span{
		/*display : none;*/
		float : left;
		margin : 6px 0 0 36px;
		_margin-top: 10px;
		font-weight : bold;
	}
	
#tutorial-container-cont{
	width : 226px;
	height : 90%;
	background : url(../img/tutorial_bg.png) repeat;
	border-left : 3px solid #999;
	border-bottom : 3px solid #999;
	border-radius : 3px;
	text-align : left;
	clear : both;
	float : right;
	display : none;
	_width : 229px;  IE Hack 

}

	#tutorial-container-cont p{
		margin : 1em 2em;
		_margin : 1em 2em;
	}
	#tutorial-container-cont ol{
		margin : 1em;
	}
	#tutorial-container-cont ol li{
		margin: 1.1em 1em 0 2em;
	}
	
	#tutorial-container-cont-step-camera,
	#tutorial-container-cont-step-microphone,
	#tutorial-container-cont-step-name,
	#tutorial-container-cont-step-refresh
	{
		display : none;
		overflow-y : auto;
	}
	
	#tutorial-container-cont-step-security{
		overflow-y : auto;
	}
	
	p.tutorial-container-cont-caution{
		color : #FF0000;
		border : 1px solid #FF0000;
		padding:0.5em;
		margin-bottom : 1.5em;
	}
	div#tutorial-container-cont a{
		display : block;
		width : 162px;
		height : 40px;
		margin : 0 auto;
	}

	div.tutorial-container-cont-navi{
		text-align : center;
		padding-bottom : 1em;
	}
	
	div#tutorial-container-cont a.next-active{
		background : url(../img/tutorial_buttons.png?v090421) 0 0 no-repeat;
	}
	div#tutorial-container-cont a.next-inactive{
		background : url(../img/tutorial_buttons.png?v090421) 0px -40px no-repeat;
	}
	div#tutorial-container-cont a.finish-active{
		background : url(../img/tutorial_buttons.png?v090421) 0 -80px no-repeat;
	}
	div#tutorial-container-cont a.finish-inactive{
		background : url(../img/tutorial_buttons.png?v090421) 0 -120px no-repeat;
	}
	div#tutorial-container-cont a.refresh-active{
		background : url(../img/tutorial_buttons.png?v090421) 0 -160px no-repeat;
	}

	div#tutorial-container-cont a.next-active-ja{
		background : url(../img/tutorial_buttons_ja.png?v2) 0 0 no-repeat;
	}
	div#tutorial-container-cont a.next-inactive-ja{
		background : url(../img/tutorial_buttons_ja.png?v2) 0px -40px no-repeat;
	}
	div#tutorial-container-cont a.finishactive-ja{
		background : url(../img/tutorial_buttons_ja.png?v2) 0 -80px no-repeat;
	}
	div#tutorial-container-cont a.finish-inactive-ja{
		background : url(../img/tutorial_buttons_ja.png?v2) 0 -120px no-repeat;
	}


	div.tutorial-container-cont-navi a span {
		display : none;
	}

div#performance-container{
	text-align:center;
	width : 100%;
}
div#performance-header{
	width : 490px;
	-webkit-border-radius : 10px;
	-moz-border-radius : 10px;
	background : #333;
	color : #FFF;
	padding : 1.5em;
	font-size : 1.1em;
	font-weight : bold;
	text-align:center;
	margin : 0 auto;
}

div#performance-kit{
	margin : 10px auto 0 auto;
	width : 144px;
	height : 23px;
}
	#performance-result-table{
		clear : both;
		margin : 1em auto 0 auto;
		padding:0;
		width : 520px;
	}
	#performance-result-table thead{
		display:table-header-group;
		vertical-align:middle;
	}
	
	#performance-result-table thead tr{
		display:table-row;
		vertical-align:inherit;
	}
	#performance-result-table thead tr th {
		font-weight : bold;
		border-bottom : 2px solid #999;
		padding:10px 8px;
	}

	#performance-result-table thead th.performance-cont-status {
		width : 2.5em;
	}

	#performance-result-table tbody tr td{
		border-bottom : 1px solid #666;
		font-size : 0.9em;
		padding:6px 8px;
		display:table-cell;
		
	}
	
	#performance-result-table th.performance-check-item,
	#performance-result-table td.performance-check-item{
		min-width : 185px;
		width : 195px;
		text-align:left;
	}
	#performance-result-table tbody tr td{
		min-width:30px;
		width:30px;	
	}
	
	td.performance-cont-status p img{
		margin : 0 0 0 10px;	
	}
	#performance-result-table p.performance-cont-status{
		background : url(../img/check_status.png) no-repeat 0 12px;
	}
	#performance-result-table p.performance-cont-status-ok{
		background : url(../img/check_status.png) no-repeat 0 -12px;
		margin-left : 10px;
	}
	#performance-result-table p.performance-cont-status-ng{
		background : url(../img/check_status.png) no-repeat 0 -32px;
		margin-left : 10px;
	}
	#performance-result-table td.performance-cont-detail{
		font-size : 0.9em;
		text-align: center;
		min-width:220px;
		width : 220px;
		text-align:left;
	}
	#performance-result-table td.performance-cont-detail img{
		margin : 0 0 0 10px;
	}
	#performance-result-table p.performance-cont-detail-ok{
		color : #00FF00;
		width : 100%;
	}	
	#performance-result-table p.performance-cont-detail-ng{
		color : #FF0000;
		width : 100%;
	}

	div.performance-result{
		display : none;
		padding : 20px 0 0 0;
		width : 520px;
		font-size : 1.2em;
		font-weight : bold;
		text-align : left;
	}
	div#performance-ok{
		color : #00FF00;
		margin : 0 auto;
	}
	div#performance-ng{
		color : #FF0000;
		margin : 0 auto;
	}
	div#performance-ng li{
		font-size:0.8em;
		margin-left : 0px;
	}

#performance-result-table th.help-spec-table-item,
#performance-result-table td.help-spec-table-item{
	width : 25%;
}

#performance-result-table th.help-spec-table-cont
#performance-result-table td.help-spec-table-cont{
	width : 75%;
}

#dummy-container{
	width : 1px;height : 1px;
	visibility : hidden;
}

/* Perchase */
div#purchase-menu-table-area{
	text-align : center;
}
table#purchase-menu-table{
	border-collapse:collapse;
	border-spacing: 0;
	margin : 30px auto;
}
table#purchase-menu-table td{
	margin : 0;
	padding : 0;
	border : none;
}

table#purchase-menu-table td#purchase-menu-table-pro{
	background : url(../img/account_table_pro_2.png?20100203) no-repeat;
	width : 255px; /*height : 153px;*/
	padding : 0px 0 0 30px;
}
table#purchase-menu-table td#purchase-menu-table-pro-ja{
	background : url(../img/account_table_pro_2_ja.png?20100203) no-repeat;
	width : 255px; /*height : 153px;*/
/*	padding : 10px 0 0 30px;*/
	padding : 0 0 0 30px;
}

table#purchase-menu-table form{
	margin : 0;
}


table#purchase-menu-table td.purchase-navi-button{
	text-align : center;
	padding : 10px 0 0 0;
}
table#purchase-menu-table td.purchase-navi-button *{
	margin : 0;padding:0;
}
table#purchase-menu-table td.purchase-navi-button input{
	margin : 0 0 0 25px;padding:0;
	_margin : 0 0 0 45px;
}
table#purchase-menu-table td p{
	text-align:left;
	margin : 5px auto 0 0;
/*	width : 250px;*/
}
table#purchase-menu-table td p span{
	font-size:70%;
/*	padding-left:20px;
	_padding-left:0px;
*/	font-weight : bold;
}
input.select-purchase-type{
	clear : both;
	display : block;
/*	margin : 0 0 38px 0;
	_margin : 0 0 30px 0;
*/
	margin : 0 0 35px 0;
	_margin : 0 0 27px 0;
}
input.select-purchase-type-bottom{
	clear : both;
	display : block;
}
form#purchase-form{
	visibility : hidden;
}
form#purchase-confirm-form{
	margin : 20px 0;
}
#paypal-payment-flow img{
	margin : 0px auto;
}
#paypal-payment-flow ol{
	margin : 0 0 0 40px;
}

#paypal-payment-flow li{
	margin : 0px auto 20px 0;
}
#paypal-payment-flow li p{
	margin : 10px auto 10px 0;
}
p#paypal-type{
	margin : 10px 0 30px 0;
}
span#paypal-type-text{
	font-size : 1.5em;
	color : #66FF00;
	font-weight : bold;
}
div#payment-announce p{
	margin : 0 0 1em 0;
}
div#payment-announce strong{
	color : yellow;
}
p#purchase-navi-text{
	font-size : 1.1em;
	margin : 2em 0 0 0;
}
table#purchase-menu-table td#btn-purchase-container{
	padding : 0 0 0 25px;
}

/* announce */
p#topbar-announce{
	background : #FFFFCC;
	color : #000;
	font-size : 90%;
	padding:0.5em 0;
}


/*  admin */
.admin-form{
	margin : 0 0 0 1em;
}

div#user-account-option-area{
	/*margin : 0 0 0 1em;*/
}
div#user-account-option-area h4{
	padding : 0.5em 0 0.2em;
}
div#user-account-option-area h5{
	padding : 0.1em 0 0 0;
}

div#user-account-option-area div.user-account-option-item{
	float : left;
	width : 150px;
	clear : none;
	margin : 0;
}



div#graph-navi{
	width : 700px;
	text-align : center;
}
p.graph-tab{
	width : 80px;
	display : block;
	background : #333;
	float : right;
	text-align : center;
	margin : 0 10px 0 0;
}
p.graph-tab a{
	width : 80px;
	height : 1.4em;
	display : block;
	color : #fff;
	text-decoration : none;
}
p.graph-active{
	background : #999;
}
.log-table{
	margin : 12px 24px;
}

.log-table th{
	text-align : left;
}

.log-graph-range-form *{
	float : left;
}
.log-graph-range label{
	display : block;
}

div#log-graph-range,
div.log-graph-range{
	text-align : right;
	width : 700px;
}

input.input-range{
	width : 6em;
}
input.log-graph-range-apply{
	width: 6em;
	margin: 0 0 0 1em;
}
table#log-detail-table {
	margin : 0 0 0 20px;
	padding : 0;
	border-bottom : 1px solid #ccc;
	width : 690px;
}
table#log-detail-table thead th{
	background : #ccc;
	text-align : left;
}
table#log-detail-table th,
table#log-detail-table td {
	padding : 0.1em 0.4em;
	font-size : 0.8em;
}

/* debug */
.cake-sql-log{
	clear : both;
	width : 80%;
	margin : 0 auto;
}