*{
	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;
}

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

a img{
	border:none;
}

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

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;
}

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

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

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

#topbar {
	width : 89%;
	height : 13px;
	margin : 0 auto;
}
	#topbar p{
		font-size:10px;
	}
	p#topbar-ad{
		width:88%;
		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?080623);
	margin : 1px 0 0 0;
}
#logo a span { 
	display : none;
}

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

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



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

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

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


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


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


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


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


#menu-help a:link, #menu-help a:visited{
	background-position : 720px 0;
}
#menu-help a:hover{
	background-position : 720px 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 #copyright{
		margin-bottom:0.5em;
	}
	#footer span#version,
	#footer-menu span#version{
		margin-left : 0.2em;
		color : #444;
	}


#footer span#credit,
#footer-login span#credit{
	width : 90%;
	color : #666;
	margin-top : 0.7em;
}
#footer span#credit a,
#footer-login span#credit a{
	color : #666;
}

#footer-menu{
	margin-left:1.5em;
}
	#footer-menu a{
		color : #999;
	}




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

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


td{
	padding : 0.2em;
}
td.field{
	width : 120px;
}
td.value {
	width : 300px;
}
.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;
}

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_on.png) 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.mypage-item{
	list-style-type:none;
	background : url(../img/home.png) no-repeat;
	padding-left : 20px;
	margin : 0px 0 3px 6px;
}
li.original-page-item{
	list-style-type:none;
	background : url(../img/world_add.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 : 35%;
	clear:none;
}
div#settings-sub-menu{
	float : right;
	width : 45%;
	clear:none;
}



/* login */
div#login-container{
	width:760px;
	height : 330px;
	margin : 10px auto 0 auto;
}
	div#login-form{
		float:left;
		text-align:left;
		width:270px;
		height : 140px;
		margin:0; padding:50px 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-demo{
		float:right;
		width:480px;
		height:300px;
		clear:none;
		margin : 10px auto 0 auto;
		padding : 10px 0 0 0;
		text-align:center;
	}
	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;
	}


/* 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;
	}
	#user-viewer-result-text{
		font-weight : bold;
		margin : 0.2em 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 auto 0 0.5em;
		clear : both;
	}
	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;
	}




/* show swf, */ /* may not be used this sectionn */
#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;
}*/

#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;
}

#user-show-content{
	clear : both;
	width : 85%;
	margin : 0 auto;
	padding: 0px 40px 10px 40px;
	color: #BBB;
	text-align:left;
	min-width : 800px;
}

#user-show-content div#user-container{
	min-width:800px;
	clear:both;
}


#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 : 100%;
	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;
	}
	
div#import-site-external{
	width : 49%;
	float : left;
	clear : none;
}
div#import-site-internal{
	width : 49%;
	float : right;
	clear : none;
}

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;
}
li.import-site-qik{
	background : url(../img/icon_site_qik.png) no-repeat 0 0;
}
li.import-site-live100{
	background : url(../img/icon_site_live100.png) no-repeat 0 0;
}

span.import-opener-list{
	width : 14px;
	height : 14px;
	background : url(../img/import_opener.png);
	display:inline;
	float : left;
}

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;
	}


/* 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%;
	}

/* blacklist */
li.blacklist-item-commons{
	padding-left : 20px;
	height : 16px;
	list-style-type : none;
	line-height : 1.3em;
	margin-bottom : 0.1em;
	margin-top : 0.5em;
}
li.blacklist-item-ustream{
	background : url(../img/icon_site_ustream.png) no-repeat scroll 0pt 0pt
}
li.blacklist-item-justin{
	background : url(../img/icon_site_justin.png) no-repeat scroll 0pt 0pt
}
li.blacklist-item-qik{
	background : url(../img/icon_site_qik.png) no-repeat scroll 0pt 0pt
}
span.blacklist-item-name{
	clear:left;
	float:left;
	width:200px;
}
span.blacklist-item-date{
	float:left;
	width:auto;
}

/*  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;
}


/* mobile page */
#mobile-content{
	text-align:center;
}

#mobile-content table{
	margin-left:auto;
	margin-right:auto;
}

#mobile-content img{
	width:120px;
	height:94px;
}