/* --------------------------------------------- */
/*  Global                                       */
/* --------------------------------------------- */

body {
	color:#333333;
	margin:0;
	padding:0;
}
a {
	color:#D76C0D;
}
a:hover {
	text-decoration:underline;
}
p {
	margin-top:0;
}
fieldset div {
/*	margin:10px;
	padding:5px 3px 5px 0;
	width:100%;
*/
}
fieldset div .jive-table {
	margin:0;
	padding:0;
}
fieldset {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border:2px solid #CCCCCC;
	width:95%;
}
fieldset legend {
	color:#000000;
}

ul {
    margin:0;
    /*padding:0 0 12px 26px;*/
}
hr {
    background-color:#DCDCDC;
    border:medium none;
    height:1px;
    width:100%;
}
form {
    margin:0;
    padding:0;
}
select, input {
    font-family:verdana,arial,sans-serif;
    font-size:8pt;
}
iframe {
    border:1px solid #999999;
}




/* --------------------------------------------- */
/*  Standalone                                   */
/* --------------------------------------------- */
.draggable {
  cursor: move;
}


/* --------------------------------------------- */
/*  Main content                                 */
/* --------------------------------------------- */

.page-content {
	background-color: #FFFFFF;
}
        	
.page-bar{
	background-color: #E6E6E6;
	margin-bottom: 15px;
}


.page-content-wrapper .cts-page-content {
	padding: 1px;
}

.cts-main-container {
	padding: 5px 0px 0px 15px;
}

.page-content-wrapper .page-content {
	min-height: 960px;
}
	
@media (min-width: 992px) {
	.cts-main-container {
		padding: 0px 0px 0px 0px;
	}
	.page-content-wrapper .page-content {
		padding: 20px 20px 10px 20px;
	}
}
@media (max-width: 991px) {
	.cts-main-container {
		padding: 0px 0px 0px 0px;
	}
}
@media (max-width: 767px) {
	.cts-main-container {
		padding: 0px 0px 0px 0px;
	}
}
@media (max-width: 480px) {
	.cts-main-container {
		padding: 0px 0px 0px 0px;
	}
}

@media (max-width: 480px) {
  /* 480px */
  /* Dashboard date range panel */
  .page-header.navbar .top-menu {
    display: block;
    clear: none;
  }
  
}

/* --------------------------------------------- */
/*  Metronic : Sidebar							 */
/* --------------------------------------------- */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
  background: #5C5C5C !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
  background: #5C5C5C !important;
}



/* --------------------------------------------- */
/*  Metronic : Porlet Content						 */
/* --------------------------------------------- */

.portlet .portlet-title small {
	display: block;
	clear: both;
}

.portlet > .portlet-title > .caption > .caption-helper {
	max-width: 480px;
	color: #999999;
}

.portlet.light .form .form-actions {
	background-color: #f5f5f5;
}
	
/* --------------------------------------------- */
/*  Metronic : Modal Content					 */
/* --------------------------------------------- */


/* --------------------------------------------- */
/*  Metronic : dashboard-stat2					 */
/* --------------------------------------------- */
	
.dashboard-stat2 {
	border: 1px solid #E9ECF3;
	padding: 15px 15px 35px 15px;
	margin-bottom: 10px;
}

.dashboard-stat2 .display {
	margin-bottom: 5px;
}

.dashboard-stat2 .display .title {
	margin-top: 6px;
	font-size: 16px;
	color: #67809F;
	font-weight: 600;
	text-transform: uppercase;
	float: left;
	display: inline-block;
}

.dashboard-stat2 .display .info {
	color: #999999;	
	font-weight: 400;
	font-size: 11px;
}
	
.dashboard-stat2 .display .action {
	padding:0px;
	display: inline-block;
	float: right;
}

.dashboard-stat2 .display .action .btn {
	margin-left: 5px;
	color: #666;
	font-size: 12px;
}

.dashboard-stat2 .progress-info .status .status-title {
	color: #999999;	
	font-weight: 400;
}


