/* CSS Document */
body {
	margin-left:auto;
	margin-right:auto;
	margin-top:6px;
	margin-bottom:12px;
	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:center;
	padding-top:0px;
	background-image:url('images/bgrnd.jpg');
	background-repeat:repeat-x;
	background-color:#efefef

}
#wrapper {
	padding-left:5px;
	padding-right:5px;
	background-color:#FFFFFF;
	display:block;
	width:890px;
	text-align:left;
	overflow:hidden;
}
#header01 {
	float:left;
	width:275px;
	height:75px;
	background-image:url('images/b2b_logo.gif');
	background-repeat:no-repeat
}
#header02 {
	float:right;
	width:562px;
	padding-top:15px;
	height:70px;
	text-align:right;
}
#UtilNav a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#969696;
	padding-left:6px;
	padding-right:6px;
	width:550px;
}
#Crumb {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#969696;
	margin-top:10px;
	margin-bottom:20px;
}
.CrumbYellow {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#9A7700;
	margin-bottom:10px;
}
#Crumb a {
	color:#969696;
	padding-right:3px;

}
#MainNav {
	width:562px;
	height:26px;
	background-image:url('images/nav_bgrnd.jpg');
	background-repeat:no-repeat;
	margin-top:15px;
	padding-top:4px;
	padding-bottom:2px

}
.MainNavTxt {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#828282;
	padding-top:2px;
	padding-left:9px;
	padding-right:12px;
	text-decoration:none;
	border-right:2px solid #ffffff;
}
.MainNavTxtSel {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#9A7700;
	padding-top:2px;
	padding-left:9px;
	padding-right:12px;
	text-decoration:none;
	border-right:2px solid #ffffff;
}
.MainNavTxtEnd {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#828282;
	padding-top:5px;
	padding-left:10px;
	padding-right:12px;
	text-decoration:none;
}
.MainNavTxtEndSel {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#9A7700;
	padding-top:5px;
	padding-left:12px;
	padding-right:12px;
	text-decoration:none;
}
.BannerHome {
	Clear:both;
	display:block;
	background-image:url('images/home_banner.jpg');
	width:890px;
	height:115px
}
.BannerHome a{
	display:block;
	width:890px;
	height:115px;
	text-decoration:none;
}
p {
	margin-top:6px;
	margin-bottom:6px;
}
strong {
	font-weight:bold;
}
	
p a {
	color:#AB8218;
	font-weight:bold;
	text-decoration:none;
	background-image:url('images/arrow.gif');
	background-repeat:no-repeat;
	padding-left:9px
}
.left {
	float:left;
}
.left02 {
	float:left;
	margin-left:60px;
}
.column-half {width:45%}
.column-third {width:30%}
.right {
	float:right;
}
#left {
	float:left;
}
#right {
	float:right;
}
#leftNews {
	float:left;
	display:block;
	width:460px;
	text-align:left;
}
#leftNews a {
	background:none;
	padding-left:0px;
}
#rightNews {
	float:right;
	display:block;
	width:130px;
	color:#00A69A;
	font-weight:bold;
	text-align:right;
}
#leftLinks {
	float:none;
	display:block;
	width:auto;
}
#rightLinks {
	float:none;
	display:block;
	width:auto;
}
#rightNewsLogo {
	float:right;
	display:block;
	width:60px;
	color:#00A69A;
	font-weight:bold;
	text-align:right;
	margin-top:10px;
}
.NoArrowLink {
	color:#AB8218;
	font-weight:bold;
	text-decoration:none;
	background-image:url('none');
	padding:0px
}

.SubHead {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#323232;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
.dotted {
	display:block;
	height:3px;
	background-image:url('images/hr.gif');
	background-repeat:repeat-x;	
	margin-top:3px;
	margin-bottom:3px;
	padding:0px
}
#dotted {
	display:block;
	height:3px;
	background-image:url('images/hr.gif');
	background-repeat:repeat-x;	
	margin-top:3px;
	margin-bottom:3px;
	padding:0px

}
.dotted02 {
	display:block;
	width:410px;
	height:3px;
	background-image:url('images/hr.gif');
	background-repeat:repeat-x;	
	margin-top:6px;
	margin-bottom:6px;
	padding:0px
}
.dotted03 {
	display:block;
	height:3px;
	background-image:url('images/hr.gif');
	background-repeat:repeat-x;	
	padding:0px
}
#dotted05 {
	display:block;
	clear:both;
	height:3px;
	background-image:url('images/hr.gif');
	background-repeat:repeat-x;	
	padding:0px;
	margin:0px
}
#clear {
	clear:both;
}
.clear {
	clear:both;
}
#clearLeft {
	clear:left;
}
ul {
	padding-left:10px;
	padding-bottom:0px;
	list-style-type:disc;
}
li {
	padding-bottom:3px;
	margin-left:5px;
}
li a{
	color:#9A7700;
	font-weight:bold;
	text-decoration:none;
	background-image:url('images/arrow.gif');
	background-repeat:no-repeat;
	padding-left:10px;
	margin-left:0px;
	list-style-type:none
}
.Heading {
	display:block;
	font-size:140%;
	font-weight:bold;
	color:#00A69A;
	padding-bottom:4px;
}
h1 {
	margin-top:4px;
	margin-bottom:4px;
	font-weight:bold;
	color:#00A69A;
	font-size:120%
}
h1 a{
	text-decoration:none;
	color:#00A69A;
	}
