/* impressionfx css file */

*{padding:0px;
margin:0px;
border:0px;
}
body{	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color:#efefef;
	text-align:left;
	background-image: url(/images/ifx/bg.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	min-width:400px;
	font-size:80%
}

a.dldbtn {
  display: block;
  background:url(/images/dl.gif) 0 0 no-repeat;
  width:180px;
  height:50px;
  border-bottom-width: 1px;
  border-style: dotted;
}

a.dldbtn:hover {
  display: block;
  background:url(/images/dlb.gif) 0 0 no-repeat;
  width:180px;
  height:50px;
  border-bottom-width: 1px;
  border-style: dotted;
}

div.dottedbox {
  float: left;
  width: 70%;
  border: 1px dotted #111111;
  padding: 15px;
  margin: 0px auto;
}

div.info {
  border: 1px dotted #1111aa;
  padding: 15px;
  margin: 0px auto;
  background-color:#83c2b6;
}

h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:180%;
font-weight:normal;
color: #dae088;
}

#top {
	text-align: left;
	width: 400px;
 	height: 150px;
	position: absolute;
	left: 50%;
	margin-left:-220px;
	top: 30px;
}

#logo {
	left: 50px;
	top: 0px;
	position: absolute;
}

#navbar {
	height: 32em;
	width: 18%;
	top: 200px;
	float: left;
	position: absolute;
	text-align: right;
	background-repeat: repeat-y;
	background-position:right;
	padding-right:35px;
	margin-right:25px;
	border-right-width:2px;
	border-right-style:solid;
	border-right-color:#B9B9BA;
	line-height: 2.5em;
	min-width:150px
}

#navbar a:link {
	font-weight:normal;
	font-size:1em;
	color: #000000;
	text-decoration: none;
	}
#navbar a:visited {
	font-weight:normal;
	font-size:1em;
	color: #222222;
	text-decoration: none;
	}
#navbar a:hover, a:active {
    font-size:150%;
	text-decoration: none;
	font-weight:bold;
	color: #B9B9BA;
	}

#content {
	position: absolute;
	top: 200px;
	left: 20%;
	padding-left:50px;
	width: 70%;
	min-width:32em;
	max-width:80em;
	height:auto;
	line-height: 25px;
	text-align: left;
}

#content a:link {
	font-weight:bold;
	color: #83c2b6;
	text-decoration: none;
    border-color: #ffffff;
    border-bottom-width: 1px;
	}
#content a:visited {
	color: #111166;
	text-decoration: none;
    border-color: #ffffff;
    border-bottom-width: 1px;
	}


#content a:hover, a:focus, a:active {
    font-size:100%;
	text-decoration: none;
	color: #83c2b6;
    border-style: dotted;
    border-color: #8877cc;
    border-bottom-width: 1px;
	}

#content  ul {
    padding-left: 2em;
}


#normal {
	float: right;
	position: absolute;
	top:0px;
	left:0px;
	margin-left:5em;

}

a.imgstamp  {
    margin: 1px;
    border-color: #ffffff;
    border-bottom-width: 1px;
    border-style: dotted;
    border-color: #8866cc;
    border-bottom-width: 1px;
}

.tab {
    width: 120px;
    top: 10;
    color: gray;
    background-color: #dddddd;
    border: thin solid black;
    position: absolute;
    text-align: center;
    z-index: 2;
    padding: 3;
    margin: 1;
    border: 1;
}

.tab:hover { background-color: #aaaacc; }
.tab:active, .tab:focus, .tab:visited { background-color: #cccccc; }

.panel {
    position: absolute;
    top: 70;
    left: -100;
    width: 95%;
    height: 512px;
    z-index: 1;
    visibility: hidden;
    color: navy;
    border: thin solid #404040;
    padding: 0;
    margin: 0;
    border: 1;
}

.helprow {
    border-color: #777777;
    border-style: solid;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-top-width: 0px;
    border-left-width: 0px;
}


/* Generic listing table used site-wide */
table.listing {
	border-collapse: collapse;
	color: #000;
}
table.listing tr,
table.listing td {
	border: 1px solid #ccc;
}
table.listing tr.odd {
	background: #fff;
}
table.listing tr.even {
	background: #f5f5f5;
}
table.listing tr:hover {
	background: #d8e7e9;
}
table.listing th {
	font-weight: bold;
	color: #fff;
	background: #29559a;
	border: none;
}
table.listing td,
table.listing th {
	padding: 2px;
}