@media (min-width: 768px) {
	.dashboard-stat2 {
		margin-right: auto;
		margin-left: auto;
		max-width: 60%;
	}
}


/* --------------------------------------------- */
/*  Metronic : Data Table							 */
/* --------------------------------------------- */

.table-scrollable {
	border: 0px solid #dddddd;
}

.cts-table-top {
	float: left;
}

.cts-table-top-rightside {
	float: right;
}

.table.table-light > thead > tr > th {
	color: #67809F !important;
}
.table-striped>tbody>tr:nth-child(odd){
	background-color: #FAFBFC;
}

div.dataTables_paginate {
	float: left;
	margin: 0px 5px 0px 5px;
}
div.dataTables_paginate-left {
	float: left;
	margin: 0px 5px 0px 5px;
}
div.dataTables_paginate-right {
	float: right;
	margin: 0px 5px 0px 5px;
}

div.dataTables_filter input {
	width: 145px ;
}

div.dataTables_info {
	float: left;
	margin: 0px 5px 0px 5px;
}
div.dataTables_info-left {
	float: left;
	margin: 0px 5px 0px 5px;
}
div.dataTables_info-right {
	float: right;
	margin: 0px 5px 0px 5px;
}

div.dataTables_length {
	float: left;
	margin: 0px 5px 0px 5px;
}
div.dataTables_length.dataTables_length-left {
	float: left !important;
	margin: 0px 5px 0px 5px;
}
div.dataTables_length.dataTables_length-right {
	float: right !important;
	margin: 0px 5px 0px 5px;
}

div.dataTables_filter.dataTables_filter-left {
	float: left !important;
}
div.dataTables_filter.dataTables_filter-right {
	float: right !important;
}

.dataTables_wrapper .dataTables_paginate {
	margin-top: 15px;
}

@media (max-width: 480px) {
	.dataTables_wrapper .dataTables_paginate {
		margin-top: 15px;
	}
}

@media (max-width: 768px) {
	.dataTables_wrapper .dataTables_paginate {
		margin-top: 15px;
	}
}

 .dataTables_extended_wrapper div.dataTables_paginate.dataTables_paginate-left,
 .dataTables_extended_wrapper div.dataTables_length.dataTables_length-left,
 .dataTables_extended_wrapper div.dataTables_info.dataTables_info-left {
	float: left !important;	
}
 .dataTables_extended_wrapper div.dataTables_paginate.dataTables_paginate-right,
 .dataTables_extended_wrapper div.dataTables_length.dataTables_length-right,
 .dataTables_extended_wrapper div.dataTables_info.dataTables_info-right {
	float: right !important;	
}

.cts-datatable-cell-action {
	width: 45px;
}

.cts-datatable-cell-100 {
	min-width: 100px;
}

.cts-datatable-cell-200 {
	min-width: 200px;
}

/* --------------------------------------------- */
/*  Bootstrap plugin : Select2					 */
/* --------------------------------------------- */
.form-control .select2-choice {
	height: auto;
	padding: 3px 0px 3px 12px;
}

/* --------------------------------------------- */
/*  Bootstrap plugin : FontAwesome				 */
/* --------------------------------------------- */
i.awesomeMark {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-radius: 33%;
	padding: 5px;
}


/* --------------------------------------------- */
/*  CTS Global				                     */
/* --------------------------------------------- */

.page-header.navbar .page-logo {
	margin-right: 0px !important;
}
.page-header.navbar .page-logo img {
	margin-left: 0px !important;
}
.cts-logo-image {
	vertical-align: middle;
	margin: 14px 0px 0px 0px;
	width: 130px;
	height: 16px;
}

@media (max-width: 767px) {
	.page-header.navbar {
		padding: 0 5px 0 5px;
	}
}

.page-header.navbar .page-verson {
	float: left;
	color: white;
  	padding: 15px 0px 0px 0px;
  	font-size: 12px;
}

.top-menu a, .top-menu i {
	color:#EEEEEE;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown {
	padding: 0px;
}

