/* CSS Document */
* {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
html {
	height:100%
}
body {
	text-align:center
}

img {
	border-style: none;
}
h1 {
	font-size:130%
}
h2 {
	font-size:120%
}
h3 {
	font-size:110%
}
h4 {
	font-size:110%
}
p {
	padding:0px 0px 13px 0px;
}
textarea .inputbox {
	width:300px;
	height:100px;
	margin:0px 0px 5px 0px;
}
select {
	height:auto;
	margin:3px 0px 3px 0px;
	vertical-align:middle
}
ul {
	list-style:disc;
	margin:0px 0px 0px 15px;
}
ol {
	margin:0px 0px 0px 35px;
}
.width {
	width:100%
}
.main {
	margin:auto;
	text-align:left
}
.watermarked
{
	color:Gray;
}

.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalButton
{
	display:none;
}

.modalPopup
{
	background-color:#dbefba;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	border-style:groove;
}


.modalPopup2
{
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	border-style:groove;
	font-family:Arial Black;
	color:Black; 
}
#modalPopup2BottomBar 
{  
  width:100%;
  height:30px;
  vertical-align:middle;
  text-align:center;
  background-color: #F2F2F2;
}


.barImage
{
	background-image:url('../images/barslice.jpg');
	background-repeat:repeat-x;
}

#dhtmltooltip
{
	position: absolute;
    width: 150px;
    border: 2px solid black;
    padding: 2px;
    color:Black;
    background-color:#E4F6DA;
    visibility: hidden;
    z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}