/* HACKS *//* HACKS *//* HACKS *//* HACKS *//* HACKS *//* HACKS *//* HACKS *//* HACKS *//* HACKS *//* HACKS */

/* _ something - picked up by IE 6 only - ex: _width:10px */

/* # something - picked up by IE 7 only - ex: #width:10px */

/* . something - picked up by IE 6 AND IE 7 - ex: .width:10px */
/* something expression - picked up by IE 6 AND IE 7 - ex: width:expression(10) */


/* DEFAULTS */
body  {
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	font-family: "Interstate",interstate-regular,"Lucida Grande",Helvetica,Arial,sans-serif;
	font-size: 13px;
	xline-height: 1.25em;
	xline-height: expression(1.5);
	height: 100%;
}
p, li {
	line-height: 1.5em;
}
input, select, textarea {
}
h1 {
	font-size: 24px;
	lxine-height: 1.2em;
	xcolor: #000;
	font-weight: bold;
	xtext-transform:Capitalize;
}
h2 {
	xcolor: #4979C8;
	font-weight: normal;
}
h3 {
	xcolor: #4979C8;
}
h4 {
	xcolor: #4979C8;
	font-weight: normal;
	font-style: italic;
	font-size: 1.2em;
}
h5 {
	font-weight: normal;
	color: #999;
	font-size: .8em;
}
a, a:link {
	color: #4979C8;
	text-decoration: none;
	outline: none; /* turns off FireFox outline when links are clicked */
}
a:hover {
	color: #FAAF40;
	font-weight: normal;
	text-decoration: none;
}
img {
	border: none;
}
div {
	xborder: solid red 1px;
}
hr {
	border:none;
	border-bottom: dotted #999 1px;
	height: 1px;
	background-color: transparent;
	width: 85%;
	text-align: center;
}
.error {
	color: #990000;
}
.SmallPrint {
	font-size: .8em;
}
.Highlight {
	color: #666;
	font-weight: bold;
}
a:hover#PromoVid {
	opacity:0.7;
	filter:Alpha(opacity=70);
}


/* BASIC LAYOUT *//* BASIC LAYOUT */

#container { 
	position: relative:
	display:block;
	width: 900px;
	height:100%;
	background: #FFF;
	margin: 0 auto;  /*the auto margins (in conjunction with a width) center the page if needed */
	text-align:left;
	overflow:visible;
}  
#header {
	position: absolute;
	display:block;
	left: 0px;
	top: 0px;
	height: 140px;
	width: 100%;
	text-align: center;
	padding: 0px; 
	xbackground-color: #FFF;
	background-image: url(/images/Filistics_wave_t4.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
} 
/* #header { 
	position: fixed;
	left: 50%;
	margin-left: -1455px;
	width: 3000px;
	overflow:vissible;
} */
#filler {
	position: absolute;
	display:block;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
	_height: expression(document.body.clientHeight);
	xborder: 1px solid red;
	background-image: url(/images/Filistics_wave_m4.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
/* #filler { 
	position: fixed;
	left: 50%;
	margin-left: -1455px;
	width: 3000px;
	overflow:vissible;
} */
#footer { 
	position: absolute;
	display:block;
	left: 0px;
	bottom: 0px;
	height: 173px;
	width: 100%;
	padding: 0px;
	text-align:center;
	color:#CCC;
	xbackground:#000;
	background-image: url(/images/Filistics_wave_b4.gif);
	background-repeat: no-repeat;
	background-position: center top;
} 
/* #footer { 
	position: fixed;
	left: 50%;
	margin-left: -1455px;
	width: 3000px;
	overflow:vissible;
} */

#middle { 
	position: absolute;
	display:block;
	top: 55px;
	bottom: 71px;
	width: 900px;
	_height: expression(document.body.clientHeight - 127);
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background: transparent;
	xborder: 1px solid red;
} 

#mainContent, #mainContentDownload {
	position: absolute;
	top: 1px;
	left:325px;
	bottom: 1px;
	xheight: 100%;
	width: 535px;
	_height: expression(document.body.clientHeight - 180);
	xmargin: 0 0 0 290px;
	x.margin: 0 0 0 0px;
	padding: 10px 20px 20px 20px;
	.padding: 30px 20px 20px 20px;
	overflow: auto;
	overflow-x: hidden;
	xborder: 1px dotted #666;
	text-align: center;
}
#mainContentDownload {
	background-color:#FFF;
	left:327px;
	width: 534px;
}
.Left {
	text-align:left;
}

.Features p {
}

