/*
  Copyright (c) 2015-2022, by ROC Software Systems, Inc
  3305 Northland Drive, Suite 105
  Austin, Texas 78731
  (512) 336-4200
  
  This software is the property of ROC Software Systems, Inc or its licensors
  and is protected by international, federal and state copyright, trademark,
  trade secret and other laws protecting proprietary rights. Copying,
  reproduction, republication, uploading, posting transmitting or any other
  distribution of all or part of this software is strictly prohibited without
  the prior express written consent of ROC Software Systems, Inc
*/

/* ----- Browser reset ---- */
html { 
	margin:0; 
	padding:0; 
	border:0; 
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */ 
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { 
	border-collapse: separate; 
	border-spacing: 0; 
}

/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td { 
	text-align: left; 
	font-weight: normal; 
	float:none !important; 
}

table, th, td { 
	vertical-align: middle; 
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }

/* ----- End of browser reset ---- */

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

/* ----- Default form styling ----- */

label       { font-weight: bold; }
fieldset    { padding:1em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.1em; }

/* 
  Attribute selectors are used to differentiate the different types 
  of input elements, but to support old browsers, you will have to 
  add classes for each one. ".title" simply creates a large text  
  field, this is purely for looks.
 */
input[type=text], input[type=password], input[type=file],
input.text, input.title,
textarea, select {
  background-color:#fff;
  border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus, input[type=file],
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#666;
}

input[type=text], input[type=password], input[type=file],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input[type=text], input[type=password], input[type=file] {
  padding: 1px 3px;
}

input[readonly], textarea[readonly] {
  color: #777;
}

input.text,
input.title   { width: 300px; padding:3px; }
input.title   { font-size:1.5em; }
textarea      { padding:3px; resize: none; overflow: auto;}

/* 
  This is to be used on forms where a variety of elements are 
  placed side-by-side. Use the p tag to denote a line. 
 */
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

div.simple-form {
  background: #ddd;
  border: 2px solid #aaa;
  padding: 5px 10px;
  line-height: 1.5;
  border-radius: 3px;
}

div.simple-form .divider {
  margin: 0.5em 0 0.25em 0;
  border-top: 2px solid #aaa;
}

div.simple-form > p { 
  margin-bottom: 0;
}

div.simple-form.spaced > p {
    margin-bottom: 0.5em;
}


div.simple-form label {
  display: inline-block;
  width: 100px;
}

div.simple-form.w_150 label {
  width: 150px;
}

div.simple-form.w_200 label {
  width: 200px;
}

div.simple-form.w_210 label {
  width: 210px;
}

div.simple-form .top {
  vertical-align: top;
  position: relative;
  top: 0.6em;
}

div.simple-form input[type=checkbox],
div.simple-form input[type=radio] {
  position: relative; 
  left:-8px;
}

div.simple-form input[type=text],
div.simple-form input[type=password],
div.simple-form input[type=file],
div.simple-form select,
div.simple-form textarea {
  position: relative; 
  left:-4px;
}

/* Soften the default color just a bit */
body { color: #111; }

a { color: inherit; text-decoration: none; }
a:hover, a:active { color: #0088cc; }

/* Override the value from the JQuery theme */
.ui-widget-content a {
  color: #111;
}
.ui-widget-content a:hover {
  color: #0088cc;
}

body, p, td, input, select, textarea {font: normal 8pt Verdana}
body { 
  line-height: 1.0;  /* Line-height should always be unitless! */
  position:   relative; 
  background: white;
}

/* Success, info, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.warning,
.success, 
.info 			{ padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; border-radius: 3px; line-height: 1.2; }

.error      { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
.warning    { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info 			{ background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.warning a  { color: #514721; }
.success a  { color: #264409; }
.info a			{ color: #205791; }

div.error ul,
div.notice ul,
div.warning ul,
div.info ul,
div.success ul {
  margin-left: 1em;
}

html.default-layout, body.default-layout {
  height: 100%;
  overflow: hidden; /* Disable scrolling of the entire page */
}


/*
a:link, a:active, a:visited {color:#0088cc; text-decoration: none;}
a:hover {color:#e12e29}
*/
.header-panel { 
  background: white;
}

div#default-layout-structure {
  overflow: hidden;
}


div#header-red   { background:#e12e29; }
div#header-blue  { background-color:#005488; }
div#header-black { background-color:black; vertical-align: bottom; }

div#header-black #server-info,
div#header-black #user-name {
  font-size: 11px; 
  font-weight: bold;
  color: white; 
  vertical-align: bottom;
  line-height: 1.3; 
}

