.OmniClass
{
	display:block;
	width:300px;
	height:150px;
	z-index:9999000;
	visibility:hidden;
}

/* Hack to support CSS popup in the middle of the screen usinf position absolute for IE6 (standard and quirks), IE7 quirks, IE8 quirks. */

/* expression is supported by IE only */
/* caculating viewport:
document.getElementsByTagName('body')[0].clientWidth - IE6 quirks,IE7 quirks, IE8 quirks
document.documentElement.clientWidth - IE6 standard
*/

div#OmniFloatingLayer 
{
    position:absolute;
    left: expression( ((viewport_width = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.getElementsByTagName('body')[0].clientWidth)  / 2 - 225  + ( ignoreMe = document.documentElement.scrollLeft ? document.documentElement.scrollTop : document.body.scrollLeft )) + 'px' );
    top: expression( ((viewport_height = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.getElementsByTagName('body')[0].clientHeight) / 2 - 137 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px' );
}

div#OmniFloatingLayerInvite 
{
    position:absolute;
    left: expression( ((viewport_width = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.getElementsByTagName('body')[0].clientWidth)  / 2 - 225  + ( ignoreMe = document.documentElement.scrollLeft ? document.documentElement.scrollTop : document.body.scrollLeft )) + 'px' );
    top: expression( ((viewport_height = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.getElementsByTagName('body')[0].clientHeight) / 2 - 137 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px' );
}

div#OmniFloatingLayerInfo 
{
    position:absolute;
    left: expression( ((viewport_width = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.getElementsByTagName('body')[0].clientWidth)  / 2 - 288  + ( ignoreMe = document.documentElement.scrollLeft ? document.documentElement.scrollTop : document.body.scrollLeft )) + 'px' );
    top: expression( ((viewport_height = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.getElementsByTagName('body')[0].clientHeight) / 2 - 228 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px' );
    z-index:89999000;
}

div#OmniFloatingLayerDate 
{
    position:absolute;
    left: expression( ((viewport_width = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.getElementsByTagName('body')[0].clientWidth)  / 2 - 410  + ( ignoreMe = document.documentElement.scrollLeft ? document.documentElement.scrollTop : document.body.scrollLeft )) + 'px' );
    top: expression( ((viewport_height = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.getElementsByTagName('body')[0].clientHeight) / 2 - 275 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px' );
    z-index:100019000;
}


div#OmniFloatingLayerChat
{
    position:absolute;
    left: expression( ((viewport_width = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.getElementsByTagName('body')[0].clientWidth) + ( ignoreMe = document.documentElement.scrollLeft ? document.documentElement.scrollTop : document.body.scrollLeft )) + 'px' );
    top: expression( ((viewport_height = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.getElementsByTagName('body')[0].clientHeight) / 2 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px' );

	z-index:100018000;
	background-image:url("images/OmniChatBG.png");
	background-repeat:no-repeat;

	width: 285px;
    height: 470px;
	margin-top:-235px;
    margin-left:-285px;
	padding-top:10px;
	/*padding-left:35px;*/
	padding-bottom:10px;
	overflow:hidden;
}


div#OmniFloatingLayerModal 
{
	position:absolute;
	display: block;
	overflow: hidden;
	left:0px;
	top:0px;
    margin-top:0px;
    margin-left:0px;
    z-index:90013000;
	background-color: #666666;
	opacity:0.8;
	filter:alpha(opacity=80);
}
div#OmniFloatingLayerDateAlert /* top left corner "You are on a date" */
{
    position:absolute;
	left:0px;
	top:0px;
    z-index:90020000;
	font-family:Arial,Verdana;
	font-size:14px;
	color:#000000;
	text-align:center;
	background-color:#999999;
	/*filter:alpha(opacity=60);
	opacity:0.6;*/
}








div#OmniFloatingLayerOuter > div#OmniFloatingLayer 
{
    position: fixed;
    left: 50%;
    top: 50%;
	margin-left:-225px;
	margin-top:-137px;
    z-index:90000000;
}

div#OmniFloatingLayerInviteOuter > div#OmniFloatingLayerInvite
{
    position: fixed;
    left: 50%;
    top: 50%;
	margin-left:-225px;
	margin-top:-137px;
    z-index:89997000;
}

div#OmniFloatingLayerInfoOuter > div#OmniFloatingLayerInfo
{
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top:-228px;
    margin-left:-288px;
    height:455px;
    width:575px;
    z-index:89998000;
	text-align:center;
}

div#OmniFloatingLayerDateOuter > div#OmniFloatingLayerDate
{
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top:-275px;
    margin-left:-410px;
	width: 820px;
    height: 550px;   
	z-index:100009000;
}
div#OmniFloatingLayerChatOuter > div#OmniFloatingLayerChat
{
	position: fixed;
	left: 100%;
    top: 50%;
	height: 460px;
	margin-top:-235px;
    margin-left:-285px;
	padding-top:10px;
}

div#OmniFloatingLayerChatClick
{
	width: 35px;
	height: 450px;
	cursor: pointer;
	float:left;
}
div#OmniFloatingLayerModalOuter > div#OmniFloatingLayerModal
{
}
div#OmniFloatingLayerDateAlertOuter > div#OmniFloatingLayerDateAlert
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 150px;
    height: 45px;
    z-index:90011000;
}









div#OmniFloatingLayerRegister
{
    position:absolute;
    left: expression( ((viewport_width = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.getElementsByTagName('body')[0].clientWidth)  / 2 - 200  + ( ignoreMe = document.documentElement.scrollLeft ? document.documentElement.scrollTop : document.body.scrollLeft )) + 'px' );
    top: expression( ((viewport_height = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.getElementsByTagName('body')[0].clientHeight) / 2 - 150 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px' );
	width: 400px;
	height: 300px;
    z-index:90016000;
	background-image:url("images/vdBackground01.gif");

	
	font-family:arial,verdana;
	font-size:14px;
	color:#333333;
	padding-top:65px;
	background-repeat:no-repeat;
}
div#OmniFloatingLayerRegisterOuter > div#OmniFloatingLayerRegister 
{
    position: fixed;
    left: 50%;
    top: 50%;
	width: 400px;
	height: 300px;
    margin-left:-200px;
    margin-top:-150px;
	z-index:90006000;
}
div#OmniFloatingLayerRegister img
{
	padding-top: 7px;
}


div#OmniFloatingLayerRegisterchat
{
    position:absolute;
    left: expression( ((viewport_width = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.getElementsByTagName('body')[0].clientWidth)  / 2 - 200  + ( ignoreMe = document.documentElement.scrollLeft ? document.documentElement.scrollTop : document.body.scrollLeft )) + 'px' );
    top: expression( ((viewport_height = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.getElementsByTagName('body')[0].clientHeight) / 2 - 150 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px' );
	width: 400px;
	height: 300px;
    z-index:90016000;
	background-image:url("images/vdBackground02.gif");

	
	font-family:arial,verdana;
	font-size:14px;
	color:#333333;
	padding-top:65px;
	background-repeat:no-repeat;
}
div#OmniFloatingLayerRegisterOuterchat > div#OmniFloatingLayerRegisterchat 
{
    position: fixed;
    left: 50%;
    top: 50%;
	width: 400px;
	height: 300px;
    margin-left:-200px;
    margin-top:-150px;
	z-index:90006000;
}
div#OmniFloatingLayerRegisterchat img
{
	padding-top: 7px;
}





.OmniRegisterButton 
{
    float:left;
	background-image: url("images/btnSmallGrey.gif");
	width: 135px;
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	padding-top:10px;
	background-repeat:no-repeat;
	cursor:pointer;
}
.OmniRegisterButton1
{
    float:left;
	background-image: url("images/btnRegOrange1.gif");
	width: 179px;
	height: 38px;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color:#FFFFFF;
	padding-top:9px;
	background-repeat:no-repeat;
	cursor:pointer;
}
.OmniRegisterButton2
{
    float:left;
	background-image: url("images/btnRegGrey1.gif");
	width: 121px;
	height: 38px;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color:#999999;
	padding-top:9px;
	background-repeat:no-repeat;
	cursor:pointer;
}




/* Universal Style */

select.limited-width {
    width: 144px;
    position: static;
}
select.expanded-width {
    width: auto;
    position: absolute;
}
#OmniBannerInvMsg {
	overflow: hidden;
	width: 300px;
}



/* Banner01 */
.OmniBanner01bg00
{
	background-image: url("images/Banner01a.gif");
  	background-repeat:no-repeat;
	height:275px;
    width:450px;

	font-family:Arial,Verdana;
	font-size:14px;
	color:#666666;
	text-align:left;
}
.OmniBanner01bg01
{
	background-image: url("images/Banner01a.gif");
  	background-repeat:no-repeat;
    height:275px;
    width:450px;

	font-family:Arial,Verdana;
	font-size:14px;
	color:#666666;
	text-align:left;
}
.OmniBanner01bg02
{
	background-image: url("images/Banner01b.gif");
  	background-repeat:no-repeat;
	height:275px;
    width:450px;

	font-family:Arial,Verdana;
	font-size:14px;
	color:#666666;
	text-align:left;
}
.OmniBanner01bg03
{
	background-image: url("images/Banner01a.gif");
  	background-repeat:no-repeat;
	height:275px;
    width:450px;

	font-family:Arial,Verdana;
	font-size:14px;
	color:#666666;
	text-align:left;
}
.OmniBanner01Accept01 
{
	background: url("images/btnBlue01.gif");
	background-repeat:no-repeat;
	width: 144px;
	height: 43px;
	padding-top:10px;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	text-align:center;
	cursor:pointer;
	border:0px;
}
.OmniBanner01CancelOkay01 
{
	background: url("images/btnGrey01.gif");
	background-repeat: no-repeat;
	width: 123px;
	height: 30px;
	padding-top: 4px;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: #333333;
	text-align: center;
	cursor: pointer;
	border: 0px;
}
.OmniBanner01CancelOkay02 
{
	background: url("images/btnGrey02.gif");
	background-repeat:no-repeat;
	width: 144px;
	height: 43px;
	padding-top:10px;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	color: #333333;
	text-align:center;
	cursor:pointer;
	border:0px;
}
.OmniBanner01Invite01 
{
	background: url("images/btnOrange01.gif");
	background-repeat: no-repeat;
	width: 123px;
	height: 30px;
	padding-top: 4px;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	border: 0px;
}
.OmniBanner01TimeRem01
{
	width: 144px;
	height: 25px;
	color: #FFFFFF;
	font-size: 14px;
	text-align:center;
	border:0px;
}
.OmniBanner01TimeRem02
{
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	text-align:right;
	border:0px;
	margin-top:5px;
}
.OmniBanner01TimeRem03
{
	color: #000000;
	font-size: 11px;
	font-style: italic;
	border:0px;
	margin-top:-5px;
}
#OmniBanner01DeclineDrop
{
	border:0px;
	margin-bottom:5px;
}
.OmniBanner01InviteText
{
	width: 400px;
	height: 30px;
	font-size: 12px;
	font-family:Arial,Verdana;
	border: 1px solid #666666;
	margin-bottom:8px;
	color:#333333;
}
.OmniBanner01Heading01a
{
	font-size: 16px;
	color: #000000;
	margin-bottom:10px;
}
.OmniBanner01Heading01b
{
	font-size: 16px;
	color: #000000;
	margin-bottom:10px;
}
.OmniBanner01Heading02
{
	font-size: 16px;
	color: #000000;
	margin-top:-5px;
	margin-bottom:5px;
}
.OmniBanner01Heading03
{
	font-size: 12px;
	color: #000000;
}
.OmniBanner01Heading04
{
	font-size: 18px;
	color: #000000;
	margin-bottom:10px;
}
.OmniBanner01Table
{
	width:400px;
	height:117px;
	font-family:Arial,Verdana;
	font-size:14px;
	color:#666666;
}
.OmniBanner01Select
{
	font-family:Arial,Verdana;
	font-size: 11px;
	color: #0a719f;
	text-decoration: underline;
	cursor: pointer;
	margin-top:-4px;
}



/* Spark01 */
.OmniSpark01bg00
{
	background-image: url("images/Spark01b.gif");
  	background-repeat:no-repeat;
    height:275px;
    width:450px;

	font-family:Arial,Verdana;
	font-size:14px;
	color:#666666;
	text-align:left;
}
.OmniSpark01bg01
{
	background-image: url("images/Spark01a.gif");
  	background-repeat:no-repeat;
    height:275px;
    width:450px;

	font-family:Arial,Verdana;
	font-size:14px;
	color:#666666;
	text-align:left;
}
.OmniSpark01bg02
{
	background-image: url("images/Spark01a.gif");
  	background-repeat:no-repeat;
	height:275px;
    width:450px;

	font-family:Arial,Verdana;
	font-size:14px;
	color:#666666;
	text-align:left;
}
.OmniSpark01bg03
{
	background-image: url("images/Spark01a.gif");
  	background-repeat:no-repeat;
	height:275px;
    width:450px;

	font-family:Arial,Verdana;
	font-size:14px;
	color:#666666;
	text-align:left;
}
.OmniSpark01Accept01 
{
	background: url("images/btnPurple02.gif");
	background-repeat:no-repeat;
	width: 144px;
	height: 43px;
	padding-top:10px;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	text-align:center;
	cursor:pointer;
	border:0px;
}
.OmniSpark01CancelOkay01 
{
	background: url("images/btnGrey01.gif");
	background-repeat: no-repeat;
	width: 123px;
	height: 30px;
	padding-top: 4px;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: #333333;
	text-align: center;
	cursor: pointer;
	border: 0px;
}
.OmniSpark01CancelOkay02 
{
	background: url("images/btnGrey02.gif");
	background-repeat:no-repeat;
	width: 144px;
	height: 43px;
	padding-top:10px;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	color: #333333;
	text-align:center;
	cursor:pointer;
	border:0px;
}
.OmniSpark01Invite01 
{
	background: url("images/btnPurple01.gif");
	background-repeat: no-repeat;
	width: 123px;
	height: 30px;
	padding-top: 4px;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	border: 0px;
}
.OmniSpark01TimeRem01
{
	width: 144px;
	height: 25px;
	color: #993366;
	font-size: 14px;
	text-align:center;
	border:0px;
}
.OmniSpark01TimeRem02
{
	color: #993366;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	text-align:right;
	border:0px;
	margin-top:5px;
}
.OmniSpark01TimeRem03
{
	color: #993366;
	font-size: 11px;
	font-style: italic;
	border:0px;
	margin-top:-5px;
}
#OmniSpark01DeclineDrop
{
	border:1px solid #CCCCCC;
	margin-bottom:5px;
}
.OmniSpark01InviteText
{
	width: 400px;
	height: 30px;
	font-size: 12px;
	font-family:Arial,Verdana;
	border: 1px solid #666666;
	margin-bottom:8px;
	color:#333333;
}
.OmniSpark01Heading01a
{
	font-size: 16px;
	color: #000000;
	margin-bottom:10px;
}
.OmniSpark01Heading01b
{
	font-size: 16px;
	color: #000000;
	margin-bottom:10px;
}
.OmniSpark01Heading02
{
	font-size: 16px;
	color: #000000;
	margin-left:30px;
	margin-top:-5px;
	margin-bottom:5px;
}
.OmniSpark01Heading03
{
	font-size: 12px;
	color: #000000;
}
.OmniSpark01Heading04
{
	font-size: 18px;
	color: #000000;
	margin-bottom:10px;
}
.OmniSpark01Table
{
	width:400px;
	height:117px;
	font-family:Arial,Verdana;
	font-size:14px;
	color:#666666;
}
.OmniSpark01Select
{
	font-family:Arial,Verdana;
	font-size: 11px;
	color: #0a719f;
	text-decoration: underline;
	cursor: pointer;
	margin-top:-4px;
}
//993366