h1 a:hover{
	text-decoration:underline;
	color:#00A69A;
}
.green {
	margin-top:4px;
	margin-bottom:4px;
	font-weight:bold;
	color:#00A69A;
	font-size:120%
}
.green a{
	text-decoration:none;
	color:#00A69A;
	}
.green a:hover{
	text-decoration:underline;
	color:#00A69A;
}
h2 {
	margin-top:4px;
	font-weight:bold;
	color:#969696;
}
h3 {
	margin-top:10px;
	font-size:110%;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h4 {
	margin-bottom:8px;
	font-weight:bold;
}
h5 {
	margin-top:4px;
	font-weight:bold;
	color:#9A7700;
}
h5 a{
	font-weight:bold;
	color:#9A7700;
}
h6 {
	font-size:140%;
	font-weight:bold;
	margin-top:8px;
	margin-bottom:3px;
}
em {font-style:italic}
#space {
	height:4px;
	display:block;
}
#logos {
	clear:both;
	width:890px;
	line-height:0px;
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	background-repeat:no-repeat;

}
#logos ul
{
}
#logos li
{
  display:inline;
  margin-left:50px; 
}

#logos li img
{
    margin-top:10px;
}
#footer {
	display:block;
	color:#828282;
	width:890px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	text-align:center;
	margin-bottom:6px;
}
#footer a{
	color:#828282;
	text-decoration:none;
	font-weight:normal;
	background-image:url('none');
	padding-left:0px
}
.PDFLink a{
	color:#00A79C;
	text-decoration:underline;
	background-image:url('images/arrow_blue.gif');
	background-repeat:no-repeat;
	padding-left:8px;
	font-weight:bold
}
#WideTableBottom {
	display:block;
	background-image:url('images/WideTableBottom.gif');
	background-repeat:no-repeat;
	height:5px;
	width:666px;
	margin-bottom:6px
}
#ColTableBottom {
	display:block;
	background-image:url('images/ColTablBottom.gif');
	background-repeat:no-repeat;
	height:5px;
	width:219px;
	margin-bottom:6px
}
.BannerDetail {
	Clear:both;
	display:block;
	background-image:url('images/detail_banner.jpg');
	width:890px;
	height:115px
}
.BannerDetail a{
	background-image:url('images/detail_banner.jpg');
	display:block;
	width:890px;
	height:115px;
	text-decoration:none
}
#LeftCol {
	float:left;
	width:666px;
}
#RightCol {
	float:right;
	width:219px;
}
#knowledge {
	margin-top:6px;
	width:666px;
	height:28px;
	background-image:url('images/knowledge_zone_head.gif');
}
#training {
	margin-top:6px;
	width:666px;
	height:28px;
	background-image:url('images/training_head.gif');
}
#members {
	margin-top:6px;
	width:666px;
	height:28px;
	background-image:url('images/members_head.gif');
	}
#news {
	margin-top:6px;
	width:666px;
	height:28px;
	background-image:url('images/news_head.gif');
}
.titleMembers {
	display:block;
	margin-top:6px;
	width:154px;
	height:22px;
	background-image:url('images/title_members.gif');
}
.titleNews {
	display:block;
	margin-top:6px;
	width:154px;
	height:22px;
	background-image:url('images/title_news.gif');
}
.titleLinks {
	display:block;
	margin-top:6px;
	width:154px;
	height:22px;
	background-image:url('images/title_links.gif');
}
	
.titleTraining {
	display:block;
	margin-top:6px;
	width:170px;
	height:22px;
	background-image:url('images/title_training.gif');
}
	
