/**************************************
* Reset
**************************************/

*
{
    font-family: Meiryo;
}

html, body, form
{
    margin: 0;
    padding: 0;
}

div, span, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td
{
    margin: 0;
    padding: 0;
    color: #333;
    font-weight: normal;
    font-size: 10pt;
    text-decoration: none;
    text-align: left;
}

ul, ol
{
	list-style: none;
}

table
{
    border-collapse: collapse;
}

img
{
	border: none;
    vertical-align: middle;
}

input, select, textarea
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/**************************************
* Layout
**************************************/

/* #page
**************************************/

#page
{
    min-width: 960px;
}

/* #body
**************************************/

#body
{
    /*
    overflow: hidden;
    */
}

/* #sidebar
**************************************/

#sidebar
{
    /*
    float: left;
    */
    width: 220px;
    margin: 0 0 0 20px;
}

/* #main
**************************************/

#main
{
    min-width: 68px;
    margin: 0 20px 0 20px;
}

/* #side
**************************************/

#side
{
    /*
    float: right;
    */
    width: 220px;
    margin: 0 20px 0 0;
}

/**************************************
* Design
**************************************/

div.error-message
{
    margin: 1em 0;
	padding: 4px;    
	border: 1px solid #CCC;
	background-color: #ffd;
	color: #f00;
}

p.message
{
    margin: 1em 0;
}

p.empty-message
{
    margin: 1em 0;
}

p.warning-message
{
    margin: 1em 0;
}

p.error-message
{
    margin: 1em 0;
	padding: 4px;    
	border: 1px solid #CCC;
	background-color: #ffd;
	color: #f00;
}

p.note
{
    color: #666;
    font-size: 80%;
}

p.more
{
    margin: 0.25em 0 1em 0;
}

p.more a
{
	padding-left: 15px;
	background: url("bullet01.png") no-repeat left 5px transparent;
}

p.commands
{
    margin: 1em 0;
    text-align: center;
}

a
{
    color: #333;
    text-decoration: underline;
}

a:hover
{
    text-decoration: none;
}

a.button
{
    padding: 2px 9px;
    border: 1px solid #CCC;
    border-radius: 5px;
    background: #666;
    color: #fff;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
}

a.button:hover
{
    background: #999;
}

/**/

input, textarea
{
    border: 1px solid #CCC;
}
 
select
{
    padding: 1px;
    border: 1px solid #CCC;
}

/**/

table.icon
{
    margin: 0 auto !important;
}

table.icon td
{
    width: 72px !important;
    height: 72px !important;
    padding: 0 !important;
    border: 1px solid #ccc !important;
    background: #FFF !important;
    text-align: center !important;
    vertical-align: middle !important;
}

table.icon img
{
    max-width: 72px !important;
    max-height: 72px !important;
}

/**/

table.thumbnail
{
    margin: 0 auto !important;
}

table.thumbnail td
{
    width: 128px !important;
    height: 128px !important;
    padding: 0 !important;
    border: 1px solid #ccc !important;
    background: #FFF !important;
    text-align: center !important;
    vertical-align: middle !important;
}

table.thumbnail img
{
    max-width: 128px !important;
    max-height: 128px !important;
}

/* #warning
**************************************/

#warning
{
    /*
	position: fixed;
	top: 0;
    */
	width: 100%;
	border-bottom: solid 1px #999;
	background-color: #ffc;
	text-align: center;
}

/* #header
**************************************/

#header
{
}

#header div.login
{
    float: right;
    margin: 1em 20px;
}

#header div.login p
{
    text-align: right;
}

#header h1
{
    margin: 0.5em 20px 1em;
}

#header div.nav
{
    padding: 0 20px;
    background: #488BC1;
}

#header div.nav ul
{
    overflow: hidden;
}

#header div.nav ul li
{
    float: left;
    display: block;
    width: 96px;
}

