@charset "utf-8";

body
{
	color : black;
	background : #dbdcff;
	margin : 0px;
	padding: 0px;
	
	line-height :1.4;
}

*
{
	font-size: 24px !important;
}

.playMode
{
	line-height :1.6;
}


ul.info
{
	margin : 4px;
	padding : 0px;
}

ul.info li
{
	display : inline;
	margin : 4px;
}


table
{
	width : 800px;
}

dd
{
	margin-left : 0px;
}

select.history
{
	width : 44%;
}

#selectPopupMenu
{
	display : none;
}

#seachSetting
{
	border : none;
}

input.searchTextInput
{
	width : 415px;
}

.comment dt
{
	margin : 2px 2px 2px 2px;
	padding : 3px;
	
	border-style : solid;
	border-width : 1px 1px 1px 1px;
	border-color : #6969fe;
}

.comment dd
{
	margin : 2px 15px 2px 2px;
	padding : 3px;
	
	background : #6969fe;
}


iframe.movie
{
	border : none;
	padding : 0px;
	margin : 0px;
}

.movieCommand
{
	/* margin-top : 12px; */
}

.alreadyView
{
	background : #fddbe4;
}

#playlist
{
	width : 180px;
}

#allHistoryListToPlaylist
{
	width : 360px;
}

.xhidden
{
	display : none;
}


#myPopupMenuTable
{
	width : 800px;
	
	border-collapse:separate;
	border-spacing:6px;
}

#myPopupMenuTable .button
{
	margin : 4px;
	padding : 1px;
	background : #aefec2;
	border-style : solid;
	border-width : 1px 1px 1px 1px;
	border-color : #000000;
	
	text-align : center;
}
	

#myPopupMenuArea
{
}

#myPopupList
{
	margin : 4px;
	padding : 0px;
	
	width : 700px;
	
	line-height :1.4;
}

#myPopupList li
{
	list-style-type: none;
	margin : 3px;
	padding : 3px;
	background : #dbd1ff;
	border-style : solid;
	border-width : 1px 1px 1px 1px;
	border-color : #000000;
	
	display : inline-block;
	line-height :1.4;
}



#myPopupMenuTable .button:hover, 
#myPopupTable td.myPopupClose:hover,
#myPopupList li:hover {
    outline: 4px -o-highlight-border;
	cursor:pointer;
}



#myPopupList li.myPopupClose
{
	background : #f7ffd1;
}

#myPopupList li.popupMenuTitle
{
	background : #f7ffd1;
}

#myPopupTable
{
	border : none;
	
	margin : 6px;
}

#myPopupTable td.myPopupClose
{
	background : #ffdad1;
	
	border-style : solid;
	border-width : 1px 1px 1px 1px;
	border-color : #000000;
	
	margin : 2px;
	padding : 4px;
	
	vertical-align : top;
	text-align : center;
	
	width : 50px;
}

.shortDesc
{
	margin : 2px 2px 2px 2px;
}

.playlistView
{
	padding-left : 4px;
	padding-right : 4px;
}

.infoHead
{
	padding-left : 4px;
	padding-right : 4px;
}

td.movieInfo
{
	vertical-align : top;
	text-align : left;
	padding-left : 4px;
}

td.movieThumbnail
{
	width : 135px;
	vertical-align : top;
	text-align : left;
}


img.thumbnailImageSpace
{
	margin-top : 4px;
}

img.thumbnailSize
{
	width : 120px;
}