.titleaz {
	display:block;
	margin-top:6px;
	width:154px;
	height:22px;
	background-image:url('images/title_az.gif');
}
.azLinks {
	font-size:120%;
	font-weight:bold;
	overflow:auto;
	display:block;
	height:20px;
	width:550px;
	margin-top:3px;
	margin-bottom:3px;
}
.azLinks a{
	font-size:120%;
	color:#333333;
	text-decoration:none;
	background-color:#efefef;
	padding:3px;
}
.azLinks a:hover{
	font-size:120%;
	color:#333333;
	text-decoration:underline;
	background-color:#ffffff;
	padding:3px;
}
#links {
	margin-top:6px;
	width:666px;
	height:28px;
	background-image:url('images/links_head.gif');
}
#az {
	margin-top:6px;
	width:666px;
	height:28px;
	background-image:url('images/az_head.gif');
}
#KnowledgeTable {
	display:block;
	width:644px;
	padding:10px;
	padding-top:6px;
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#323232;
	overflow:hidden;
}
#DetailTableHead {
	margin-top:6px;
	width:219px;
	height:28px;
	background-image:url('images/ColTableTop.jpg');
}
#DetailRightTable {
	width:197px;
	height:100%;
	padding:10px;
	padding-top:6px;
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#323232;
}
#NavLeftCol {
	float:left;
	width:199px;
	display:block;
	padding-top:10px;
}
#ContentRightCol {
	float:right;
	width:422px;
	padding-left:15px;
	display:block;
	background-image:url('images/hrVert.gif');
	background-repeat:repeat-y
}
.olNav {
	display:block;
	width:189px;
	margin:0px;
	list-style-type:none;
	margin-bottom:6px;
	padding:0px;
	overflow:hidden;
}
.olNav a {
	color:#9A7700;
	text-decoration:none;
	font-weight:bold;
	padding-left:10px;display:block
}
#EmailMarketing {
	display:block;
	background-image:url('images/Email_Marketing.gif');
	background-repeat:no-repeat;
	width:242px;
	height:17px}
#DMAText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#969696;
	margin-bottom:6px;
}
#EmailMarketingBanner{
	background-image:url('images/SmallBannerEmail.jpg');
	width:420px;
	height:86px
}
#LogoLeft 
{
    float:left;
	display:block;
	width:68px;
	height:49px;
	background-repeat:no-repeat;
}
#DMAText a {
	color:#969696;
	background-image:url('none');
	padding:0px;
	font-weight:normal;
	text-decoration:underline
}
.RelatedEvents {
	display:block;
	width:190px;
	margin-top:10px;
	padding-top:6px;
	padding-bottom:3px;
	background-image:url('images/Related_Events.gif');
	background-repeat:no-repeat
}
.LatestEvents {
	display:block;
	width:190px;
	height:16px;
	margin-top:10px;
	padding-top:6px;
	padding-bottom:3px;
	background-image:url('images/Latest_Events.gif');
	background-repeat:no-repeat
}
.RelatedTraining {
	display:block;
	width:190px;
	margin-top:10px;
	padding-top:6px;
	padding-bottom:3px;
	background-image:url('images/Related_Training.gif');
	background-repeat:no-repeat
}
.LatestTraining {
	display:block;
	width:190px;
	height:16px;
	margin-top:10px;
	padding-top:6px;
	padding-bottom:3px;
	background-image:url('images/Latest_Training.gif');
	background-repeat:no-repeat
}
.LatestHead {
	display:block;
	width:190px;
	margin-top:10px;
	padding-top:6px;
	padding-bottom:3px;
	background-image:url('images/Latest_News.jpg');
	background-repeat:no-repeat
}
.EventsBullet {
	width:202px;
	float:left;
	margin-top:4px;

/*Knowledge Zone ----------*/
}
#KnowledgeZone {
	display:block;
	background-image:url('images/knowledge_zone.jpg');
	background-repeat:no-repeat;
	width:254px;
	height:17px;
	margin-bottom:6px
}
#KnowLeftCol {
	float:left;
	width:300px;
	margin-top:20px;
}
#KnowRightCol {
	float:right;
	width:300px;
	margin-top:20px;
}
#item {
	width:300px;
	margin-top:10px;
	display:block;
	overflow:hidden;
}
#KnowLogoLeft {
	float:left;
	width:50px;
}
#KnowContentRight {
	float:right;
	width:240px;
}
#KnowContentRight p {
	margin-top:2px;
	padding-top:0px;
	margin-bottom:10px;
}
#DMALogoSmall {
	display:block;
	width:50px;
	height:39px;
	background-image:url('images/dma_small.jpg');
	background-repeat:no-repeat
}
#AbbaLogoSmall {
	display:block;
	width:50px;
	height:39px;
	background-image:url('images/abba_small.gif');
	background-repeat:no-repeat

}
#IABLogoSmall {
	display:block;
	width:50px;
	height:39px;
	background-image:url('images/iab_small.jpg');
	background-repeat:no-repeat
}
#MRSLogoSmall {
	display:block;
	width:50px;
	height:39px;
	background-image:url('images/mrs_small.jpg');
	background-repeat:no-repeat
}
#ISPLogoSmall {
	display:block;
	width:50px;
	height:29px;
	background-image:url('images/isp_small.jpg');
	background-repeat:no-repeat
}
#BPMALogoSmall {
	display:block;
	width:50px;
	height:39px;
	background-image:url('images/bpma_small.jpg');
	background-repeat:no-repeat
}

