/* 
	Theme Name: Wonga
	Theme URI: http://www.wonga.com
	Description: Wonga theme for WordPress
	Author: Wonga
	Author URI: http://www.wonga.com
	Version: 1
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* Begin Typography & Colors */
body {
	font-family: "arial", helvetica, sans-serif; 
	font-size:12px;
	color:#3b3b3b; 
	line-height: 21.6px;
	background:  url("https://www.wonga.com/money/live-header-theme/header-repeat-img.png") repeat-x top center; 
	margin: 0px auto;
}	
	
	a:link  		{ font-size:12px; color: #008fd5; text-decoration:none; }
	a:active   		{ font-size:12px; color: #008fd5; text-decoration:none; }
	a:visited   	{ font-size:12px; color: #008fd5; text-decoration:none; }
	a:hover			{ font-size:12px; color: #0067A0; text-decoration:underline; }
	
	form			{ margin: 0px 0px; }

	.ErrorLabel		{ color:red; font-size:11px; font-weight:bold; line-height:18px; }
	b.FontStyle1	{ font-size: 13px; color: #008fd5; font-weight: bold; }
	div.clear 		{ clear:both; font-size: 1px; width:auto; }
	span.Green		{ color:#17ba17; }
	span.Blue		{ color:#008fd5; }
	
#Wrapper {width: 1050px; margin: 0px auto;}

/******** HEADER SECTION ********/
.header-section						{width:1050px; height:180px; overflow:hidden; position:relative; background:url("https://www.wonga.com/money/live-header-theme/header-centre-img.png") no-repeat top left; margin:0px auto;} 
.wonga-logo							{float:left; width:193px; height:109px; margin:54px 0px 0px 61px;}
.wonga-logo a img					{border:none;}
.right-header						{float:left; width:796px; height:180px; font-size:12px!important;}
.top-login-box						{float:right; margin:0px 57px 0px 0px; height:102px; }
.top-login-box-left					{float:left; background-image:url(images/sprites.png); background-repeat:no-repeat; background-position:0px -158px; width:22px; height:34px; }
.top-login-box-right				{float:left; }
.top-login-box-center				{float:left; background-image:url(images/sprites.png); background-repeat:repeat-x; background-position:0px -245px; height:40px;}

#showFavorite						{float:left;}
.left-bg							{float:left; background-image:url(images/sprites.png); background-repeat:repeat-x; background-position:15px -203px; height:40px; width:145px;}
.left-login-bg						{float:left; width:140px; height:40px; background-image:url(images/sprites.png); background-repeat:no-repeat; background-position:23px -203px;}
.top-login-favorite-img-box			{float:left; margin:6px 0px 0px 1px; background-image:url(images/sprites.png); background-repeat:no-repeat; background-position:0px -134px; width:22px; height:17px;}
.top-login-favorite-box				{float:left; background-image:url(images/sprites.png); background-repeat:repeat-x; background-position:0px -245px; height:40px;}
.top-login-favorite-text			{float:left; height:40px;}
.top-login-favorite-text a			{float:left; display:block; color:#136CA2; font-weight:bold; margin:3px 0px 0px 1px;}
.login-form-container				{float:left;}
.login-section-padding				{padding:2px 2px 0px 0px;}
.login-section-link					{color:#136CA2; font-weight:bold;}
.welcome-message					{float:left; color:#000; font-size:12px !important; font-weight:normal !important; padding:0px 4px 0px 15px; background-repeat:no-repeat;
											background-image:url(images/sprites.png); background-position:-32px -132px; height:17px;}
/******** TOP LOGIN FORM ********/
.email-form-element,
.password-form-label,
.password-form-element,
.login-form-button					{float:left; margin-right:4px;}
.email-form-element					{width:135px; margin-top:4px;}
.password-form-element				{width:135px; margin-top:4px; }
.email-form-element	input			{border:2px solid #D8D8D8; width:126px; padding:2px;  height:14px; outline:none;}
.email-form-label					{float:left; margin:4px 3px 0px 0px;}
.password-form-element input		{border:2px solid #D8D8D8; width:126px; padding:2px;  height:14px;}
.password-form-label				{float:left;}
.password-form-label span			{float:left; margin:4px 2px 0px 0px;}
.password-form-label img			{float:left;}
.login-form-button					{border:none; margin-top:2px;}
.top-login-button					{border:none; background:none; background-image:url(images/sprites.png); background-repeat:no-repeat; margin:2px 0px 0px 0px;
										background-position:-32px -162px; height:26px; width:52px; text-indent:-9999px; cursor:pointer;}
.top-forgot-password-button			{border:none; float:left; background:none; background-image:url(images/sprites.png); background-repeat:no-repeat; margin:2px 2px 0px 2px;
										background-position:-97px -162px; height:28px; width:18px; text-indent:-9999px; cursor:pointer;}
.header-section .LoginError         {float:left; clear: both; padding-top:1px; text-align: center; width:100%;}
.header-section .LoginError span    {font-weight:bold!important; font-size:12px!important; color:#ec008c!important; background: url(images/login-error.png) no-repeat top left; padding-left: 15px;}
/******** MAIN TOP MENU ********/
.main-menu-container				{position:absolute; top:62px; left:210px;}
.main-menu-container ul,
.main-menu-container ul li			{list-style:none;}
.main-menu-container ul				{margin:0px 0px 0px 130px;}
.main-menu-container ul li			{width:120px; height:40px; float:left; background-image:url(images/sprites.png); background-repeat:no-repeat; background-position:0px -47px; margin-right:2px; text-align:center;}
.main-menu-container ul li:hover	{background-position: 0px -87px; }
.main-menu-container ul li a		{color:#136CA2; display:block; padding-top:10px; font-weight:bold; font-size:16px; height:30px;}
.main-menu-container ul li a:hover	{text-decoration:none !important;}
.active-menu						{background-position: 0px 0px !important;}
.active-menu:hover					{background-position: 0px -87px !important;}
/* ~~~~ Content ~~~~ */

#MainContainer { width: 900px; margin: 0px auto; padding-left:80px; /*padding-top:20px;*/}

	#MainContainer p			{ }

	#MainContainer h1			{ font-size: 20px; color: #17ba17; font-weight: normal; line-height:30px; margin:0px 0px;}

	#MainContainer h1 a:link  		{ font-size: 20px; color: #17ba17; font-weight: normal; line-height:30px; margin:0px 0px; text-decoration:none; }
	#MainContainer h1 a:active 		{ font-size: 20px; color: #17ba17; font-weight: normal; line-height:30px; margin:0px 0px; text-decoration:none; }
	#MainContainer h1 a:visited		{ font-size: 20px; color: #17ba17; font-weight: normal; line-height:30px; margin:0px 0px; text-decoration:none; }
	#MainContainer h1 a:hover		{ font-size: 20px; color: #17ba17; font-weight: normal; line-height:30px; margin:0px 0px; text-decoration:underline; }

	#MainContainer h2			{ font-size: 17px; color: #008fd5; font-weight: bold; }
	#MainContainer h3			{ font-size: 16px; color: #008fd5; font-weight: bold; }
	#MainContainer h4			{ font-size: 15px; color: #008fd5; font-weight: bold; }
	#MainContainer h5			{ font-size: 14px; color: #008fd5; font-weight: bold; }

	#MainContainer a:link  		{ color: #008fd5; text-decoration:none; }
	#MainContainer a:active   	{ color: #008fd5; text-decoration:none; }
	#MainContainer a:visited   	{ color: #008fd5; text-decoration:none; }
	#MainContainer a:hover		{ color: #0067A0; text-decoration:underline; }

	#MainContainer fieldset 	{ border:none; margin-top:40px; border-top:1px solid #fff; padding-top:20px;}
	#MainContainer fieldset label	{ display:block; float:left; margin-right:10px; width:70px;}
	#MainContainer fieldset input	{ float:left; margin-right:40px;}
	#MainContainer fieldset button { float:left;}
	#MainContainer fieldset p {width:100%; float:left; margin-top:10px;}
	
	
	#MainContainer input		{ border:3px solid #D8D8D8; padding:2px 8px 2px 8px;}
	#MainContainer select		{ border:3px solid #D8D8D8; }
	#MainContainer textarea		{ border:3px solid #D8D8D8; padding:5px 8px 5px 8px; }



/* ~~~~ Columns ~~~~ */

.IntroContainer						{ padding: 0px 0px 35px 0px; width: 790px; margin:0px auto; }
.IntroContainer div.IntroHeader		{ font-size:26px; line-height: 30px; }
.IntroContainer span.Green			{ color:#17ba17; }

div.ContainerStyle1_Bg 				{ clear:both; background:#f60 url(images/ContainerStyle1_Bg.jpg) repeat-y top left; width:540px;}
div.ContainerStyle1_Top 			{ clear:both; background:  url(images/ContainerStyle1_Top.jpg) no-repeat top left; width:540px;}
div.ContainerStyle1_Bottom 			{ clear:both; background:  url(images/ContainerStyle1_Bottom.jpg) no-repeat bottom right; padding: 25px 50px 80px 50px; width:540px;}

div.ContainerStyle2_Bg 				{ clear:both; background:  url(images/ContainerStyle2_Bg.jpg) repeat-y top left; }
div.ContainerStyle2_Top 			{ clear:both; background:  url(images/ContainerStyle2_Top.jpg) no-repeat top left; }
div.ContainerStyle2_Bottom 			{ clear:both; background:  url(images/ContainerStyle2_Bottom.jpg) no-repeat bottom left; padding: 25px 50px 80px 50px; }

div.ContainerStyle3_Bg 				{ clear:both; background:  url(images/ContainerStyle3_Bg.jpg) repeat-y top left; }
div.ContainerStyle3_Top 			{ clear:both; background:  url(images/ContainerStyle3_Top.jpg) no-repeat top left; }
div.ContainerStyle3_Bottom 			{ clear:both; background:  url(images/ContainerStyle3_Bottom.jpg) no-repeat bottom left; padding: 25px 50px 80px 50px; }

div.ContainerStyle5_Bg 				{ clear:both; background:  url(images/ContainerStyle5_Bg.jpg) repeat-y top left; }
div.ContainerStyle5_Top 			{ clear:both; background:  url(images/ContainerStyle5_Top.jpg) no-repeat top left; }
div.ContainerStyle5_Bottom 			{ clear:both; background:  url(images/ContainerStyle5_Bottom.jpg) no-repeat bottom left; padding: 25px 50px 40px 50px; }

	.Column30pxWidth	{ float:left; display:block; width:30px; padding-right:20px; }
	.Column50pxWidth	{ float:left; display:block; width:50px; padding-right:20px; }
	.Column80pxWidth	{ float:left; display:block; width:80px; padding-right:20px; }
	.Column100pxWidth	{ float:left; display:block; width:100px; padding-right:20px; }
	.Column150pxWidth	{ float:left; display:block; width:150px; padding-right:20px; }
	.Column170pxWidth	{ float:left; display:block; width:170px; padding-right:20px; }
	.Column180pxWidth	{ float:left; display:block; width:180px; padding-right:20px; }
	.Column200pxWidth	{ float:left; display:block; width:200px; padding-right:20px; }
	.Column250pxWidth	{ float:left; display:block; width:250px; padding-right:20px; }
	.Column300pxWidth	{ float:left; display:block; width:300px; padding-right:20px; }
	.Column350pxWidth	{ float:left; display:block; width:350px; padding-right:20px; }
	.Column400pxWidth	{ float:left; display:block; width:400px; padding-right:20px; }
	.Column450pxWidth	{ float:left; display:block; width:450px; padding-right:20px; }
	.Column500pxWidth	{ float:left; display:block; width:500px; padding-right:20px; }

/* ~~~~ Sliders ~~~~ */

#Sliders { width:820px; height:260px; margin: 0px auto; background: url(../../Images/WongaImages/bg_sliders.jpg) no-repeat top left; padding: 40px 50px 0px 50px; }

	.Slider					{ }
	.Slider span.green		{ color: #17ba17!important; }

		.Slider	.column-01					{ float:left; width:270px; line-height:27px; font-size:18px; color: #008fd5; }
		.Slider	.column-02					{ float:left; width:30px; line-height:27px; }
		.Slider	.column-03					{ float:left; width:335px; line-height:27px; }
		.Slider	.column-04					{ float:left; width:70px; line-height:27px; }
		.Slider	.column-05					{ float:left; width:50px; line-height:27px; }
	
		.Slider	.column-05 input 			{ padding:7px 0px 0px 8px; height:20px; background:url(../../Images/WongaImages/bg_input_sliders.jpg) no-repeat 0 0; border:none; width:38px; }
		.Slider	.column-05 input 			{ font-size:15px; color:#008fd5; font-weight:bold; }
	
		.Slider	.column-06					{ float:left; line-height:27px; font-size:11px; font-style:italic; }
		
		.Slider	.column-07					{ float:left; width:325px; clear:both; padding-left:310px; text-align:center; font-size:11px; }
	
		.Slider	.column-08					{ float:left; width:700px; font-size:18px; color:#666666; line-height: 33px; }
		.Slider	.column-08 span.green		{ font-size:20px; color:#17ba17; }
		.Slider	.column-08 span.blue		{ font-size:19px; color:#008fd5; font-weight:bold; }
	
		.Slider	.column-09					{ float:left; width:120px; }

/* ~~~~ Banners ~~~~ */

.Banners 				{ width: 890px; margin: 0px auto; text-align: center; padding: 0px 0px 30px 0px; }
.Banners img.padding 	{ margin: 0px 17px 0px 17px; }

/* ~~~~ Footer ~~~~ */

#Footer { text-align: center; width: 890px; padding-top:30px; margin: 0px auto;}

	#FooterNav				{ text-align:center; color: #008fd5; padding-bottom:10px; margin-top:52px;}
	
	#FooterNav a:link  		{ font-size:12px; color: #008fd5; text-decoration:none;}
	#FooterNav a:active   	{ font-size:12px; color: #008fd5; text-decoration:none; }
	#FooterNav a:visited   	{ font-size:12px; color: #008fd5; text-decoration:none; }
	#FooterNav a:hover		{ font-size:12px; color: #0067A0; text-decoration:underline; }

	.footers-big-grey-container			{width:100%; height:85px; padding-top:8px; margin-top:10px;}
	.footers-logos-container			{width:700px; height:77px; margin:0 auto; background:url(images/awards.png) no-repeat;}
	.footer-img-01						{float:left; display:block; width:110px; height:77px;margin-right:9px;}
	.footer-img-02						{float:left; display:block; width:80px; height:77px;margin-right:9px;}
	.footer-img-03						{float:left; display:block; width:120px; height:77px; margin-right:9px;}
	.footer-img-04						{float:left; display:block; width:137px; height:77px;margin-right:9px;}
	.footer-img-05						{float:left; display:block; width:109px; height:77px;margin-right:9px;}
	.footer-img-06						{float:left; display:block; width:90px; height:77px;}

	div.copyright			{ clear:both; width: 890px; font-size: 12px; color: #898989; padding-top: 12px; }

	#SEONav 				{ background: url(images/seo_bg.png) repeat-x; padding: 5px 0px 10px 0px;}
	
	#SEONav h2 				{ font-size: 13px; color: #888888; margin:0px 0px 6px 0px;}
    	#SEONav a:link  			{ font-size:12px; color: #888888; text-decoration:underline; }
    	#SEONav a:active   		{ font-size:12px; color: #888888; text-decoration:underline; }
    	#SEONav a:visited   		{ font-size:12px; color: #888888; text-decoration:underline; }
	#SEONav a:hover			{ font-size:12px; color: #333333; text-decoration:underline; }

	
#content {float:left;width:640px;}
.alt {background-color: #f8f8f8;border-top: 1px solid #ddd;	border-bottom: 1px solid #ddd;}

small {font-family: Arial, Helvetica, Sans-Serif;font-size: 9px;line-height: 1.5em;}
#headerimg {}
#blog_description {}
.description {font-size: 1.2em;color:#333333;margin-left:190px;}
#sidebar h2 {font-size: 14px;	}

.commentlist li, #commentform input, #commentform textarea {font-family: 11px;}
.commentlist li { font-weight: bold;}
.commentlist cite, .commentlist cite{font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {	font-weight: normal;	line-height: 1.5em;text-transform: none;}
#commentform p {}
.commentmetadata {font-weight: normal;}

#sidebar {}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}
code {font-size: 11px;	}

acronym, abbr, span.caps{font-size: 9px;letter-spacing: .07em;}

#wp-calendar #prev{font-size: 9pt;}
#wp-calendar{text-decoration: none;	}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;	text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
/* End Typography & Colors */

.narrowcolumn {float: left;padding: 0 10px 10px 15px;margin: 0px 0 0;}
.widecolumn {padding: 10px 0 20px 0;margin: 5px 0 0 150px;width: 450px;	}
.widecolumn .post {margin: 0;}
.narrowcolumn .postmetadata {padding-top: 5px;}
.widecolumn .postmetadata {margin: 30px 0;}
	

/* End Structure */

hr {margin-left:0px;}

/*	Begin Headers */
#sidebar h2 {margin: 5px 0 0; padding: 0;text-transform:uppercase;}
h3.comments {padding: 0;margin: 40px auto 20px ;}
/* End Headers */

/* Begin Images */
p img {padding: 0;max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;	}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px;} 
html>body .entry li {margin: 7px 0 8px 10px;}
.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}
.entry ol {padding: 0 0 0 35px;margin: 0;	}
.entry ol li {margin: 0;padding: 0;	}

.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
	
#sidebar ul, #sidebar ul ol {margin: 0;padding: 0;}
#sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 15px; font-size:12px;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;	}
#sidebar ul ul ul, #sidebar ul ol {	margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {margin: 10px 0 0 0;padding: 5px 3px; text-align:left;}
#sidebar #searchform #s {width: 85px;padding: 2px;}
#sidebar #searchsubmit {padding: 1px; font-size:11px; cursor:pointer;}
.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;}

select {width: 130px;}

#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {width: 520px;padding: 2px;}
#commentform #submit {margin: 0;float: left;}
/* End Form Elements */


/* Begin Comments*/
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {	margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;	}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;	}
.commentmetadata {margin: 0;display: block;}
/* End Comments */

/* Begin Sidebar */
#sidebar {width:210px;float:right;text-align:left;padding-right:4px;}
#sidebar form {margin: 0;}	
#pagenav {margin:0px;}	
/* End Sidebar */


/* Begin Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;}
#wp-calendar #next{padding-right: 10px;text-align: right;}
#wp-calendar #prev{padding-left: 10px;text-align: left;}
#wp-calendar{display: block;}
#wp-calendar caption {text-align: center;	width: 100%;}
#wp-calendar td {	padding: 3px 0;text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */	background-color: #fff; }/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
/*blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}*/
blockquote {margin: 15px 0px 0px 0px; padding: 0px 20px 0px 20px; border: 5px solid #eff0f1; background-color:#e4e8eb;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
.hrhide {display: none;}
.navigation {display: block;text-align: center;	height:30px; background-color:#FFFFFF; background-image:none;}
.post {margin-bottom:40px;}
/* End Various Tags & Classes*/


  .help-link {float:right;}
  .top-login-help-box {float:left; margin:0; background-image:url(/money/themes/wonga_beta/images/help-bg.png); background-repeat:no-repeat; background-position:0px 0px; width:150px; height:40px;}
  .top-login-help-img-box {float:left; margin:4px 0px 0px 22px; background-image:url(/money/themes/wonga_beta/images/help-icon.png); background-repeat:no-repeat; background-position:0px 0px; width:22px; height:17px;}
  .top-login-help-text {float:left;}
  #lnkhelp {float:left; display:block; color:#136CA2; font-weight:bold; margin:4px 0px 0px 1px;}