/*---PNG FIX FOR IE6---
img, div {behavior: url(iepngfix.htc);}
*/
#tb_close {
	width:42px!important;
	height:17px;
	cursor:pointer;
	border:none;
	background: url(/websystem/skins/web4companies/images/buttons/close.png) no-repeat;
	position:absolute;
	top:0px;
	right:-2px;
}
#tb_close:hover {background: url(/websystem/skins/web4companies/images/buttons/close_over.png);}

#tb_help{
	width:28px;
	height:17px;
	cursor:pointer;
	background: url(/websystem/skins/web4companies/images/buttons/help.png) no-repeat top right;
	position:absolute;
	right:39px;
	top:0px;
}


/*--- Styles the readonly only info box at the top of template-v1.cfm---*/
body.read .readonly {
	padding:8px;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#bfdbff url(/webroot/websystem/skins/web4companies/images/popbox/bac.png) no-repeat;
	height:18px;
	margin:0 auto;
	border-bottom:2px inset #069;
	
}
body.read .readonly a.help {
	font-size:11px;
	cursor:help;
}

body.read .readonly .atten {
	width:420px;
	background:url(/webroot/websystem/skins/web4companies/images/events/alert_vsm.png) no-repeat;
	height:24px;
	margin:0 auto;
}

body.read .readonly a.back {
	width:30px;
	height:30px;
	background:url(/webroot/websystem/skins/web4companies/images/popbox/back.png) no-repeat;
	position:absolute;
	top:0px;
	left:4px;
	cursor:pointer;
}

.sharethis { /*-- Styles and positions share this link in template_v1 - will ONLY show in published page -- */
	float:right;
	position:absolute;
	top:4px;
	right:0px;
	width:82px;
	overflow:hidden;
	display:inline!important;
	z-index:20;
}

/*  Position of hi vis mode link */

.divider {
	width:20px;
	height:14px;
	background:#f90 url(/webroot/websystem/skins/vismode/li.png);}

/*  Position of Add to Favorite and print link*/
#vismode, .add2fav, .printpage {
	float:right;
	display:inline!important;
	z-index:10000;
	margin:4px 6px 0 0;
	width:22px;
	height:22px;
	cursor:pointer;
}

	/*-- Variations of Text-only icons --*/
	#vismode.strong {background: url(webroot/websystem/skins/vismode/1.png) no-repeat;}
	#vismode.light {background: url(/webroot/websystem/skins/vismode/2.png) no-repeat;}
	#vismode.txt {background: url(/webroot/websystem/skins/vismode/3.png) no-repeat;}
	#vismode.papermag {background: url(/webroot/websystem/skins/vismode/4.png) no-repeat;}
	

	/*-- Variations of Add to Favorite link image --*/
	.add2fav.star {background:url(/webroot/websystem/skins/add2fav/1.png) no-repeat;}
	.add2fav.starplus {background:url(/webroot/websystem/skins/add2fav/2.png) no-repeat;}
	.add2fav.plus {background:url(/webroot/websystem/skins/add2fav/3.png) no-repeat;}
	.add2fav.folderstar {background:url(/webroot/websystem/skins/add2fav/4.png) no-repeat;}
	.add2fav.folderplus {background:url(/webroot/websystem/skins/add2fav/5.png) no-repeat;}

	/*-- Variations of Print icons --*/
	.printpage.modern {background:url(/webroot/websystem/skins/print/1.png) no-repeat;}

#site_additional { /*-- Positions container "site additional" DIV at top of template_v1 -- */
	height:30px;
	position:relative;
	margin:0 auto;
	z-index:3;
	display:block;
	overflow:hidden;
}
#site_additional #google_translate_element {/*-- Positions Google Translate DIV in template_v1 -- */
	height:23px;
	overflow:hidden;
	width:148px;
	float:right;
	margin-right:4px;
	display:inline;
	
}

#site_additional .divider {
	float:right;
	margin-right:5px;
	width:10px;
	height:23px;
	background:url(/webroot/websystem/skins/vismode/li.png) no-repeat center 0px;border-top:0!important;}
	
	

/*  LIVE SITE LOGIN FORM  - when a user tries to access a unaccessable page */

#access-form { width: 286px; background:#fff;padding:20px 10px 10px 10px; border:1px solid #B1B1B1; padding-right:26px; margin:20px auto 10px auto; }

#access-form .clear { clear: both;}

#access-form label { width: 80px; text-align: right; float: left; margin: 0 10px 0 0; padding: 3px 0 0 0; font-size: 16px; }

#access-form input { width: 180px; display: block; padding: 4px; margin: 0 0 10px 0; color: #3a3a3a;}
					  
#access-form .button {border: 1px solid #999;
					  -moz-border-radius: 5px; padding: 5px; color: #000; font-weight: bold;
					  -webkit-border-radius: 5px; font-size: 13px;  width: 70px;  float:right; margin-top:15px;}
					  
#access-form .button:hover	{background: url(/webroot/websystem/websites/pagecss/images/button-bg.png) repeat-x top center; cursor:pointer;}

#access-form .error {color:#F00; text-align:right; font-size:12px;}
