/* + basic  */
html{
  overflow-y:scroll;
}
body {
  font-size: 75%; /*62.5%;*/
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin: 0px;
  font-size-adjust: none;
  font-stretch: normal;
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
/*  padding:0; */
/*  background-color:#404040; */
  /*font-family: sans-serif;*/
}

input,
textarea,
select{
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif !important;
  font-size: 100% !important;
}
select{
  padding-top: 2px;
  padding-bottom: 2px;
}
textarea {
  height: 4.3em;
}
input[type=submit]{
  cursor: pointer;
}
.ui-widget {
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif !important;
  font-size: inherit;
}

form { 
  display:inline; 
}

a.menu_item {
  color: #c0a080;
  font-weight:800;
  background-color: #e0ffe0;
}
a.com2 { color: #c0a080;
  font-weight:800;
   background-color: #e0ffe0;
}
a:hover { 
  text-decoration:underline;
}

.noselectable {
   -ms-user-select: none; /* IE 10+ */
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

/* clear fix */
.h1_head_div:after,
.thumb_list_data .item_panel:after{
  content: "";
  display: table;
  clear: both;
}
/* display 1 line text */
.text_1line{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* display 2 line text */
.text_2line{
  display: -webkit-box;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  line-height:1.5;
  max-height: 3em;
  word-break: break-all;
}
text_2line:before{
  content: '\00200c';
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1em;
}
text_2line:after{
  content: "";
  position: relative;
  right: -1em;
  float: right;
  width: 1em;
  height: 100%;
  background-color: inherit;
}


/*
 * Common sytle.(Home,Contentlist,Livelist...)
 */
.h1_head_div {
  position: relative;
  height: 64px;
  width: 980px;
  line-height: 64px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
}
.h1_head_icon_title {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  float: left;
  width: 60%;
  position: relative;
}
.h1_head_icon {
}
.h1_head_title {
  font-size: 240%;
  position: absolute;
  top: 10px;
  padding-left: 10px;
}
.h1_head_programs {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  float: right;
  margin-top: 20px;
}
.h1_head_cnt_1,
.h1_head_cnt_2 {
  font-size: 124%;
}
.h1_head_cnt_n {
  font-size: 240%;
}
.h1_head_sep{
  font-size: 240%;
}
.h1_head_list{
  font-size: 124%;
}

.no_data{
    height: 50px;
    clear: both;
    font-size: 140%;
    padding-top: 30px;
}
/* for django's messages framework*/
.messages{
  font-size: 100%;
}
.messages .info{
  color: #4169E1;
}
.messages .error{
  color: #E61717;
}

.error_msg {
  clear: both;
  width: 100%;
  font-size: 130%;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  color: red;
}
.errorlist{
  color: #E61717;
  list-style-type: none;
  padding-left: 0px;
  -webkit-padding-start: 0px;
}
.errorlist li{
  padding-left: 25px;
  background-image: url(images2/icon_alert.png);
  background-repeat:no-repeat;
  background-position: 0px 0px;
}
.pankuzu{
  padding-top: 10px;
  padding-bottom: 10px;
}
.pankuzu .pankuzu_level{
  padding-right: 10px;
  padding-left: 10px;
}

.space_between_main_and_sub_tabs {
  padding-top: 1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-hide {
  position: absolute;
  left: -10000px;
}

.header_panel{
  margin-bottom: 20px;
}

.program_started,
.program_waiting {
  padding: 0px 10px;
}

/*
 * Tab Menu
 * */

/*common*/
#main_tab {
  border: none;
  min-width: 950px;
  padding: 0px;
  background-image: none;
}
#main_tab_ul {
  border: none;
  width: 1024px;
  padding: 0px;
  margin-left:auto;
  margin-right:auto;
}
#main_tab_ul li {
  border-bottom-right-radius:0px !important;
  border-bottom-left-radius:0px !important;
  border-top-right-radius:0px !important;
  border-top-left-radius:0px !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  margin-top: 0px;
  margin-bottom: 0px;
}
#main_tab_ul li.ui-state-default {
  /*border-bottom: 2px solid #ffffff;*/
}
#main_tab_ul li.ui-state-active {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#main_tab_ul li a {
  padding: 12px 22px;
  font-size: 120%;
  outline-color: transparent;
}
.ui-tabs .ui-tabs-panel {
  padding: 0px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
  margin-bottom: 0px;
}
/*viewer*/
.main_tab_div_viewer .pane_inner {
  padding-left: 0px !important;
  padding-bottom: 80px;
  width: 980px;
  margin: 0px auto;
}
#sub_tab_id_home1 .pane_inner {
  width: 100%;
}
.sub_tab_ul_viewer {
  padding-left: 20px !important;
  padding-top: 1px !important;
  border: none !important;
  width: 1024px;
  margin: auto !important;
  font-size: 120%;
}
.sub_tab_ul_viewer li {
  border-left:      none !important;
  border-right:     none !important;
  border-top:       none !important;
  border-bottom-right-radius:0px !important;
  border-bottom-left-radius:0px !important;
  border-top-right-radius:0px !important;
  border-top-left-radius:0px !important;
}

