@import url( "common.css" );
@import url( "./contextmenu/jquery.contextMenu.css" );

/* コンテンツ構造 */
#contents {
	margin-left: 0px;
}
#contents_left {
	float: left;
	width: 500px;
	text-align: center;
}

#contents_right {
	float: left;
	width: 300px;
}

#system_link {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #cccccc;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url( "../images/live_linklist_bg.gif" );
	background-repeat: repeat-x;
	font-size: 14px;
}

#system_help {
	clear: both;
	position: relative;
	top: -30px;
	left: -4px;
}
#system_help p a:link, #system_help p a:visited, #system_help p a:hover, #system_help p a:active  {
	color: white;
	font-weight: bolder;
}
	
/**
 * ヘッダ
 * 
 */
#header_left {
	float: left;
	width: 300px;
	height: 40px;
	margin-bottom: 1em;
}
#header_left a img {
	border: 0px;
}
#header_center {
	float: left;
	width: 260px;
	height: 40px;
	margin-bottom: 1em;
}
#header_center img {
	width: 100%;
	height: 40px;
}
#header_right {
	float: left;
	width: 300px;
	height: 40px;
	margin-bottom: 1em;
}

/**
 * 左
 * 
 */

/* 動画プレイヤ関連 */
#movie_panel {
	border: 1px solid #000000;
	width: 240px;
	height: 186px;
	margin-left: 10px;
	margin-bottom: 10px;
	z-index: 10;
}
#movie_panel_player {
	width: 480px;
	height: 360px;
}
#movie_panel_control {
	width: 100%;
	height: 25px;
	border-top: 1px solid #000000;
	background-color: #ffffff;
	/*background-image: url( "../images/resizetip.gif" );
	background-repeat: no-repeat;
	background-position: right bottom;*/
	text-align: left;
}
#sizesetting {
	float: left;
	padding-top: 3px;
	margin-left: 4px;
}
#videosize {
	float: left;
	padding-top: 6px;
	margin-left: 8px;
}
#defaultsize {
	float: left;
	padding-top: 2px;
	margin-left: 8px;
}
#adminfunc {
	float: left;
	padding-top: 2px;
	margin-left: 8px;
}
/* 書込み欄 */
#comment_writer {
	width: 480px;
	height: 120px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #000000;
	background-color: #cccccc;
	/*background-image: url( "../images/resizetip.gif" );
	background-repeat: no-repeat;
	background-position: right bottom;*/
	z-index: 100;
	text-align: left;
}
#comment_writer_dragbar {
	width: 100%;
	height: 6px;
	border-bottom: 1px solid #000000;
	background-color: #f96c00;
}
#comment_writer_name {
	margin-left: 4px;
	margin-top: 4px;
	padding: 3px;
}
#comment_writer_message {
	margin-left: 4px;
	margin-top: 4px;
	padding: 3px;
}
#comment_writer_file {
	margin-top: 4px;
}
input.tagged {
	color: #bbbbbb;
}
li.writer_ban a {
	background-image: url( "../images/user_delete.png" );
}
li.file_cancel a {
	background-image: url( "../images/cross.png" );
}
/**
 * 右
 * 
 */
/* パンくずリスト */
#live_linklist {
	width: 292px;
	padding: 4px;
	border: 1px solid #000000;
	margin-bottom: 8px;
	background-color: #f96c00;
	color: #ffffff;
}
#live_linklist a:link {
	color: #ffffff;
}
#live_linklist a:visited {
	color: #ffffff;
}
#live_linklist a:hover {
	color: #ffaaaa;
}
#live_linklist a:active {
	color: #ffffff;
}

/* リスナーモニタ */
#listener_monitor {
	width: 292px;
	padding: 4px;
	border: 1px solid #000000;
	margin-bottom: 8px;
	background-color: #ffffff;
}
#listener_monitor_body {
	clear: both;
	padding-top: 2px;
	padding-bottom: 2px;
}


/* タブコントロール */
#right_tabs {
	width: 300px;
	padding: 0px;
	margin-bottom: 8px;
	background-color: #ffffff;
}

/* 再生IPリスト */
#mirror_list {
	width: 292px;
	padding: 4px;
	border: 1px solid #000000;
	margin-bottom: 8px;
	background-color: #ffffff;
}
#mirror_list_header {
	height: 22px;
	/*background-image: url( "../images/minibar3_og.gif" );*/
	background-repeat: repeat-x;
	margin-bottom: 3px;
	padding: 0px;
}
#mirror_list_header_left {
	float: left;
	padding-top: 3px;
	width: 92%;
	height: 100%;
}
#mirror_list_header_left p {
	font-weight: bolder;
	font-size: 14px;
	color: #ffffff;
	padding: 0px;
	padding-left: 4px;
}
#mirror_list_header_right {
	float: left;
	width: 8%;
	text-align: right;
}
#mirror_list_header_right p {
	text-decoration: underline;
	color: #2222ff;
}
#mirror_list_header_right p img {
	margin-top: 2px;
}
#mirror_list_body {
	clear: both;
	padding-top: 2px;
	padding-bottom: 2px;
}