@media (max-width: 480px) {
	.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
	    background-color: #151515;
  	}
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username {
	color:#EEEEEE;
}

.page-header.navbar .menu-toggler {
	background-image: none;
}

.cts-sidebar-menu-toggler {
	background-image: none;
}
.cts-sidebar-menu-toggler-icon {
	font-size: 16px;
	color: #EEEEEE;
}


.page-sidebar .page-sidebar-menu > li > a,
.page-sidebar .page-sidebar-menu > li > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
	color: #EEEEEE;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
	color: #EEEEEE;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler, .page-sidebar .sidebar-toggler {
	background-image: none;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-toggler-wrapper .sidebar-toggler {
	margin-right: 3px;
}

.cts-message-block {
	margin: 5px;
}

.cts-text-unset-property {
	color:#999;
}


.cts-table > thead > tr > th,  .cts-table > thead > tr > td,
.cts-table > tfoot > tr > th,  .cts-table > tfoot > tr > td
{
	vertical-align: middle;
	text-align: center;
	padding: 5px;
}


.cts-table > tbody > tr > th, .cts-table > tbody > tr > td {
	vertical-align: middle;
	text-align: center;
	padding: 5px;
}

.form .form-group.single-line{
	padding: 10px 0 !important;
}
.form .form-group.single-line .control-label {
	padding-top: 20px !important;
}

.page-bar .page-breadcrumb > li > a {
	color: #333333;
}

.no-side-padding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.no-top-bottom-padding {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}


/* --------------------------------------------- */
/* Login Page(login)				             */
/* --------------------------------------------- */
/***
Login page
***/
/* logo page */
.login {
  background-color: #444 !important;
}

.login .logo {
  margin: 0 auto;
  margin-top: 60px;
  padding: 15px;
  text-align: center;
}


.login .content h3 {
  color: #666;
  font-size: 24px;
}

.login .content h4 {
  color: #555;
}

.login .content p {
  color: #222;
}

.login .content .login-form,
.login .content .forget-form {
  padding: 0px;
  margin: 0px;
}

.login .content .input-icon {
  border-left: 2px solid #35aa47 !important;
}

.login .content .input-icon .form-control {
  border-left: 0;
}

.login .content .forget-form {
  display: none;
}

.login .content .register-form {
  display: none;
}





.login .content .form-actions .checkbox {
  margin-left: 0;
  padding-left: 0;
}

.login .content .forget-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.login .content .register-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0px;
}

.login .content .form-actions .checkbox {
  margin-top: 8px;
  display: inline-block;
}



.login .content .forget-password {
  margin-top: 25px;
}

.login .content .create-account {
  border-top: 1px dotted #eee;
  padding-top: 10px;
  margin-top: 15px;
}

.login .content .create-account a {
  display: inline-block;
  margin-top: 5px;
}

/* select2 dropdowns */
.login .content .select2-container {
  border-left: 2px solid #35aa47 !important;
}

.login .content .select2-container .select2-choice {
  border-left: none !important;
}

.login .content .select2-container i {
  display: inline-block;
  position: relative;
  color: #ccc;
  z-index: 1;
  top: 1px;
  margin: 4px 4px 0px -1px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}

.login .content .has-error .select2-container i {
  color: #b94a48;
}

.login .content .select2-container a span {
  font-size: 13px;
}

.login .content .select2-container a span img {
  margin-left: 4px;
}







/*********************/

.cts-center-table
{
  margin: 0 auto !important;
  float: none !important;
}

.cts-login-logo {
	vertical-align:middle;
	width: 285px;
	height: 35px;
	margin: 50px 0 20px 0;
}

.login .content {
	background-color: #fff;
	width: 360px;
	margin: 0 auto;
  	margin-bottom: 0px;
  	padding: 30px;
  	padding-top: 20px;
  	padding-bottom: 15px;
  
	border-radius: 7px !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, .2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, .1), 3px 3px 0 rgba(255, 255, 255, 1), 4px 4px 0 rgba(0, 0, 0, .1), 6px 6px 0 rgba(255, 255, 255, 1), 7px 7px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, .2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, .2);
}