.sub_tab_ul_viewer li.ui-state-default {
}

.sub_tab_ul_viewer li.ui-state-active {
}

.sub_tab_ul_viewer li a{
  font-size: 85%;
  outline-color: transparent;
}

.tabs.ui-widget-content {
  background: none;
}

/*manager*/
.sub_tab_ul_manager {
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding-top: 1px !important;
  font-size: 120%;
  width: 1024px;
  margin: 0px auto !important;
}

.sub_tab_ul_manager li {
  border-left:      none !important;
  border-right:     none !important;
  border-top:       none !important;
  border-bottom-right-radius:0px !important;
  border-bottom-left-radius:0px !important;
  border-top-right-radius:0px !important;
  border-top-left-radius:0px !important;
  padding: 4px 6px !important;
}
.sub_tab_ul_manager li a{
  font-size: 85%;
  outline-color: transparent;
}



span.head_management_menu_area {
  position: absolute;
  bottom:   2px;
  right:    2px;  
}


#sub_tab_id_prj_home, #sub_tab_id_prj_discuss, #sub_tab_id_prj_material, #sub_tab_id_prj_content {
  padding-top: 10px !important;
}

.main_tab_div_manager .pane_outer{
  padding-top: 20px;
  padding-bottom: 20px;
}
.main_tab_div_manager .pane_inner {
  margin: 0px auto;
}
/*
 * Manager panel size
 * */
.main_tab_div_manager .pane_inner {
    width: 80%;
}
@media screen and (max-width:1280px){
 .main_tab_div_manager .pane_inner {
    width: 1024px;
  } 
}
/*
 * Scene Editor
 */
#sc_editor_main .pane_inner {
    width: 1024px;
    margin: 0px auto;
}

/*
 * Manager Style
 */
.main_tab_div_manager .query_panel {
    font-size: 100%;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-bottom:2px;
}
.main_tab_div_manager .query_panel .page_order{
  overflow:hidden;
}
.menu_desc {
  width: 980px;
  margin: 0px auto;
  padding-top: 10px;
}

.menu_desc span {
  padding-right: 40px;
}

.ui-corner-all {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.ui-button {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

/*
 * Personal settings
 */
#psetting_form_outer_div {
  padding-top: 20px;
  padding-bottom: 40px;
}
#psetting_form_inner_div {
  width: 980px;
  margin: 0px auto;
}
.psetting_input_group_hidden {
  visibility: hidden;
  position: absolute;
}
.psetting_input_group_inner{
  width: 550px;
  margin: 0px auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
.psetting_subtitle{
  font-size: 130%;
  font-weight: 700;
}
.input_panel{
  margin: 15px auto;
}
.input_panel .input_label{
  width: 230px;
  display: inline-block;
  font-size: 120%;
}
.input_panel .checkbox_label{
  font-size: 120%;
}
.input_panel .input_item input[type="text"],
.input_panel .input_item input[type="password"],
.input_panel .input_item input[type="email"]{
  padding: 5px 10px;
  width: 290px !important;
}
.input_panel .input_item select{
  padding: 5px 10px;
  width: 310px !important;
}
#psetting_form_outer_div .input_note{
  width: 100%;
}
#psetting_form_outer_div .input_note ul{
  padding-top: 10px;
  padding-bottom: 10px;
}
#psetting_buttons{
  width: 500px;
  margin: 0px auto;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
