@charset "UTF-8";
/* CSS Document */

#border
{
  border-radius: 8px;
  width: 740px;
  height: auto;
  border: 3px solid #7a031d;;
}

#webBorder
{
  border-radius: 8px;
  width: 740px;
  height: auto;
  border: 2px solid #949599;
  background-color: #FFFFFF;
}

#content
{
  font-family: Arial;
  font-size: 14px;
  width:auto;
  padding: 2px;
}

#webContent
{
  background-color: #FFFFFF;
  border-radius: 8px;
  font-family: Arial;
  font-size: 14px;
  width:auto;
  padding: 0px;

}

#footer
{
  background-color: #7a031d;;
  height: 20px;
  font-family: Arial;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-weight: bold;
  position: relative;
  padding-top: 15px;
  padding-right: 0px;
  padding-left: 15px;
  padding-bottom: 0px;
  z-index: -1;
}

#webFooter
{
  background-color: #FFFFFF;
  height: 10px;
  font-family: Arial;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  color: rgba(148,149,153,1.00);
  font-weight: bold;
  position: relative;
  padding-top: 15px;
  padding-right: 0px;
  padding-left: 15px;
  padding-bottom: 0px;
  z-index: -1;
}

#logo
{
  left: 5px;
  top: 0px;
  width: 300px;
  position:relative;
}

.header1
{
  color: #7a031d;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}

#menu
{
  background-color: #7a031d;;
  height: 30px;
  font-family: Arial;
  font-size: 16px;
  text-align: left;
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-weight: bold;
  position: relative;
  padding:2px;
  padding-left:10px;
}

.webTitle
{
  border-radius: 8px;
  background-color: #FFFFFF;
  height: 10px;
  font-family: Arial;
  font-size: 16px;
  text-align: left;
  text-decoration: none;
  color: rgba(134,0,18,1.00);
  font-weight: bold;
  position: relative;
  padding: 10px;
  vertical-align: top;
}

#menu a
{
  font-family: Arial;
  font-size: 14px;
  display: block;
  float: left;
  height: 26px;
  padding-top: 10px;
  text-align: center;
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-weight: bold;
}

#menu a:hover
{
  text-decoration: underline;
}

#separator
{
  background-color: #7a031d;;
  height: 10px;
  position: relative;
  top: -5px;
}

#mainTitle
{
  position: absolute;
  left: 376px;
  color: #7a031d;
  ;
  font-family: Arial;
  font-size: 40px;
  font-weight: bolder;
  font-style: italic;
  height: 80px;
  right: 0px;
  top: 39px;
  width: 372px;
}

.preview {
  float: left;
  position: relative;
  top: 2px;
  padding-bottom: 2px;
}

.toolTable td {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

ul {
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 14px;
}

ul li {
  padding-left: 0px;
}

#videoBorder
{
  border-radius: 8px;
  width: 720px;
  height: auto;
  border: 3px solid #7a031d;;
}

#videoContent
{
  font-family: Arial;
  font-size: 14px;
  width: auto;
}


#videoFooter
{
  background-color: #7a031d;;
  height: 20px;
  font-family: Arial;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-weight: bold;
  position: relative;
  padding-top: 15px;
  padding-right: 0px;
  padding-left: 15px;
  padding-bottom: 0px;
}

table.center {
  width:90%; 
  margin-left:5%; 
  margin-right:5%;
}

.dsToolSchematic {
  position: relative;
  margin: auto auto auto auto;
  border-width: 0px 0px 0px 0px; 
  border-color: #aaaaaa;
  border-style: solid;
}

.dsToolMain,
.dsToolResult,
.dsToolBodyBorder,
.dsToolBodyNoBorder {
  position: relative;
  margin: auto auto auto auto;
  overflow: hidden;
  border-radius: 4px;
  border-style: solid;
  border-color: #aaaaaa;
  border-spacing: 0px 0px 0px;
  border-radius: 4px;
}

.dsToolMain {
  top: 0px;
  left:0px;
  width: 720px;
  border-width: 1px 1px 1px 1px; 
  padding:20px 0px 5px 0px;
}

.dsToolResult {
  top: 0px;
  left: -5px;
  width: 735px;
  border-width: 0px 0px 0px 0px; 
  padding: 5px 5px 5px 5px;
}

.dsToolBodyBorder {
  top: 0px;
  left:0px;
  width: 720px;
  border-width: 1px 1px 1px 1px; 
  padding:0px 0px 0px 0px;
}

.dsToolBodyNoBorder {
  top: 0px;
  left:0px;
  width: 720px;
  border-width: 0px 0px 0px 0px; 
  padding:0px 0px 0px 0px;
}

.dsToolBodyDiv {
  border: 1px solid black;
  width:720px;
  margin-left: auto;
  margin-right: auto
}

.dsToolTable {
  width:100%;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #aaaaaa;
  border-spacing: 0px;
  padding:0px 0px 0px 0px;
  border-radius: 4px;
}

.dsToolResultTable {
  width:720px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #aaaaaa;
  border-spacing: 1px;
  padding:4px 4px 4px 4px;
  border-radius: 4px;
  overflow: hidden;
  font-size:small;
}

.dsToolHeader,
.dsToolFooter {
  border-style: solid;
  border-color: #aaaaaa;
  font-weight: bold;
  height: 20px;
}

.dsToolStatusBar {
  width:100%;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #aaaaaa;
  border-spacing: 0px;
  padding:2px 2px 2px 2px;
  border-radius: 0px;
}

.dsToolHeader {
  border-width: 0px 0px 1px 0px;
  background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
}

.dsToolFooter {
  border-width: 1px 0px 0px 0px;
  background: #e6e6e6 url(images/ui-bg_highlight-soft_75_e6e6e6_1x100.png) 50% 50% repeat-x;
}

.dsToolTableTd {
  background-color: #FFFFFF;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding:5px 2px 2px 5px;
  border-radius: 4px;
}

body,
input,
select,
textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

label {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

a.help:link,
a.help:visited,
a.help:hover,
a.help:active,
.tree {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #999999;
}

a.help:link,
a.help:visited {
	text-decoration: none;
	color :#999999;
}

a.help:hover,
a.help:active {
	text-decoration: underline;
	color :#999999;
}

input {
  border: 1px solid #c4c4c4;
  padding: 4px 4px 4px 4px;
  border-radius: 4px;
}


input:focus {
  outline: none;
  border: 1px solid #7bc1f7;
  box-shadow: 0px 0px 8px #7bc1f7;
}

input:hover {
  outline: none;
  border: 1px solid #888888;
}

input:disabled {
  border: 1px solid #bbbbbb;
  background-color: #eeeeee;
  color:#bbbbbb;
}

input[type="button"] {
  background: #dadada url(images/ui-bg_highlight-soft_75_dadada_1x100.png) 50% 50% repeat-x;
}

input[type="button"]:active {
  background: #dadada url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
}

input[type="checkbox"]:disabled+label {
  color:#bbbbbb;
}

input[type="radio"]:disabled+label {
  color:#bbbbbb;
}

hr {
  border: 1px solid #888888;
  width: 100%;
  height: 1px;
}

select {
  position: relative;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  background: #FFFFFF;
  padding: 2px;
  top: 0px;
  height: 24px;
}

select:hover {
  outline: none;
  border: 1px solid #888888;
}

select:disabled {
  border: 1px solid #bbbbbb;
  background-color: #eeeeee;
  color:#bbbbbb;
  padding: 2px;
}

img.preload { display: none; }

.webToolData {
  background-color: #eeeeee;  
}

.webResultTable {
   border-radius: 8px; 
   background-color: #555555; 
}