/********************************************************************
* PPL Widget Main Style Sheet                                       *
*                                                                   *
* version: 1.0                                                      *
* author:  Alexander Drobyshev                                      *
* email:   alexander.drobyshev@pearsoncanada.com                    *
********************************************************************/

/* reset styles
-------------------------------------------------------------------*/

#ad_ppl_widget, #ad_ppl_widget div, #ad_ppl_widget span, 
#ad_ppl_widget h3, #ad_ppl_widget h4, #ad_ppl_widget p, 
#ad_ppl_widget a, #ad_ppl_widget cite, #ad_ppl_widget em, 
#ad_ppl_widget img, #ad_ppl_widget strong, #ad_ppl_widget sub, 
#ad_ppl_widget sup, #ad_ppl_widget dl, #ad_ppl_widget dt, 
#ad_ppl_widget dd, #ad_ppl_widget ol, #ad_ppl_widget ul, 
#ad_ppl_widget li, #ad_ppl_widget fieldset, #ad_ppl_widget form, 
#ad_ppl_widget label, #ad_ppl_widget legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Verdana, Geneva, sans-serif;
	vertical-align: baseline;
}

/* remember to define focus styles! */
#ad_ppl_widget :focus {
	outline: 0;
}
#ad_ppl_widget {
	line-height: 1;
	color: black;
	background: white;
	font-size: 14px;
	margin: 10px;
}
#ad_ppl_widget ol, #ad_ppl_widget ul {
	list-style: none;
}


/* widget container
-------------------------------------------------------------------*/

#ad_ppl_widget {
	width: 240px;
	background: #fff;
	border-top-left-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	border-top-right-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	box-shadow: 0 2px 6px #666;
	-webkit-box-shadow: 0 2px 6px #666;
	-moz-box-shadow: 0 2px 6px #666;
}

#ad_ppl_widget h3 {
	text-align: center;
	font-size: 16px;
	color: #17298b;
	font-weight: bold;
	background: #fff url(../../images/canada/ppl_widget/li-bg.jpg) center left repeat-x;
	padding: 5px;
	border-top-left-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	border-top-right-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	line-height: 20px;
	text-shadow: -1px 1px 1px #EBEBEB;
}

#ad_ppl_widget h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}

#ad_ppl_widget #ad_ppl_widget_heading1 a {
	background: #926898 url(../../images/canada/ppl_widget/h4-1-bg.jpg) center left repeat-x;
	color: #fff;
}
#ad_ppl_widget #ad_ppl_widget_heading1 a:hover {
	background: #ae7fb6 url(../../images/canada/ppl_widget/h4-1-bg-hover.jpg) center left repeat-x;
}

#ad_ppl_widget #ad_ppl_widget_heading2 a {
	background: #e8e268 url(../../images/canada/ppl_widget/h4-2-bg.jpg) center left repeat-x;
	color: #1a816e;
}
#ad_ppl_widget #ad_ppl_widget_heading2 a:hover {
	background: #e8e268 url(../../images/canada/ppl_widget/h4-2-bg-hover.jpg) center left repeat-x;
}

#ad_ppl_widget #ad_ppl_widget_heading3 a {
	background: #b6c945 url(../../images/canada/ppl_widget/h4-3-bg.jpg) center left repeat-x;
	color: #0999de;
}
#ad_ppl_widget #ad_ppl_widget_heading3 a:hover {
	background: #b6c945 url(../../images/canada/ppl_widget/h4-3-bg-hover.jpg) center left repeat-x;
}

#ad_ppl_widget a {
	color: #000;
	text-decoration: none;
	display: block;
}

#ad_ppl_widget h4 a {
	padding: 4px;
	padding-left: 10px;
}

#ad_ppl_widget #ad_ppl_widget_ul1 { background: #fff url(../../images/canada/ppl_widget/ul-1-bg.jpg) top left no-repeat; }
#ad_ppl_widget #ad_ppl_widget_ul1 a { color: #550e5f; }
#ad_ppl_widget #ad_ppl_widget_ul1 a:hover { background: rgba(85,14,95,.04); }

#ad_ppl_widget #ad_ppl_widget_ul2 { background: #fff url(../../images/canada/ppl_widget/ul-2-bg.jpg) top left no-repeat; }
#ad_ppl_widget #ad_ppl_widget_ul2 a { color: #4d450e; }
#ad_ppl_widget #ad_ppl_widget_ul2 a:hover { background: rgba(77,69,14,.05); }

#ad_ppl_widget #ad_ppl_widget_ul3 { background: #fff url(../../images/canada/ppl_widget/ul-3-bg.jpg) top left no-repeat; }
#ad_ppl_widget #ad_ppl_widget_ul3 a { color: #404504; }
#ad_ppl_widget #ad_ppl_widget_ul3 a:hover { background: rgba(64,69,4,.05); }

#ad_ppl_widget li a:hover {
	background: #eeeaeb;
}

#ad_ppl_widget li a {
	padding: 8px 20px;
}