#update_button,
#cancel_button{
  font-size: 120%;
  padding: 7px 27px;
  border-radius: 2px;
}
#cancel_button{
  margin-right: 20px;
  cursor: pointer;
}
#update_button {
  color: #ffffff;
  background-color: #01A0E2;
  border: 1px solid #01A0E2;
}
#cancel_button {
  color: #ffffff;
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
}

/**
 *   Narrowing ,Order Panel
 */
.query_panel select{
  padding: 2px 4px;
  
}
.query_panel input[type="text"]{
  padding: 2px 4px;
  margin-bottom: 5px;
}
.query_panel label{
  margin-right: 10px;
  word-break: keep-all;
}
.narrowing_down_panel{
  padding: 10px 20px;
  position: relative;
  min-height: 30px;
  overflow: auto;
}
.narrowing_down_panel select{
  margin-bottom: 5px;
  max-width: 360px;
}
.category_panel,
.status_panel,
.creators_panel,
.editready_only_panel,
.group_panel,
.hide_preview_panel,
.purposes_panel{
  margin-right: 20px; 
  display: inline-block;
}

.keyword_panel{
  position:relative;
  float: right;
}
.order_panel{
  float: right;
  margin-top: 10px;
}
.order_panel select{
  width: 130px;
}

/**
 *   Pagination
 */

/*pagination for viewer*/
.main_tab_div_viewer .pagenator {
    font-size: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.main_tab_div_viewer .pagenator a{
    text-decoration: none;
}
.main_tab_div_viewer .pagenator a:hover{
    text-decoration: underline;
}
.main_tab_div_viewer .pagenator .npage_block{
    display: none;
}

.main_tab_div_viewer #prj_content_list  .pagenator .npage_block,
.main_tab_div_viewer #prj_material_list .pagenator .npage_block,
.main_tab_div_viewer #v_content_list    .pagenator .npage_block,
.main_tab_div_viewer #v_material_list   .pagenator .npage_block,
.main_tab_div_viewer #v_xmsfile_list    .pagenator .npage_block,
.main_tab_div_viewer #v_xmscache_list   .pagenator .npage_block {
    display: block !important;
    float: left;
    margin-right: 40px;
    overflow: auto;
}

.main_tab_div_viewer .pagenator .npage_block .num_of_items {
    margin-right: 10px;
}
.main_tab_div_viewer .pagenator .npage_block .num_of_page {
    margin-left: 20px;
}
  .main_tab_div_viewer .pageselect_block{ 
  }
  .main_tab_div_viewer .pagenator_arrow_link,
  .main_tab_div_viewer .pagenator_arrow {
    padding: 3px 10px;
    border-radius: 4px;
    margin: auto 5px;
  }
  .main_tab_div_viewer .num_block{
    margin: auto 10px;
  }
  .main_tab_div_viewer .pagenator_num_link,
  .main_tab_div_viewer .pagenator_num{
    margin: auto 5px;
    text-decoration: none;
    font-size: 120%;
}