#header div.nav ul li a
{
    display: block;
    padding: 5px 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #009;
    background: #488BC1;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

#header div.nav ul li a:hover
{
    background: #C7E8FA;
}

/* #footer
**************************************/

#footer
{
    padding: 10px 20px;
    background: #488BC1;
}

#footer p.copyright
{
    float: right;
    color: #fff;
}

#footer div.nav
{
}

#footer div.ul
{
    overflow: hidden;
}

#footer div.nav ul li
{
    float: left;
    display: block;
}

#footer div.nav ul li a
{
    display: block;
    padding: 5px 5px;
    color: #fff;
}

#footer div.nav ul li a:hover
{
    background: #C7E8FA;
}

/* #sidebar
**************************************/

#sidebar div.box
{
    margin: 1em 0;
    padding: 0 9px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;/* for Firefox*/
    -webkit-border-radius: 5px;/*for Safari and chrome*/
    border-radius: 5px;/*CSS3*/
    behavior: url(border-radius.htc);/*/for IE*/
    /*
    border-radius: 5px;
    behavior: url('border-radius.htc'); /* for IE */
    background: #EFEFEF;
}

#sidebar h2
{
    margin: 0 -9px;
    padding: 4px 9px;
    border-bottom: 1px solid #CCC;
    background: #488BC1;
    color: #fff;
    font-weight: bold;
}

/* #main
**************************************/

#main div.box
{
    margin: 1em 0;
    padding: 0 9px;
    border: 1px solid #CCC;
    border-radius: 5px;
    background: #FFF;
}

#main h2
{
    margin: 0 -9px;
    padding: 4px 9px;
    border-bottom: 1px solid #CCC;
    background: #C7E8FA;
    color: #333;
    font-weight: bold;
}

#main h3
{
    margin: 1em 0;
    padding: 4px 9px;
    background: #C7E8FA;
    color: #333;
    font-weight: bold;
}

#main h4
{
    margin: 1em 0;
    padding: 0 5px;
    border-left: 5px solid #488BC1;
    font-weight: bold;
}

#main p.messages
{
    margin: 1em 0;
}

/**/

#main table.commands
{
    border-collapse: separate;
}

#main table.commands th
{
	padding: 2px;
}

#main table.commands td
{
	padding: 2px;
}

/* TODO:↓*/

#main table.box
{
    width: 100%;
    margin: 1em 0;
}

#main table.box thead th
{
}

#main table.box thead th h2
{
    margin: 0;
    padding: 4px 9px;
    border: 1px solid #CCC;
    border-radius: 5px 5px 0 0;
    background: #C7E8FA;
    color: #333;
    font-weight: bold;
}

#main table.box thead th.first-child h2
{
    margin: 0 0 0 -1px; /* for Firefox*/
}

#main table.box thead th.last-child h2
{
    margin: 0 0 0 -1px; /* for Firefox*/
}

#main table.box tbody td
{
    padding: 0 10px;
}

#main table.box tbody td.first-child, #main table.box tbody td.last-child
{
    width:50%;
    padding: 4px 9px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    vertical-align: top;
}

#main table.box tfoot th
{
}

#main table.box tfoot th div
{
    height: 4px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-radius: 0 0 5px 5px;
    background: #FFF;
}

#main table.box tfoot th.first-child div
{
    /*margin: 0 0 0 -1px; /* for Firefox*/
}

#main table.box tfoot th.last-child div
{
    /*margin: 0 0 0 -1px; /* for Firefox*/
}

/* TODO:↑ /

/* List
*/

#main div.options
{
    margin: 1em 0;
    padding: 2px 2px 2px 9px;
    border: 1px solid #ccc;
    background: #EFEFEF;
}

#main div.options a
{
}

#main div.options a.current
{
    background: #FFF;
}

#main div.pager
{
    margin: 1em 0;
    padding: 4px 9px;
    border: 1px solid #ccc;
    background: #EFEFEF;
    text-align: center;
}

#main div.pager a
{
    padding: 0 4px;
    border: 1px solid #ccc;
}

#main div.pager a.current
{
    background: #FFF;
}

/* Open
*/

/**/

#main table.preview
{
    margin: 1em 0;
}

#main table.preview td
{
    width: 362px;
    height: 362px;
    border: 1px solid #CCC;
    background: #FFF;
    text-align: center;
    vertical-align: middle;
}

#main table.preview img
{
    max-width: 360px;
    max-height: 360px;
}

/**/

#main table.properties
{
    width: 100%;
    margin: 1em 0;
}

#main table.properties th
{
    width: 20%;
    padding: 5px 10px;
    border-bottom: 1px solid #FFF;
    background: #999;
    color: #FFF;
    white-space: nowrap;
}

#main table.properties td
{
    width: 80%;
    padding: 5px 10px;
    border-bottom: 1px solid #FFF;
    background: #EFEFEF;
}

/**/

div#main ul.attachments-list
{
    margin: 1em 0;
}

div#main ul.attachments-list li
{
	padding-left: 15px;
	background: url("bullet02.png") no-repeat left 5px transparent;
}

/**/

#main div.timestamp
{
    margin: 1em 0;
    padding: 4px 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

#main table.timestamp
{
    width: 100%;
}

#main table.timestamp th
{
    width: 1%;
    white-space: nowrap;
}

#main table.timestamp td
{
    width: 49%;
}

/* Edit
*/

#main table.fields
{
    width: 100%;
    margin: 1em 0;
}

#main table.fields th
{
    width: 20%;
    padding: 9px 9px;
    border: 1px solid #CCC;
    background: #EFEFEF;
}

#main table.fields  td
{
    width: 80%;
    padding: 9px 9px;
    border: 1px solid #CCC;
    background: #FFF;
}

#main table.fields  td span.validator
{
    color: #f00;
}

/* #side
**************************************/

#side div.box
{
    margin: 1em 0;
    padding: 0 9px;
    border: 1px solid #CCC;
    border-radius: 5px;
    background: #FFF;
}

#side h2
{
    margin: 0 -9px;
    padding: 4px 9px;
    border-bottom: 1px solid #CCC;
    background: #C7E8FA;
    color: #333;
    font-weight: bold;
}

/* #modal
**************************************/

#modal
{
	display: none;
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
}

#background
{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	zoom:1;
}

#dialog
{
	position: relative;
	width: 820px;
    border: 1px solid #CCC;
    border-radius: 5px;
	background-color: #FFF;
}

#dialog-header
{
}

#dialog-header h2
{
    padding: 4px 9px;
    border-bottom: 1px solid #CCC;
    background: #C7E8FA;
    color: #333;
    font-weight: bold;
}

/**/

#dialog-body
{
	height: 600px;
    padding: 0 9px;
	overflow: auto;
}
    
#dialog-body h3
{
    margin: 1em 0;
    padding: 4px 9px;
	background: #EFEFEF;
	color: #333;
}

/**/

#dialog-body div.pager
{
    margin: 1em 0;
    padding: 4px 9px;
    border: 1px solid #ccc;
    background: #EFEFEF;
    text-align: center;
}

#dialog-body div.pager a
{
    padding: 0 4px;
    border: 1px solid #ccc;
}

#dialog-body div.pager a.current
{
    background: #FFF;
}

/**/

#dialog-body ul.contents-thumbnails
{
    overflow: hidden;
    margin: 1em 0;
}

#dialog-body ul.contents-thumbnails li
{
    float: left;
    display: block;
    width: 160px;
    height: 200px;
}

#dialog-body ul.contents-thumbnails li p.buttons
{
    text-align: center;
}

#dialog-body ul.contents-thumbnails li p.name
{
    text-align: center;
    font-size: 80%;
    word-wrap: break-word;
}

/**/

#dialog-footer
{
}

#dialog-footer p.commands
{
    margin: 0;
	padding: 10px;
	background: #eeeeee;
	text-align: center;
}

/* Anchors
**************************************/

#main ul.anchors-list
{
    overflow: hidden;
    margin: 0.25em 0;
}

#main ul.anchors-list li
{
    display: block;
    float: left;
    margin-right: 20px;
	padding-left: 15px;
	background: url("bullet02.png") no-repeat left 6px transparent;
	white-space: nowrap;
}

#main ul.anchors-list li.inpage
{
	background: url("bullet03.png") no-repeat left 6px transparent;
}

/* Bookmarks
****************************************/

#sidebar ul.bookmarks-list
{
    margin: 1em 0;
}

#sidebar ul.bookmarks-list li
{
	padding-left: 15px;
	background: url("bullet02.png") no-repeat left 5px transparent;
}

/* Categories
****************************************/

#sidebar ul.categories-list
{
    margin: 1em 0;
}

#sidebar ul.categories-list li
{
	padding-left: 15px;
	background: url("bullet01.png") no-repeat left 5px transparent;
}

#sidebar ul.categories-list li li
{
	margin-left: -10px;
	padding-left: 15px;
	background: url("bullet02.png") no-repeat left 5px transparent;
}

#main table.categories-details
{
    width: 100%;
    margin: 1em 0;
}

#main table.categories-details th
{
    padding: 2px 4px;
    background: #999;
    color: #FFF;
    text-align: center;
}

#main table.categories-details td
{
    padding: 2px 4px;
    border-top: 1px solid #FFF;
    background: #EFEFEF;
}

#main table.categories-details td.buttons
{
    white-space: nowrap;
}

/* Contents
****************************************/

#sidebar table.contents-search
{
    width: 100%;
    margin: 1em 0;
}

#sidebar table.contents-search td.options
{
    padding: 2px 0 0 0;
}

#sidebar table.contents-search td.buttons
{
    padding: 2px 0 0 0;
    text-align: right;
}

/**/

#main ul.contents-list
{
    overflow: hidden;
    margin: 1em 0;
}

#main ul.contents-list li
{
    float: left;
    display: block;
    width: 19%;
    height: 180px;
}

#main ul.contents-list li p.name
{
    text-align: center;
    font-size: 80%;
    word-wrap: break-word;
}

/**/

#main table.contents-details
{
    width: 100%;
    margin: 1em 0;
}

#main table.contents-details td
{
    padding: 2px 4px;
    background: #EFEFEF;
    white-space: nowrap;
}

#main table.contents-details td.checkbox
{
    width: 1%;
    border-bottom: 2px solid #FFF;
}

#main table.contents-details td.thumbnail
{
    width: 130px;
    padding: 2px;
    border-bottom: 2px solid #FFF;
    vertical-align: top;
}

#main table.contents-details td.name
{
    font-weight: bold;
}

#main table.contents-details td.status
{
    width: 33%;
    border-bottom: 2px solid #FFF;
}

/**/

#main ul.contents-thumbnails
{
    overflow: hidden;
    margin: 1em 0;
}

#main ul.contents-thumbnails li
{
    float: left;
    display: block;
    width: 160px;
    height: 200px;
}

#main ul.contents-thumbnails li p.buttons
{
    text-align: center;
}

#main ul.contents-thumbnails li p.name
{
    text-align: center;
    font-size: 80%;
    word-wrap: break-word;
}

/* Machines
****************************************/

#sidebar table.machines-search
{
    width: 100%;
    margin: 1em 0;
}

#sidebar table.machines-search td.options
{
    padding: 2px 0 0 0;
}

#sidebar table.machines-search td.buttons
{
    padding: 2px 0 0 0;
    text-align: right;
}

/**/

#main table.machines-list
{
    width: 100%;
    margin: 1em 0;
}

#main table.machines-list  td
{
    padding: 2px 4px;
    background: #EFEFEF;
    white-space: nowrap;
}

#main table.machines-list td.icon
{
    width: 74px;
    padding: 2px;
    border-bottom: 2px solid #FFF;
    vertical-align: top;
}

#main table.machines-list td.name
{
    font-weight: bold;
}

#main table.machines-list td.status
{
    width: 33%;
    border-bottom: 2px solid #FFF;
}

/**/

#main table.machines-details
{
    width: 100%;
    margin: 1em 0;
}

#main table.machines-details td
{
    padding: 2px 4px;
    background: #EFEFEF;
    white-space: nowrap;
}

#main table.machines-details td.thumbnail
{
    width: 130px;
    padding: 2px;
    border-bottom: 2px solid #FFF;
    vertical-align: top;
}

#main table.machines-details td.name
{
    font-weight: bold;
}

#main table.machines-details td.status
{
    width: 33%;
    border-bottom: 2px solid #FFF;
}

/**/

#main ul.machines-thumbnails
{
    overflow: hidden;
    margin: 1em 0;
}

#main ul.machines-thumbnails li
{
    float: left;
    display: block;
    width: 160px;
    height: 200px;
}

#main ul.machines-thumbnails li p.name
{
    text-align: center;
    font-size: 80%;
    word-wrap: break-word;
}

/* Makers
****************************************/

#main ul.makers-list
{
    overflow: hidden;
    margin: 1em 0;
}

#main ul.makers-list li
{
    display: block;
    float: left;
    width: 25%;
}

#main ul.makers-list li a
{
	padding-left: 15px;
	background: url("bullet02.png") no-repeat left 5px transparent;
}

#main ul.makers-list li a:hover
{
    text-decoration: none;
}

/* Members
****************************************/

#sidebar ul.members-list
{
    margin: 1em 0;
}

#sidebar ul.members-list li
{
	padding-left: 15px;
	background: url("bullet02.png") no-repeat left 5px transparent;
}

#sidebar ul.members-list li a
{
}

#sidebar ul.members-list li a:hover
{
    text-decoration: none;
}

/* Messages
****************************************/

#main ul.messages-list
{
    margin: 1em 0;
}

#main ul.messages-list li
{
    border-top: 1px dashed #CCC;
    line-height: 2em;
}

#main ul.messages-list li.last-child
{
    border-bottom: 1px dashed #CCC;
}

/**/

#main ul.messages-details
{
    margin: 1em 0;
}

#main ul.messages-details li
{
    border-top: 1px dashed #CCC;
    line-height: 2em;
}

#main ul.messages-details li.last-child
{
    border-bottom: 1px dashed #CCC;
}

/**/

#main div.messages-body
{
    margin: 1em 0;
}

/* Tags
****************************************/

#main ul.tags-list
{
    overflow: hidden;
    margin: 1em 0;
}

#main ul.tags-list li
{
    display: block;
    float: left;
    width: 20%;
}

#main ul.tags-list li a
{
	padding-left: 15px;
	background: url("bullet02.png") no-repeat left 5px transparent;
}

#main ul.tags-list li a:hover
{
    text-decoration: none;
}

/**/

#main table.tags-list
{
    width: 100%;
    margin: 1em 0;
}

#main table.tags-list th
{
    width: 1%;
    padding-right: 10px;
    vertical-align: top;
    white-space: nowrap;
}

#main table.tags-list td
{
    vertical-align: top;
}

/* VideoMaker
****************************************/

#side table.storyboard-list
{
    width: 100%;
    margin: 1em 0;
}

#side table.storyboard-list td
{
}

#side table.storyboard-list td.icon
{
    width: 72px;
    padding: 2px 0;
    vertical-align: top;
}

#side table.storyboard-list td.name
{
    padding: 2px 0 2px 5px;
    font-size: 80%;
}

/**/

#main table.storyboard-details
{
    width: 100%;
    margin: 1em 0;
}

#main table.storyboard-details th
{
    padding: 2px 4px;
    border-bottom: 2px solid #FFF;
    background: #999;
	color: #fff;
	text-align: center;
    white-space: nowrap;
}

#main table.storyboard-details td
{
    padding: 2px 4px;
    background: #EFEFEF;
    white-space: nowrap;
}

#main table.storyboard-details td.duration
{
    border-bottom: 2px solid #FFF;
    text-align: center;
}

#main table.storyboard-details td.thumbnail
{
    width: 130px;
    padding: 2px;
    vertical-align: top;
}

#main table.storyboard-details td.name
{
    text-align: center;
}

#main table.storyboard-details td.buttons
{
    border-bottom: 2px solid #FFF;
    text-align: center;
}
  
#main table.storyboard-details td.transition-duration
{
    padding: 2px 4px;
    border-bottom: 2px solid #FFF;
    background: #CCC;
    text-align: center;
}

#main table.storyboard-details td.transition
{
    padding: 2px 4px;
    border-bottom: 2px solid #FFF;
    background: #CCC;
    white-space: nowrap;
}

/**/

#main table.orders-details
{
    width: 100%;
    margin: 1em 0;
}

#main table.orders-details th
{
    padding: 2px 4px;
    border-bottom: 2px solid #FFF;
    background: #999;
	color: #fff;
	text-align: center;
    white-space: nowrap;
}

#main table.orders-details td
{
    padding: 2px 4px;
    border-bottom: 2px solid #FFF;
    background: #EFEFEF;
    white-space: nowrap;
}

/* #login
**************************************/

#login
{
    width: 240px;
    margin: 100px auto;
}

#login div.box
{
    margin: 1em 0;
    padding: 0 9px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;/* for Firefox*/
    -webkit-border-radius: 5px;/*for Safari and chrome*/
    border-radius: 5px;/*CSS3*/
    behavior: url(border-radius.htc);/*/for IE*/
    /*
    border-radius: 5px;
    behavior: url('border-radius.htc'); /* for IE */
    background: #EFEFEF;
}

#login h2
{
    margin: 0 -9px;
    padding: 4px 9px;
    border-bottom: 1px solid #CCC;
    background: #488BC1;
    color: #fff;
    font-weight: bold;
}

#login dl.fields
{
    margin: 1em 0;
}

#login span.failureNotification
{
    display: block;
    color: #F00;
    text-align: center;
}


/* EOF
**************************************/