div#header-black #server-info {
 height:    18px;
 padding:   2px 0 0 0px; 
}
div#header-black #user-name {
  padding: 2px 1em 0 0;
  float: right;
}


div.product-and-menu {
  position: relative;
  clear: both;
  height: 20px;
  width: 100%;
  vertical-align: bottom;
  white-space: nowrap;
  padding-bottom: 4px;
  border-bottom: 2px solid black;
}

.header-product { 
  padding: 0 130px 0 30px;
  font: bold 12pt Verdana; 
  color:#e12e29;
}

/* MENU styles */    

ul.top-menu {
  list-style: none;
  margin:  0;
  padding: 0;
  display: inline;
}

.top-menu li  { 
  display: inline; 
  padding: 2px 4px;
  vertical-align:bottom; 
  font-weight:bold; 
  color:black;
  background: none;
}
.top-menu li:hover,
.top-menu li.open {
  color: white;
  background: #0949f6;
  cursor:pointer;
}

.top-menu a:link,
.top-menu a:active,
.top-menu a:visited {font-weight:bold; color:black; text-decoration:none}
.top-menu a:hover   {color:#e12e29; text-decoration:underline}

.black  {background-color:black;}

div.content-panel {
  padding: 1em;
  overflow: hidden;
}

/* For the plain layout that does not contain the header with logo and menu */
div.plain-content-panel {
  padding: 1em;
}

#modal-content {
  background:    white;  
  width: auto;
  height: auto;
}

/* Override of the jQuery ui-button-text for slimmer buttons */
.ui-button.slim-button .ui-button-text { line-height: 1em; }
.ui-button.slimmer-button .ui-button-text { line-height: 0.75em; }

div.framed-panel {
  width:auto; 
  margin: 0.5em 0.1em 0 0;
  padding: 8px;
  background-color: #ccc9b9;
  border-radius: 5px;
  border: none;
}

div.scrolling {
  overflow: auto;
}

div.scrolling-panel {
  padding: 0.5em;
  background-color: #f0eee2;
  border: 2px ridge #f0eee2;
}

.left   { text-align: left; }
.center { text-align: center; }
.right  { text-align: right; }

div.scrolling-list-header {
  border-left:  2px solid #ccc9b9;
  border-right: 2px solid #ccc9b9;
}
div.scrolling-list {
  overflow: auto;
  border: 2px solid #777;
}
div.scrolling-list-header table,
div.scrolling-list table {
  width: 100%;
}

div.scrolling-list-header th,
div.scrolling-list td {
  padding: 0px 3px;
  line-height: 1.85;
}
div.scrolling-list-header th {
  font-weight: bold;
  vertical-align: bottom;
}