/*pagination for manager*/
.main_tab_div_manager .pagenator {
    margin: 15px auto 5px auto;
  }
  .main_tab_div_manager .npage_block {
    display: block;
    float: left;
    margin-right: 40px;
    overflow: auto;
  }
  .main_tab_div_manager .npage_block .num_of_items {
    margin-right: 10px;
  }
  .main_tab_div_manager .npage_block .num_of_page {
    margin-left: 20px;
  }
  .main_tab_div_manager .pageselect_block{
     text-align: center;
  }
  .main_tab_div_manager .pagenator_arrow_link {
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .main_tab_div_manager .pagenator_arrow {
    margin-left: 5px;
    margin-right: 5px;
  }
  .main_tab_div_manager .pagenator_num_link{
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .main_tab_div_manager .pagenator_num{
    margin-left: 5px;
    margin-right: 5px;
}

/*View Resource Usage*/
#view_viewernum_table th,
#view_disk_table th{
  width: 150px;
}
#view_viewernum_table td{
  width: 470px;
}
#diskusage_ratio{
  position:relative;
  top:25px;
  left:250px;
}
#diskusage_bar{
  width:300px;
  float:left;
}
#diskusage_usage{
  width:150px;
  float:left;
  padding-top:5px;
  padding-left:10px;
}
#view_traffic_table th{
  width:150px;
  height: 40px;
}
#trafficusage_ratio{
  position:relative;
  top:30px;
  left:250px;
}
#trafficusage_bar{
  width:300px;
  float:left;
}
#trafficusage_usage{
  width:150px;
  float:left;
  padding-top:5px;
  padding-left:10px;
}

/*channel item*/
.channel_item {
  float:    left;
  border: outset 2px #000030;
  width:  176px;
  height: 154px;
  margin: 1px;
  position: relative; 
  //text-align: center;
  top: 160 px;
    
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;

}

.channel_item a:hover {
  color: red;
  text-decoration:underline;
  background-color:#0d0d0d;
  cursor: pointer;
}

.channel_button {
  position: absolute;
  margin: 0px;
  padding: 0px;
  top: 0px;
  left: 0px;
  width: 100%;
  //height: 108px;
  height: 118px;
  
  background: -moz-linear-gradient(top,#FFFFFF, #D0D0D0 50%,#C0C0C0 50%,#A0A0A0);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.5,#D0D0D0), color-stop(0.5,#C0C0C0), to(#A0A0A0));

  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  cursor: pointer;
  
}

.channel_item_header {
  position: absolute;
  top: 4px;
  left: 4px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding:0;
}

.channel_item_thumbnail {
  position: absolute;
  //top: 30px;
  top: 40px;
  left: 22px;
}

.channel_item_footer {
  position: absolute;
/*  text-align: left; */
  top: 118px;
  left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding:0;
}

/*Footer*/
div.footer {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  clear: both;
  font-size: small;
}

/*Material and Content style*/
.thumb_list_data {
  margin-top: 10px;
  margin-bottom: 10px;
  word-wrap: break-word;
  word-break: break-all;
  clear: both;
}
.thumb_list_data{
  width: 100%;
}
.thumb_list_data .caption{
  margin-right: 5px;
}
.thumb_list_data .item_panel{
  width:100%;
  padding: 10px 0px;
  position: relative;
  border-top: 1px solid #CCCCCC;
}
.thumb_list_data .item_panel:last-child{
  border-bottom: 1px solid #CCCCCC;
}
.thumb_list_data .video_item{
  
}
.thumb_list_data .thumbnail_pane{
  position: relative;
  width: 160px;
  height: 90px;
  text-align: center;
  background-color: #000000;
  float: left;
  overflow: hidden;
}
.thumb_list_data .thumbnail_pane a{
  text-decoration: none;
}
.thumb_list_data .thumbnail_pane img.thumbnail_s {
  height: 100%;
  position: absolute;
  margin: auto;
  left: -100px;
  right: -100px;  
}
.thumb_list_data .thumbnail_pane .duration{
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 1px 5px;
  color: #FFFFFF;
  background-color: rgba(0,0,0,0.5);
  font-size: 110%;
}

.thumb_list_data .video_item_left{
  float: left;
  width: 36%;
  margin-left: 10px;
}
.thumb_list_data .video_item_right{
  margin-left: 10px;
  float: left;
  width: 16%;
}
.thumb_list_data .video_item_right img,
.desc img {
  vertical-align: middle;
  padding: 1px;
}

.thumb_list_data .operation {
  float: right;
  width: 26%;
}

.thumb_list_data .operation .ope_inner {
  margin-top: 4px;
}

.thumb_list_data .video_item_left .name {
  font-weight: bold;
  width: 100%;
}

.thumb_list_data .video_item_left .description {
  font-size: 80%;
  color: #666666;
  margin: 4px 0 4px 4px;
}

.thumb_list_data .video_item_left .misc_item,
.thumb_list_data .video_item_right .misc_item {
}

.thumb_list_data .video_item_left .misc_title,
.thumb_list_data .video_item_right .misc_title {
}

.thumb_list_data .video_item_left > div,
.thumb_list_data .video_item_right > div {
  margin-top: 2px;
}

.thumb_list_data .video_item_left > div:first-child,
.thumb_list_data .video_item_right > div:first-child {
  margin-top: 0px;
}

.dialog img{
  width: 320px;
}

/*common table style*/
.current_data{
  width: 100%;
}
#modal-dialog-content .current_data{
  width: auto;
}
.current_data {
  margin-top: 10px;
  margin-bottom: 20px;
  word-wrap: break-word;
  word-break: break-all;
  clear: both;
}
.current_data .thumbnail_pane{
  position: relative;
  width: 160px;
  height: 90px;
  text-align: center;
  background-color: #000000;
  float: left;
  overflow: hidden;
}
.current_data .thumbnail_pane a{
  text-decoration: none;
}
.current_data .thumbnail_pane img.thumbnail_s {
  height: 100%;
  position: absolute;
  margin: auto;
  left: -100px;
  right: -100px;  
}
.current_data .thumbnail_pane .duration{
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 1px 5px;
  color: #FFFFFF;
  background-color: rgba(0,0,0,0.5);
  font-size: 110%;
}