#mainContent h1 {
	text-align: center;
}
#login {
	position: absolute;
	xmargin-left:890px;
	margin-top:-50px;
	right: 10px;
	float:left;
	color: #999;
	font-size: 10px;
}
#login a, #login a:link {
	color: #FAAF40;
}
#login a:hover {
	color: #4979C8;
}
.logo {
	display:block;
	width: 300px;
	height: 65px;
	margin-left:6px;
	margin-top:14px;
	float:left;
	xborder: 1px solid #666;
}
.tag {
	display:block;
	position:absolute;
	width: 300px;
	color: #4979C8;
	font-weight: normal;
	font-style: italic;
	font-size: 1.2em;
	bottom:50px;
	text-align:center;
	left: 6px;
	xmargin-top:50px;
	xborder: 1px solid #666;
}

.MainMenu {
	position: absolute;
	display: block;
	right:10px;
	xpadding-left: 3px;
	margin: -29px 0 0 0px;
	width: 555px;
	height:29px;
	font-size: 13px;
	_font-size: 12px;
	line-height:30px;
	xletter-spacing: 1px;
	text-align:center;
	xbackground-color:#CCC;
}

#MainMenuTop { 
	_overflow:hidden;
}
#MainMenuBottom { 
	bottom: -29px;
}
#FooterMenu {
	color: #666;
	font-size: 10px;
	bottom: -65px;
	letter-spacing: normal;
	line-height:1.25em;
}
#FooterMenu a { 
	color:#999;
}
#FooterMenu a:hover { 
	color:#CCC;
}
.MenuItem {
	text-align:center;
	text-transform:uppercase;
	float:left;
	display:inline-block;
	width:184px;
	xbackground-color:#FFF;
}
#MainMenuBottom .MenuItem {
	width:184px;
}
#MainMenuBottom .MenuItemFull {
	width:100%;
}
#FooterMenu .MenuItemMiddle {
	border-right: 1px solid #333;
	border-left: 1px solid #CCC;
}
.MenuItemMiddle {
	border-right: 1px dotted #333;
	border-left: 1px dotted #333;
}
.MenuItemLeft {
	border-right: 1px dotted #333;
}

.MenuItem a {
	color: #000;
	xbackground-color:#FAAF40;
	text-align:center;
	display:block;
}
.MenuItem a:hover {
	color: #FFF;
	xbackground-color:#FFF;
}

#Active a {
	color: #FFF;
	/* opacity:0.5;
	filter:Alpha(opacity=50); */
}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.Highlight {
	display: inline:block;
	color: #000;
	font-style: italic;
	font-weight: normal;
}
.tooltip {

}
.menutip {
	display: block;
	position: relative;
	xwidth: 188px;
	padding: 8px;
	right: 0px;
	border: 2px solid #FAA640;
	color: #333;
	background-color: #FFF;
	text-align: justify;
}
.menutip h1 {
	font-size: 14px;
}
.menutip h3 {
	font-size: 11px;
	margin-bottom: .5em;
}
.menutip h1 {
	font-size: 14px;
}
.menutip p {
	padding:0px;
	padding-left:10px;
	margin-top: .5em;
}

table.Generic {
	border-collapse: collapse;
	font-size:.85em
}
.Generic th {
	font-size:1.2em
}
.Generic td, .Generic th {
	padding-top: 5px;
	padding-bottom: 5px;
}
.Generic td, .Generic th {
	padding-bottom:.5em;
}
.GenericLeft td {
	border-bottom: dotted 1px #CCC;
	text-align: left;
}
.Generic td img {
	margin-left:5px;
}

/* MORE INFO / TOOLTIP  ICONS */
/*.MoreInfo {
	display: inline-block;
	vertical-align:middle;
	width: 16px;
	height: 16px;
	background-image: url(../images/Info_Icons.gif);
	background-repeat: no-repeat;
	background-color: transparent;
} */
a.MoreInfo, a:link.MoreInfo, .MoreInfo .ff2More {
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	width: 16px;
	height: 16px;
	background-image: url(../images/Info_Icons.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}
.More { background-position: 0px -45px; }
a:hover.More { background-position: -30px -45px; }

/* FireFox 2.0 Fix/Hack - had to use an image */
.MoreInfo .ff2More {
	display:none;
}
.ff2 .MoreInfo .ff2More { display: inline; }
.ff2 .ff2More { background-position: 0px -45px; }
.ff2 a:hover .ff2More { background-position: -30px -45px; }

.swfupload {
	margin-bottom:-5px;
}

/* lightview */
.lv_contentTop {
}



/* progress bar THANKS FOR FORGETTING TO ADD THIS SCOTT YOU CUNTFACE */
.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(/images/icon-Close.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}