.login .content .form-title {
  font-weight: 300;
  margin-bottom: 25px;
  text-align: center;
}

.login .content .form-group {
	margin-bottom: 25px;
}

.login .content .form-group .input-icon > input {
	height: 44px;
}
.login .content .form-group .input-icon > i {
	margin: 16px 2px 0px 10px;
}


.login .content .form-actions {
	background-color: transparent;
	height: 70px;
	clear: both;
  	border: 0px;
  	border-bottom: 1px solid #eee;
  	padding: 0px 30px 25px 30px;
  	margin-left: -30px;
  	margin-right: -30px;
}
.login .content .form-actions .providerLink{
	align-items: flex-end; text-decoration: none; color: #808080;
}
.login .content .form-actions .providerLink > img {
	border: 0px; vertical-align: text-bottom;
}

.login .content .form-actions label {
	font-size: 13px;
}

.login .content .form-actions .btn {
	margin-top: 1px;
	padding: 7px;
}

.login .content .form-control {
	background-color: #FFFFFF;
	color: #333333;
}

.cts-loginVersion {
	color: #999999;
	font-weight: normal;
	padding-top: 1px;
}

/* footer copyright */
.login .copyright {
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  color: #DDDDDD;
  font-size: 13px;
}



@media (max-width: 480px) {
	.login .logo {
    	margin-top: 10px;
  	}
  
	.cts-login-logo {
		margin: 15px 0 15px 0;
	}
	
	.login .content {
		width: 320px;
		padding: 20px;
	}
	
	.login .content h3 {
		font-size: 24px;
	}
  
	.login .content .form-actions {
		padding: 0px 5px 25px 5px;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.login .checkbox {
    	font-size: 13px;
  	}
  	
  	
}
/* --------------------------------------------- */
/* Server setting Page(ctserver-settings)		 */
/* --------------------------------------------- */
.cts-login-logo-thumbnail {
	vertical-align: middle;
 	width: 330px;
 	height: 35px;
 	border: 0px;
	padding: 0;
	background-color: #444444;
}
.cts-login-logo-thumbnail > img {
	vertical-align:middle;
	width: 330px;
	height: 35px;
}

.cts-login-logo-preview {
	vertical-align: middle;
	min-width: 330px;
	max-width: 330px;
	min-height: 35px;
	max-height: 35px;
	border: 0px;
	padding: 0;
	background-color: #444444;
}
.cts-login-logo-preview > img {
	width: 330px;
	height: 35px;
}
.cts-login-logo-preview .thumbnail > img {
	width: 330px;
	height: 35px;
}

.cts-main-logo-thumbnail {
	vertical-align: middle;
	max-width: 235px;
	max-height: 46px;
	width: 235px;
	height: 46px;
	padding: 0;
	background-color: #1f1f1f;
}
.cts-main-logo-thumbnail > img {
	vertical-align:middle;
	width: 130px;
	height: 16px;
	margin-top: 14px;
}


.cts-main-logo-preview {
	vertical-align: middle;
	min-width: 235px;
	max-width: 235px;
	min-height: 46px;
	max-height: 46px;
	width: 100%;
	padding: 0;
	background-color: #1f1f1f;
}
.cts-main-logo-preview > img {
	width: 130px;
	height: 16px;
	margin-top: 14px;
}


/* --------------------------------------------- */
/* Backup/Restore Page(server-database-backup)	 */
/* --------------------------------------------- */
.cts-backup-schedule_pop-modal-body {
	height:auto;
	min-height: 50px;
}

.form_datetime > .form-control {
	background-color: #FFFFFF;
}

/* --------------------------------------------- */
/* UserList Page(user-summary)					 */
/* --------------------------------------------- */
.cts-userList-scrollable {
	padding-bottom: 140px;
}
.cts-userList-action-dropdown {
	margin: 0px !important;
}

.cts-userList-tableHeader-index {
	width: 45px;
}
.cts-userList-tableHeader-action {
	width: 40px;
}


.cts-userList-tableCell-index {
	min-width: 45px;
}
.cts-userList-tableCell-account {
	min-width: 100px;
}
.cts-userList-tableCell-name {
	min-width: 100px;
}
.cts-userList-tableCell-phone {
	min-width: 100px;
}
.cts-userList-tableCell-dep {
	min-width: 100px;
}
.cts-userList-tableCell-channel {
	min-width: 120px;
}
.cts-userList-tableCell-lockout{
	min-width: 100px;
}
.cts-userList-tableCell-lastAlive {
	min-width: 120px;
}
.cts-userList-tableCell-action {
	min-width: 40px;
	max-width: 40px;
}


.cts-userList-deleteuser_pop-modal-body {
	height:auto;
	min-height: 50px;
}
.cts-userList-deleteuser_pop-scroller {
	height: 50px;
	min-height: 50px; 
}

.cts-userList-details_pop-modal-body {
	height:auto;
	min-height: 360px;
}

.cts-userList-details_pop-scroller {
	height: 360px;
	min-height: 360px;
}

.cts-userList-lockoutuser_pop-modal-body {
	height:auto;
	min-height: 230px;
}
.cts-userList-lockoutuser_pop-scroller {
	height: 230px;
	min-height: 230px; 
}

.cts-userList-userRoster_pop-modal-body {
	height:auto;
	min-height: 400px;
}
.cts-userList-userRoster_pop-scroller {
	height: 400px;
	min-height: 400px; 
}

.cts-userList-userRoster_pop-tableCell-action {
	min-width: 65px;
	max-width: 65px;
}



.cts-userList-device-combine_pop-modal-body {
	height:auto;
	min-height: 400px;
}
.cts-userList-device-combine_pop-scroller {
	height: 400px;
	min-height: 400px; 
}



/* --------------------------------------------- */
/* DeviceList Page(device-summary)				 */
/* --------------------------------------------- */

.cts-deviceList-tableHeader-index {
	width: 45px;
}
.cts-deviceList-tableHeader-action {
	width: 40px;
}


.cts-deviceList-tableCell-index {
	min-width: 45px;
	max-width: 45px;
}
.cts-deviceList-tableCell-deviceType {
	min-width: 30px;
	max-width: 30px;
}
.cts-deviceList-tableCell-name {
	min-width: 100px;
}
.cts-deviceList-tableCell-phone {
	min-width: 100px;
	max-width: 160px;
}
.cts-deviceList-tableCell-vrc {
	min-width: 100px;
	max-width: 160px;
}
.cts-deviceList-tableCell-serial {
	min-width: 100px;
}
.cts-deviceList-tableCell-note {
	min-width: 100px;
}
.cts-deviceList-tableCell-lastAlive {
	min-width: 100px;
}
.cts-deviceList-tableCell-action {
	min-width: 40px;
	max-width: 40px;
}


.cts-deviceList-scrollable {
	padding-bottom: 70px;
}
.cts-deviceList-action-dropdown {
	margin: 0px !important;
}

.cts-list-index-label {
	margin:0px;
}

.cts-add_pop-modal-body {
	height:auto;
	min-height: 400px;
}

.cts-add_pop-scroller {
	height: 400px;
	min-height: 400px;
}

.cts-edit_pop-modal-body {
	height:auto;
	min-height: 300px;
}

.cts-edit_pop-scroller {
	height: 300px;
	min-height: 300px;
}

.cts-edit_pop-deviceType-label {
	min-width: 146px;
}
.cts-edit_pop-deviceType-select {
	margin: 5px 0 0 0;
}

.cts-deviceType-thumbnail-container {
	margin:0;
	padding:6px 0px 0px 0px;
}

.cts-customIcon_pop-modal-body {
	height:auto;
	min-height: 270px;
}

.cts-customIcon_pop-scroller {
	height: 270px;
	min-height: 270px;
}

.cts-customIcon-btn {
	height:41px;
	padding: 10px 14px;
}


.cts-deviceicon-form-group {
	margin-right: 0px;
	margin-left: 0px;
}

.cts-deviceicon-custom-icon {
	padding: 6px 0px 0px 0px;
	height: 69px;
}

.cts-deviceicon-upload-btn {
	border-width: 1px 0px 1px 0px;
	background-color: rgba(255, 255, 255, 0); 
	padding: 1px 15px 1px 15px;
	margin: 5px 0px 0px 0px;
}

.cts-upload-progress {
	margin: 5px 5px 0px 5px;
	height: 5px;
}
.cts-upload-progress-bar {
	width: 0%;
}

.cts-delete_pop-modal-body {
	height:auto;
	min-height: 50px;
}

.cts-delete_pop-scroller {
	height: 50px;
	min-height: 50px;
}

.cts-details_pop-modal-body {
	height:auto;
	min-height: 350px;
}

.cts-details_pop-scroller {
	height: 350px;
	min-height: 350px;
}



/* 未確認的class */

/* --------------------------------------------- */
/*  Logviewer tabs                               */
/* --------------------------------------------- */

#logviewer td {
    font-family:verdana,sans-serif;
    font-size:8pt;
}
#logviewer .jive-tab, .jive-tab-active {
    background-color:#DDDDDD;
    border:1px solid #CCCCCC;
    padding:4px 1em;
    white-space:nowrap;
}
#logviewer .jive-tab-active {
    background-color:#FFFFFF;
    border-bottom:1px solid #FFFFFF;
}
#logviewer .jive-spacer, .jive-stretch {
    border-bottom:1px solid #CCCCCC;
}
#logviewer .jive-tab a, #logviewer .jive-tab-active a {
    color:#000000;
    font-weight:bold;
    text-decoration:none;
}
#logviewer .jive-tab a:hover, #logviewer .jive-tab-active a:hover {
    text-decoration:underline;
}

