xmp { margin: 5px 0; padding: 0 5px 5px 5px; background: #CCC; }
xmp:before { content: ""; display: block; height: 1em; margin: 0 -5px -2em -5px; }

.pageLayoutTable {
  border: 0px solid black;
  text-align: left;
  font-family: Arial;
  font-size:0.875em;
  }

.pageLayoutTable th {
  text-align:left;
  }

.pageLayoutTable input {
  background-color: inherit;
  }

.pageLayoutTable select {
  background-color: inherit;
  }

table.pageLayoutTable {
  width: 750px;
  height: 400px;
  margin-left:auto;
  margin-right:auto;
  }

div.innerTable {
   height:500px;
   overflow-y: scroll;
   text-align: left;
   font-family: Arial;
   font-size:0.875em;
  }

div.days {
	float: left;
	width: 200px;
	padding: 2px;
}

div.slider {
    margin-left: 210px;
}

div.add_schedule_1 {
    margin-left: 860px;
}

div.add_schedule_2 {
    margin-left: 860px;
}

div.add_schedule_2_1 {
    margin-left: 888px;
}

div.add_schedule_3 {
    margin-left: 860px;
}

div.schedule_body {
	width: 800px;
	margin-left: 40px;
	margin-right: 40px;
}

div.notes {
	width: 800px;
	margin-left: 20px;
	margin-right: 20px;
}

div.input_delete_2 {
    margin-left: 888px;
    	float: right;
    	cursor: pointer;
    	height: 25px;
    	width: 25px;
    	padding: 1px;
  	transform: translateY(-175%);
    	background: url(../images/remove_active.png) no-repeat 0px 0px;
}

div.input_delete_3 {
    	float: right;
    	cursor: pointer;
    	height: 25px;
    	width: 25px;
    	padding: 1px;
  	transform: translateY(-75%);
    	background: url(../images/remove_active.png) no-repeat 0px 0px;
}

div.input_add_1 {
    	float: right;
    	cursor: pointer;
    	height: 25px;
    	width: 25px;
    	padding: 1px;
  	transform: translateY(-75%);
    	background: url(../images/add_active.png) no-repeat 0px 0px;
}

div.input_add_2 {
    	float: right;
    	cursor: pointer;
    	height: 25px;
    	width: 25px;
    	padding: 1px;
  	transform: translateY(-75%);
    	background: url(../images/add_active.png) no-repeat 0px 0px;
}

.radio-option-sun {
    	float: left;
    	cursor: pointer;
    	height: 25px;
    	width: 25px;
    	padding: 1px;
  	transform: translateY(-25%);
    	background: url(../images/day_s_inactive.png) no-repeat 0px 0px;
}

.radio-option-mon {
    float: left;
    cursor: pointer;
    height: 25px;
    width: 25px;
    padding: 1px;
  	transform: translateY(-25%);
    background: url(../images/day_m_inactive.png) no-repeat 0px 0px;
}

.radio-option-tue {
    float: left;
    cursor: pointer;
    height: 25px;
    width: 25px;
    padding: 1px;
  	transform: translateY(-25%);
    background: url(../images/day_t_inactive.png) no-repeat 0px 0px;
}

.radio-option-wed {
    float: left;
    cursor: pointer;
    height: 25px;
    width: 25px;
    padding: 1px;
  	transform: translateY(-25%);
    background: url(../images/day_w_inactive.png) no-repeat 0px 0px;
}

.radio-option-thu {
    float: left;
    cursor: pointer;
    height: 25px;
    width: 25px;
    padding: 1px;
  	transform: translateY(-25%);
    background: url(../images/day_t_inactive.png) no-repeat 0px 0px;
}

.radio-option-fri {
    float: left;
    cursor: pointer;
    height: 25px;
    width: 25px;
    padding: 1px;
  	transform: translateY(-25%);
    background: url(../images/day_f_inactive.png) no-repeat 0px 0px;
}

.radio-option-sat {
    float: left;
    cursor: pointer;
    height: 25px;
    width: 25px;
    padding: 1px;
  	transform: translateY(-25%);
    background: url(../images/day_s_inactive.png) no-repeat 0px 0px;
}

//.days {
//	transform: translateY(-50%);
//}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  }

.buttonRow {
   padding-top: 20px;
   text-align: right;
  }

.pageFooter {
  text-align:center;
  }


.mainLayoutTable table {
  border-collapse:collapse;
  text-align:center;
  width:760px;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
  font-size:0.75em;
  overflow:auto;
  height: 400px;
  border: 1px solid black;
  }

  tr#row1 { border: 3px solid blue }

.mainLayoutTable td {
  text-align: center;
  font-family: Arial;
  font-size:0.875em;
  border: 0px solid black;
  }

.mainLayoutTable select {
  text-align: center;
  font-family: Arial;
  font-size: 1em;
  border: 0px solid black;
  padding-left: 4px;
  background-color: inherit;
  }

.mainLayoutTable input {
  background-color: inherit;
  }

.mainLayoutTable tr {
  border: 0px solid black;
  border-collapse:collapse;
  text-align: center;
  font-family: Arial;
  font-size:0.8em;
  }

.mainLayoutTable th {
  border-collapse:collapse;
  border: 0px solid black;
  font-family: Arial;
  font-size:0.75em;
  }

.errorIndicator
  {
   width: 17px;
   height: 18px;
  }

star {
    margin:0;
    padding:0;
}

#mainNav {
    float:right;
    left: -50%;
    position:relative;
    text-align:left;
}