table.current_data tr.inactive{
  background-color: #BDBDBD;
  color: #1C1C1C;
}

.current_datatd, th {
  padding: 0px 4px;
}

.current_data td {
  border-bottom: 1px solid #b0b0b0;
}

table.current_data th {
  border-collapse: separate;
  border-spacing: 4px;
}

th.cbtable {
  background-color: #60c060;
  border-collapse: separate;
  border-spacing: 4px;
}

table ul {
  margin-top: 0px;
  margin-bottom: 0px;
}


table.current_data th.name,
table.current_data th.description {
  min-width: 180px;
}
table.current_data th.duration {
  min-width: 100px;
}
table.current_data th.source_type {
  min-width: 90px;
}



/*View Log*/
table.current_data.log_item th{
  min-width: 150px;
}
table.current_data th.user{
  min-width: 200px;
}
table.current_data th.access_time{
  min-width: 180px;
}
table.current_data th.view_length{
  min-width: 100px;
}
/*Schedule*/
.schedule_subtitle{
  font-size: 130%;
  font-weight: bold;
}
#schedule_list table.current_data th.start_time,
#schedule_list table.current_data th.end_time{
  min-width: 175px;
}
#schedule_list table.current_data th.broadcast_time{
  min-width: 210px;
}
#schedule_list table.current_data th.source{
  min-width: 100px;
}
#schedule_list table.current_data th.operation{
  min-width: 150px;
}
#schedule_list table.current_data th.status{
  min-width: 60px;
}
#schedule_list table.current_data .sche_name{
  font-weight: bold;
  width:300px;
  display:block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#schedule_list table.current_data .sche_desc{
  font-style: oblique;
  margin-left: 20px;
  width:300px;
}
#schedule_ongoing{
  margin-left: 20px;
}


table.current_data td {
  border-collapse: separate;
  border-spacing: 4px;
}

table.data_input {
  border-spacing: 4px 0px;
}
table.data_input td{
  padding-top: 2px;
  padding-bottom: 2px;
}
table.data_input th{
  text-align: left;
  vertical-align: top;
  padding: 4px 2px;
}
table.data_input input[type="number"] {
  width: 100px;
}
table.data_input input[type="text"],
table.data_input input[type="password"],
table.data_input input[type="number"] {
  margin-right: 4px;
}
table.data_input td button {
  margin-left: 8px;
}