#LogoLrg 
{
    margin:5px auto 0 auto;
    text-align:center;    
}
#IABLogoLrg {
	display:block;
	background-image:url('images/IAB_Logo_Lrg.jpg');
	background-repeat:no-repeat;
	background-position: center 50%;
	width:190px;
	height:97px
}
#MemberSpotlight {
	display:block;
	background-image:url('images/member_spotlight.jpg');
	background-repeat:no-repeat;
	width:180px;
	height:16px;
	margin-top:10px
}
.trainingTab01 {
	display:block;
	float:left;
	background-image:url('images/tab_training_sel.gif');
	background-repeat:no-repeat;
	width:91px;
	height:22px
	}
.trainingTab02 {
	display:block;
	float:left;
	background-image:url('images/tab_training_Unsel.gif');
	background-repeat:no-repeat;
	width:91px;
	height:22px
}
.eventsTab01 {
	display:block;
		float:left;
	background-image:url('images/tab_events_sel.gif');
	background-repeat:no-repeat;
	width:91px;
	height:22px
}
.eventsTab02 {
	display:block;
	float:left;
	background-image:url('images/tab_events_Unsel.gif');
	background-repeat:no-repeat;
	width:141px;
	height:22px
}
.guideTab01 {
	display:block;
	float:left;
	background-image:url('images/tab_guidelines_Unsel.gif');
	background-repeat:no-repeat;
	width:141px;
	height:22px
	}
.guideTab02 {
	display:block;
	float:left;
	background-image:url('images/tab_guidelines_sel.gif');
	background-repeat:no-repeat;
	width:141px;
	height:22px
}
.memtrainTab01 {
	display:block;
	float:left;
	background-image:url('images/tab_membtraining_Unsel.gif');
	background-repeat:no-repeat;
	width:141px;
	height:22px
}
.memtrainTab02 {
	display:block;
	float:left;
	background-image:url('images/tab_membtraining_sel.gif');
	background-repeat:no-repeat;
	width:141px;
	height:22px
	}
.membeventTab01 {
	display:block;
	float:left;
	background-image:url('images/tab_memevents_Unsel.gif');
	background-repeat:no-repeat;
	width:141px;
	height:22px
	}
.membeventTab02 {
	display:block;
	float:left;
	background-image:url('images/tab_memevents_sel.gif');
	background-repeat:no-repeat;
	width:141px;
	height:22px
}
.description{	
	padding:10px;
	background-color:#efefef;
	margin:0px;
}
.date {
	float:right;
	font-weight:bold;
	display:block;
	width:120px;
	text-align:right;
	font-size:120%;
	margin-top:4px;
	margin-bottom:4px;
	color:#00A69A;
}
.book a{
	color:#00A79C;
	background-image:url('images/arrow_blue.gif');
	background-repeat:no-repeat;
	padding-left:8px;
	font-weight:bold;
	margin-left:10px
}
#member ul
{
margin-left: 0; padding-left: 0; white-space: nowrap; }

#member li {
display:inline; list-style-type: none;}

#member a {
	color:#AB8218;
	font-weight:bold;
	text-decoration:none;
	background-image:url('images/arrow.gif');
	background-repeat:no-repeat;
	padding-left:9px;
	margin-bottom:8px;
	}

#member td {
	padding:2px;
	
}
.membertable { 
display:inline;
white-space: nowrap;
width:auto;
padding:3px;
margin-bottom:10px;
margin:10px 0;
}

