/*
Theme Name: VFH
Theme URI: http://www.vfh.org.nz/
Description: WordPress theme for Vision For Humanity
Author: Ryan Marshall
Author URI: http://www.schmoove.co.nz/
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/*
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/

/* Clearfix */

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; float: none; height: 0px; font-size: 1px; line-height: 0px; }
/* VFH Styles */

body { background-color: #f2f2f2; font: 12px normal Arial, Helvetica, sans-serif; color: #000; line-height: 18px; }
body.facebook { background-color: #fff;  }
p, td, li { font-size: 12px; }
p { margin-bottom: 12px; }
img { border: 0; margin: 0; padding: 0; }
small { font-size: 10px; color: #999; }
a { color: #cc0000; text-decoration: none; }
a:hover { color: #9e0000; text-decoration: underline }
#wrapper { position: relative; width: 960px; margin: 0 auto; height: 100%; height: auto !important; min-height: 100%; }
* html #wrapper { display: table; height: 100% }
/* Header */

#header { display: block; background: url(images/page_bg.png) repeat-y; }
#header_top { display: block; width: 960px; height: 60px; text-indent: -9999px; background: #f2f2f2 url(images/header_top.png) no-repeat; }
#header_bottom { position: relative; display: block; width: 930px; height: 95px; padding: 0; background: url(images/header_bg.gif) repeat-x; margin: 0 auto; }
#header_bottom h1 { display: block; width: 306px; height: 95px; background: url(images/header_logo.gif) no-repeat; text-indent: -9999px; margin: 0 auto; padding: 0; }
/* Nav */

#navbar { display: block; width: 930px; height: 29px; margin: 0 auto; padding: 0; background: url(images/nav_bg_off.gif) repeat-x; }
ul#nav > li { display: block; width: 155px; height: 29px; float: left; background: url('images/nav_divider.gif') no-repeat top right; }
ul#nav > li a { display: block; width: 153px; height: 29px; line-height: 29px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center; }
ul#nav > li a:hover { background: url(images/nav_bg_on.gif) repeat-x; }
ul#nav li ul { left: -9999em; position: absolute; background: url(images/nav_dropdown_bg.png); color: white; z-index: 10; }
ul#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li ul li { background: url(images/nav_dropdown_border.png) repeat-x left bottom; }
#nav li ul li a:hover { background: url(images/nav_dropdown_bg.png); }
#nav li ul ul { margin: -1em 0 0 10em; }
#nav li:hover ul ul { left: -9999em; }
li.page-item-3081 {display:none !important;}
/* Banner */

#header-social {
	width: 52px;
	float: left;
}
#header-social li {
	display: block;
	width: 26px;
	height: 29px;
	float: left;
}
#header-social li a {
	display: block;
	width: 26px;
	height: 25px;
	padding-top: 6px;
	text-align: center;
}
#header-social li a:hover {
	background: url(images/nav_bg_on.gif) repeat-x;
}


#banner, #flash_banner { z-index: 		1; position: 		relative; width: 			930px; height: 		200px; margin: 		0 auto; }
#phrase { display: block; position: absolute; bottom: 36px; left: 46px; z-index: 99; font-size: 48px; font-style: italic; font-family: Georgia, Times, 'Times Roman', serif; }
#phrase.black { color: #000; opacity: 0.3; text-shadow: 1px 1px #fff; }
#phrase.white { color: #fff; opacity: 0.2; text-shadow: 1px 1px #000; }
.banner_shadows { position: 		absolute; background: 	url('images/banners/shadows.png') repeat-x; width: 			930px; height: 		200px; z-index: 		5; border-bottom:	1px solid #ccc; }
/* Homepage */

.home #banner { background: 	url('images/banners/what-needs-to-be-done.jpg') no-repeat; }
.home #content { width: 			485px; float: 			left; padding-right: 	30px; line-height:	18px; }
.home #sidebar { width: 			320px; margin-top:		30px; padding: 		0 0 0 30px; float: 			left; border-left: 	1px solid #ccc; }
/* Page Content */

#page { position: 		relative; width: 			930px; padding:		0 15px; text-align: 	left; margin:			0 auto; z-index: 		5; background: 	url(images/page_bg.png) repeat-y; overflow: 		hidden; height: 		100%; }
#page.with-sidebar { background: 	url(images/page_sidebar_bg.png) repeat-y; }
body.facebook #page {width: 730px; background:none; }
#page #content { padding: 		30px; min-height: 400px }
#page.with-sidebar #content { width: 			670px; float:			left; }
/* Sidebar */

#sidebar { float: 			left; list-style: 	none; margin:			0; padding: 		30px 20px 0 20px; width: 			160px; text-align:		left; }
#sidebar li { padding: 		0; list-style: 	none; margin-bottom:	30px; }
/* Visions (Flower Page) Template */

.page-template-flower-php #sidebar { width: 			150px; padding: 		25px; }
.page-template-flower-php #sidebar h3 { font-family: 	Georgia, Times New Roman, Times, serif; font-size: 		20px; font-style: 	italic; font-weight: 	normal; color: 			#999; margin-bottom: 	20px; }
.page-template-flower-php #sidebar p { font-family: 	Georgia, Times New Roman, Times, serif; font-size: 		14px; font-style: 	italic; line-height: 	21px; color: 			#666; }

#vision_name { 
	position: absolute;
	top: 30px;
	right: 245px;
	text-align: right;
	display: block; 
	font-size:	18px; 
	line-height:	20px; 
	color: #CC0000 !important; 
	text-align:	center; 
	margin-bottom: 0; 
	text-transform: capitalize;
}

/* Vision Page Template */

.page-template-vision-php #sidebar a, .page-template-subpage-php #sidebar a, a#understanding { font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; text-transform: lowercase; text-align: center; font-weight: light; line-height: 15px; }
.page-template-vision-php #sidebar ul, .page-template-subpage-php #sidebar ul { padding-left: 20px; margin-bottom: 20px; }
.page-template-vision-php #sidebar a, .page-template-subpage-php #sidebar a { display: block; width: 113px; height: 38px; padding-top: 100px; background-repeat: no-repeat; color: #666; }
.page-template-vision-php #sidebar a:hover { color: #333; }
#sidebar a.key-shifts { background-image: url('images/icon_key-shifts.jpg'); margin-bottom: 15px; }
#sidebar a.organisations { background-image: url('images/icon_organisations.jpg'); margin-bottom: 15px; }
#sidebar a.what-needs-to-be-done { background-image: url('images/icon_what-needs-to-be-done.jpg'); margin-bottom: 15px; }
#sidebar a.what-you-can-do { background-image: url('images/icon_what-you-can-do.jpg'); }
.page-template-subpage-php #footer { background-image: url('images/footer_sidebar_bg.png'); }
/* Understanding */

a#understanding { position: absolute; display: block; z-index: 999; top: 20px; right: 30px; width: 140px; height: 40px; padding-top: 110px; background: url('images/icon_understanding.png') no-repeat center; text-align: center; color: #ececec; }
a#understanding:hover { color: #fff; text-decoration: none; }
.page-template-understanding-php #content { width: 			930px !important; float:			none !important; }
.understanding_left { float: 			left; width: 			660px; margin: 		0 60px 40px 0; }
.understanding_title { width: 			100px; text-align: 	center; float: 			left; margin: 		0 20px 20px 0; }
.understanding_title h3 { font-family: 	Georgia, "Times New Roman", Times, sans-serif; font-size: 		18px; font-style: 	italic; font-weight:	normal !important; color: 			#999; margin:			0 !important; }
.understanding_right { float: 			left; width: 			145px; }
.understanding_right h4 { font-family: 	Georgia, "Times New Roman", Times, sans-serif; font-style: 	italic; margin-bottom: 	10px; padding-bottom: 5px; border-bottom:	1px solid #ddd; color:			#999; }
.understanding_right ul li { margin-bottom: 	10px !important; padding-left:	5px; }
.understanding_right ul li:before { content: 		"\00BB \0020"; color: 			#ccc; }
.understanding_back { width:			660px; padding-top:	10px; border-top:		1px solid #ccc; text-align:		right; }
div.keyshifts { background-image: url('images/banner_keyshifts.jpg'); }
div.organisations { background-image: url('images/banner_organisations.jpg'); }
div.whatelse { background-image: url('images/banner_whatelse.jpg'); }
div.whatyou { background-image: url('images/banner_whatyou.jpg'); }
.icons { text-align: center; }
.icon { margin-bottom: 30px; }
ul.pdf_list { list-style: none; padding: 0; margin: 0; }
ul.pdf_list li { margin: 7px auto; }
ul.pdf_list li a { white-space: nowrap; padding: 2px 0px 2px 0px; background: url(images/pdf_icon.gif) no-repeat left; padding-left: 23px; font-size: 10px; }
.breadcrumbs { color: #999; text-align: left; font-size: 10px; padding-bottom: 10px; margin-bottom: 10px; }
.breadcrumbs span.divider { color: #ccc; }
a.explanation { cursor: help; pointer: help; }
a.explanation:hover { text-decoration: underline; }
/* Panel box */

.panel { background: #eee url('images/panel_bg.gif') repeat-x; margin-bottom: 15px; border: 1px solid #ddd; padding: 15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.panel .thumbnail { float: left; margin-right: 15px; cursor: pointer; border: 1px solid #ccc; }
.panel h3 { font-family: 	Georgia, "Times New Roman", Times, sans-serif; font-size: 		20px; font-style: 	italic; color: 			#666; margin-bottom:	10px; }
.intro { color: #666; }
.slider_text { margin-top: 20px; }
hr { background: #ddd; height: 1px; border: 0 none; }
/* Search Form */

#searchform { width: 90px; float: right; padding: 4px 6px 0 0; }
#searchform #s { color: #ccc; font-size: 11px; width: 63px; padding: 0 0 0 4px; height: 22px; line-height: 18px; color: #fff; background: url(images/search_bg.gif) no-repeat; border: 0; float: left; }
#searchform #searchsubmit { width: 22px; height: 22px; background: url(images/search_btn.gif) no-repeat; border: 0; text-indent: -9999px; float: left; cursor: pointer; }
/* Search Results */

.search-terms { font-family: Georgia, 'Times Roman', 'Times New Roman', Times, serif; font-size: 14px; font-style: italic; color: #999; margin-bottom: 40px; }
.search-results .post { margin-bottom: 30px; }
.read-more { font-weight: bold; background: url('images/read_more.gif') no-repeat; padding-left: 20px; color: #CC0000; }
/* Content Editor Styles */

.editor ul, .editor ol { padding-left: 20px; margin-bottom: 18px; }
.editor ul li { list-style: disc; line-height: 18px; margin-left: 20px; }
.editor ol li { list-style: decimal; line-height: 18px; margin-left: 20px; }
.editor table.shaded { background-color: #eee; border: 1px solid #dedede; }
.editor table.shaded th { font-weight: bold; text-align: left; padding: 10px; border-bottom: 1px solid #d9d9d9; }
.editor table.shaded td { padding: 10px; border-bottom: 1px solid #dfdfdf; }
.editor table.shaded tr:last-child td { border-bottom: 0; }
.editor div.wp-caption { border: 1px solid #e9e9e9; background-color: #f2f2f2; padding: 3px; text-align: center; }
.editor div.wp-caption p.wp-caption-text { font-size: 11px; color: #999; margin: 3px 0 0 0 !important; text-align: center; }
.editor div.wp-caption.alignleft { margin: 0 20px 10px 0; }
.editor div.wp-caption.alignright { margin: 0 0 10px 20px; }
.editor .vvqbox { border: 1px solid #e9e9e9; background-color: #f2f2f2; padding: 3px; }
/* Headings */

h2 { /* sIFR-replaced red heading */ font-size: 24px; font-weight: normal; color: #CC0000; text-transform: lowercase; margin-top: 0; margin-bottom: 18px; }
.editor h3 { /* Content section heading */ font-size: 18px; font-weight: bold; margin: 32px 0 16px 0; }
.editor h4 { /* Content subsection heading */ font-size: 14px; font-weight: bold; margin: 16px 0 12px 0; }
/*
blockquote {
	background:#f9f9f9;
	border-left:1em solid #eee;
	margin:1.5em 1em;
	padding:.5em 1em;
	quotes:"\201C""\201D";
}

blockquote:before {
	color:#808080;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}
blockquote :first-child {
	display:inline;
}
blockquote :last-child{
	margin-bottom:0;
}*/


blockquote p { font:italic bold 14px Georgia, Times, "Times New Roman", serif; color: #999; line-height: 20px; margin: 1.5em 3em; }
blockquote p:before { font-size: 24px; color: #ccc; margin-right: 10px; content:"\201C"; }
blockquote p:after { font-size: 24px; color: #ccc; margin-left: 10px; content:"\201D"; }
/* Alignments */

.aligncenter { margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }

/* Social Media icons */

ul.social_icons { position: absolute; right: 60px; bottom: -20px; width: 98px; height: 32px; background-color: #efefef; border: 1px solid #ccc; border-radius: 5px; padding-left: 12px; }
ul.social_icons li { float: left; display: block; width: 16px; height: 16px; margin: 8px 6px 0 6px; }
ul.social_icons li a { display: block; width: 16px; height: 16px; text-indent: -9999px; }
.icon_print { background: url(images/print.png); }
.icon_facebook { background: url(images/facebook.png); }
.icon_twitter { background: url(images/twitter.png); }


/* Contact Form */

#contact { width: 360px; float: right; background-color: #f2f2f2; border: 1px solid #eee; padding: 20px; border-radius: 10px; margin-top: 20px; }
#contact h3, #gmap h3 { margin: 0 0 15px 0; font-size: 14px; }
#contact-form .row { margin-bottom: 10px; }
#contact-form label { display: block; width: 150px; float: left; padding-top: 5px; color: #666; }
#contact-form select { width: 200px; }
#contact-form input[type="text"] { width: 195px; }
#contact-form textarea { width: 200px; height: 100px; }
#gmap { width: 400px; background-color: #f2f2f2; border: 1px solid #eee; padding: 20px; border-radius: 10px; float: left; margin-top: 20px; }
/* Form Validation */

.inputContainer { position: relative; float: left; }
.formError { position: absolute; top: 300px; left: 300px; display: block; z-index: 5000; cursor: pointer; }
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none }
.formError .formErrorContent { width: 100%; background: #ee0101; position:relative; z-index:5001; color: #fff; width: 150px; font-family: tahoma; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.greenPopup .formErrorContent { background: #33be40; }
.blackPopup .formErrorContent { background: #393939; color: #FFF; }
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position:relative; z-index: 5006; }
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top:2px; }
.formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.greenPopup .formErrorArrow div { background: #33be40; }
.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }
.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }
/* Sitemap */

ul#sitemap { padding: 0; margin: 0; }
ul#sitemap a { color: #333; }
ul#sitemap li ul li { margin-left: 15px; }
ul#sitemap li { margin-bottom: 10px; }
ul#sitemap > li { display: block; width: 200px; float: left; font-weight: bold; font-size: 14px; padding-bottom: 10px; margin-left: 15px; }
ul#sitemap > li#home { width: 100%; text-align: center; margin: 0; font-size: 16px; }
ul#sitemap > li > a { display: block; background-color: #f9f9f9; border: 1px solid #efefef; padding: 5px 10px; }
ul#sitemap > li > ul > li { font-weight: bold; margin-top: 15px; display: block; background-color: #fcfcfc; border: 1px solid #f0f0f0; padding: 5px 10px; }
ul#sitemap > li > ul > li ul { margin-top: 10px; }
/* Comments */

#comments-section { border-top: 1px solid #ccc; margin-top: 40px; padding-top: 10px; }
#comments-section h3 { font-family: 	Georgia, Times New Roman, Times, serif; font-size: 		16px; font-style: 	italic; font-weight: 	normal; color: 			#999; margin-bottom:	15px; }
#comments { border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.comment-meta { margin-bottom: 5px; }
.comment-date { float: right; text-transform: uppercase; color: #ccc; font-size: 10px; }
.comment-text p { color: #666; }
#comments-form { width: 350px; margin: 0 auto; }
#commentform { width: 350px; }
#comments-form label { font-size: 12px; color: #999; margin-right: 10px; }
#comments-form input[type="text"], #comments-form textarea { background-color: #F2F2F2; border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA; border-style: solid; border-width: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px; width: 250px; color: #666; }
#comments-form textarea { width: 326px; height: 150px; color: #000; }
.required { color: #CC0000; font-size: 12px; font-weight: bold; margin-left: 5px; }
#commentform #submit { margin-right: 10px; }
/* Global Citizen Signup */

#global_citizen_signup { display: block; padding: 10px 20px; background-color: #f2f2f2; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; min-height: 50px; }
#global_citizen_signup #response { font-size: 14px; color: #cc0000; font-weight: bold; padding-top: 5px; text-align: center; line-height: 24px; }
#global_citizen_signup .field { float: left; margin-bottom: 10px !important; width: 248px; }
#global_citizen_signup .field label { color: #999; float: left; width: 180px; line-height: 20px; }
/*
#global_citizen_signup .field { float: left; margin-bottom: 10px !important; width: 200px; }
#global_citizen_signup .field.half {width:130px; margin-bottom: 15px !important;}
#global_citizen_signup .field.half input[type="text"] {width:120px;}
#global_citizen_signup input[type="text"] { width: 250px; }
#global_citizen_signup .required_fields { color: #999; text-align:center; }
#global_citizen_signup input[type="submit"] { width: 253px; display:block; text-align: center; margin-top:15px; padding-top: 6px; }
#global_citizen_signup .required_fields { color: #999;}
*/
#global_citizen_signup input[type="text"] { width: 180px; }
#global_citizen_signup .required { font-size: 10px; color: #cc0000; }
#global_citizen_signup .required_fields { color: #999;}
#global_citizen_signup input[type="submit"] { width: 80px; display:block;float:left; text-align: center; margin-top:17px; padding-top: 6px; }
.equation { color: #CC0000; font-size: 16px; font-style: italic; }
/* Footer */

#footer { position: relative; display: 		block; width: 			960px; margin: 		0 auto; background: 	url('images/footer_bg.png') no-repeat left top; }
body.facebook #footer {background:none;}

.footer-banner {
	position: relative;
	top: -30px;
	z-index: 99;
	display: block;
	margin: 0 auto;
	width: 930px;
	height: 60px;
	border-radius: 0 0 6px 6px;
	background-color: #CD2D2D;
}
.footer-banner ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.footer-banner ul li {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin: 0 12px;
}
.footer-banner ul li a {
	font-size: 14px;
	color: #fff;
	background-color: #CC0000;
	padding: 7px 14px;
	border-radius: 6px;
}
.footer-banner ul li a:hover {
	text-decoration: none;
	background-color: #B00000;
}
#footer-icons { position: absolute; right: 15px; }
#copyright { position: relative; font-size: 0.8em; color: #999; text-align: center; margin: 20px 0; }


/* Latest Posts */

ul#latest-posts { display: block; padding: 15px 20px 5px 20px !important; background-color: #f2f2f2; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
ul#latest-posts li { line-height: 16px; margin-bottom: 10px; }
ul#latest-posts .post_title { font-size: 14px; }
ul#latest-posts .post_date { display: block; color: #999; font-size: 0.7em; }



a#equation_methodology { display: block; width: 200px; height: 75px; background: url(images/equation_methodology_button.gif) no-repeat left top; text-indent: -9999px; margin: 0 auto; }
a#equation_methodology:hover { background-position: right top; }
.sIFR-flash { max-width: 500px; }
#sidebar .widget p { font-size: 1.0em; }

#sidebar .widget p.global_citizen_count {
	display: block;
	text-align: center;
	margin: 10px 0;
	font-size: 18px;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 6px 12px;
}


.donation-panel { width: 340px; height: 140px; padding: 20px; margin-left: 35px; float: left; background-color: #f2f2f2; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align: center; margin-bottom: 20px; }
.button, #submit { font-size: 12px; font-weight: bold; margin-right: 5px; color: #fff; background-color: #CC0000; border: 0; padding: 9px 10px 7px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.button:hover { color: #fff; text-decoration: none !important; cursor: pointer; }
.hidden { line-height: 18px; font-size: 12px; margin-bottom: 16px; }
/* VFH Network Panel */

#network_panel { position: absolute; top: -70px; left: 0; width: 100%; height: 80px; background: url(images/network_panel_bg.png) repeat-x; z-index: 9999; text-align: left !important; }
#network_panel_tab { position: absolute; bottom: -12px; left: 15px; cursor: pointer; display: block; width: 65px; height: 23px; background: url(images/network_panel_tab.png) no-repeat; }
#network_panel ul { position: relative; margin: 35px 0 0 0; padding: 0; list-style: none; }
#network_panel ul li { display: inline; margin: 0 20px; }
#network_panel ul li a { color: #666; text-decoration: none; font-size: 13px; }
#network_panel ul li a:hover { color: #e00023; }
#network_panel_close { position: absolute; display: block; top: 35px; right: 15px; width: 10px; height: 10px; color: #fff; background-color: #ddd; border-radius: 10px; text-decoration: none; text-align: center; padding: 5px; }
#network_panel_close:hover { background-color: #ccc; }