tr.success td {
  background-color: #e0ffe0;  
}
tr.pending td {
  background-color: #f0f0f0;  
}
tr.failure td {
  background-color: #ff8080;  
}
tr.started td {
  background-color: #8080ff;  
}


/**
 *   Error Page
 */
#error_pane_outer{
  background-color: #f0f0ed;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}
#error_pane_inner{
  width: 900px;
  margin: 0px auto;
  padding: 20px 40px;
  background-color: #ffffff;
  font-size: 120%;
}

/*Login*/
#login_outer {
  background-color: #f0f0ed;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}
#login_outer a{
  text-decoration: none;
  color: blue;
}
#login_outer a:hover{
  text-decoration: underline;
}
#login_inner {
  max-width: 980px;
  min-width: 768px;
  margin: 0px auto;
  background-color: #ffffff;
}

#login_inner_logo {
  display: block;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}

#login_inner_logo img {
  height: 42px;
}
#login_table_outer {
  width: 100%;
  border-top:    1px solid #f0f0ed;
  border-bottom: 1px solid #f0f0ed;
}

#login_table {
  margin: 0 auto;
  width: 500px;
  padding-top: 16px;
  padding-bottom: 6px;
  font-size: 125%;
}

#login_table #login_name {
  font-size: 130%;
  font-weight: 400;
}
#login_table #login_name_show_link{
  float: right;
  font-size: 70%;
  margin-top: 4px;
}
#login_table .login_inputline{
  margin-top: 20px;
  margin-bottom: 20px;
}
#login_table .login_inputline_hidden{
  visibility:hidden;
  position: absolute;
}
#login_table input {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left:3px;
  padding-right:3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#login_error_msg {
  color: #ff0000;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 10px;
}
#login_error_msg img{
  vertical-align: middle;
  padding-bottom: 2px;
}

.login_caption{
  width: 100px;
  margin-right: 20px;
  display: inline-block;
}
#self_user_reg_form .login_caption,
#reset_password_form .login_caption{
  width: 200px;
}
.login_inputline .help_text{
  font-size: 80%;
} 
#id_loginid,
#id_password,
#id_pgid {
  width: 240px;
}