#LogoList {
	display:block;
	padding-top:3px;
	padding-bottom:3px;
}
#membLogos {
	display:inline;
	width:150px;
	height:100px;
	padding-top:60px;

}
.DMALogoMemb {
	display:block;
	width:68px;
	height:150px;
	background-image:url('images/logo_dma.gif');
	background-repeat:no-repeat;
	padding-top:123px
}
#logoBlock {
	height:150px;
	
}
#DMALogoMem01{
	display:inline;
	width:180px;
	height:200px;
	background-color:#FF0000;
	margin-bottom:43px;
	padding-right:50px;
}
.DMALogoMem02{
	display:inherit;	width:180px;
	height:200px;
	background-color:#000000;
}
.AbbaLogoMem01 {
	background-image:url('images/abba_small.jpg');
	background-repeat:no-repeat
}
.IABLogoMem01 {
	display:list-item;
	width:50px;
	height:1px;
	background-image:url('images/iab_small.jpg');
	background-repeat:no-repeat;
	padding-top:43px
}
.MRSLogoMem01 {
	display:block;
	width:50px;
	height:1px;
	background-image:url('images/mrs_small.jpg');
	background-repeat:no-repeat;
	padding-top:43px
}
.ISPLogoMem01 {
	display:block;
	width:50px;
	height:1px;
	background-image:url('images/isp_small.jpg');
	background-repeat:no-repeat;
	padding-top:43px
}
.BPMALogoMem01 {
	background-image:url('images/bpma_small.jpg');
	background-repeat:no-repeat

}
.yellowLink a{
	color:#AB8218;
	font-weight:bold;
	text-decoration:none;
	background-image:url('images/arrow.gif');
	background-repeat:no-repeat;
	padding-left:9px

}
.yellowLink {
	color:#AB8218;
	font-weight:bold;
	text-decoration:none;
	background-image:url('images/arrow.gif');
	background-repeat:no-repeat;
	padding-left:9px

}
#IABLogoMem02 {
	display:block;
	float:left;
	width:119px;
	height:97px;
	background-image:url('images/IAB_Logo_Lrg.jpg');
	background-repeat:no-repeat;
	margin-right:10px;
	margin-bottom:10px
	}
#address {
	display:block;
	float:right;
	width:450px;
	text-align:left;
}
#News01 {
	background-color:#efefef;
	padding:10px;
	display:block;
	overflow:hidden;
}
#News02 {
	padding:10px;
	display:block;
	overflow:hidden;
}

#LogoMem {
	display:block;
	float:left;
	width:120px;
	height:97px;
	height:120px;
	margin-right:10px;
	margin-bottom:0px;
	vertical-align:bottom
	}
	
	#LogoMem table {width:120px;height:120px;}
#member a.NoArrowLink {
	color:#AB8218;
	font-weight:bold;
	text-decoration:none;
	background-image:url('none');
	padding:0px
}

.kz-content h4 {background:#00a69a;color:#fff;font-weight:bold;padding: 5px 10px;margin-top:5px;margin-bottom:3px}
.kz-content p {padding:0 2px}
.kz-content a {color:#00a69a;font-weight:bold;background-image:url(images/arrow_blue.gif);background-repeat:no-repeat;padding-left: 9px;}
.kz-content a span.grey {color:#323232}
.kz-content .dotted {display:none}

.newsoptions select {float:left; margin: 0 0 5px 0}
.newsoptions .newspager {float:right;line-height: 22px }
.newsoptions .newspager a {color:#00A69A;margin:0 1px;text-decoration:none}
.newsoptions .newspager a.current {font-weight:bold}
.newsoptions .newspager .pagenofm {margin: 0 20px 0 0}
.newsoptions .newspager .pagenext {margin: 0 0 0 20px;background:transparent url(images/arrow_black.gif) no-repeat 100% 0;padding:0 8px 0 0}

.newslogo {float:right; margin: 0 0 10px 10px}
.newsback {display:block;text-align:right;background:transparent url(images/arrow_black.gif) no-repeat 100% 0;padding:0 8px 0 0;color:#00A69A;margin: 5px 5px 0 0}

.eventlistimage {float:right; margin:10px}


.popupwindow {margin:auto; padding: 10px; width:auto}
.popupwrapper {width:auto;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:75%;color:#323232;background:#fff;text-align:left;padding:10px;}
.closepopup {color:#00a69a; text-decoration:none;float:right;}

#jqmTerms .buttons {padding: 10px 0; text-align:center;}
#jqmTerms .buttons a {background: #ccc;padding: 4px 10px; color:#000; text-decoration:none; margin: 0 10px; border: outset 1px #666}

#jqmTerms {}
#jqmTerms .popupwindow {padding:0}
#jqmTerms .scroll-container { height:400px; overflow:auto}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}