/* --------------------------------------------- */
/*  Calendar styles                              */
/* --------------------------------------------- */

table.calBgColor {
    padding:0;
}
td.cal {
    background-color:#FFFFFF;
    color:#000000;
    font-family:Arial,Helvetica,Sans-serif;
    font-size:11px;
    padding:0;
}
select.month {
    background:transparent none repeat scroll 0;
    color:#000000;
    font-family:Arial,Helvetica,Sans-serif;
    font-size:11px;
    width:85px;
}
input.year {
    background:transparent none repeat scroll 0;
    color:#000000;
    font-family:Arial,Helvetica,Sans-serif;
    font-size:11px;
    width:30px;
}
td.calDaysColor {
    background-color:#000000;
    color:#FFFFFF;
    font-family:Arial,Helvetica,Sans-serif;
    font-size:11px;
}
td.calWeekend {
    background-color:#D3D3D3;
    color:#FFFFFF;
    font-family:Arial,Helvetica,Sans-serif;
    font-size:11px;
}
td.calBgColor {
    background-color:#FFFFCC;
    color:#FFFFFF;
    font-family:Arial,Helvetica,Sans-serif;
    font-size:11px;
}
.calBorderColor {
    background-color:#A9A9A9;
    color:#FFFFFF;
    font-family:Arial,Helvetica,Sans-serif;
    font-size:11px;
}
td.calHighlightColor {
    background-color:#FFFFCC;
    color:#FFFFFF;
    font-family:Arial,Helvetica,Sans-serif;
    font-size:11px;
}
a.cal {
    background:transparent none repeat scroll 0;
    color:#000000;
    font-family:Arial,Helvetica,Sans-serif;
    font-size:11px;
    text-decoration:none;
}
a.cal:hover {
    background:transparent none repeat scroll 0;
    color:#FF0000;
    font-family:Arial,Helvetica,Sans-serif;
    font-size:11px;
    text-decoration:none;
}
.calDisabled {
    background:transparent none repeat scroll 0;
    color:#808080;
    font-family:Arial,Helvetica,Sans-serif;
    font-size:11px;
    text-decoration:none;
}