#login_input {
  border: 1px solid #f0f0ed;
}
.login_submit_outer {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

.login_submit {
  border: 0px;
  height:36px;
  /*width:120px;*/
  padding: 0 30px;
  font-size: 120%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.forget_password_link{
  text-align: right;
  padding-right: 120px;
}
.login_center_tag {
  width: 600px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 10px;
  font-size: 120%;
}
.login_comment_tag {
  font-size: 80%;
  margin: 4px;
}
#login_comment_bold {
  text-align: center;
  font-size: 100%;
}

/*--end of Login*/


/* Channel list */
.table_scroll{
  overflow-x: scroll;
  width: 100%;
}
table.channel_table{
  margin-top: 10px;
}
table.channel_table tbody{
  overflow-x: auto;
  white-space: nowrap;
  width: auto;
}

table.channel_table td.program_watch {
  text-align: center;
  width: 200px;
  font-size: 16px;
  word-break: break-all;
}
table.channel_table td.program_watch a{
  text-decoration: none;
}
table.channel_table td.program_watch a:hover{
  text-decoration: underline;
}
table.channel_table td.hour_day {
  background-color: #ffc0c0;  
}

table.channel_table td.program_day {
  background-color: #ffd0d0;  
}
table.channel_table td.hour_night {
  background-color: #c0c0ff;  
}

table.channel_table td.program_night {
  background-color: #d0d0ff;
  max-width: 300px;
  word-break: break-all;
}

table.form_inner_t {
  position: relative;
  left:     0px;
  padding:  0px;
  offset:   0px;
}

table.form_inner_t tr td {
 position: relative;
 left: 0px;
 padding: 2px;
}

.text-enhance {
  font-weight:800;
}

.desc {
  width: 100%;
}

.desc .desc-image {
  float: right;
}

.desc dl dd {
  font-size:   120%;
  line-height: 150%;
}

.desc dl dd dl dd {
  font-size:   100%;
  line-height: 120%;
}

.desc a {
  font-weight:800;
}

.desc .dt-enhanced {
  font-size:150%;
  font-weight:800;
}

.desc .dt-second {
  font-size:120%;
  font-weight:800;
}

.desc .item_group{
  display: list-item;
  font-weight: 800;
  font-size: 110%;
}

.channel_schedule_list {
  text-align: left;
  left:       40px;
}

.chooser_label {
  font-size: 120%;
  font-weight: 400;
}

.notification {
  padding: 2px;
  margin-bottom: 4px;
  background-color: #f8f8f8;
  border: 1px solid #c0c0c0;
}

.player_head_label_class {
    font-size:  120%;
    font-weight:bold;
}


.player_head_desc_class {
    word-break:break-all; 
    word-wrap:break-word;
}

.video_area {
  margin: 4px;
}

.live_status {
  margin-top: 42px;
  margin-bottom: 8px;
  font-size: 120%;
  font-weight: 400;
}

.vod_head {
  font-size: 120%;
  font-weight: 400;
  clear: both;
}

table.comment_list td {
  border-bottom: 1px solid #b0b0b0;
  vertical-align: top;
}

table.comment_list .cml_block {
  float: left;
}

table.comment_list .cml_img {
  float: left;
  margin-right: 4px;
  width:  120px;
  height: 70px;
}

table.comment_list img.thumbnail_cml {
  position: absolute;
  left: 4 px;
  height: 64px;
}

table.comment_list .cml_comment {
  float: left;
  //margin
  //left: 130px;
}

table.comment_list .cml_children {
  margin-top: 4px;
  margin-left: 10px;
}

table.comment_list .cml_children_body {
  margin-top: 4px;
  margin-left: 16px;
}

.status_list {
  text-align: left;
  left:       1px;
}


.waiting_icon {
  position: absolute;
  top: 50%;
  left: 50%;
}

input[type="text"][readonly] {
  /* border: none; */
}
/*
textarea[readonly],
input[readonly]{
  background-color: #F0F0ED;
}
*/

/* MultiSelect users with search and pagenation*/
.userssel {
  /*position: relative; 
  height: 240px;
  margin:    0;
  padding:   0;
  border:    1px solid;
  display:   block;*/
}
.userssel .pagenator {
  margin: 0px;
  border: 0px;
  padding-bottom:0;
  padding-left: 2px;
  font-size: 11px;
}
.userssel .pageselect_block{
  text-align: center;
}
.userssel .pagenator_a {
  padding: 1px 2px;
  margin: 0px 1px;
  font-size: 11px;
}
.userssel-left {
  float:     left;
  margin:    0;
  padding:   0;
  border:    1px solid;
  border-right: none;
}
.userssel-right {
  float:     right;
  margin:    0;
  padding:   0;
  border:    1px solid;
}
.userssel-head {
  font-size: 11px;
  height:    84px;
  display:   block;
  padding: 3px 5px;
  border: none;
}
.userssel-head-group {
  position: relative;
}
.userssel-head-group-select select {
  display:     inline-block;
  width:     200px;
  white-space: nowrap;
}
.userssel-ulist {
  position:  relative;
  height:    150px;
  overflow:  auto;
  width:     100%;
  margin:    0;
  padding:   0;
  border:    0;
  display:   block;
}
.userssel-ulist li {
  position:     relative;
  font-size:    11px;
  /*width:        96%; */
  height:       20px;
  line-height: 20px;
  padding-left: 10px;
  overflow:     hidden;
  margin:       0;
  border:       0 !important;
}
.userssel .usel-name {
  display:     inline-block;
  width:       280px;
  white-space: nowrap;
}
.userssel-ulist li a {
  position:      absolute;
  right:         0px;
  padding-right: 2px;
  border:        0 !important;
}
.userssel-left-head-addall {
  position:      absolute;
  right:         0%;
  white-space:   nowrap;
  padding-right: 6px; 
}
.userssel-selected-header-left {
  float:        left;
  padding-left:  7px; 
  padding-top:  30px; 
}
.userssel-selected-header-right {
  float:        right;
  padding-right:  7px; 
  padding-top:  30px; 
}
.userselect a:hover { 
  text-decoration: underline; 
}

/* Category selection box */

ul.category_select {
	list-style: none;
	padding-left: 0px;
	overflow-y: scroll;
	line-height: 1.5em;
	height: 15em;
	border: 1px solid gray;
	width: 200px;
}

ul.category_select .selected {
	background-color: #000080;
	color: white;
}

ul.category_select .selected .child_indicator {
	color: white;
}

ul.category_select .child_indicator {
	font-family: 'Courier';
	color: blue;
}

.category_dialog_message {
	list-style: none;
	color: red;
	padding: 0px;
}

.waiting-icon {
  position: absolute;
  right:    50%;
  top:      50%;
  z-index:  10000;
}
.pagenation_query_word{
  width: 160px;
}

div#step_sch_1, div#step_sch_2, div#step_sch_3 {
    height: 100%;
}

