/*
*  8th Line Software CSS for SCHED module
*/

body { padding:20px; font:72%/140% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
html, body
{
    height: 100%;
}

#divHeader
{
    height: 200px;
}
#divHeader1
{
    height: 120px;
}
#divContent
{
    min-height: 85%;
    height: auto !important; /*Cause footer to stick to bottom in IE 6*/
    height: 85%;
    margin-bottom: 0 auto -20px; /*Allow for footer height*/
    vertical-align:bottom;
}

#divFooter, #divPush
{
    height: 25px; /*Push must be same height as Footer */
}

.top {
 margin: 0; padding: 0 50px 0 0;
 vertical-align:top;  
 background: transparent url(../images/shadow.gif) repeat-y right top;
}
.top h1 {
 margin: 0; padding: 50px 0 0 50px;
 background: transparent url(../images/shadow.gif) no-repeat left top;
 font-size: 120%;
}
.bottom {
 margin: 0; padding: 0 50px 0 0;
 background: transparent url(../images/shadow.gif) repeat-y right bottom;
}
.bottom p {
 margin: 0; padding: 10px 0 50px 50px;
 background: transparent url(../images/shadow.gif) no-repeat left bottom;
}

.p p {
 margin: 0; padding: 10px 0 0 50px;
 background: transparent url(../images/shadow-repeat.gif) repeat-y 0 -50px;
}
.p {
  color:#009966;
  font-family: Tahoma;
  font-size:16px;
  background-color: #DDDDDD;
  margin: 0; padding: 0 50px 0 0;
  background: transparent url(../images/shadow-repeat.gif) repeat-y 100% -50px;
}

h2 {
color: blue;
font-weight: normal;
font-size: 18px;
font-family: Tahoma;
margin: 20px 0 0 0;
}
h3 {
color: #336666;
margin: 0 0 0 0;
font-weight: normal;
font-size: 16px;
font-family: Tahoma;
text-align: left;
}

h4 {
color: #003366;
font-weight: normal;
font-size: 14px;
font-family: Tahoma;
text-align: left;
}

.loginbox {
border: 0px;
}

.welcomebox {
position: absolute; top:2px;
padding:2px;
border:1px solid #317082;
background-color:#E2EBED;
line-height:14px;
height:140px;
margin:2px;
color:#317082;
padding:10px;
padding-bottom:3px;
visibility:hidden;
}
.includebox {
position: absolute; top:2px;
padding:2px;
border:1px solid #317082;
background-color:#EBE4E9;
line-height:14px;
height:640px;
margin:2px;
color:#317082;
padding:10px;
padding-bottom:3px;
visibility:hidden;
}

.header {
color: #333366;
font-weight: normal;
font-size: 28px;
font-family: Tahoma;
text-align: center;
}
.fineprint{
color: #0033FF;
font-weight: normal;
font-size: 8px;
font-family: Tahoma;
font-style: italic;
margin: 0 0 0 0;
}

.td_s1 {
color:#006666;
font-size: 24px;
padding:10px;
font-family: Tahoma;
text-align: Center;
}
.td_s2 {
  color:#009966;
  font-family: Tahoma;
  font-size:16px;
  background-color: #DDDDDD;
  padding: 15px;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.td_s3 {
  color:#006666;
  font-family: Tahoma;
  font-size:15px;
  padding: 10px;
  text-align: center;
}
.table_content_hilite2{
  color:#336666;
  font-size: 24px;
  font-family: Tahoma;
  padding: 5px;
}
.table_content_hilite22{
  color:#336666;
  font-size: 22px;
  font-family: Tahoma;
  padding: 5px;
}
.select_s2{
  color:#009933;
  font-size: 12px;
  font-family: Tahoma;
}
.table_heading1{
  color: #339933;
  font-size:14px;
  font-family: Tahoma;
  text-align: center;
  background-color: #CBCBCB;
}

.table_heading{
  color: #3333CC;
  font-size:14px;
  font-family: Tahoma;
  background-color: #F2F1EE;
}

.table_heading24{
  color: #3333CC;
  font-size:24px;
  font-family: Tahoma;
  background-color: #F2F1EE;
}

.table_content{
  color: #3366CC;
  font-size:16px;
  font-family: Tahoma;
}
.table_content20{
  color: #3366CC;
  font-size:20px;
  font-family: Tahoma;
}
.td_c1{
  color: #3366CC;
  font-size:12px;
  font-family: Tahoma;
  background-color: #FFFF99;
}
table.datagrid {
	table-layout: fixed;
}

td {
  font-size:18px;
  font-family: Tahoma;
  padding: 10px 15px 10px 15px;
}


table.datagrid td {
	padding: 10px 15px 10px 15px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
}

table.datagrid tr  {
	height: 25px;
}

table.datagrid th  {
	padding: 2px;
	text-align: left;
	font-weight: normal;
}

.grid-loading {
	background: #E3E3E3 url('../images/load-bg.png');
	display: block;
	opacity:.50;
	-moz-opacity:.50;
	filter:alpha(opacity=50);
	text-align: center;
}
.grid-loading div {
	width: 100%;
	height: 100%;
	display: block;
	background: url('../images/indicator_web20_working.gif') no-repeat center center;
}
.grid-header-bg {
	background: #E3E3E3 url('../images/grid-hrow.gif') repeat-x bottom;
}


.grid-row-style1 { background-color: #FFFFFF; }
.grid-row-style2 { background-color: #EEF6FF; }
.grid-row-style3 { background-color: #EEEEEE; }

.grid-row-hover {
	background-color: #FFFFBB;
}
.grid-row-sel {
	background-color: #FFFF33;
	border-bottom: 1px solid #333333;
}
.grid-row-sel td {
	color: #990000;
}
table.datagrid td.grid-custom-col {
	color: #333333;
	background-color:red;
	text-align:right;
}

table.datagrid th div.grid-col-resize {
	background: url('../images/grid-split.gif') no-repeat center;
	cursor:col-resize;
	width: 6px;
	height:16px;
	font-size:1px;
	float: right;
	display: block;
	text-indent:-1000px;
	overflow:hidden;
}

table.datagrid thead {
}

/*
Column Sorting Styles
*/
.grid-sort-asc {
	background: url('../images/sort-asc.png') no-repeat center left;
	display: block;
	height: 18px;
	padding: 3px 0 0 16px;
	cursor: pointer;
}
.grid-sort-desc {
	background: url('../images/sort-desc.png') no-repeat center left;
	display: block;
	height: 18px;
	padding: 3px 0 0 16px;
	cursor: pointer;
}
.grid-sort-none {
	background: url('../images/sort-none.png') no-repeat center left;
	display: block;
	height: 18px;
	padding: 3px 0 0 16px;
	cursor: pointer;
}


/*
Paging Control Styles
*/

/* paging control footer toolbar */
.grid-page-toolbar {
	background: url('../images/page-bg.gif') repeat-x;
	font: 11px Tahoma;
	padding-top: 7px;
	border-bottom: 1px solid #77ABF2;
}
/* paging control footer toolbar page form (pform) */
.grid-page-toolbar form {
	margin: 0;
}
/* first page button (pb1) */
.grid-page-start {
	background: url('../images/page-first.png') no-repeat center;
	display: block;
	float:left;
	margin:3px;
	width: 16px;
	height: 16px;
	text-indent: -1000px;
	overflow: hidden;
	margin-left: 10px;
}
/* previous page button (pb2) */
.grid-page-prev {
	background: url('../images/page-prev.png') no-repeat center;
	display: block;
	float:left;
	margin:3px;
	width: 16px;
	height: 16px;
	text-indent: -1000px;
	overflow: hidden;
}
/* next page button (pb3) */
.grid-page-next {
	background: url('../images/page-next.png') no-repeat center;
	display: block;
	float:left;
	margin:3px;
	width: 16px;
	height: 16px;
	text-indent: -1000px;
	overflow: hidden;
}
/* last page button (pb4) */
.grid-page-end {
	background: url('../images/page-last.png') no-repeat center;
	display: block;
	float:left;
	margin:3px;
	width: 16px;
	height: 16px;
	text-indent: -1000px;
	overflow: hidden;
}
/* loading indicator graphic (pload) */
.grid-page-loading {
	background: url('../images/grid-loading.gif') no-repeat center;
	display: block;
	float:left;
	margin:3px;
	width: 16px;
	height: 16px;
	text-indent: -1000px;
	overflow: hidden;
}
/* loading done indicator graphic (pload) */
.grid-page-loading-done {
	background: url('../images/grid-loading-done.gif') no-repeat center;
}
/* page info text around textbox (pinfo) */
.grid-page-info {
	font: 11px Tahoma;
	display: block;
	float:left;
	color: #575757;
}
/* viewing rows x of y text message (pv) */
.grid-page-viewing-records-info {
	font: 11px Tahoma;
	color: #575757;
	display: block;
	float: right;
	height: 16px;
	margin: 3px 10px 0 0;
}
/* page input field (pfld) */
.grid-page-input {
	font: 11px Tahoma;
	width: 30px;
	padding: 2px;
	border: 1px inset;
}


.td_c2{
  color: #3366CC;
  font-size:12px;
  font-family: Tahoma;
  background-color: #FFFFCC;
}

.td_c3{
  color: #3366CC;
  font-size:12px;
  font-family: Tahoma;
  background-color: #CCFF99;
}

.td_c4{
  color: #3366CC;
  font-size:12px;
  font-family: Tahoma;
  background-color: #FF3333;
}

.td_c5{
  color: #FF0033;
  font-size:10px;
  font-family: Tahoma;
}

.table_content_hilite{
  color: #FF3300;
  font-size:9px;
  font-family: Tahoma;
text-align: left;
}
.table_content_hilite_small{
  color: #FF3300;
  font-size:8px;
  font-family: Tahoma;
}

.status_ok {
color:#669933;
font-size: 16px;
font-family: Tahoma;
}
.filter{
position: relative;
color:#006666;
background-color: #DDDDDD;
padding: 5px;
text-align: center;
}
.hi_lite1{
  color:#CC3300;
  font-size:18px;
  font-family: Tahoma;
  padding: 5px;
}
.funkybutton { background-color: #ccffcc; font-size: 100%;
  padding: 0 2px;
  width: 250px;
  font-weight: bold;
  }

.INPUT {
    font-size: 16px;
    font-family: Tahoma;
    border: 2px solid #006;
    background: #D9D9D9;
    width: 100%;
}
.INPUT:hover {
    border: 2px dashed #f00;
    background: #FFFFFF;
    width: 100%;
}
.INPUTF {
    border: 1px solid #006;
    background: #FF9999;
    width: 90px;
}
.INPUTF:hover {
    border: 1px solid #f00;
    background: #FF3366;
    width: 60px;
}
.INPUTM {
    border: 1px solid #006;
    background: #66CCFF;
    width: 90px;
}
.INPUTM:hover {
    border: 1px solid #f00;
    background: #0066CC;
    width: 60px;
}
.INPUTX {
    border: 1px solid #006;
    background: #66FF00;
    width: 60px;
}
.INPUTX:hover {
    border: 1px solid #f00;
    background: #009900;
    width: 60px;
}
.INPUTX250 {
    border: 1px solid #006;
    background: #66FF00;
    width: 250px;
}
.INPUTX250:hover {
    border: 1px solid #f00;
    background: #009900;
    width: 250px;
}
.INPUTM250 {
    border: 1px solid #006;
    background: #66CCFF;
    width: 250px;
}
.INPUTM250:hover {
    border: 1px solid #f00;
    background: #009900;
    width: 250px;
}
.INPUTF250 {
    border: 1px solid #006;
    background: #FF9999;
    width: 250px;
}
.INPUTF250:hover {
    border: 1px solid #f00;
    background: #009900;
    width: 250px;
}
.cINPUTF {
    border: 1px solid #006;
    background: #FF9999;
    width: 200px;
}
.cINPUTF:hover {
    border: 1px solid #f00;
    background: #FF3366;
    width: 200px;
}
.cINPUTM {
    border: 1px solid #006;
    background: #66CCFF;
    width: 200px;
}
.cINPUTM:hover {
    border: 1px solid #f00;
    background: #0066CC;
    width: 200px;
}
.button {
    border: 1px solid #006;
    background: #ccf;
    width: 200px;
}
.button:hover {
    border: 1px solid #f00;
    background: #eef;
}
.requiredfield {
border: 1px outset #FF0000;
color: #660000;
background-color: #FFCCFF;
font-weight: bold;
}
.requiredfield2 {
border: 2px inset #FF0000;
color: #660000;
font-weight: bold;
}
label em {
display: block;
color: #060;
font-size: 65%;
font-style: normal;
text-transform: uppercase;
}
ul.draglist {
    position: relative;
    background: #FFFF99;
    border: 1px solid gray;
    list-style: square;
    margin:0;
    padding:0;
}

.ui-spinner {
    width: 2em;
    height: 15em;
	position: relative;
	border: 1px solid #999;
	background: #FEFEFE;
	padding: 0 ;
}

.ui-spinner-buttons {position: absolute;}

.ui-spinner-up,
.ui-spinner-down {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	right: 0;
	cursor: default;
	border: 1px solid #999;
}
table {
	font-size:16px;
	font-family:Calibri, Tahoma, arial, sans-serif;
	white-space:nowrap;
	border-collapse:collapse;
	background-color:#FFFFFF;
}
th {
  padding: 20;
  background: #D8D8D8;
  color: #003366;
  font-size:12px;
}

td {
	padding: 10px 15px 10px 15px;
}
tr {
    padding: 10px 15px 10px 15px;
	height:20px;
	border:10;
}
thead {
  background: transparent;
}

#highlight tr.hilight {
  background: #99CC00;
}


.offColor {
	background-color:#FDE9D9;
}
.header1 {
	text-align:center;
	background-color:#F79646;
	color:white;
	font-weight:bold;
}
.header1 a{
	color:white;
}
.tdwrap {
    white-space: pre-wrap;
    word-wrap: break-word;
}
.iscore{background:#ccc;padding:10px;border:1px solid #fff;margin-bottom:10px}
.code{background:#fff;padding:10px;border-top:5px solid #aaa;margin:10px 0px;display:none}

.top1{
vertical-align:top;
}
.bottom1{
vertical-align:bottom;
}
ul.NoBulletNoIndent {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px
}
#quotes-list{
    /* The list on the right */
    background:#444444 none repeat scroll 0 0;
    border:1px solid #333333;
    float:left;
    margin-left:50px;
    padding-top:10px;
    width:230px;
    height:350px;
    overflow:hidden;
}

#quotes-hide{
    /* Positioned inside #quotes-list, but a 15px smaller */
    height:335px;
    overflow:hidden;
}

.star-rating{
    margin-top:2px;
}

.thumb{
    background:url(../images/top_part.png) no-repeat;
    color:#777777;
    font-size:16px;
    font-weight:bold;
    height:30px;
    margin:5px 5px 5px 5px;
    padding:5px;
    width:250px;
    cursor:pointer;
    text-align:center;
    display: inline-block;
}

.thumb:hover{
    background:#FFFF33;
}

#quotes-list,p.tut{
    /* Using CSS3 rounded corners */
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
}

.points{
    /* The points next to the quote title */
    color:#999999;
    font-size:12px;
    font-weight:normal;
}
#quotes-list{
	/* The list on the right */
	background:#444444 none repeat scroll 0 0;
	border:1px solid #333333;
	float:left;
	margin-left:50px;
	padding-top:10px;
	width:230px;
	height:350px;
	overflow:hidden;
}

#quotes-hide{
	/* Positioned inside #quotes-list, but a 15px smaller */
	height:335px;
	overflow:hidden;
}

.star-rating{
	margin-top:2px;
}

.spacer5{
	color:#777777;
	font-size:14px;
	font-weight:bold;
	height:5px;
	margin:0 5px 5px;
	overflow:hidden;
	padding:5px;
	width:50px;
}
.spacer10{
	color:#777777;
	font-size:14px;
	font-weight:bold;
	height:10px;
	margin:0 10px 15px;
	overflow:hidden;
	padding:15px;
	width:50px;
}
.spacerbig{
	color:#777777;
	font-size:14px;
	font-weight:bold;
	height:500px;
	margin:0 10px 15px;
	overflow:hidden;
	padding:15px;
	width:900px;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
.display_box_small
{
height: 60px; /*Specify Height*/
width:  100%; /*Specify Width*/
overflow: auto;
padding: 5px 5px 5px 5px;
border: 2px solid #BEBEBE; /*Add 1px solid border, use any color you want*/
background-color: #E5E5E5; /*Add a background color to the box*/
text-align:center; /*Align the text to the center*/
}
.display_box_mid
{
height: 150px; /*Specify Height*/
width:  100%; /*Specify Width*/
overflow: auto;
padding: 5px 5px 5px 5px;
border: 2px solid #BEBEBE; /*Add 1px solid border, use any color you want*/
background-color: #E5E5E5; /*Add a background color to the box*/
text-align:center; /*Align the text to the center*/
}
.display_box_large_left
{
height: 250px; /*Specify Height*/
width:  100%; /*Specify Width*/
overflow: auto;
padding: 10px;
border: 2px solid #BEBEBE; /*Add 1px solid border, use any color you want*/
background-color: #E5E5E5; /*Add a background color to the box*/
text-align:left; /*Align the text to the center*/
}
.display_box_large
{
height: 225px; /*Specify Height*/
width:  100%; /*Specify Width*/
overflow: auto;
padding: 10px;
border: 2px solid #BEBEBE; /*Add 1px solid border, use any color you want*/
background-color: #E5E5E5; /*Add a background color to the box*/
text-align:center; /*Align the text to the center*/
}
.display_footer {
  height: 20px; /*Specify Height*/
  width:  100%; /*Specify Width*/
  font-size:28px;
  padding: 10px;
  border: 4px solid #000000;
  background-color: #C5C5C5; /*Add a background color to the box*/
  text-align:center; /*Align the text to the center*/
}
.major_heading{
    color:#777777;
    font-size:32px;
    font-weight:bold;
    height:35px;
    margin:0;
    border:0;
    overflow:hidden;
    padding:18px;
    width:100%;
    text-align:left;
}
.minor_heading{
    color:#777777;
    font-size:14px;
    font-weight:bold;
    height:14px;
    margin:0;
    border:0;
    overflow:hidden;
    padding:10px;
    width:100%;
    text-align:center;
}
.copyright {
  height: 5px; /*Specify Height*/
  width:  100%; /*Specify Width*/
  font-size:10px;
  overflow: auto;
  padding: 10px;
  background-color:transparent; /*Add a background color to the box*/
  text-align:center; /*Align the text to the center*/
}
/* ui.dropslide */

.ui-dropslide      { position:absolute; }
.ui-dropslide ol   { margin-top:2px; list-style:none; }
.ui-dropslide li   { float:left; }
.ui-dropslide span {
    font-size:.7em;
    padding:4px 6px 4px 6px;
    margin-left:2px;
    text-align:center;
    cursor:pointer;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    display:block;
    text-align:center;
}
.ui-timepickr ol li.hour,
.ui-timepickr ol li.minute,
.ui-timepickr ol li.second { width:30px; }

/* dark theme */

.ui-timepickr.dark span {
    border:0;
    color:#ccc;
    background:#333;
    font-weight:bold;
    border:1px solid #555;
}
.ui-timepickr.dark span:hover {
    color:#eee;
    background:#333;
    border:1px solid #777;
}
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
div#container{width:500px;margin: 0 auto;text-align:left}
div#header{margin-bottom: 20px}
div#box{float:right;width:150px;margin:0 0 0 15px;
    background:#E4E7F2;text-align:center}
div#box p{margin:0;padding: 5px}
div.news{width:100%;background: #000000;margin-top: 5px;margin-bottom: 5px}
h5{font-size: 36px;margin:0;padding: 15px 0 20px;background: #CECECE;color: #000;text-align: center}
h4{font-size: 30px;margin:0;padding: 15px 20px 20px;background: #DDDDDD;color: #000;text-align: left}
h6{font-size: 20px;margin:0;padding: 15px 20px 20px;background: #DDDDDD;color: #000;text-align: left}
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
* { font-family: Verdana; font-size: 96%; }
.inputbig {font-size: 20px;margin:0;padding: 2px 2px 2px;background: #DDDDDD;color: #000;text-align: left}
.inputbig:hover {background: #FFFF66}
label { width: 10em; float: left; font-size: 20px; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top;font-size: 20px; }