div.scrolling-list tbody tr.selected { background-color: #a9da92 !important; }
div.scrolling-list tbody tr.menu-target { background-color: #a9da92 !important; }
/* Uncomment the following to highlight row under cursor in scrolling lists */
/*div.scrolling-list tbody tr:hover { background-color: #dcfdc5 !important; }*/

tr.odd  { background: #fff; }
tr.even { background: #ddd; }

div.no_response {
  color: #E12E29;
  padding-top: 2em;
}


/* ------ A button that shows a popup menu ------ */

div.menu-button {
  background: #f3f3f3 url(/images/menu-button-arrow.png?1) no-repeat right center;
  color: #444;
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px 18px 5px 10px;
  display: inline-block;
  cursor:default;
  font-family: verdana,arial,sans-serif;
  font-size: 8pt;
  font-weight:bold; 
}

div.menu-button:hover {
  border: 1px solid #3b3b3b;
  cursor:default;
}

div.menu-button.down {
  background: #7b7b7b url(/images/menu-button-arrow-down.png?1) no-repeat right center;
  border: 1px solid #7b7b7b;
  color: #fff;
}

/* The selection menu on the monitor/schedules/tasks page for "Select All"/"Select None" */
div.sel-menu {
  background: #f3f3f3 url(/images/sel-menu-arrow.png) no-repeat center center;
  margin-left: 4px;
  width: 13px;
  height: 13px;
  color: #000;
  border: 1px solid #7f7f7f;
  border-radius: 3px;
  display: inline-block;
  cursor:default;
  font-family: verdana,arial,sans-serif;
  font-size: 9pt;
}

div.sel-menu:hover {
  border: 1px solid #3b3b3b;
  cursor:default;
}

div.sel-menu.down {
  background: #7b7b7b url(/images/sel-menu-arrow-down.png) no-repeat center center;
  border: 1px solid #7b7b7b;
  color: #fff;
}


/* ------ Styles for grid table ------ */

table.grid-table {
  border: 3px solid #aaa;
  border-radius: 3px;

}

table.grid-table th,
table.grid-table td {
  padding: 3px 1.5em 3px 0;
}


/* Used for sort links in table header of Schedules and Tasks */
table.grid-table thead th a.sort { 
  padding-right: 14px; 
  background-position: 100% 50%; 
  background-repeat: no-repeat;
}

table.grid-table .left   { text-align: left; }
table.grid-table .center { text-align: center; }
table.grid-table .right  { text-align: right; }

table.grid-table th {
  background-color: #ccc;
  border-bottom: 2px solid #aaa;
  font-weight: bold;
  padding-top: 4px;
}

table.grid-table tbody tr.last td { border-bottom: 1px solid #ccc; }


table.grid-table tbody tr {
  background: #fff;
}

table.grid-table tbody tr.odd { background-color: #fff; }
table.grid-table tbody tr.even { background-color: #ddd;}


table.grid-table tbody tr.selected { background-color: #a9da92 !important; }
table.grid-table tbody tr.menu-target { background-color: #a9da92 !important; }

/* Set hover color of icons used in links */
 a:hover i { color: #0088cc; }

/* Nudge action icons to the right a bit and give them
   a lighter color when not within a link to show them as inactive */
.action-col i { padding-right: 2px; color: #ccc; }
.action-col span { color: #ccc; }
.action-col a i, .action-col a span { color: inherit; }
.action-col a:hover i { color: inherit; }



/* --------------------------------------- */

/*
  Style for custom fields that are made up of multiple dom elements.
  In each of these we use a readonly text field to show the current
  value.  We must override the color so that it does not look greyed
  out unless the entire control has been marked as readonly.
  We also must hide/show the link button base on the overall readonly state. 
*/
span.data_types input[readonly],
span.sched_time input[readonly],
span.file_perms input[readonly],
span.capability_type input[readonly] {
  color: #111;
}

span.data_types.readonly input[readonly],
span.sched_time.readonly input[readonly],
span.file_perms.readonly input[readonly],
span.capability_type.readonly input[readonly] {
  color: #777;
}

span.data_types.readonly a,
span.sched_time.readonly a,
span.file_perms.readonly a,
span.capability_type.readonly a {
  display: none;
}

.redAlert       { color: #e12e29; font-weight: bold; }
.yellowAlert    { color: #c19619; font-weight: bold; }
.greenAlert     { color: #03bf67; font-weight: bold; }
.blueAlert      { color: #1973c1; font-weight: bold; }

/*  Used on Rhapsody servers page */
.serverUp     { color: #03bf67; font-weight: bold; }
.serverDown   { color: #e12e29; font-weight: bold; }

.filter-fields .option-name {
  padding-left: 0.5em;
}

.filter-fields .filter-value {
  padding-left: 3px;
}

.filter-fields .filter-value-text {
  width: 100px;
}

.filter-fields .filter-option-text {
  width: 70px;
  margin-right: 3px;
}

/* Adjust date field trigger image to line up with the text box */
img.ui-datepicker-trigger {
  position: relative;
  top: 3px;
}

/* Adjust colon in the time field to be centered between hours minutes */
span.bedrock-time-field span {
  padding-right: 2px;
  position: relative;
  left: -3px;
  font-weight: bold;
}

/* Set line-height explicitly for jQuery dialog titles.
   Otherwise, the tail of lower case letters and underscores were being clipped
*/
.ui-dialog .ui-dialog-title {
  line-height: normal;
}

/* Scroll the error box if more than about 5 errors are present */
div#error-display ul {
  max-height: 5.5em;
  overflow: auto;
}