a img {
  border-style: none;
}
ol>li{
  margin-bottom: 20px;
}
/*Wizard*/
#live_system_check_result{
  width: 700px;
  word-wrap: break-word;
  display: block;
}

#full-scale-image {
  overflow: scroll;
}

.paged_list_line {
  letter-spacing: -.4em;
}

.paged_list_header {
  letter-spacing: normal;
}
.paged_list_page {
  border: 1px solid #c0c0c0;
  padding: 1px 4px;
  margin: 4px;
  letter-spacing: normal;
}

table.paged_list_table th {
  border-top:    1px solid #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
}
table.paged_list_table td {
  border-bottom: 1px solid #b0b0b0;
}

/* Multiselect */
.ui-multiselect .ui-widget-header {
  background-image: none;
}

.ui-multiselect .ui-widget-content {
  background-image: none;
}
.ui-multiselect .actions .label{
  float: left;
  margin-top: 5px;
  margin-left: 5px;
}

/* tempolarily placed here */


#id_xms_player_main {
  background-color: #000000;
  padding: 20px;
}

#id_xms_record_ctrl_main {
  background-color: #000000;
  padding: 20px;
}

#xms_toolbar {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 8px;
  padding-right: 2px;
  height: 100%;
  width: 100%;
}

#record_toolbar {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 8px;
  padding-right: 2px;
  height: 100%;
  width: 100%;
}

/* XMS File, Video File manipulation log */
.filelog {
  width: 700px;
}

/* Course info */
.courseinfo_name {
  min-width: 100px;
  max-width: 300px; 
}

button.ui-dialog-titlebar-close span.ui-button-text {
  display: none;
}

.structlist {
  height: 60px;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 100%;
  display: inline-block;
}

.structlist span {
  display: inline-block;
  vertical-align: middle;
}
.structlist_desc {
  width: 240px;
}
.structlist_cb {
  width: 20px;
}

#userimport_form table ul {
  padding-left: 0;
}

#userimport_form table ul li {
  list-style-type: none;
  display: inline-block;
}

#id_ui_import_dom {
  width: 80px;
}

.is_guest #main_tab_scroll_outer {
  display: none;
}

input[type=text].dlink_url {
  width: 580px;
  border-style: groove;
  border-color: initial;
}

textarea.dlink_url {
  width: 580px;
  height: 60px;
  resize: none;
  word-break: break-all;
  border-style: groove;
  border-color: initial;
}

.ls_status {
  padding: 0 10px;
  color: #ffffff;
  background-color: #c0c0c0;
}

.ls_status_available,
.ls_status_connected {
  color: #ffffff;
  background-color: #01a0e2;
}

ul.radioexselect {
  display: inline;
  padding-inline-start: 0;
}

ul.radioexselect li {
  display: inline;
}

.td_tbrowser_delete,
.td_tbrowser_register_date,
.td_tbrowser_lastlogin_date {
  text-align: center;
}