/*-------------------------------------------------
Payrolling.com Stylesheet

version: 1.0
author: ehab alatrebi
email: ehab@payrolling.com
website: http://www.payrolling.com

-------------------------------------------------*/

/*----------Benefits-Menu----------*/

#main {
	background:url(images/benefits.jpg) no-repeat;
	border:0;
	width:923px;
	height:238px
}

#main h1 {
	background:url(images/benefits_top.gif) no-repeat;
}

div#test-accordion {
	border: none;
	padding:10px 0 0 0;
}

div.accordion {
	position: relative; /* required for bounding */
	width: 545px;
}

div.accordion-toggle {
	position: relative; /* required for effect */
	z-index: 10;		/* required for effect */
	background:url(images/arw1.gif) no-repeat 10px center;
	border:solid 1px #ccc;
	cursor: pointer;
	margin:2px 0 2px 0;
	padding:5px 5px 5px 25px;
	font:bold 12px arial;
}

div.accordion-toggle:hover, div.accordion-toggle-active {
	background:#3E8E54 url(images/arw3.gif) no-repeat 10px center;
	color:#fff;
}

div.accordion-content {
	overflow: hidden;	/* required for effect */
	background: #fff;
	border:solid 1px #ccc;
	font:normal 12px arial;
	color: #333;
	padding:0;
}

div.accordion-content p {
	font:normal 12px arial;
	margin:15px;
}

.lg_pnl {
	float:left;
	margin-top:10px;
	padding:25px;
	border:solid 1px #ccc;
	border-top:solid 5px #3E8E54;
	width:544px;
	background:url(images/lg_pnl.jpg) repeat-y;
}

.sm_pnl {
	float:right;
	margin-top:10px;
	padding:25px;
	border:solid 1px #ccc;
	border-top:solid 5px #3E8E54;
	width:264px;
	background:url(images/sm_pnl3.jpg) repeat-y;
}

.lg_pnl h1, .sm_pnl h1 {
	height:23px;
	margin-bottom:5px;
	padding:0 0 15px 0;
	border-bottom:1px dotted #999;
}

.lg_pnl h1 {
	width:543px;
}

.lg_pnl h2 {
	margin:15px 0 0 0;
}

.sm_pnl h1 {
	width:268px;
}

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

.listsmall li {
	margin:0 15px 0 15px;
	font:normal 13px/1.7em arial;
	list-style:square;
	list-style-position:outside;
	padding:5px 0 5px 0;
}

.listclear {
	padding:0;
	margin:10px 0 10px 0;
}

.listclear li {
	margin:0;
	font:normal 13px/1.8em arial;
	list-style:none;
	list-style-position:outside;
	padding:7px 0 7px 0;
}

.listacc {
	margin:15px;
	padding:0 0 0 15px;
	list-style:square;
	list-style-position:outside;
}

li.pdf {
	list-style:none;
	list-style-position:outside;
}

a {
	list-style:none;
	list-style-position:outside;
	font:bold 13px/1.8em arial;
}

a.lnk {
	float:left;
	background:url(images/arw4.gif) no-repeat left center;
	padding:0 0 10px 20px;
	font:bold 13px/1.8em arial;
	color:#3E8E54;
}

a.lnkacc {
	float:right;
	margin:0 20px 15px 0;
	font:bold 12px/1.8em arial;
	color:#3E8E54;
}

a.pdf {
	list-style:none;
	list-style-position:outside;
	padding:0 0 0 25px;
	background: url(images/pdf.gif) no-repeat left center;
	color:#3E8E54;
}

#w2 {height:340px;margin-top:30px;}
#calemp {height:283px;margin-top:30px;}
#ben_acc {height:690px;margin-top:30px;}

#w2 h1 {background:url(images/ben_h13.gif) no-repeat;}
#calemp h1 {background:url(images/ben_h12.gif) no-repeat;}
#ben_acc h1 {background:url(images/ben_h1.gif) no-repeat;}