#mirror_list_urlbox {
	width: 210px;
}
#mirror_tools {
}
#mirror_tools {
}
#peercast_ip {
	width: 100px;
}
#peercast_port {
	width: 30px;
}

/* 配信詳細 */
#live_desc {
	width: 292px;
	padding: 4px;
	border: 1px solid #000000;
	margin-bottom: 0px;
	background-color: #ffffff;
}
#live_desc_header {
	height: 22px;
	/*background-image: url( "../images/minibar3_og.gif" );*/
	background-repeat: repeat-x;
	margin-bottom: 3px;
}
#live_desc_header_left {
	float: left;
	padding-top: 3px;
	width: 92%;
	height: 100%;
}
#live_desc_header_left p {
	font-weight: bolder;
	font-size: 14px;
	color: #ffffff;
	padding-left: 4px;
}
#live_desc_header_right {
	float: left;
	width: 8%;
	text-align: right;
}
#live_desc_header_right p {
	text-decoration: underline;
	color: #2222ff;
}
#live_desc_header_right p img {
	margin-top: 2px;
}
#live_desc_body {
	padding-top: 2px;
	padding-bottom: 2px;
}
#live_desc_body_status {
	margin-bottom: 6px;
}

/* コメント欄 */
#system_popup {
    display: none;
    width: 290px;
    padding: 2px;
    margin-bottom: 2px;
    border: 1px solid #000000;
}
.red {
    color: red;
    font-weight: bolder;
}
#system_popup p {
    margin-bottom: 4px;
    text-indent: 1em;
}
#system_popup input {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
}
#system_popup p a {
    font-weight: bolder;
}

#comment_control {
	width: 294px;
	border: 1px solid #000000;
	margin-bottom: 2px;
	text-align: center;
	background-color: #ffffff;
}
#comment_control table {
	margin-left: 20px;
	text-align: left;
}
#comment_control table tr td {
	padding-right: 6px;
}
#comment_control_noscroll {
	vertical-align: middle;
}
.checkbox_txt {
	display: block;
	clear: none;
}
#comment {
	width: 296px;
	height: 560px;
	padding: 2px;
	border: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 0px;
	background-color: #ffffff;
}
#comment_inner {
	width: 100%;
	height: 495px;
	overflow-y: scroll;
}
#comment_header {
	/*width: 276px;
	border: 1px solid #000000;
	text-align: center;
	margin-bottom: 2px;*/
}

.comment_row {
	width: 276px;
	border: 1px solid #888888;
	background-color: #dddddd;
	margin-bottom: 2px;
}
.comment_row_ban {
	width: 276px;
	border: 1px solid #888888;
	background-color: #dddddd;
	margin-bottom: 2px;
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}
.comment_num {
	margin-left: 4px;
	font-weight: bolder;
}
.comment_name {
	font-weight: bolder;
}
.comment_logined_user {
	color: #000000;
}
.comment_logined_user a {
	text-decoration: none;
	color: #f96c00;
}
.comment_writerid {
	color: #666666;
}
.comment_writedate {
	margin-left: 4px;
}
.comment_function {
	color: #0000ff;
	text-decoration: underline;
	cursor: pointer;
}
.comment_message {
	margin-left: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	word-break: break-all;
}
.comment_row_ban .comment_filelink {
	display: none;
}
.comment_filelink {
	margin-left: 4px;
}
#comment_footer {
	height: 0px;
}
/**
 * イベントウィンドウ 
 * 
 */
#event_window {
	position: absolute;
	width: 400px;
	height: 250px;
	background-color: #dddddd;
	border: 1px solid #000000;
	z-index: 999;
}
#event_window_header {
	width: 396px;
	height: 20px;
	background-color: #cccccc;
}
#event_window_body {
	width: 396px;
	height: 230px;
	background-color: #ffffff;
}

/**
 * 広告
 *
 */	
#ad01 {
	clear: both;
	width: 100%;
	margin-left: 10px;
	text-align: center;
	border-top: 2px solid #aaaaff;
	background-color: #dddddd;
}

#ad01_inner {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #aaaaaa;
}