#navigation {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  width: 8em;
  border-right: 1px solid #333;
  list-style: none;
  margin: 0;
  padding: 0;
}


body {
	font-family:'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size:11px;
}

h1 { 
	font-size: 15px;
}

#navigation li a:hover {
     background-color: #69F;  }

#navigation2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0;
	/*height:1.8em;*/
	list-style: none;
	margin: 0 0 1em 0;
	width:100%;
	float:left; /* This is needed to keep the list element from collapsing */
	background-color:#036;}

.outerMsgTable {border-collapse:collapse; text-align:left; border: 0px; width: 720px}
.outerMsgTable caption {background-color:cyan; color:black; text-align:center; font-weight:bold; font-family:"Lucida Console",monospace;}
.outerMsgTable td {background-color:white; color:black; font-family:"Lucida Console",monospace; border: 1px solid white;}
.outerMsgTable td:nth-of-type(1) {background-color:white; color:black; font-family:"Lucida Console",monospace; border: 1px solid white; width: 40px;}
.outerMsgTable td:nth-of-type(2) {background-color:white; color:black; font-family:"Lucida Console",monospace; border: 1px solid white; width: 86px;}
.outerMsgTableFooter td {background-color:Cyan; color:black; font-family:"Lucida Console",monospace; border: 1px solid white;}

.innerMsgTable {border: 1px solid black; width: 720px; overflow:auto; height:300px; border: 0px}
.innerMsgTable td:nth-of-type(1) {background-color:white; color:black; font-family:"Lucida Console",monospace; border: 1px solid white; width: 40px;}
.innerMsgTable td:nth-of-type(2) {background-color:white; color:black; font-family:"Lucida Console",monospace; border: 1px solid white; width: 86px;}
.innerMsgTable td:nth-of-type(3) {background-color:black; color:red; font-weight:bold; font-family:"Lucida Console",monospace; border: 1px solid white;}
.innerMsgTable table {border-collapse:collapse; overflow:auto; font-family:"Lucida Console",monospace; border:0px; width: 704px;}


.OuterLayoutTable {
  border-collapse:collapse;
  text-align:left;
  border: 1px;
  height: 80px;
  max-height: 80px;
  font-family: Arial;
  font-size:0.875em;
  overflow:auto;}


.OuterLayoutTable select, input {
  font-family: Arial;
  font-size:1em;
  }

.OuterLayoutTable tr {
  border: 0px solid black;
  border-collapse:collapse;
  text-align: center;
  font-family: Arial;
  font-size:0.8em;
  }

.PgrFamilyOdd {background-color: #edf5ff;}
.PgrFamilyEven {background-color: white;}

.thFamily {width: 100px; border: 1px solid black;}
.tdFamily {width: 100px; border: 1px solid black;}

.thEnable {width:30px; border: 1px solid black;}
.tdEnable {width:30px; border: 1px solid black;}

.thPgrQty {width:30px; border: 1px solid black;}
.tdPgrQty {width:30px; border: 1px solid black;}

.thStartId {width:30px; border: 1px solid black;}
.tdStartId {width:30px; border: 1px solid black;}

.thEndId {width:30px; border: 1px solid black;}
.tdEndId {width:30px; border: 1px solid black;}

.thStartCap {width:30px; border: 1px solid black;}
.tdStartCap {width:30px; border: 1px solid black;}

.thEndCap {width:30px; border: 1px solid black;}
.tdEndCap {width:30px; border: 1px solid black;}

.thPgrTyp {width:30px; border: 1px solid black;}
.tdPgrTyp {width:30px; border: 1px solid black;}

.thFuncCode {width:30px; border: 1px solid black;}
.tdFuncCode {width:30px; border: 1px solid black;}

.thDataRate {width:30px; border: 1px solid black;}
.tdDataRate {width:30px; border: 1px solid black;}

.thPre {width:30px; border: 1px solid black;}
.tdPre {width:30px; border: 1px solid black;}

.thSuf {width:30px; border: 1px solid black;}
.tdSuf {width:30px; border: 1px solid black;}


.outer {
position:absolute;
width:54em;
background:#eee;
}
.innera {
overflow:auto;
width:54em;
height:100px;
background:#eee;
}

.innerb {height:10em; overflow:auto; clear:both; table-layout:fixed;}

.tabletwo {border-collapse:collapse; table-layout:fixed;}

.colHeadings {clear:both; height: 10em;}
#colHeadings #item1Tab a span {
    position:absolute;
    width:30px;
    height:25px;
}