body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333;
	margin:0px; 
	padding:0px;
	background:#FFFFFF;
	}

h1,h2,h3,h4,h5,h6 {
	padding:0px; 
	margin:0px 0px 3px 0px;
	}

h1 {font-size:xx-large;}
	 
h2 {font-size:x-large;}
	
h3 {font-size:large;}

h4 {font-size:medium;}

h5 {font-size:small;}

p {margin:10px 0px;}

p a:hover {text-decoration:underline !important;}

a:link {
	text-decoration: none !important;
	color:#9206a2;
	}
	
a:visited {
	text-decoration: none !important;
	color:#9206a2;
	}

a:hover {
	text-decoration:underline !important;
	color:#9206a2;
	}
	
a:active {
	text-decoration: none;
	color:#9206a2;
	}

ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	}

ul li {
	padding:0px;
	margin:0px;
	}

li {padding:0px;
	margin:0px;}

ul.bullet li {
list-style-position:outside;	
list-style-type:disc !important;
padding:0px 0px 3px 0px !important;
margin-left:30px!important;
}

a:link img {border:none !important;}

img a {border:none !important;}

a img {border:none !important;}

table, td, th {border:solid 1px #EEEEEE;}

table {margin-left: 1px;
	background-color:#FFF;
	width:auto;
	border-collapse: collapse;
	}

td, th {padding:5px;}

.inline li {display:inline;}

.clear {clear:both;}

.hide {display:none;}

.hidden { 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden; 
}

.submain {
min-height: 32px;
color: #7d2a89;
font-size: 110%;
display: block
}

.submain img {
float: left;
padding-right: 5px;
}

.submain span {
padding-top: 2px;
display: inline-block;
}

.maincolour-text {color: #7d2a89;}

.subcolour-text {color: #669900;}

.titlesize, .toptitle {font-size: 180%;}

.toptitle {padding: 0 10px 10px 10px;}

.subtitlesize {
font-size: 135%;
color: #669900;
}

.mini-text {
font-size: 85%;
color: #666 !important;
}

/******* layout **********/

#container {
	width: 956px;
	height: auto;	
	margin: 0px auto;
}

.content {
	width: auto;
	height: auto;
	display:block;
	padding: 20px 0px 0px 0px;
	margin-bottom: 0px;
	}	

.maintitle {
	width: 465px;
	height: 56px;
	float: left;
	margin-top: 5px;
	}

.maintitle h1 {
	display: inline;
	float: left;
	}

.contentbody-top {
	width: 826px;
	min-height: 55px;
	float: left;
	padding: 0;
	}

.intro-top, .entrypage, .entrypage-ad {
	width: 803px; 
	min-height: 325px;
	margin-bottom: 10px;
	background-color: #ece1ed;
	border: 1px solid #c8aacb;
	font-size: 105%;
	padding: 5px 7px 10px;
	float: left;
	}

.intro-top {
	width: 808px;
	min-height: 324px;
	padding: 8px;
	border: 1px solid #cc99cc;
}

.entrypage-ad {
width: 804px;
height: auto;
}

.entrypage-ad li {
	list-style-position:outside;	
	list-style-type:disc;
	padding:0px 0px 3px 0px;
	margin-left:30px;
}

.entrypage-ad a:link {
	text-decoration: underline !important;
}

.entrypage {
width: 810px;
height: auto;
}

.fullpage {
	width: 100%; 
	min-height: 185px;
	margin-bottom: 10px;
	background-color: #ece1ed;
	border: 1px solid #c8aacb;
	font-size: 105%;
	padding: 5px 0px 10px 0px;
	float: left;
	}

.textcontent {padding: 0 10px;}

.textcontent ul li {
	list-style-position:outside;	
	list-style-type:disc !important;
	padding:0px 0px 3px 0px;
	margin-left:30px;
}

.userpage {
	width: 97.7%;
	height: auto;
	margin-bottom: 10px;
	background-color: #ece1ed;
	border: 1px solid #c8aacb;
	font-size: 105%;
	padding: 10px;
	float: left;
}

.user-text {
width: 550px;
float: right;
font-size: 110%;
}

.user-text a {text-decoration: underline !important;}

.entrypage li {
	list-style-position:outside;	
	list-style-type:disc;
	padding:0px 0px 3px 0px;
	margin-left:30px;
}

.entrypage a:link {text-decoration: underline !important;}

a.p-arrow {
	text-decoration: underline !important;
	background-image: url(../images/arrow-link.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 12px;
	}

.login-section1 {
	width: 560px;
	height: 247px;
	position: relative;
	float: right;
	background: #FFF url(../images/bg-intro-top.gif) no-repeat;
	}

.login-section-wrap {padding: 10px 8px 0 8px;}

.login-section1-btm {
	height: 8px;
	background: #eee url(../images/bg-intro-btm.gif) no-repeat bottom left;
}

.intro-text {
	width: 330px;
	height: auto;
	float: right;
	font-size: 105%;
	padding-top: 6px;
	}

.intro-text a:link, .intro-text a:visited, .intro-text a:active, .intro-text a:hover {text-decoration: underline !important;}

a.btn-sub2 {
width: 96px;
display: inline-block;
background: Transparent url(../images/bg-sub-full.gif) no-repeat left;
padding: 6px 0 6px 8px;
font-weight: bold;
clear: both;
}

a.btn-sub {
width: 96px;
display: inline-block;
background: Transparent url(../images/bg-sub-full.gif) no-repeat left;
padding: 6px 0 6px 8px;}

.btn-sub-wrap {
float: right;
font-weight: bold;
display: block;
margin-top: -5px;
}

.stepshold {
width: 200px;
float:left;
margin-left: 8px;
}

.log-promo {
width: 544px;	
height: 52px;
clear: both;
display: block;
color: #599541;
font-weight: bold;
background: #fff url(../images/intro-round-l.gif) no-repeat left;
}

.log-promo img {
padding: 7px 10px 0 10px;
float: left;
}

.log-promo p {
width: auto;
height: 100%;	
padding: 18px 0 0 0;
margin: 0;
background: Transparent url(../images/intro-round-r.gif) no-repeat 100% 0px;
}

.login-wrap {
height: 198px;
padding-top: 5px;
}

.logout-wrap {
height: 230px;
padding-top: 5px;
}

.intro-wrap {
min-height: 185px;
display: block;
}

a.btnlogin{
padding: 8px;
background-color: #6ea942;
color: #FFF;
font-weight: bold;
display: inline-block;
float: right;
}

a:hover.btnlogin {
background-color: #74bf3c;
text-decoration: none !important;
}

.login-section2 {
	width: 242px;
	height: 255px;
	background: #613068 url(../images/bg-login.gif) no-repeat top left;
	margin-bottom: 8px;
	position: relative;
	float: left;
	color: #FFF;
	}
	
.loginbox-wrap {
padding: 8px 10px 4px 10px;	
}

.loginbox-wrap-btm {
width: 242px;
height: 8px;
background: #613068 url(../images/bg-login-btm.gif) no-repeat bottom left;
}

ul.front-login {padding-top: 10px;}

ul.front-login li{
display: block;
font-size: 105%;
padding-bottom: 2px;
}

.login-section3 {
	width: auto;
	height: auto;
	background-color: #faf7fa;
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
	border: solid 1px #FFF;
	}

.login-btnholders {clear:both;}

ul.steps li {
	display: inline;
	width: auto;
	height: auto;
	}

.step1, .step2, .step3, .step4 {
height: auto;
float: left;
font-weight:bold;
font-size: 90%;
padding-bottom: 10px;
}
 
.step1 ul li, .step2 ul li, .step3 ul li, .step4 ul li {display: inline-block;}
	
.step4 {margin-right: 0 !important;}

.step1 li, .step2 li, .step3 li, .step4 li {
background-repeat: no-repeat;
background-position: center left;
padding: 5px 0 0 35px;
margin-top: 5px;
margin-right: 5px;
height: 22px;
display: block;
}

.step1 li {background-image: url(../images/intro1.gif);}

.step2 li {background-image: url(../images/intro2.gif);}

.step3 li {background-image: url(../images/intro3.gif);}

.step4 li {background-image: url(../images/intro4.gif);}

.front-findasupplier {
	width:482px;
	min-height: 324px;
	float:left;
	background-color: #f5fddd;
	padding: 8px 10px 5px 10px;
	border: solid 1px #b6cb73;
	margin-bottom: 10px;
	}
	
.front-findasupplier table {
	background-color: Transparent;
	border: none;
	font-size: 90%;
	float: right;
	}

.front-findasupplier td {
	width: 185px;
	border: none;
	padding: 0 !important;
	}

.fas-frontholder {
	width: auto;
	min-height: 198px;
	clear: both;
	display: block;
}

.type {
	width: 10%;
	height: auto;
	float: left;
	}

.faslist {
	width: 90%;
	height: auto;
	float: right;
	margin-bottom: 0px;
	}

.front-article {
	width: 290px;
	min-height: 453px; 
	background-color: #ebf4fb; 
	border: solid 1px #92cdeb; 
	padding: 10px;
	float: right;
	display: block;
}

.front-article ul {margin-bottom: 10px !important;}

.front-article li {display: inline;}

.front-article a, .front-article a:link, .front-article a:hover, .front-article a:active, .front-article a:visited {
	color: #0969a3; 
	display: block;
	width: 280px;
}

.article-list {
background-color: #fff;
padding: 8px 8px 20px;
border-bottom: solid 1px #c8aacb;
margin-bottom: 8px;
}

.article-list ul {
width: 670px;
float: left;
}

.article-list ul li {
list-style-type: none;
padding: 0px;
margin: 0px;
color: #333;
}

.article-list img {
width: 100px;
float: left;
margin-right: 8px;
display: inline-block;
border: solid 1px #ccc !important;
padding: 5px;
background-color: #f1f1f1;
}
	
.news-article {
	margin-bottom: 15px;
	margin-top: 5px;
	}

.front-article img {
	width: 60px;
	height: auto;
	float: left;
	font-size: 80%;
	border: solid 1px #dedddd !important;
	}

.front-article ul {margin-bottom: 8px;}

.standfirst-title {
padding-bottom: 3px;
display: block;
}

.front-standfirst {
	width: 220px;
	float: right;
	margin-top: 5px;
	font-size: 90%;
	line-height: 13px;
	}

.article-toptitle {
	color: #0969a3;
	font-size: 130%;
	margin-bottom: 20px;
	font-weight: bold;
	}

ul.dmi-article-holder {height: 58px;}

ul.dmi-article-holder li img {
width: 60px;
border: solid 1px #d5d5d5 !important;
}

.dmi-title-front {
	width: 220px;
	float: right;
	font-size: 90%;
	line-height: 13px;
	display: inline-block;
}

.dmi-title-front a {width: 220px !important;}

/* article page */

.article-topbg {
width:auto;
height:100%;
/*background-color:#faf7fa;*/
background-color: #ede3ed;
color: #666;
font-size: 110%;
margin-bottom: 10px;
/*border: solid 1px #e3d7e3;*/
}

.article-topbg span {
display: block;
padding: 5px;
}

.article-topbg h2 {
font-weight: normal;
font-size: 170%;
margin-bottom: 20px;
color: #7d2a89;
}

.article-detail {float:none;}

.article-img {
float: right;
margin-bottom: 10px;
margin-left: 10px;
margin-top: 35px;
padding: 5px;
background-color: #EEE;
width: 250px;
height: 250px;
border: solid 1px #CCC !important;
}

.author-img {
	width:90px;
	background-color:#FFF;
	border:solid 1px #CCC;
	float:left;
	margin-right:5px;
}

.article-recent {
float: right;
width: 230px;
height: auto;
padding: 10px;
background-color: #ebf4fb; 
border: solid 1px #92cdeb; 
}

.article-recent ul {padding-bottom: 20px;}

.article-recent a, .article-recent a:link, .article-recent a:hover, .article-recent a:active, .article-recent a:visited {color: #0969a3;}

.articlemain {
	width: 804px; 
	min-height: 185px;
	margin-bottom: 10px;
	/*background-color: #ece1ed;*/
	background-color: #f5eff5;
	/*border: 1px solid #c8aacb;*/
	border: solid 1px #c8aacb;
	font-size: 105%;
	padding: 10px;
	float: left;
	}

.articlemain li {
	list-style-position:outside;	
	list-style-type:disc;
	padding:0px 0px 3px 0px;
	margin-left:30px;
}

.articlemain a:link {text-decoration: underline !important;}

.author {
width:auto;
background: #eee;
border: 1px solid #ccc;
padding: 10px;
}

.author img {
float: left;
margin: 0 10px 0 0;
}

.author h3 {
font-size: 16px;
color: #eee;
}

/****/

.fas-list-holder {
width: 800px;
height: auto;
}

.fas-list-left, .fas-list-right  {
width: 380px;
height:auto;
}

.fas-list-left ul, .fas-list-right ul {margin-bottom: 15px;}

.fas-list-left {float: left;}

.fas-list-right {float: right;}

.fas-toptitle, .purple-toptitle {
	color: #339933;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 5px;
	}

.purple-toptitle {
width: 250px;
height: 32px;
color: #7d2a89;
display: block;
}

.new-corner {
background-image: url(../images/new-corner.gif);
position: absolute;
width: 55px;
height: 52px;
margin: -10px 0 0 245px;
}

.purple-toptitle img {
width: 200px;
margin-bottom: 5px;
display: block;
border-style: none !Important;
}

.fas-subtitle, .fas-refinetitle {
	color: #669900;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 5px;
	}

.fas-refinetitle {font-size: 130%;}
	
.fastxtbox {
	width:74%;
	padding:2px;
	border:solid 1px #ccc;
	margin:0px;
	}

.fasbtn {
	float:right;
	margin-top: 3px;
	}

.fasbtn-front, .fasbtn-front-left {
	float:right;
	margin-top: 10px;
	width: 200px;
	}

.fasbtn-front-left {
float: left;
padding: 0 0 0 15px;
background-image: url(../images/green-point.gif); 
background-repeat: no-repeat;
background-position: center left;
font-weight: bold;
margin-top: 6px;
}

.fasbtn-front-left a {
	color: #339933 !important;
	text-decoration: underline !important;
}

.contentbody-mid {
width: 634px;
height: auto;
float: left;
}

.front-midbox1, .front-midbox2 {
	width: 290px;
	min-height: 453px;
	background-color: #ece1ed;
	border: solid 1px #c8aacb;
	float: left;
	padding: 10px;
	margin-bottom: 10px;
}

.front-midbox2 {float: right;}

.front-midbox2 ul.bullet li {
padding-bottom: 5px !important;
font-size: 90%;
margin-left: 17px !important;
}

.front-midbox2 ul.bullet {padding-top: 5px;}

.contentbody-btm {
	width: 100%;
	height: auto;
	height: auto;
}

.front-btmbox1, .front-btmbox2 {
	width: 473px;
	height: 200px;
	background-color: #CCC;
	float: left;
}

.front-btmbox2 {float: right;}

.right-column {
	width: 310px;
	height: auto;
	float: right;
}
	
/*************************/


/**** adverts banners ****/

.banner-top, .listing-banner {
	width: 468px;
	height: 60px;
	float: right;
	background-color: #CCC;
}

.listing-banner {
margin:5px auto;
float: none;
}

.banner-top img, .listing-banner img {
width: 468px;
height: 60px;
}

.buttonsholder-right {
	width: 120px;
	/*height: 550px;*/
	height: auto;
	float: right;
	margin-left: 10px;
	}

.buttonsholder-right a img {
	width: 120px;
	height: 60px;
	margin-bottom: 10px;
	}

.front-mediumrectangle {
	background-color: #eee;
	border: solid 1px #ccc;
	width: 309px;
	height: 337px;
	float: right;
}

.front-mediumrectangle img {
    /*amended by darren - 20100517*/
    width: 308px;
	height: 337px;
	margin: 0px 0 0 0px;
	/*width: 300px;
	height: 250px;
	margin: 42px 0 0 4px;*/
}

.results-holder {
	width:636px;
	height: auto;
	float:left;
	background-color: #FFF;
	margin-bottom: 10px; 
	}

.notes-holder {
width: auto;
height: auto;
padding: 10px;
background-color: #fff;
}

.result-text-top {
	width: 350px;
	height: auto;
	float: left;
	}
 
.paging {
	width: 300px;
	height: auto;
	float: right;
	text-align: right;
	font-size: 90%;
	color: #666666;
	text-align: right;
	}

.paging ol li {
	padding:0px;
}

ol.pageno li {
	list-style-type: none !important;
	display: inline;
	}

ol.pageno li a {
	padding: 2px 6px;
	border: solid 1px #666666 !important;
	color: #666666;
	display: inline-block;
	margin-right: 1px;
	}

ol.pageno li a:hover {
	background-color: #e5e4e5;
	}

li.pageselected a {
	background-color: #e5e4e5;
	font-weight: bold;
	}

a.pageselected {
	background-color: #e5e4e5;
	font-weight: bold;
	}

.results-superbanner {
	width: 468px;
	height: 60px;
	background-color: #CCC;
	float: left;
	margin-bottom: 10px;
	}

/*** results sections ***/ 

.lightsection {
width: auto;
min-height: 10px;
padding: 10px;
border: solid 1px #b6cb73;
margin: 0 0 10px 0;
background-color: #f5fddd;
}

.lightsection li {list-style-type: none !important;}

.f-tab {
width: auto;
padding: 5px 10px;
background-color: #663399;
display: inline;
margin-top: 10px;
color: #ccff66;
font-weight: bold;
}

.f-tab-holder {margin-top: 10px;}

.featured-listing, .premium-listing, .listing {
	width: auto;
	height: auto;
	margin-top: 10px;
	}

.featured-listing {margin-top: 0 !important;}

.premium-listing, .featured-listing {padding-top: 1px;}

.featured-listing a {text-decoration: underline !important;}

.featured-listing {background-color: #663399;}

.premium-listing {background-color: #ece1ed;}

.listing {
	background-color: #f5eff5;
	padding: 3px 10px;
	margin-top:2px;
	}

ul.comdetails-list {padding: 10px 10px 25px 10px;}

ul.comdetails-list-f {
	padding: 10px 10px 25px 10px;
	color: #FFF;
}

.comdetails-list-f a {color: #FFF;}

.results-more {padding: 10px;}

.morelessholder {
	position: absolute;
	margin: -20px 0 0 10px;
	}

.moreholder, .lessholder, .moreholder-f, .lessholder-f {
	position: absolute;
	margin: -20px 0 0 10px;
	}

.moreholder {
background: url('../images/arrow-dwn-p.gif') no-repeat 0px 5px;
padding-left: 12px;
}

.moreholder-f {
background: url('../images/arrow-dwn-w.gif') no-repeat 0px 5px;
padding-left: 12px;
color: #FFF !important;
}

.lessholder {
background: url('../images/arrow-up-p.gif') no-repeat 0px 5px;
padding-left: 12px;
}

.lessholder-f {
background: url('../images/arrow-up-p.gif') no-repeat 0px 5px;
padding-left: 12px;
color: #7d2a89;
}

ul#resultstab-holder, ul#resultstab-holder-f {
	text-align: left; 
	margin: 0; 
	border-bottom: 1px solid #7d2a89; 
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* change last padding figure for space next to first tab */
	}

ul#resultstab-holder li, ul#resultstab-holder-f li {display: inline;}
	
ul#resultstab-holder li a, ul#resultstab-holder-f li a {
padding: 3px 4px; 
border: 1px solid #7d2a89; 
background-color: #f0e7f0; 
margin-right: 0px; 
border-bottom: none;
margin-right: 3px;
	}

div#res-current li.res-current {border-bottom: 1px solid #f8f6f8;}

div#res-current-f li.res-current-f {border-bottom: 1px solid #f8f6f8;}

div#res-current li.res-current a { 
background-color: #f8f6f8; 
position: relative;
top: 1px;
padding-top: 4px; 
text-decoration: none !Important;
color: #669900;
font-weight: bold;
}

div#res-current-f li.res-current-f a { 
background-color: #f8f6f8; 
position: relative;
top: 1px;
padding-top: 4px; 
text-decoration: none !Important;
color: #669900;
font-weight: bold;
}

.res-tabcontent {
	width: auto;
	height: auto;
	padding: 10px 10px 25px 10px;
	background-color: #f8f6f8;
	border-bottom: 1px solid #7d2a89;
	border-left: 1px solid #7d2a89;
	border-right: 1px solid #7d2a89; 
}

.res-tabcontent li {
	list-style-position:outside;	
	list-style-type:disc;
	padding:0px 0px 3px 0px;
	margin-left:30px;
}
.res-tabcontent-nobullet li {
list-style-type: none !important;
margin: 0 !important;
}

.ent-logo {
width: 180px;
min-height: 220px;
float: right;
margin-left: 10px;
}

.ent-logo img {
	width: 180px;
	height: auto;
	margin: 0 auto;
	display: block;
}	
/*************************/
 
/******* top nav *********/
.topmenu {
	width: auto;
	height: auto;
	background-color: #7d2a89;
	margin: 10px 0 10px 4px;
	padding: 0;
	}

.topmenu ul {
	padding: 0 !important;
	}

.topmenu li {
	display: inline;
	font-weight: bold;
	font-size: 95%; 
	}

.topmenu li a {
	padding: 10px 9px;
	background-color: #7d2a89;
	color: #FFFFFF !important;
	display: inline-block;
	margin-left:-4px;
	}

.topmenu li a:hover {
	padding: 10px 9px;
	background-color: #62016d;
	color: #FFFFFF;
	text-decoration: none !important;
	margin-left:-4px;
	}

.topmenu li a:visited {color: #FFFFFF !important;}
/*************************/

/******** search *********/

.logged-msg, .fas-topbtn {
margin-bottom: 10px;
}

.logged-msg {
	width: 804px;	
	background-color: #ece1ed;
	float: left;
	padding: 10px;
	border: 1px solid #7d2a89;	
	border-radius: 8px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;	
	}

.personalnav {
	font-size: 1.2em;	
	line-height: 1.4em;
	float: left;	
	}

.subactive {
	font-size: 1.2em;
	float: right;
	text-align: right;	
}

.subexpiring {
	font-size: 1.2em;
	color: #ff0000;
	float: right;
	font-weight: bold;
	text-align: right;	
}

.subexpiringtxt {
	color: #696969;				
}

.fas-topbtn {
	width: 250px;
	height: 60px;
	float: right;
	background-color: #CCC;
	}

.searchtab-holder {
	width: 100%;
	height: auto;
	background-color: #CCC;
	margin-top: 10px;
	}

.search-holder {
	width: 804px;
	min-height: 433px;
	border: solid 1px #7d2a89;
	border-top: none;
	padding: 10px;
	margin-bottom: 10px;
	}

.brand-holder {
	width: 804px;
	min-height: 433px;
	border: solid 1px #7d2a89;
	padding: 10px;
	margin-bottom: 10px;
	}

ul#searchtab-holder, ul#brandtab-holder {
	text-align: left; 
	margin: 0; 
	border-bottom: 1px solid #7d2a89; 
	list-style-type: none;
	padding: 3px 10px 3px 0;
	position: relative;
	}

ul#brandtab-holder {border-bottom: 1px solid #FFF;}

ul#searchtab-holder li, ul#brandtab-holder li {display: inline;}
	
ul#searchtab-holder li a, ul#brandtab-holder li a {
padding: 3px 4px; 
border: 1px solid #7d2a89; 
background-color: #f5eff5; 
margin-right: 0px; 
border-bottom: none;
	}

ul#brandtab-holder li a {
border: 3px solid #FFF; 
border-bottom: none;
background-color: #eee;
}

div#current li.current {background-color: #fff; }

div#current li.current a { 
background-color: #fff; 
position: relative;
top: 1px;
padding-top: 4px; 
text-decoration: none !Important;
color: #669900;
font-weight: bold;
}

