/* Reset styles */
body{color:#000;background:#FFF;font-family:calibri,verdana,arial,clean,helvetica,sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align: text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
:focus{outline:none;}
br.clear{height:0;clear:both;line-height:0;font-size:0px;}
a:hover{text-decoration: underline;}
/* End reset styles */

/* Default styles - mostly overridden later */
h2 { font-size: 18px; letter-spacing: 1px; color: #343434; margin-bottom: 10px; clear: left; }
h3 { font-size: 16px; letter-spacing: 1px; color: #565656; margin-bottom: 10px; clear: both; }
h4 { font-size: 16px; letter-spacing: 0px; color: #787878; margin-bottom: 10px; clear: both; }
p { font-size: 14px; line-height: 1.6; margin-bottom: 10px; letter-spacing: 1px; color: #565656; clear: left; }
a { color: #81CDE4; font-weight: bold; text-decoration: none; }
ul { margin-left: 1em; }
ul li { list-style: disc; font-size: 14px; line-height: 1.6; margin-bottom: 10px; letter-spacing: 1px; color: #565656; clear: both; }
ol { margin-left: 2em; }
ol li { list-style:	decimal; font-size: 14px; line-height: 1.6; margin-bottom: 10px; letter-spacing: 1px; color: #565656; clear: both; }
/* End default styles */

/* Form styles */
form { clear: left; }
form ul {
	margin: 0;
}
form li {
	list-style: none;
	margin: 0;
}
fieldset {
	border: 1px solid #bcbcbc;
	background: #ece8e3;
	padding: 10px 10px 10px 10px;
	margin: 0 0 10px 0;
}
fieldset legend {
	font-size: 16px;
	padding: 0 5px 0 5px;
	color: #565656;
	font-weight: bold;
	letter-spacing: 0;
}
fieldset li {
	clear: both;
}
fieldset p {
	clear: both;
	margin-bottom: 0;
	color: #565656;
	font-size: 14px;
}
fieldset p a {
	color: #222;
	text-decoration: none;
	font-weight: bold;
}
fieldset label {
	float: left;
	font-size: 16px;
	width: 30%;
	color: #565656;
}
fieldset input {
	float: right;
	margin-bottom: 10px;
	font-size: 16px;
	padding: 5px;
	width: 65%;
	color: #565656;
	border: 1px solid #dedede;
}
fieldset input.checkbox {
	width: auto;
}
fieldset input.submit {
	margin-bottom: 0;
	width: auto;
	font-size: 20px;
	padding: 5px 16px 5px 32px;
	border: 1px solid #787878;
	background: url(../img/save.png) no-repeat 10px center;
}
fieldset input.login {
	background: url(../img/user_go.png) no-repeat 10px center;
}
fieldset textarea {
	float: right;
	margin-bottom: 10px;
	font-size: 16px;
	padding: 5px;
	width: 65%;
	color: #565656;
	border: 1px solid #dedede;	
}
fieldset select {
	float: right;
	margin-bottom: 10px;
	font-size: 16px;
	padding: 5px;
	width: 65%;
	color: #565656;
	border: 1px solid #dedede;	
}
form p.field {
	width: 65%;
	float: right;
	clear: none;
}
fieldset.nolegend {
	padding-top: 10px;
}
/* End form styles */

/* Panel styles */
#panel { height: 228px; }
.panel-home { background: url(../img/image_home.jpg) no-repeat top center; }
.panel-about { background: url(../img/image_about.jpg) no-repeat top center; }
.panel-news { background: url(../img/image_news.jpg) no-repeat top center; }
.panel-partners { background: url(../img/image_partners.jpg) no-repeat top center; }
.panel-links { background: url(../img/image_links.jpg) no-repeat top center; }
.panel-faq { background: url(../img/image_faq.jpg) no-repeat top center; }
.panel-beactive { background: url(../img/image_beactive.jpg) no-repeat top center; }
.panel-contact { background: url(../img/image_contact.jpg) no-repeat top center; }
.panel-admin { background: url(../img/image_admin.jpg) no-repeat top center; }
.panel-disclaimer { background: url(../img/image_disclaimer.jpg) no-repeat top center; }
.panel-users { background: url(../img/image_users.jpg) no-repeat top center; }
.panel-partners_admin { background: url(../img/image_admin.jpg) no-repeat top center; }
/* End panel styles */

/* Menu styles */
#menu {	width: 720px; height: 28px; }
#menu ul { list-style: none; margin: 0; }
#menu li { list-style: none; float: left; margin-left: 0; margin-bottom: 0; clear: none; }
#menu li a { display: block; text-indent: -9999px; height: 28px; }
#menu li a#menu-home { background: url(../img/menu-home.png) no-repeat center center; width: 76px; }
#menu li a#menu-about {	background: url(../img/menu-about.png) no-repeat center center;	width: 84px; }
#menu li a#menu-news { background: url(../img/menu-news.png) no-repeat center center; width: 85px; }
#menu li a#menu-partners { background: url(../img/menu-partners.png) no-repeat center center; width: 150px; }
#menu li a#menu-links { background: url(../img/menu-links.png) no-repeat center center; width: 130px; }
#menu li a#menu-faq { background: url(../img/menu-faq.png) no-repeat center center;	width: 60px; }
#menu li a#menu-beactive { background: url(../img/menu-beactive.png) no-repeat center center; width: 74px; }
#menu li a#menu-contact { background: url(../img/menu-contact.png) no-repeat center center;	width: 60px; }
/* End menu styles */

/* User status panel */
#userStatus { clear: both; float: right; margin: 3px 20px 3px 10px; padding: 5px; text-align: right; }
#userStatus p { margin-bottom: 0; font-size: 13px; letter-spacing: 0.5px; color: #565656; font-weight: bold; }
#userStatus a { color: #222; text-decoration: none; }
#userStatus a:hover { text-decoration: underline; }
/* End user status panel */

/* Header styles */
#header { background: url(../img/header.png) no-repeat top center; padding-top: 28px; padding-bottom: 18px; height: 50px; position: relative; }
#header h1 { width: 144px; height: 50px; background: url(../img/logo.png) no-repeat top center; float: right; margin-right: 30px; text-indent: -9999px; }
/* End header styles */

/* Footer styles */
#footer { margin-top: 10px; clear: both; background: url(../img/footer.png) no-repeat bottom center; padding-bottom: 26px; }
#footer p {	background: #ece8e3; text-align: center; margin: 0 8px; padding: 5px 0; font-size: 13px; font-weight: bold; letter-spacing: 1px; color: #565656; border-top: 1px solid #dedede; }
#footer p a { color: #222; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }
/* End footer styles */

#wrapper {
	width: 720px;
	margin: 10px auto;
	background: url(../img/panel_sides.png) repeat-y top center;
}

#content {
	clear: both;
	margin: 0 30px;
}

.sidebar {
	clear: right;
	float: right;
	width: 200px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.sidebar h3 {
	color: #718087;
}

.sidebar p {
	letter-spacing: 0.5px;
}

/* Links list */
#links_list { margin-left: 0; }
#links_list h3 { float: left; clear: none; }
#links_list li { list-style: none; border-bottom: 1px solid #fdf9f4; border-top: 1px solid #ece8e3; margin: 0; padding: 10px 0; }
#links_list li a img { float: right; margin-bottom: 10px; margin-left: 10px; }
/* End links list */

/* Be Active list */
#beactive { margin-left: 0; }
#beactive li { float: left; width: 240px; margin-right: 10px; padding-top: 10px; padding-left: 80px; list-style: none; clear: none; height: 64px; line-height: 1.1; }
#beactive li#beactive-1 { background: url(../img/beactive-1.jpg) no-repeat top left; }
#beactive li#beactive-2 { background: url(../img/beactive-2.jpg) no-repeat top left; }
#beactive li#beactive-3 { background: url(../img/beactive-3.jpg) no-repeat top left; }
#beactive li#beactive-4 { background: url(../img/beactive-4.jpg) no-repeat top left; }
#beactive li#beactive-5 { background: url(../img/beactive-5.jpg) no-repeat top left; }
#beactive li#beactive-6 { background: url(../img/beactive-6.jpg) no-repeat top left; }
#beactive li#beactive-7 { background: url(../img/beactive-7.jpg) no-repeat top left; }
#beactive li#beactive-8 { background: url(../img/beactive-8.jpg) no-repeat top left; }
#beactive li#beactive-9 { background: url(../img/beactive-9.jpg) no-repeat top left; }
#beactive li#beactive-10 { background: url(../img/beactive-10.jpg) no-repeat top left; }
/* End Be Active list */

/* News list */
#news_list { margin-left: 0; }
#news_list h3 { float: left; clear: none; }
#news_list li { list-style: none; border-bottom: 1px solid #fdf9f4; border-top: 1px solid #ece8e3; margin: 0; padding: 10px 0; }
#news_list li img { float: right; margin-bottom: 10px; margin-left: 10px; }
#news_list p.date { float: right; font-size: 13px; font-weight: bold; }
/* End News list */

/* Errors */
.error { border: 1px solid #c00; padding: 10px 10px 0 36px; background: #fcc url(../img/error.png) no-repeat 10px 10px; margin-bottom: 10px; }
.error h3 { font-size: 16px; font-weight: bold; color: #a00; }
.error li { color: #c00; }
/* End Errors */

/* Homepage login/register forms */
form#login, form#register { border: 1px solid #dedede; }
form#login fieldset, form#register fieldset { margin-bottom: 0;	border: 2px solid white; }
form#login h2, form#register h2 { margin: 0; padding: 5px; border: 2px solid white; border-bottom: none; color: #222; text-align: center; }
form#login p, form#register p { clear: both; }
form#login h2 { background: #8bcbeb; }
form#login label { clear: both; font-size: 13px; text-align: center; }
form#login input { float: left; clear: both; font-size: 13px; width: 144px; margin: 0 10px 10px; }
form#login input.submit { width: auto; float: right; }
form#login p { font-size: 13px; line-height: 1.2; }
form#register h2 { background: #718087; }
form#register p { text-align: center; font-size: 18px; }
/* End homepage login/register forms */

a.edit { display: block; float: left; width: 16px; height: 16px; background: url(../img/edit.png) no-repeat left center; text-indent: -9999px; margin-right: 5px; }
a.delete { display: block; float: left; width: 16px; height: 16px; background: url(../img/delete.png) no-repeat left center; text-indent: -9999px; margin-right: 5px; }
a.approve { display: block; float: left; width: 16px; height: 16px; background: url(../img/approve.png) no-repeat left center; text-indent: -9999px; margin-right: 5px; }
a.unapprove { display: block; float: left; width: 16px; height: 16px; background: url(../img/unapprove.png) no-repeat left center; text-indent: -9999px; margin-right: 5px; }
a.email { display: block; float: left; width: 16px; height: 16px; background: url(../img/email.png) no-repeat left center; text-indent: -9999px; margin-right: 5px; }

a.tl-add { float: right; text-indent: 0; margin-left: 10px; padding-left: 21px; font-size: 14px; background: url(../img/add.png) no-repeat left center; width: auto; height: auto; }
a.tl-edit { float: right; text-indent: 0; margin-left: 10px; padding-left: 21px; font-size: 14px; background: url(../img/edit.png) no-repeat left center; width: auto; height: auto; }

/* Table styling */
table { border-top: 1px solid #bcbcbc; background: #ece8e3; width: 100%; margin-bottom: 10px; clear: both; }
table tr { border-bottom: 1px solid #bcbcbc; }
table th, table td { padding: 5px; vertical-align: top; }
* html table th, * html table td { border-bottom: 1px solid #bcbcbc; }
table th { color: #454545; letter-spacing: 1px; font-size: 13px; }
table td { color: #787878; letter-spacing: 0px; font-size: 13px; background: #fdf9f4; }
#pa_organisation th { width: 20%; font-size: 14px; }
#pa_organisation td { width: 80%; color: #787878; font-size: 14px; vertical-align: middle; }
#pa_news th, #pa_users th { font-size: 13px;}
#pa_news td, #pa_users td { font-size: 13px;}
/* End table styling */

/* Partner Search Form */
#partner_search_form label { width: 35%; }
#partner_search_form input { width: 60%; }
#partner_search_form input.submit { width: auto; }
#partner_search_form select { width: 60%; }
/* End Partner Search Form */

/* Narrow forms */
form.narrow fieldset { width: 428px; }
fieldset.news_visibility label { width: 40%; }
fieldset.news_visibility select { width: 55%; }

/* Headers */
h2.header-welcome { background: url(../img/header-welcome.jpg) no-repeat center center; width: 96px; height: 23px; text-indent: -9999px; }
h2.header-about { background: url(../img/header-about.jpg) no-repeat center center; width: 69px; height: 23px; text-indent: -9999px; }
h2.header-activecitizenship { background: url(../img/header-activecitizenship.jpg) no-repeat center center; width: 336px; height: 23px; text-indent: -9999px; }
h2.header-beactive { background: url(../img/header-beactive.jpg) no-repeat center center; width: 100px; height: 23px; text-indent: -9999px; }
h2.header-contact { background: url(../img/header-contact.jpg) no-repeat center center; width: 87px; height: 23px; text-indent: -9999px; }
h2.header-faq { background: url(../img/header-faq.jpg) no-repeat center center; width: 307px; height: 23px; text-indent: -9999px; }
h2.header-links { background: url(../img/header-links.jpg) no-repeat center center; width: 225px; height: 23px; text-indent: -9999px; }
h2.header-news { background: url(../img/header-news.jpg) no-repeat center center; width: 60px; height: 23px; text-indent: -9999px; }
h2.header-partners { background: url(../img/header-partners.jpg) no-repeat center center; width: 232px; height: 23px; text-indent: -9999px; }
h2.header-login { background: url(../img/header-login.jpg) no-repeat center center; width: 57px; height: 23px; text-indent: -9999px; }
h2.header-register { background: url(../img/header-register.jpg) no-repeat center center; width: 96px; height: 23px; text-indent: -9999px; }
h2.header-partner-register { background: url(../img/header-register-partner.jpg) no-repeat center center; width: 376px; height: 23px; text-indent: -9999px; }
h2.header-administration { background: url(../img/header-administration.jpg) no-repeat center center; width: 128px; height: 23px; text-indent: -9999px; }
h2.header-reset-my-password { background: url(../img/header-reset-my-password.jpg) no-repeat center center; width: 218px; height: 23px; text-indent: -9999px; }
h2.header-my-organisation { float: left; background: url(../img/header-my-organisation.jpg) no-repeat center center; width: 144px; height: 23px; text-indent: -9999px; }
h2.header-my-profile { background: url(../img/header-my-profile.jpg) no-repeat center center; width: 94px; height: 23px; text-indent: -9999px; }
h2.header-administration-news { float: left; background: url(../img/header-administration-news.jpg) no-repeat center center; width: 221px; height: 23px; text-indent: -9999px; }
h2.header-administration-user { float: left; background: url(../img/header-administration-user.jpg) no-repeat center center; width: 236px; height: 23px; text-indent: -9999px; }
h2.header-administration-partner { float: left; background: url(../img/header-administration-partner.jpg) no-repeat center center; width: 406px; height: 23px; text-indent: -9999px; }
h2.header-administration-faq { float: left; background: url(../img/header-administration-faq.jpg) no-repeat center center; width: 232px; height: 23px; text-indent: -9999px; }
h2.header-administration-link { float: left; background: url(../img/header-administration-link.jpg) no-repeat center center; width: 222px; height: 23px; text-indent: -9999px; }
h2.header-disclaimer { background: url(../img/header-disclaimer.jpg) no-repeat center center; width: 112px; height: 23px; text-indent: -9999px; }
h3.header-partner-admin-news { clear: both; float: left; background: url(../img/header-partner-admin-news.jpg) no-repeat center center; width: 48px; height: 23px; text-indent: -9999px; }
h3.header-partner-admin-users { clear: both; float: left; background: url(../img/header-partner-admin-users.jpg) no-repeat center center; width: 54px; height: 23px; text-indent: -9999px; }

h3 { color: #81CDE4; font-weight: bold; }

/* Contact form */
legend.contact-email { background: url(../img/contact-email.gif) no-repeat left center; padding: 10px 10px 10px 54px; }
legend.contact-phone { background: url(../img/contact-phone.gif) no-repeat left center; padding: 10px 10px 10px 54px; }
legend.contact-post { background: url(../img/contact-post.gif) no-repeat left center; padding: 10px 10px 10px 54px; }
legend.contact-partners { background: url(../img/contact-partners.gif) no-repeat left center; padding: 10px 10px 10px 54px; }

/* Admin Sections and Icons */
#sections { list-style: none; margin-left: 0; }
#sections li { list-style: none; margin-left: 0;}
#sections li a { display: block; padding: 20px 0 20px 80px; font-size: 20px;}
#section-news { background: url(../img/section-admin-news.jpg) no-repeat left center;}
#section-links { background: url(../img/section-admin-links.jpg) no-repeat left center; }
#section-faqs { background: url(../img/section-admin-faqs.jpg) no-repeat left center; }
#section-users { background: url(../img/section-admin-users.jpg) no-repeat left center;}
#section-partners { background: url(../img/section-admin-partners.jpg) no-repeat left center;}

#pending_users { margin-left: 0; }
#pending_users li { border-bottom: 1px solid #cdcdcd; list-style: none; padding-left: 36px; background: url(../img/user_registered.png) no-repeat 10px center; }
.link-actions { float: right; }
.link-email { background: url(../img/email.png) no-repeat left center; padding-left: 21px; float: left; margin-right: 10px; }
.link-confirm { background: url(../img/confirm.png) no-repeat left center; padding-left: 21px; float: left; margin-right: 10px; }
.link-deny { background: url(../img/deny.png) no-repeat left center; padding-left: 21px; float: left; margin-right: 10px; }

dl.legend { float: right; border: 1px solid #ababab; padding: 10px 0 3px 10px; margin-bottom: 10px; width: 200px; }
dl.legend h4 { float: left; font-size: 14px; color: #555; margin-right: 10px; font-weight: bold; margin-bottom: 5px; }
dl.legend dt { display: block; float: left; margin-right: 5px; clear: left; margin-bottom: 5px; }
dl.legend dd { display: block; float: left; font-size: 14px; margin-right: 10px; color: #777; margin-bottom: 5px; width: 150px; height: 20px;}

p.changestyle { text-align: center; position: absolute; left: 40px; }
p.changestyle a { margin-bottom: 20px; }