.widebox1 {
	padding: 10px;	
	width: 784px;
	min-height: 413px;
	background-color: #ece1ed;
	float: left;
}

.quickbox1, .quickbox2 {
	padding: 10px;	
	width: 377px;
	height: 170px;
	background-color: #ece1ed;
	}

.quickbox1 {float: left;}

.quickbox2 {float: right;}

.holderbg {
width: 100%;
height: 100%;
background: #ece1ed url(../images/bg-results.gif) repeat-y top left;
}

.holderbg td, .holderbg th, .holderbg table {border: solid 1px #ece1ed !important;}

.longbox1, .longbox2, .longbox2-brand {
	padding: 8px 10px;	
	width: 377px;
	/*height: 423px;*/
	min-height: 423px;
	background-color: #ece1ed;
	}

.longbox1 {float: left;}

.longbox2, .longbox2-brand {float: right;}

.longbox2-brand h3 {color: #7d2a89}

.longbox2-list {margin-top: 20px;}

.longbox2-list li {
	width:100%;
	margin:2px 0px 12px 0px; 
	float:left;
	clear:left;
	padding: 0;
	list-style-type: none;
}

/* pie chart */

ul.totalfig li {
display: inline !important;
color: #7d2a89;
font-size: 150%;
}

ul.totaldata li {
display: inline !important;
margin: 0!important;
padding: 0!important;
width: auto!important;
float: none!important;
clear: none !important;
}

ul.totaldata {
margin: 0!important;
padding: 0!important;
} 

p.smalltxt {color: #666;}

/****/
div#current-brand li.current-brand {
	background-color: #ece1ed; 
	border-bottom: solid 1px #ece1ed !important;
}

div#current-brand li.current-brand a { 
background-color: #ece1ed; 
position: relative;
top: 1px;
padding-top: 4px; 
text-decoration: none !Important;
color: #7d2a89;
font-weight: bold;
}

.longbox2-brand label {
font-weight: bold;
margin-right: 10px;
}

.brand-tab-holder {
width: auto;
height: auto;
margin-left: 407px;
background-color: #FFF;
}

.fas-entry-list h5 {clear: both;}

.fas-entry-list img {padding-top: 5px;}

.fas-entry-list li {
    width: 75%;
	margin:2px 0px 12px 0px; 
	float:left;
	clear:left;
	padding: 0;
	list-style-type: none;
	position: relative;
}

.fas-entry-list label {
font-weight: bold;
margin-right: 10px;
}

.longbox2 td, .longbox2 th, .longbox2 table, .longbox1 table, .longbox1 td, .longbox1 th {
padding: 0px;
border: solid 1px #FFF ;
font-size: 95%;
}

.longbox2-brand td, .longbox2-brand th {
border: solid 1px #ece1ed !important;
padding: 0px;
font-size: 95%;
}

.longbox1 table, .longbox2-brand table {background-color: Transparent !important;}

.longbox1 td {border: solid 1px #ece1ed !important;}

.subsearch-title {padding: 5px 0;}

.header-res {
background: #7d2a89 url(../images/arrow-side.gif) no-repeat center left;
padding: 3px;
margin-bottom: 1px;
}

.header-res a, .header-selected a {
color: #FFF !important;
padding-left: 12px;
}

.header-selected {
background: #996699 url(../images/arrow-dwn-res.gif) no-repeat center left;
padding: 3px;
font-weight: bold;
}

.content-res {
background-color: #FFF;
border-top: solid 1px #bcabbe;
}

.searchtip-large {
	width: auto;
	height: 213px;
	margin-top: 10px;
	background-color: #f5eff5;
	padding: 10px;
	}

.searchtip-large ol li {
padding: 0px !important;
margin: 10px 0 !important;
}

.industry-list {
	width: auto;
	height: 320px;
	background-color: #FFF;
	border: solid 1px #CCC;
	overflow-y: scroll;
	overflow-x: hidden;
	clear:both;	
}

.industry-list table {
	background-color: Transparent;
	border: none;
	font-size: 90%;
	}

.industry-list td {
	border: solid 1px #FFF !important;
	padding: 0 50px 0 0 !important;
	}

.refinebox, .result-article {
	width: 287px;
	padding: 10px;
	}

.refinebox {
	height: auto;
	background-color: #f5fddd;
	border: solid 1px #b6cb73;
	float: right;
	margin-bottom: 10px;
	}

.refine-list {
	margin: 10px 0px;
	font-size: 90%;
	}
	
.result-article {
	height: auto;
	background-color: #ebf4fb;
	border: solid 1px #92cdeb;
	float: right;
	margin-bottom: 10px;
	}
	
.result-article img {
	width: 60px;
	height: auto;
	float: left;
	font-size: 80%;
	}

/******** forms **********/

.nobullet li {
list-style-type: none !important;
}

.txtbox-mini {
	width:14%;
	padding:2px;
	border:solid 1px #999;
	}

.textboxmini-section label {
	width:55%;
	margin-right:1em;
	display:inline-block;
	vertical-align:top;
	}

.textboxmini-section {
	 width:100%;
	 margin:10px 0px 2px 0px; 
	 float:left;
	 clear:left;
	}

.txtbox-small {
	width:50%;
	padding:2px;
	border:solid 1px #999;
	margin:0px;
	}

.textboxsmall-section label {
	/*float:left;*/
	width:40%;
	margin-right:1em;
	display:inline-block;
	vertical-align:top;
	}

.textboxsmall-section {
	 width:100%;
	 margin:10px 0px 2px 0px; 
	 float:left;
	 clear:left;
	 }
	 
.txtbox {
	width:60%;
	padding:2px;
	border:solid 1px #999;
	margin:0px;
	}

.textbox-section { /*text in front of text box*/
	 width:100%;
	 margin:2px 0px 2px 0px; 
	 float:left;
	 clear:left;
	 padding: 0;	
	 }

.textbox-section label {
	width:30%;
	margin-right:1em;
	display:inline-block;
	vertical-align:top;
	}
	
li.textbox-section  {
list-style-type:none !important;
margin-left: 0 !important;
}

.txtbox-front {
	width:64%;
	padding:2px;
	margin:0px;
	}

.textbox-front { /*text in front of text box*/
	 width:100%;
	 margin:2px 0px 2px 0px; 
	 float:left;
	 clear:left;
	 }

.textbox-front label {
	width:21%;
	margin-right:1em;
	display:inline-block;
	vertical-align:top;
	}

.textbox-front ul li {
list-style-type:none !important;
}

.textbox-front label li {
	list-style-type:none;
	}

/**** Login Div Styles ****/

.login-holder li {
	display: inline;
	}

.form#login
{
	padding:6px;
	position:relative;
	border:1px solid grey;
}

div#username,
div#password {
	position:relative;
	float:left;
	margin-right:3px;
	width:100%;
	/*margin-bottom:-16px;*/
}

label.overlabel-apply, label.overlabel {
	position:absolute;
	top:2px;
	left:5px;
	z-index:10;
	color:#666;
}

.textbox-login {
width:97%;
height: 25px;
padding:1px 2px;
color:#333;
margin-bottom:2px;
margin-right:0px !important;
line-height: 25px;
border: solid 1px #c8aacb;
}

/*********************/

.fullpage-content h3 {
color: #7d2a89;
}

/******** footer ********/

.footer { 
	width: auto;
	height: auto;
	clear: both;
	background-color: #7d2a89;
	margin-bottom: 20px;
	/*padding: 10px;*/
	padding: 3px 10px 8px;
	font-size: 90%;
	color: #FFF;
}

.footer-nav {
	width: auto;
	height: auto;
	margin: 15px 0 5px 0;
	clear: both;
	position: relative;
	}

.footer-nav li {display: inline;}
	
.footer-nav li a {
	text-decoration: underline !Important;
	}	
	
.footer-nav li a:link {
	padding-right: 5px;
	color: #FFF !important;
	}

.footer-nav li a:hover {
	padding-right: 5px;
	color: #FFF !important;
	text-decoration: underline !Important;
	}

.footer-nav li a:visited {
	padding-right: 5px;
	color: #FFF !important;
	}

.fsection li {
	padding: 5px 0px;
	border-bottom: dotted 1px #a15fa5;
	}

.fsection a:link {
	color: #FFF;
	}

.fsection a:hover {
	color: #FFF;
	text-decoration: underline !important;
	}

.fsection a:visited {color: #FFF;}
	
.fsection1, .fsection2, .fsection3, .fsection4 {
	margin-right: 16px;
	width: 301px;
}	

.fsection1 {float: left;}

.fsection2,  .fsection3 {float: left;}
	
.fsection3 {
	float: left;
	margin-right: 0 !important;
	}

.fsection5 {float: left;}

.fsection6 {float: left;}

.footer-text {
	width: 80%;
	float: left;
	}

.footer-logo {
	float: right;
	margin-top: 10px;
	margin-right: 5px;
	width: 163px;
	height: 18px;
	background: url('../images/wil-product.gif') no-repeat right bottom;
}

/*************************/

/******** buttons **********/

.clickbtn,.clickbtn-green, .clickbtn-green-front, .clickbtn-purple, .clickbtn-garrow, .clickbtn-garrowr, .clickbtn-parrow, .clickbtn-pbarrow, .clickbtn-red  {
	background-color: #eee;
	padding: 4px 8px;
	color: #666 !important;
	border: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-left: solid 1px #b2b1b1;
	display: inline-block;
	font-size: 90%;
	}

a:hover.clickbtn, a:active.clickbtn {
	text-decoration: none !important;
	background-color: #ddd;
	border: solid 1px #CCC;
	}

a:active.clickbtn  {
	background-color: #eee;
	}

/** green **/
	
.clickbtn-green, a:hover.clickbtn-green, a:active.clickbtn-green, 
.clickbtn-green-front, a:hover.clickbtn-green-front, a:active.clickbtn-green-front {
	width: auto !Important;
	display: inline-block !important;
	background-color: #57ad51;
	color: #FFF !important;
	font-weight: bold;
	border: solid 1px #99cc66;
	border-bottom: solid 1px #336633;
	border-left: solid 1px #669966;
	}

a:hover.clickbtn-green, a:active.clickbtn-green,
a:hover.clickbtn-green-front, a:active.clickbtn-green-front {
	background-color: #3aad3a;
	border: solid 1px #99cc33;
	text-decoration: none !important;
	}

a:active.clickbtn-green, a:active.clickbtn-green-front  {
	background-color: #33cc33;
	}

.clickbtn-green:focus, .clickbtn-green-front:focus {
outline:2px solid #ccffcc; /* Not supported by IE/Win :-( */
}

/** red **/	
.clickbtn-red, a:hover.clickbtn-red, a:active.clickbtn-red, 
.clickbtn-red-front, a:hover.clickbtn-red-front, a:active.clickbtn-red-front {
	background-color: #cc6666;
	color: #FFF !important;
	font-weight: bold;
	border: solid 1px #ff6666;
	border-bottom: solid 1px #d12536;
	border-left: solid 1px #de3244;
	}

a:hover.clickbtn-red, a:active.clickbtn-red,
a:hover.clickbtn-red-front, a:active.clickbtn-red-front {
	background-color: #ff3333;
	border: solid 1px #ff3333;
	text-decoration: none !important;
	}

a:active.clickbtn-red, a:active.clickbtn-red-front  {
	background-color: #ff0000;
	}

.clickbtn-red:focus, .clickbtn-red-front:focus {
outline:2px solid #ccffcc; /* Not supported by IE/Win :-( */
}

/** purple **/

.clickbtn-purple {
	background-color: #9206a2;
	color: #FFF !important;
	font-weight: bold;
	border: solid 1px #a54198;
	border-bottom: solid 1px #663366;
	border-left: solid 1px #ad15be;
	}
	
a:hover.clickbtn-purple, a:active.clickbtn-purple  {
	background-color: #ab12bc;
	border: solid 1px #ca65d5;
	text-decoration: none !important;
	}	

a:active.clickbtn-purple {background-color: #cc00cc;}

.clickbtn-purple:focus {outline:2px solid #ffccff; /* Not supported by IE/Win :-( */}
/***/
/** front green **/

a.clickbtn-garrow, a.clickbtn-garrowr {
width: 264px !important;
height: 24px;
padding: 5px 0 0 0 !important;
margin: 0px !important;
border-style: none!important;
color: #FFF !important;
font-weight: bold;
font-size: 105%;
text-align: center;
background: #398640 url(../images/btn-intro.gif) no-repeat top left;
}

a:hover.clickbtn-garrow  , a:hover.clickbtn-garrowr {background: #398640 url(../images/btn-intro.gif) no-repeat 0 -29px;}

.clickbtn-green-front {float: right;}

.clickbtn-garrowr {margin-right: -2px !important;}

.clickbtn-parrow {
	width: 232px;
	text-align: center;
	color: #FFF !important;
	font-weight: bold;
	font-size: 105%;
	background: #9206a2 url(../images/arrow-white-pr.gif) no-repeat center right;
	border: solid 1px #a54198;
	border-bottom: solid 1px #663366;
	border-left: solid 1px #ad15be;
	padding: 7px 22px 7px 8px;
}
	
a:hover.clickbtn-garrow, a:hover.clickbtn-garrowr, a:active.clickbtn-garrow {
	background-color: #3aad3a;
	border: solid 1px #99cc33;
	text-decoration: none !important;
	}	

a:hover.clickbtn-parrow, a:active.clickbtn-parrow {
	background-color: #ab12bc;
	border: solid 1px #ca65d5;
	text-decoration: none !important;
	}

a:active.clickbtn-garrow, a:active.clickbtn-garrowr {background-color: #33cc33;}

a:active.clickbtn-parrow {background-color: #cc00cc;}

.clickbtn-garrow:focus, .clickbtn-garrowr:focus {outline:2px solid #ccffcc; /* Not supported by IE/Win :-( */}
/***/

/** purple back arrow **/

.clickbtn-pbarrow {
	background: #9206a2 url(../images/arrow-white-p.gif) no-repeat center left;
	color: #FFF !important;
	font-weight: bold;
	border: solid 1px #a54198;
	border-bottom: solid 1px #663366;
	border-left: solid 1px #ad15be;
	padding: 4px 8px 4px 22px;
	text-align: center;
	display: inline-block;
	}
	
a:hover.clickbtn-pbarrow, a:active.clickbtn-pbarrow  {
	background-color: #ab12bc;
	border: solid 1px #ca65d5;
	text-decoration: none !important;
	}	

a:active.clickbtn-pbarrow  {background-color: #cc00cc;}

.clickbtn-pbarrow:focus {outline:2px solid #ffccff; /* Not supported by IE/Win :-( */}

/***********************/

.btn-center {
margin: 10px auto;
text-align: center;
}

.btn-rightpos {
	margin: 5px 0;
	float: right;
	}

.btn-left {
	float: left;
	margin-right: 8px;
}

.btn-left2 {
	float: left;
	}

.next-btn ul li {
	list-style-type:none;
	list-style:none;
	display:inline;
	}
	
.next-btn a {
	height:16px; 
	width:18px; 
	padding:1px 0px 0px 5px; 
	margin:5px 5px 0px 0px;
	display:block; 
	text-decoration:none; 
	background-color: #eee;
	color: #333 !important;
	font-weight: bold;
	border: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-left: solid 1px #b2b1b1;
	}

.next-btn a:hover {
	height:16px; 
	width:18px; 
	padding:1px 0px 0px 5px; 
	margin:5px 5px 0px 0px;
	background-color: #ddd;
	border: solid 1px #CCC;
	text-decoration: none !important
	}
	
.next-btn a:active {
background-color: #eee;
text-decoration: none !important;
}	
	
a:active.next-btn  {background-color: #ddd;}
	
.next-btn:focus {outline:2px solid #ffccff; /* Not supported by IE/Win :-( */}
	
.btn-fas-left {
float: left;
width: 200px;
height: auto;
position: relative;
}

/******** entry page **********/

.ent-compname {
color: #ec008c;
font-size: large;
font-weight: bold;
}

/******** my profile ********/

.myprofile-table td {
background-color: #ece1ed !important;
border: solid 1px #ece1ed;
padding: 0;
}
/******** my searches ********/
.mysearches-table td {
border: solid 1px #FFF;
background-color: #f4eef4 !important;
}

/****************************/

.tps { font-size: 80%;}

.mysearches {
width: auto;
padding: 10px;
margin-top: 10px;
background-color: #FFF;
}

/**** MMI Career Survey ****/

.survey table {
	background-color: Transparent!important;
	border: none !Important;
}

.survey td {border: none !Important}

.srounded {
padding: 15px;
background-image: url(http://www.apbusinesscontacts.com/images/uploads/846fig1.gif);
background-repeat: repeat-y;
border: none;
}

.stop {
background: url(http://www.apbusinesscontacts.com/images/top.gif);
width: 802px;
height: 19px;
}

.sbottom {
background: url(http://www.apbusinesscontacts.com/images/bottom.gif);
width: 802px;
height: 22px;
}

.sheader {
width: 766px;
border: 1px solid #4a1951;
background-color: #7d2a89;
color: #ffffff;
font-weight: bold;
text-align: center;
}

.sfigure1 {
text-align: center;
width: 33.3%;
}

.sbold {font-weight: bold;}

.scenter {text-align: center;}

.sunderline {border-bottom: 2px solid #000000;}

.ssample {background-color: #cdcdcd;}

.spagebreak {page-break-after: always;}

.sgrey {
width: 100%;
border-bottom: 1px solid #cdcdcd;
margin-bottom: 15px;
}

.scomment { color: #565656;}

.skey {
margin-left: 10px;
padding:5px;
width: 440px;
background: url(http://www.apbusinesscontacts.com/images/uploads/877key.gif);
background-repeat: repeat-y;
}

.skeytop {
background: url(http://www.apbusinesscontacts.com/images/keytop.gif);
margin-left: 10px;
margin-top: 10px;
width: 430px; 
height: 10px;
}

.skeybottom {
background: url(http://www.apbusinesscontacts.com/images/keybottom.gif);
margin-left: 10px;
width: 430px; 
height: 10px;
}

.collapsePanel {
	width: auto;
	height: 0px;
	background-color: #eee;
	padding: 5px;
	margin: 5px 0;
	border-bottom: solid 1px #666;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-top: solid 1px #CCC;
}

.collapsPanelHeader {
	width: auto;
	height: auto;
	font-weight: bold;
	float: left;
	cursor: pointer;
	vertical-align: middle;
}

/** Events Table back **/

.events-form {
width: 100%;
height: auto;
background-color: #eee;
}

.events-form label {
width: 20%;
display: inline-block;
padding-right: 5px;
}

.events-form input {
margin: 1px 0;
display: inline-block;
}

.txtbox-ed-events {
	width:30%;
	padding:2px;
	border:solid 1px #999;
	margin:0px;
}

.events-edit table {
border-style: none !important;
margin: 5px 0 10px 0;
}

.events-edit td {border-style: none !important;}

.events-edit th, .events-head td {
color: #7d2a89;
text-align: left;
border-top: solid 2px #7d2a89;
border-bottom: solid 1px #d6bcd9 !important;
font-size: 120%;
font-weight: bold;
}

.events-head td {
font-size: 110% !important;
background-color: #fff;
}

table.events-front {width: 932px;}

.events-month td {
background-color: #fff;
color: #7d2a89;
text-align: left;
border-bottom: solid 3px #7d2a89 !important;
font-size: 130%;
font-weight: bold;
border-top: solid 2px #d6bcd9 !important;
border-right: solid 1px #d6bcd9 !important;
border-left: solid 1px #d6bcd9 !important;
}

input.txtbox-tel {width: 100px;}

input.txtbox-web {width: 200px;}

input.txtbox-date {width: 70px;}

/** events front end **/

.alt-row {background-color: #f5eff6;}

.norm-row {background-color: #faf7fa;}
	
/***/

.cmstools {
width: 300px;
background-color: #eee;
padding: 10px;
float: right;
font-size: 110%;
color: #666;
font-weight: bold;
line-height: 30px;
margin-top: 5px;
}

.cmstools a, .cmstools a:link, .cmstools a:hover, .cmstools a:active, .cmstools a:visited {
text-decoration: none !important;
}

.toolselected {
background-color: #FFF;
overflow:hidden !important;
padding: 5px;
border: solid 1px #ddd;
}

.toolselected ul li {
list-style-type: none;
margin: 0px !important;
font-size: 80%;
color: #666;
font-weight: normal;
line-height: 15px;
}

.toolselected table, .toolselected td {
border: #FFF;
padding: 1px;
}

.cmscontent {
width: 595px;
float: left;
margin-top: 5px;
}

.cmscontent ul li {
list-style-type: none;
margin: 0px !important;
font-weight: normal;
line-height: 15px;
}

.cmstitle, .cmstitle2, .cmstoptitle {
color: #7d2a89;
font-size: 100%;
display: inline-block;
font-weight: bold;
padding: 5px 0;
width: 549px;
}

.cmstitle2 {
width: auto;
padding: 0px;
}

.cmstoptitle {
width: 100%;
font-size: 150%;
border-bottom: dotted 1px purple;
font-weight: normal;
margin-bottom: 10px;
}

li.toolimglimit img {max-width: 250px;}

ul.admin-menu li a {
background-color: #57ad51;
padding: 10px;
line-height: 10px;
color: #FFF;
display: inline-block;
font-size: 120%;
font-weight: bold;
margin-top: 10px;
border: solid 1px #CCC;
border-bottom: solid 1px #999;
border-left: solid 1px #b2b1b1;
}

ul.admin-menu li {
display: inline;
}

/*** admin cms ***/

.cmsholder {
width: 100%;
}

.cmsholder table td, .cmsholder table th {
border: solid 1px #ded1e0 !important;
}

.editorbox {
margin-left: 35%;
}

.greenboxpop {
width: 90%;
background-color: #fafafa;
border: solid 2px #57ad51;
padding: 10px;
}

.greyboxpop {
	width: 90%;
	background-color: #eee;
	padding: 10px;
	border-bottom: solid 1px #666;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-top: solid 1px #CCC;
}	

/****/

/* terms and condition accept and decline buttons */

.termsbtnHolder {
	width:130px;
	height:26px;
	margin:-7px 0px 0px 0px;
	padding:0px;
	clear:both;
	overflow:hidden;
	}
	
.acceptHolder {
	width:auto;
	height:26px;
	margin:0px;
	padding:0px;
	float:left;
	}

.declineHolder {
	width:auto;
	height:26px;
	margin:0px;
	padding:0px;
	float:right;
	}

.accept {
	width:auto;
	height:26px;
	list-style-type:none;
	padding:0px !important;
	margin:0px !important;	background-color: #5cb04c;}

.accept ul li {
	list-style-type:none;
	padding:0px !important;
	margin:0px !important;
	}

.accept a {
	height:26px; 
	width:auto; 
	padding:3px 8px; 
	margin: 0px;
	display:block; 
	color: #fff;
	font-weight: bold;
	text-decoration:none !important; 
	overflow:hidden;
	position:relative;
	}

.accept a:hover {
	height:auto; 
	width:auto; 
	padding:3px 8px; 
	background-color: green;
	overflow:hidden;
	position:relative;
	}

.decline {
	width:auto;
	height:26px;
	list-style-type:none !important;
	padding:0px !important;
	margin:0px !important;
	background-color: #d84863;
	}

.decline ul li {
	list-style-type:none;
	padding:0px !important;
	margin:0px !important;
	}

.decline a {
	height:auto; 
	width:auto; 
	padding:3px 8px; 
	margin:0px;
	display:block; 
	text-decoration:none; 
	overflow:hidden;
	position:relative;
	color: #fff;
	font-weight: bold;
	}

.decline a:hover {
	height:auto; 
	width:auto; 
	padding:3px 8px; 
	background-color: #d02838;
	overflow:hidden;
	}

/***/

.tipbox {
	padding: 3px;
	background-color: #fefed7;
	border: solid 1px #ffcc00;
	width: 153px;
	margin-bottom: 10px;
	margin-top: -60px;
	color: #333;
	float: left;
	font-size: 90%;
	position: absolute;
}

.tipbox a, .tipbox h4 {color: #ee8d2c !Important;}

.subscribe-holder {
	height: 100%;
	margin-top: 20px;
	display: block;
}

.subscribe-holder label {
font-size: 85%;
font-weight: bold;
vertical-align: middle;
width: 30%;
}

.subscribe-holder input {
	width:58%;
	padding:2px;
	border:solid 1px #999;
	margin:0px;
	}

#dialog-thx {
padding: 10px;
font-family: Arial, Helvetica, Sans-Serif !important;
font-weight: bold;
line-height: 20px;
background-color: #ebf4fb;
width: auto;
height: auto;
}
/*************** Custom Validator ***********************/

.CustomValidatorCalloutStyle div, .CustomValidatorCalloutStyle td {
border: 1px #ccc solid;
background-color: lemonchiffon;
color: red;
}

.CustomValidatorCalloutStyle .ajax__validatorcallout_popup_table {
display: none;
border: none;
background-color: transparent;
padding: 0px;
}

.CustomValidatorCalloutStyle .ajax__validatorcallout_popup_table_row {
vertical-align: top;
height: 100%;
background-color: transparent;
padding: 0px;
}

.CustomValidatorCalloutStyle .ajax__validatorcallout_callout_cell {
width: 20px;
height: 100%;
text-align: justify;
vertical-align: top;
border: none;
background-color: transparent;
padding: 0px;
}

.CustomValidatorCalloutStyle .ajax__validatorcallout_callout_table {
height: 100%;
border: none;
background-color: transparent;
padding: 0px;
}

.CustomValidatorCalloutStyle .ajax__validatorcallout_callout_table_row {
background-color: transparent;
padding: 0px;
}

.CustomValidatorCalloutStyle .ajax__validatorcallout_callout_arrow_cell {
padding: 8px 0px 0px 0px;
text-align: justify;
vertical-align: top;
font-size: 1px;
border: none;
background-color: transparent;
}

.CustomValidatorCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
font-size: 1px;
position: relative;
left: 1px;
border-bottom: none;
border-right: none;
border-left: none;
width: 15px;
background-color: transparent;
padding: 0px;
}

.CustomValidatorCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
height: 1px;
overflow: hidden;
border-top: none;
border-bottom: none;
border-right: none;
padding: 0px;
margin-left: auto;
}

.CustomValidatorCalloutStyle .ajax__validatorcallout_error_message_cell {
font-family: Tahoma;
text-align: justify;
font-size: 11px;
padding: 5px;
border-right: none;
border-left: none;
width: 100%;
}

.CustomValidatorCalloutStyle .ajax__validatorcallout_icon_cell {
width: 20px;
padding: 5px;
border-right: none;
}

.CustomValidatorCalloutStyle .ajax__validatorcallout_close_button_cell {
vertical-align: top;
padding: 0px;
text-align: justify;
border-left: none;
}

.CustomValidatorCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
border: none;
text-align: justify;
width: 10px;
padding: 1px;
cursor: pointer;
}



/*************** End Custom Validator ***********************/