<commit_before>/* *
 * Project: Fix My Transport
 * Authors: <NAME>
 *
 * Colours:
 *   light blue			#DFEEF5
 *   blue				#048fc2
 *   dark blue			#0075a0
 *   green				#9bce24
 *   dark green			#86bc08
 *   orange				#ff6600
 *   red				#f4053d
 *   dark red			#e00202
 *   really light grey	#f1f1f7
 *   light grey			#BDCCD4
 *   grey				#ebebeb
 *   dark grey			#808080
 *   darker grey		#666666
 *   black				#333333
 *   dark black			#151f26

 * */

/* ===[ Fonts ]=== */

@font-face {
	font-family: 'MuseoSansRounded-500';
	src: url('../fonts/MuseoSansRounded500.eot');
	src: url('../fonts/MuseoSansRounded500.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MuseoSansRounded500.woff') format('woff'),
		url('../fonts/MuseoSansRounded500.ttf') format('truetype'),
		url('../fonts/MuseoSansRounded500.svg#MuseoSansRounded-500') format('svg');
}
h1, h2, h3, h4, h5, h6, .font-1, #greybanner p {
	font-family: 'MuseoSansRounded-500', Arial, sans-serif;
}



/* ===[ Layout ]=== */
.container {
    width: 950px;
	height:100%;
    margin: auto;
    overflow: hidden;
}
.showgrid {
    background: url(../images/grid.png)
}
.leftcol {
    float: left;
    margin: 0.5em 40px 0.5em 0;
    overflow: hidden;
}
.rightcol {
    float: right;
    margin: 0.5em 0 0.5em 10px;
    word-wrap: break-word;
}

.narrowcol {
  width: 310px;
}

.widecol {
  width: 590px;
}

.mediumwidecol {
  width: 490px;
}

.mediumnarrowcol {
  width: 410px;
}


.leftcol-banner {
    float: left;
    width: 615px;
    margin: 0;
}
.box {
    clear: both;
    margin-bottom: 1em;
	display:inline-block;
	width:100%;
}
.greybox {
    padding: 10px;
    background: #f1f1f7;
    clear: both;
	display:inline-block;
	width:100%;
}

#fb-root-container {
  display:none !important;
}

.mobile-only {
    display: none;
}

/* Main Elements
   ================================================== */
/* ===[ Body ]=== */
body {
    background: #048fc2 url(../images/top-nav-bg.jpg) 0 0 repeat-x;
	min-width: 980px;
}
/* ===[ Wrapper ]=== */
#wrapper {
    background: #fff
}
/* ===[ Top ]=== */
#top {
	margin:7px auto 10px auto;
	position:relative;
}
	#top ul {
	    float: right;
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	    text-transform: uppercase;
	}
		#top ul li {
		    display: block;
		    float: left;
		}
			#top ul li a {
			    display: block;
			    padding: 10px;
			}
ul#top-nav {
    font-size: 13px;
    margin-right: 10px;
}
	ul#top-nav li a {
	    color: #048fc2;
	    padding: 9px 10px 8px 10px;
	}
	ul#top-nav li a:hover,
	ul#top-nav li a:focus {
	    color: #000
	}
ul#mysociety-tab {
    font-size: 11px;
    background: #048fc2;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}
	ul#mysociety-tab li a {
	    color: #fff
	}
	ul#mysociety-tab li a:hover,
	ul#mysociety-tab li a:focus {
	    color: #000
	}
	ul#mysociety-tab li a#mysociety-logo {
	    width: 78px;
	    background: url(../images/mysociety-logo.jpg) center center no-repeat;
	    text-indent: -999999em;
	}

#logo {
    background: url(../images/logo-beta.jpg) 0 0 no-repeat;
    width: 450px;
    height: 53px;
    float: left;
    display: block;
    text-indent: -999999em;
	margin:30px 0 20px 0;
}

#home {
  display: none;
}

p#member-info {
	margin:0;
	right:0;
	bottom:0;
	position:absolute;
}
	#member-info a.auth {
	    margin-left: 5px
	}


/* ===[ Main Navigation ]=== */
#main-nav-bar {
    height: 40px;
    background: #048fc2;
}
	#main-nav-bar h1 {
	    font-size: 1.75em;
	    color: #fff;
	    margin-top: 0.35em;
	}
ul#main-nav {
    font-size: 15px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-transform: uppercase;
}
	ul#main-nav li {
	    display: inline;
	    float: left;
	}
		ul#main-nav li a {
		    display: block;
		    color: #fff;
		    padding: 10px 10px 7px 10px;
		    margin: 0 10px 0 10px;
		}
		ul#main-nav li a:hover,
		ul#main-nav li a.active,
		ul#main-nav li a:focus {
		    background: #0075a0
		}
		ul#main-nav li a.help {
		    padding-right: 22px;
		    background: url(../images/arrow-sml-white.gif) right 18px no-repeat;
		}
		ul#main-nav li a.help:hover,
		ul#main-nav li a.help:focus {
		    background-color: #0075a0;
		    background-position: right -27px;
		}
form#search {
    position: relative
}
	form#search input {
	    top: 4px;
	    right: 0;
	    position: absolute;
	    background: #fff;
	    width: 130px;
	    padding: 2px 24px 2px 2px;
	    border-radius: 6px;
	    -moz-border-radius: 6px;
	    -webkit-border-radius: 6px;
	}
	form#search button {
	    top: 13px;
	    width: 18px;
	    height: 15px;
	    right: 2px;
	    position: absolute;
	    text-indent: -999999em;
	    cursor: pointer;
	    border: none;
	    background: url(../images/search.gif) 0 0 no-repeat;
	}
/* ===[ Banner ]=== */
#banner, #frontpage-banner {
  padding:10px 0;
  background: #048fc2;
	color:#fff;
}

#banner.supporter {
	margin-bottom:0;
}
	#banner .container {
		position:relative;
		overflow:visible;
	}
	#banner .status {
		display:inline-block;
		color:#fff;
		text-transform:uppercase;
		font-size:0.8em;
	}
	#banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
		color:#fff;
		padding:0;
		margin:0;
	}
	#banner a {
		color:#555;
	}
	#banner a:hover,
	#banner a:focus {
		color:#333;
	}
	#yellowbanner h1, #yellowbanner h2, #yellowbanner h3, #yellowbanner h4, #yellowbanner h5, #yellowbanner h6,
	#greybanner h1, #greybanner h2, #greybanner h3, #greybanner h4, #greybanner h5, #greybanner h6 {
		color:#333;
		padding:0;
		margin:0;
	}
	#banner h1,
	#greybanner h1,
	#greybanner h2 {
		font-size: 2em;
	}
	#banner h1 {
		width:700px;
	}
		#banner h1 a {
			color:#fff;
		}

	#banner h3 {
	    font-weight: bold;
	}
	#banner h4 {
	    margin: 0;
	}
	#banner h4.bold {
	    font-weight: bold;
	    margin: 1em 0 0 0;
	}
	#banner p {
	    line-height: 1.3;
	    margin: 5px 0 0 0;
	}
#greybanner {
	background: #f4f4f4;
	margin-bottom:1em;
	padding:10px 0;
}
	#greybanner p {
		color:#333;
		font-size: 1.2em;
	    line-height: 1.25;
		margin:5px 0;
	}
#yellowbanner {
	margin: 1em auto;
	background: #FFFBD7;
	padding:1em;
	color:#fff;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	border: 2px solid #FFD45A

}
	#yellowbanner h1 {
		line-height:1.3;
		font-size:2.2em;
	}
/* ===[ Supporter Notice ]=== */

div.supporter-notice-arrow{
	background-image: url(../images/share-arrow.png);
	background-repeat: no-repeat;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	bottom: -40px;
	height: 135px;
	margin-left: 627px;
	margin-top: -11em;
	position: absolute;
	right: 142px;
	width: 201px;
}

.container-wide{
	width: 970px;
	margin: 0px auto;
	position:relative;
}

.supporter-notice {
	width: 602px;
	background:#FFFBD7;
	margin:3em 0;
	padding:10px 10px;
	margin-left: 10px;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	border: 2px solid #FFD45A
}
	.supporter-notice h1 {
		font-size: 1.9em;
		line-height: 1.2em;
		margin-top: 0.5em;
	}
	.supporter-notice p {
		font-size: 1.3em;
		line-height: 1.2em;
	}

	.supporter-notice a:visited {
	  color: #048FC2;
	}

/* ===[ Main Content ]=== */
#main-content,
#beta-frontpage {
	min-height:400px;
}

#goto-top-wrap {
	padding:10px 0;
}
/* ===[ Footer ]=== */
#footer {
    color: #fff;
    padding: 1em 0;
    background: #048fc2 url(../images/footer-bg.jpg) 0 0 repeat-x;
}
	#footer a {
	    color: #fff;
	    text-decoration: underline;
	}

	#footer a:hover, #footer a:focus {
	  color: #000;
	}

	#footer p {
	  text-align: center;
	}
/* ===[ Gallery ]=== */
ul.gallery {
    padding: 10px 0 10px 10px;
    margin: 0;
	display:inline-block;
    overflow: hidden;
    clear: both;
	width:100%;
	background: #f1f1f7;
}
	ul.gallery li {
	    list-style-type: none;
	    display: block;
	    float: left;
	    padding: 0px;
	    background: #fff;
	    margin-right: 8px;
	}
		ul.gallery li a {
		    display: block;
		    line-height: 0;
			border: 3px solid #fff;
		}

		ul.gallery li a:hover,  ul.gallery li a:focus {border: 3px solid #aaa;background:#aaa;}

/* ===[ User List ]=== */
ul.user-list {
    margin: 0;
    padding: 10px;
    background: #f1f1f7;
    clear: both;
}
	ul.user-list li {
	    list-style-type: none;
	    margin: 0 0 1.5em 0;
	}

	ul.user-list li p {
	   white-space:nowrap;
	}

	ul.user-list li:last-child {
	    margin-bottom: 0.5em
	}
/* ===[ User Info ]=== */
.user-info {
    display: inline-block;
}
	.user-info p.location {
	    margin-bottom: 0.5em
	}
	.user-info p {
	    margin: 0;
	    font-size: 0.9em;
      min-height: 0.9em;
	}
		.user-info p a {
		    font-style: italic
		}
/* ===[ Dialog Boxes ]=== */
.ui-dialog {
    background: #ddd;
    padding: 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.ui-dialog-titlebar {
    width: 100%;
	background:#048fc2;
	padding: 5px 0px;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}
.ui-dialog-titlebar-close {
	display:inline-block;
	width:38px;
    float: right;
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 4px 10px 4px 4px;
    padding-right: 18px;
    background: url(../images/close-blue.gif) right 0 no-repeat;
}
.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:focus {
    color: #fff;
}
.ui-dialog-content {
    padding: 10px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}


.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* ===[ Ui Overlay ]=== */
.ui-widget-overlay {
    position: absolute;
    left: 0;
    top: 0;
	width:100%;
	height:100%;
    display: block;
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
/* ===[ Login Box ]=== */

.login-box{
	padding:0px;
	overflow:hidden;
	display:none;
}
	#login-box .pane{
    	display: none;
	}
	.ui-dialog-titlebar{
	}

	.ui-dialog-title{
		color: #FFFFFF;
    float: left;
		font-size: 1em;
		font-weight: bolder;
		margin: 0 10px;
		width: 70%;
	}
#static-login-box-wrap {
	background:#f4f4f4;
}
	#static-login-box-wrap #static-login-box {
		background:url(../images/static-login-arrow.gif) 110px 0 no-repeat;
		padding-top:40px;
	}
	#static-login-box h5 {
	    display: block;
		margin-left: 190px;
		margin-top: -1em;
		font-size: 2em;
		color:#ccc;
		font-weight: normal;
	}
	#create-account-form {
		width: 250px;
    margin-bottom: 0.5em;
		float: left;
		display: inline;
	}
	#create-account-form input {
	  width: 230px;
	}
	#create-account-privacy {
	  margin: 0.5em 0;
	}

	.pane #password-reset {
	  float: left;
	  width: 250px;
	  display: inline;
	  padding: 10px 20px 5px 10px;
	  background: #ffffff;
	}

	#login-forgot-password {
	  line-height:0;
	}

	.pane .password_reset_email input[type=text] {
    float: none;
    width: 240px;
	}

	#static-login-box #login-form {
		margin-left:180px;
	}
	#login-landing {
		line-height:0;
	}
	#login-landing-wrap {
		line-height:1.5;
		display:inline-block;
		width:100%;
		height:100%;
		background:#f4f4f4;
	}
	#main-content #login-landing-wrap {
		width:500px;
		margin:2em auto;
		display:block;
		border: 4px solid #F4F4F4;

		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
		#login-form {
		  float: left;
  		display: inline;
			padding: 10px 20px 5px 10px;
			width: 250px;
			background:#ffffff;
		}
		#login-box .fieldset {
			padding: 10px 20px 0px 10px;
		}
		.new_campaign_update .fieldset,
		#login-box .new_campaign_update .fieldset {
			width:auto;
			padding:0;
		}
		#login-form ul {
			margin: 0;
			list-style: none;
			padding:0;
		}
			#main-content #login-form ul input,
			#login-box ul input,
			#login-box .fieldset input,
			.form-field input {
				border: 1px solid #ccc;
				padding: 5px;
				font-size:1.1em;
			}
			#login-box input[type="file"] {
				border:1px solid #ffffff;
			}

			#login-form ul li.login-username input{
				width:240px;
			}
			#login-form ul li.login-password input{
				width: 150px;
				margin-right: 10px;
			}

			#login-form ul li.login-username label,
			#login-form ul li.login-password label,
			.fieldset label,
			.form-field label {
				width: 100%;
				display: block;
			}

			#login-form button,
			.fieldset button,
			.form-field button {
			    font-size: 0.9em;
				margin: 10px 10px 10px 2px;
			}

			#login-box .new_campaign_update .fieldset button {
				margin:0;
			}
			#main-content .new_campaign_update .fieldset button {
				margin: 10px 2px;
				float: right;
			}

	.login-options{
		display:inline;
		float: right;
		width: 200px;
		padding: 5px;
		border-radius:0 0 5px 0;
		-moz-border-radius:0 0 5px 0;
		-webkit-border-radius:0 0 5px 0;
	}
	.login-options p{
		color:#666;
		font-style:italic;
		margin-bottom: 0.5em;
	}

	.login-options a.button {
		font-size:0.9em;
	}
#static-login-box .login-options{
	text-align:center;
	margin-right:240px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
	.login-options p{
		margin-top: 1em;
	}

		.facebook-login{
			width:192px;
			display: block;
			height:28px;
			text-indent:-999999em;
			margin: 10px 0 0 5px;
			background:url("../images/facebook-connect.jpg") 0 0 no-repeat;
			font-size:0;
			line-height:0;
		}

#social-share {
    padding: 1em;
    min-height: 340px;
}
#social-share h2 {
    font-size: 110%;
}
#social-share p {
    font-style: normal;
}

/* --- facebook items in the social-share dialog  -- */
.fb-feed-button { /* mimics fb button */
    color: #3B5998;
    background-color: #ECEEF5;
    border: 1px solid #CAD4E7;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    float: left;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    background-image: url(/images/facebook-tiny-12x12.png);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    padding: 2px 6px 2px 24px;
}
.fb-feed-button:hover,
.fb-feed-button:focus {
    border-color: #9DACCE;
    color: #3B5998;
}
.fb-item-container {
    overflow: visible;
    margin: 1em 0;
    padding: 4px 0;
    border-top: 1px solid #CAD4E7;
}
.fb-item-container p {
    margin: 0 0 0 120px;
}
.fb-item-container div {
    float:left;
    width:100px;
}
#email-share textarea,
#comment-form textarea,
.new_campaign_update textarea {
	width:96%;
	margin:5px;
	border:none;
	background: #f4f4f4;
}
#email-share label {
	margin:5px;
}
.update_campaign label {
  clear: both;
}

#main-content #comment-form,
#main-content .new_campaign_update,
#main-content .update_campaign,
#main-content #new_outgoing_message,
#main-content .password_reset_email,
#main-content #reset_password {
	width:500px;
}
#main-content #new_outgoing_message textarea,
#main-content #comment-form textarea,
#main-content .new_campaign_update textarea,
#main-content .update_campaign textarea {
	margin:0.5em 0;
	width:96%;
	background: #f4f4f4;
	border:1px solid #BDBDBD;
}

#main-content #new_outgoing_message input[type=text],
#main-content .password_reset_email input[type=text],
#main-content .update_campaign input[type=text],
#main-content #reset_password input[type=password]{
  width: 96%;
	background: #f4f4f4;
}


#main-content #new_outgoing_message button,
#main-content .password_reset_email button {
    float: right;
}

#comment-login-options {
	height:auto;
	display:inline-block;
	width:98%;
	margin:0 1%;
}
#comment-login-options .checkbox {
	display:inline-block;
	width:50%;
	float:left;
	margin:0;
	line-height:1;
}
#comment-login-options button {
	float:right;
}
.button{
  font-family: Arial, Helvetica, sans-serif;
}

/* Ribbons
   ================================================== */
.ribbon {
	position:absolute;
	top:-26px;
	right:-5px;
	display:block;
	width:116px;
	height:38px;
	background-color: transparent;
	background-image: url('../images/ribbon.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	color:#fff;
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
	line-height:1.1;
	padding:16px 0 0 0;
}

/* Images
   ================================================== */
.avatar {
    float: left;
    padding: 3px;
    background: #fff;
    line-height: 0;
    margin-right: 10px;
}
.thumb {
    float: left;
    padding: 3px;
    background: #fff;
    line-height: 0;
    margin-right: 10px;
    border: 1px solid #c6cad0;
}
/* Misc
   ================================================== */
.dotted-white {
	background:#048FC2 url(../images/dotted-white.jpg) 0 0 repeat-x;
	height:4px;
	width:100%;
	line-height:0;
	display:inline-block;
}

/* Forms
   ================================================== */
.form-1 ul{
	margin: 0px;
	padding: 0px;
}

.form-1 ul li {
    width: 500px;
    margin: auto;
	padding: 0px;
	list-style: none;
    margin: 0 0 1em 0;
	position:relative;
	clear:both;
	display:inline-block;
}
#main-content .form-1 ul li {
	overflow:visible;
}
.form-1 label {
    display: block;
    margin: 10px 10px 0 0;
    float: left;
    text-transform: uppercase;
}
.form-1 label span {
	color:#0075A0;
}
.form-1 input,
.form-1 textarea,
.form-1 select{
	padding: 2px 4px;
	width: 400px;
	display: block;
	clear: both;
	border: 2px solid #048fc2;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.form-1 input[type=hidden] {
  height: 0;
  border: none;
  padding: 0;
}

.form-1 input {
    height: 20px
}
.form-1 textarea {
    height: 150px
}
.form-1 select {
	padding: 4px;
    width: 412px;
}

.form-1 .static-value{
	padding-top: 0.3em;
	font-size: 1.3em;
}
#main-content #login-form ul input.checkbox,
#login-box ul input.checkbox,
#login-box .fieldset input.checkbox,
.form-field input.checkbox,
.checkbox,
.checkbox input,
input.checkbox {
	border: none;
}

.form-list {
	display:inline-block;
	margin:80px 0 0.5em 0;
	padding:0;
	list-style-type:none;
}
	.form-list li {
		display:inline-block;
		float:left;
		position:relative;
		margin-right:1.4em;
	}
	.form-list li.fieldset{
		background:#DFEEF5;
		padding:5px 7px 5px 5px;
		max-width:40%;
    width: 350px;
		margin-top:5px;
	}


	.form-list li.fieldset:hover,
	.form-list li.active,
	.form-list li.fieldset:focus {
		background:#048fc2;
	}

		.form-list li input,
		.form-list li select {
			margin:0;
      padding: 4px;
			height:1.2em;
			font-size:1.6em;
      float:none;
      width: 342px;
      border: none;
      border-radius:4px;
      -moz-border-radius:4px;
      -webkit-border-radius:4px;

		}
    .form-list li .input-border {
      border:1px solid #048fc2;
		  width:100%;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;

    }

		.form-list li select {
			width:100%;
			height:1.7em;
		}
		.form-list li label {
			display:block;
			position:absolute;
			top:-2em;
			left:4px;
		}

/*TIP BOX*/
.tipbox {
    display: block;
    width: 350px;
    padding: 15px;
    background: #444;
  	color:#eee;
	  position:absolute;
	  right:-999999em;
	  top:20px;
	  margin-top: -8px;
	  overflow:visible !important;
	clear: left;
}
	.tipbox.fixed {
		right: -350px;
	}
	.tipbox .tip-nub {
	    background: url(../images/tip-nub.gif) 0 0 no-repeat;
	    position: absolute;
		left:-41px;
	    height: 22px;
	    width: 41px;
	}
	.tipbox .tip-close {
		color:#444;
	    float: right;
	    text-transform: uppercase;
	    font-weight: bold;
		border:none;
		padding-right:20px;
		background: url(../images/close-black.gif) right 2px no-repeat;
	}
		.tipbox .tip-close:hover,
		.tipbox .tip-close:focus {
			color:#999;
			text-indent:0;
			background-position:right -54px;
		}
	.tipbox h5 {
	    font-weight: normal;
	    font-size: 1.3em;
		color:#eee;
	}
	.tipbox p {
		margin:0;
	}
	.tipbox a {
		color:#a5dfef;
		border-bottom:1px dotted #a5dfef;
	}

form#create-campaign {
	display:block;
}

#reset_password .error,
#new_outgoing_message .error,
.pane #login-form .error
 {
  float: none;
}


/*===[Pagination]===*/
.pagination {
  margin: 0.5em 0;
}

.pagination span,
.pagination a {
  padding: 0 0.5em;
}

/*===[Campaign Status]===*/

.stat-current, .stat-fixed, .stat-pending {
	color:#fff;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	width: 6em;<commit_msg>Don't float errors on any login form<commit_after>/* *
 * Project: Fix My Transport
 * Authors: <NAME>
 *
 * Colours:
 *   light blue			#DFEEF5
 *   blue				#048fc2
 *   dark blue			#0075a0
 *   green				#9bce24
 *   dark green			#86bc08
 *   orange				#ff6600
 *   red				#f4053d
 *   dark red			#e00202
 *   really light grey	#f1f1f7
 *   light grey			#BDCCD4
 *   grey				#ebebeb
 *   dark grey			#808080
 *   darker grey		#666666
 *   black				#333333
 *   dark black			#151f26

 * */

/* ===[ Fonts ]=== */

@font-face {
	font-family: 'MuseoSansRounded-500';
	src: url('../fonts/MuseoSansRounded500.eot');
	src: url('../fonts/MuseoSansRounded500.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MuseoSansRounded500.woff') format('woff'),
		url('../fonts/MuseoSansRounded500.ttf') format('truetype'),
		url('../fonts/MuseoSansRounded500.svg#MuseoSansRounded-500') format('svg');
}
h1, h2, h3, h4, h5, h6, .font-1, #greybanner p {
	font-family: 'MuseoSansRounded-500', Arial, sans-serif;
}



/* ===[ Layout ]=== */
.container {
    width: 950px;
	height:100%;
    margin: auto;
    overflow: hidden;
}
.showgrid {
    background: url(../images/grid.png)
}
.leftcol {
    float: left;
    margin: 0.5em 40px 0.5em 0;
    overflow: hidden;
}
.rightcol {
    float: right;
    margin: 0.5em 0 0.5em 10px;
    word-wrap: break-word;
}

.narrowcol {
  width: 310px;
}

.widecol {
  width: 590px;
}

.mediumwidecol {
  width: 490px;
}

.mediumnarrowcol {
  width: 410px;
}


.leftcol-banner {
    float: left;
    width: 615px;
    margin: 0;
}
.box {
    clear: both;
    margin-bottom: 1em;
	display:inline-block;
	width:100%;
}
.greybox {
    padding: 10px;
    background: #f1f1f7;
    clear: both;
	display:inline-block;
	width:100%;
}

#fb-root-container {
  display:none !important;
}

.mobile-only {
    display: none;
}

/* Main Elements
   ================================================== */
/* ===[ Body ]=== */
body {
    background: #048fc2 url(../images/top-nav-bg.jpg) 0 0 repeat-x;
	min-width: 980px;
}
/* ===[ Wrapper ]=== */
#wrapper {
    background: #fff
}
/* ===[ Top ]=== */
#top {
	margin:7px auto 10px auto;
	position:relative;
}
	#top ul {
	    float: right;
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	    text-transform: uppercase;
	}
		#top ul li {
		    display: block;
		    float: left;
		}
			#top ul li a {
			    display: block;
			    padding: 10px;
			}
ul#top-nav {
    font-size: 13px;
    margin-right: 10px;
}
	ul#top-nav li a {
	    color: #048fc2;
	    padding: 9px 10px 8px 10px;
	}
	ul#top-nav li a:hover,
	ul#top-nav li a:focus {
	    color: #000
	}
ul#mysociety-tab {
    font-size: 11px;
    background: #048fc2;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}
	ul#mysociety-tab li a {
	    color: #fff
	}
	ul#mysociety-tab li a:hover,
	ul#mysociety-tab li a:focus {
	    color: #000
	}
	ul#mysociety-tab li a#mysociety-logo {
	    width: 78px;
	    background: url(../images/mysociety-logo.jpg) center center no-repeat;
	    text-indent: -999999em;
	}

#logo {
    background: url(../images/logo-beta.jpg) 0 0 no-repeat;
    width: 450px;
    height: 53px;
    float: left;
    display: block;
    text-indent: -999999em;
	margin:30px 0 20px 0;
}

#home {
  display: none;
}

p#member-info {
	margin:0;
	right:0;
	bottom:0;
	position:absolute;
}
	#member-info a.auth {
	    margin-left: 5px
	}


/* ===[ Main Navigation ]=== */
#main-nav-bar {
    height: 40px;
    background: #048fc2;
}
	#main-nav-bar h1 {
	    font-size: 1.75em;
	    color: #fff;
	    margin-top: 0.35em;
	}
ul#main-nav {
    font-size: 15px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-transform: uppercase;
}
	ul#main-nav li {
	    display: inline;
	    float: left;
	}
		ul#main-nav li a {
		    display: block;
		    color: #fff;
		    padding: 10px 10px 7px 10px;
		    margin: 0 10px 0 10px;
		}
		ul#main-nav li a:hover,
		ul#main-nav li a.active,
		ul#main-nav li a:focus {
		    background: #0075a0
		}
		ul#main-nav li a.help {
		    padding-right: 22px;
		    background: url(../images/arrow-sml-white.gif) right 18px no-repeat;
		}
		ul#main-nav li a.help:hover,
		ul#main-nav li a.help:focus {
		    background-color: #0075a0;
		    background-position: right -27px;
		}
form#search {
    position: relative
}
	form#search input {
	    top: 4px;
	    right: 0;
	    position: absolute;
	    background: #fff;
	    width: 130px;
	    padding: 2px 24px 2px 2px;
	    border-radius: 6px;
	    -moz-border-radius: 6px;
	    -webkit-border-radius: 6px;
	}
	form#search button {
	    top: 13px;
	    width: 18px;
	    height: 15px;
	    right: 2px;
	    position: absolute;
	    text-indent: -999999em;
	    cursor: pointer;
	    border: none;
	    background: url(../images/search.gif) 0 0 no-repeat;
	}
/* ===[ Banner ]=== */
#banner, #frontpage-banner {
  padding:10px 0;
  background: #048fc2;
	color:#fff;
}

#banner.supporter {
	margin-bottom:0;
}
	#banner .container {
		position:relative;
		overflow:visible;
	}
	#banner .status {
		display:inline-block;
		color:#fff;
		text-transform:uppercase;
		font-size:0.8em;
	}
	#banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
		color:#fff;
		padding:0;
		margin:0;
	}
	#banner a {
		color:#555;
	}
	#banner a:hover,
	#banner a:focus {
		color:#333;
	}
	#yellowbanner h1, #yellowbanner h2, #yellowbanner h3, #yellowbanner h4, #yellowbanner h5, #yellowbanner h6,
	#greybanner h1, #greybanner h2, #greybanner h3, #greybanner h4, #greybanner h5, #greybanner h6 {
		color:#333;
		padding:0;
		margin:0;
	}
	#banner h1,
	#greybanner h1,
	#greybanner h2 {
		font-size: 2em;
	}
	#banner h1 {
		width:700px;
	}
		#banner h1 a {
			color:#fff;
		}

	#banner h3 {
	    font-weight: bold;
	}
	#banner h4 {
	    margin: 0;
	}
	#banner h4.bold {
	    font-weight: bold;
	    margin: 1em 0 0 0;
	}
	#banner p {
	    line-height: 1.3;
	    margin: 5px 0 0 0;
	}
#greybanner {
	background: #f4f4f4;
	margin-bottom:1em;
	padding:10px 0;
}
	#greybanner p {
		color:#333;
		font-size: 1.2em;
	    line-height: 1.25;
		margin:5px 0;
	}
#yellowbanner {
	margin: 1em auto;
	background: #FFFBD7;
	padding:1em;
	color:#fff;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	border: 2px solid #FFD45A

}
	#yellowbanner h1 {
		line-height:1.3;
		font-size:2.2em;
	}
/* ===[ Supporter Notice ]=== */

div.supporter-notice-arrow{
	background-image: url(../images/share-arrow.png);
	background-repeat: no-repeat;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	bottom: -40px;
	height: 135px;
	margin-left: 627px;
	margin-top: -11em;
	position: absolute;
	right: 142px;
	width: 201px;
}

.container-wide{
	width: 970px;
	margin: 0px auto;
	position:relative;
}

.supporter-notice {
	width: 602px;
	background:#FFFBD7;
	margin:3em 0;
	padding:10px 10px;
	margin-left: 10px;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	border: 2px solid #FFD45A
}
	.supporter-notice h1 {
		font-size: 1.9em;
		line-height: 1.2em;
		margin-top: 0.5em;
	}
	.supporter-notice p {
		font-size: 1.3em;
		line-height: 1.2em;
	}

	.supporter-notice a:visited {
	  color: #048FC2;
	}

/* ===[ Main Content ]=== */
#main-content,
#beta-frontpage {
	min-height:400px;
}

#goto-top-wrap {
	padding:10px 0;
}
/* ===[ Footer ]=== */
#footer {
    color: #fff;
    padding: 1em 0;
    background: #048fc2 url(../images/footer-bg.jpg) 0 0 repeat-x;
}
	#footer a {
	    color: #fff;
	    text-decoration: underline;
	}

	#footer a:hover, #footer a:focus {
	  color: #000;
	}

	#footer p {
	  text-align: center;
	}
/* ===[ Gallery ]=== */
ul.gallery {
    padding: 10px 0 10px 10px;
    margin: 0;
	display:inline-block;
    overflow: hidden;
    clear: both;
	width:100%;
	background: #f1f1f7;
}
	ul.gallery li {
	    list-style-type: none;
	    display: block;
	    float: left;
	    padding: 0px;
	    background: #fff;
	    margin-right: 8px;
	}
		ul.gallery li a {
		    display: block;
		    line-height: 0;
			border: 3px solid #fff;
		}

		ul.gallery li a:hover,  ul.gallery li a:focus {border: 3px solid #aaa;background:#aaa;}

/* ===[ User List ]=== */
ul.user-list {
    margin: 0;
    padding: 10px;
    background: #f1f1f7;
    clear: both;
}
	ul.user-list li {
	    list-style-type: none;
	    margin: 0 0 1.5em 0;
	}

	ul.user-list li p {
	   white-space:nowrap;
	}

	ul.user-list li:last-child {
	    margin-bottom: 0.5em
	}
/* ===[ User Info ]=== */
.user-info {
    display: inline-block;
}
	.user-info p.location {
	    margin-bottom: 0.5em
	}
	.user-info p {
	    margin: 0;
	    font-size: 0.9em;
      min-height: 0.9em;
	}
		.user-info p a {
		    font-style: italic
		}
/* ===[ Dialog Boxes ]=== */
.ui-dialog {
    background: #ddd;
    padding: 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.ui-dialog-titlebar {
    width: 100%;
	background:#048fc2;
	padding: 5px 0px;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}
.ui-dialog-titlebar-close {
	display:inline-block;
	width:38px;
    float: right;
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 4px 10px 4px 4px;
    padding-right: 18px;
    background: url(../images/close-blue.gif) right 0 no-repeat;
}
.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:focus {
    color: #fff;
}
.ui-dialog-content {
    padding: 10px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}


.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* ===[ Ui Overlay ]=== */
.ui-widget-overlay {
    position: absolute;
    left: 0;
    top: 0;
	width:100%;
	height:100%;
    display: block;
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
/* ===[ Login Box ]=== */

.login-box{
	padding:0px;
	overflow:hidden;
	display:none;
}
	#login-box .pane{
    	display: none;
	}
	.ui-dialog-titlebar{
	}

	.ui-dialog-title{
		color: #FFFFFF;
    float: left;
		font-size: 1em;
		font-weight: bolder;
		margin: 0 10px;
		width: 70%;
	}
#static-login-box-wrap {
	background:#f4f4f4;
}
	#static-login-box-wrap #static-login-box {
		background:url(../images/static-login-arrow.gif) 110px 0 no-repeat;
		padding-top:40px;
	}
	#static-login-box h5 {
	    display: block;
		margin-left: 190px;
		margin-top: -1em;
		font-size: 2em;
		color:#ccc;
		font-weight: normal;
	}
	#create-account-form {
		width: 250px;
    margin-bottom: 0.5em;
		float: left;
		display: inline;
	}
	#create-account-form input {
	  width: 230px;
	}
	#create-account-privacy {
	  margin: 0.5em 0;
	}

	.pane #password-reset {
	  float: left;
	  width: 250px;
	  display: inline;
	  padding: 10px 20px 5px 10px;
	  background: #ffffff;
	}

	#login-forgot-password {
	  line-height:0;
	}

	.pane .password_reset_email input[type=text] {
    float: none;
    width: 240px;
	}

	#static-login-box #login-form {
		margin-left:180px;
	}
	#login-landing {
		line-height:0;
	}
	#login-landing-wrap {
		line-height:1.5;
		display:inline-block;
		width:100%;
		height:100%;
		background:#f4f4f4;
	}
	#main-content #login-landing-wrap {
		width:500px;
		margin:2em auto;
		display:block;
		border: 4px solid #F4F4F4;

		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
		#login-form {
		  float: left;
  		display: inline;
			padding: 10px 20px 5px 10px;
			width: 250px;
			background:#ffffff;
		}
		#login-box .fieldset {
			padding: 10px 20px 0px 10px;
		}
		.new_campaign_update .fieldset,
		#login-box .new_campaign_update .fieldset {
			width:auto;
			padding:0;
		}
		#login-form ul {
			margin: 0;
			list-style: none;
			padding:0;
		}
			#main-content #login-form ul input,
			#login-box ul input,
			#login-box .fieldset input,
			.form-field input {
				border: 1px solid #ccc;
				padding: 5px;
				font-size:1.1em;
			}
			#login-box input[type="file"] {
				border:1px solid #ffffff;
			}

			#login-form ul li.login-username input{
				width:240px;
			}
			#login-form ul li.login-password input{
				width: 150px;
				margin-right: 10px;
			}

			#login-form ul li.login-username label,
			#login-form ul li.login-password label,
			.fieldset label,
			.form-field label {
				width: 100%;
				display: block;
			}

			#login-form button,
			.fieldset button,
			.form-field button {
			    font-size: 0.9em;
				margin: 10px 10px 10px 2px;
			}

			#login-box .new_campaign_update .fieldset button {
				margin:0;
			}
			#main-content .new_campaign_update .fieldset button {
				margin: 10px 2px;
				float: right;
			}

	.login-options{
		display:inline;
		float: right;
		width: 200px;
		padding: 5px;
		border-radius:0 0 5px 0;
		-moz-border-radius:0 0 5px 0;
		-webkit-border-radius:0 0 5px 0;
	}
	.login-options p{
		color:#666;
		font-style:italic;
		margin-bottom: 0.5em;
	}

	.login-options a.button {
		font-size:0.9em;
	}
#static-login-box .login-options{
	text-align:center;
	margin-right:240px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
	.login-options p{
		margin-top: 1em;
	}

		.facebook-login{
			width:192px;
			display: block;
			height:28px;
			text-indent:-999999em;
			margin: 10px 0 0 5px;
			background:url("../images/facebook-connect.jpg") 0 0 no-repeat;
			font-size:0;
			line-height:0;
		}

#social-share {
    padding: 1em;
    min-height: 340px;
}
#social-share h2 {
    font-size: 110%;
}
#social-share p {
    font-style: normal;
}

/* --- facebook items in the social-share dialog  -- */
.fb-feed-button { /* mimics fb button */
    color: #3B5998;
    background-color: #ECEEF5;
    border: 1px solid #CAD4E7;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    float: left;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    background-image: url(/images/facebook-tiny-12x12.png);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    padding: 2px 6px 2px 24px;
}
.fb-feed-button:hover,
.fb-feed-button:focus {
    border-color: #9DACCE;
    color: #3B5998;
}
.fb-item-container {
    overflow: visible;
    margin: 1em 0;
    padding: 4px 0;
    border-top: 1px solid #CAD4E7;
}
.fb-item-container p {
    margin: 0 0 0 120px;
}
.fb-item-container div {
    float:left;
    width:100px;
}
#email-share textarea,
#comment-form textarea,
.new_campaign_update textarea {
	width:96%;
	margin:5px;
	border:none;
	background: #f4f4f4;
}
#email-share label {
	margin:5px;
}
.update_campaign label {
  clear: both;
}

#main-content #comment-form,
#main-content .new_campaign_update,
#main-content .update_campaign,
#main-content #new_outgoing_message,
#main-content .password_reset_email,
#main-content #reset_password {
	width:500px;
}
#main-content #new_outgoing_message textarea,
#main-content #comment-form textarea,
#main-content .new_campaign_update textarea,
#main-content .update_campaign textarea {
	margin:0.5em 0;
	width:96%;
	background: #f4f4f4;
	border:1px solid #BDBDBD;
}

#main-content #new_outgoing_message input[type=text],
#main-content .password_reset_email input[type=text],
#main-content .update_campaign input[type=text],
#main-content #reset_password input[type=password]{
  width: 96%;
	background: #f4f4f4;
}


#main-content #new_outgoing_message button,
#main-content .password_reset_email button {
    float: right;
}

#comment-login-options {
	height:auto;
	display:inline-block;
	width:98%;
	margin:0 1%;
}
#comment-login-options .checkbox {
	display:inline-block;
	width:50%;
	float:left;
	margin:0;
	line-height:1;
}
#comment-login-options button {
	float:right;
}
.button{
  font-family: Arial, Helvetica, sans-serif;
}

/* Ribbons
   ================================================== */
.ribbon {
	position:absolute;
	top:-26px;
	right:-5px;
	display:block;
	width:116px;
	height:38px;
	background-color: transparent;
	background-image: url('../images/ribbon.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	color:#fff;
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
	line-height:1.1;
	padding:16px 0 0 0;
}

/* Images
   ================================================== */
.avatar {
    float: left;
    padding: 3px;
    background: #fff;
    line-height: 0;
    margin-right: 10px;
}
.thumb {
    float: left;
    padding: 3px;
    background: #fff;
    line-height: 0;
    margin-right: 10px;
    border: 1px solid #c6cad0;
}
/* Misc
   ================================================== */
.dotted-white {
	background:#048FC2 url(../images/dotted-white.jpg) 0 0 repeat-x;
	height:4px;
	width:100%;
	line-height:0;
	display:inline-block;
}

/* Forms
   ================================================== */
.form-1 ul{
	margin: 0px;
	padding: 0px;
}

.form-1 ul li {
    width: 500px;
    margin: auto;
	padding: 0px;
	list-style: none;
    margin: 0 0 1em 0;
	position:relative;
	clear:both;
	display:inline-block;
}
#main-content .form-1 ul li {
	overflow:visible;
}
.form-1 label {
    display: block;
    margin: 10px 10px 0 0;
    float: left;
    text-transform: uppercase;
}
.form-1 label span {
	color:#0075A0;
}
.form-1 input,
.form-1 textarea,
.form-1 select{
	padding: 2px 4px;
	width: 400px;
	display: block;
	clear: both;
	border: 2px solid #048fc2;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.form-1 input[type=hidden] {
  height: 0;
  border: none;
  padding: 0;
}

.form-1 input {
    height: 20px
}
.form-1 textarea {
    height: 150px
}
.form-1 select {
	padding: 4px;
    width: 412px;
}

.form-1 .static-value{
	padding-top: 0.3em;
	font-size: 1.3em;
}
#main-content #login-form ul input.checkbox,
#login-box ul input.checkbox,
#login-box .fieldset input.checkbox,
.form-field input.checkbox,
.checkbox,
.checkbox input,
input.checkbox {
	border: none;
}

.form-list {
	display:inline-block;
	margin:80px 0 0.5em 0;
	padding:0;
	list-style-type:none;
}
	.form-list li {
		display:inline-block;
		float:left;
		position:relative;
		margin-right:1.4em;
	}
	.form-list li.fieldset{
		background:#DFEEF5;
		padding:5px 7px 5px 5px;
		max-width:40%;
    width: 350px;
		margin-top:5px;
	}


	.form-list li.fieldset:hover,
	.form-list li.active,
	.form-list li.fieldset:focus {
		background:#048fc2;
	}

		.form-list li input,
		.form-list li select {
			margin:0;
      padding: 4px;
			height:1.2em;
			font-size:1.6em;
      float:none;
      width: 342px;
      border: none;
      border-radius:4px;
      -moz-border-radius:4px;
      -webkit-border-radius:4px;

		}
    .form-list li .input-border {
      border:1px solid #048fc2;
		  width:100%;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;

    }

		.form-list li select {
			width:100%;
			height:1.7em;
		}
		.form-list li label {
			display:block;
			position:absolute;
			top:-2em;
			left:4px;
		}

/*TIP BOX*/
.tipbox {
    display: block;
    width: 350px;
    padding: 15px;
    background: #444;
  	color:#eee;
	  position:absolute;
	  right:-999999em;
	  top:20px;
	  margin-top: -8px;
	  overflow:visible !important;
	clear: left;
}
	.tipbox.fixed {
		right: -350px;
	}
	.tipbox .tip-nub {
	    background: url(../images/tip-nub.gif) 0 0 no-repeat;
	    position: absolute;
		left:-41px;
	    height: 22px;
	    width: 41px;
	}
	.tipbox .tip-close {
		color:#444;
	    float: right;
	    text-transform: uppercase;
	    font-weight: bold;
		border:none;
		padding-right:20px;
		background: url(../images/close-black.gif) right 2px no-repeat;
	}
		.tipbox .tip-close:hover,
		.tipbox .tip-close:focus {
			color:#999;
			text-indent:0;
			background-position:right -54px;
		}
	.tipbox h5 {
	    font-weight: normal;
	    font-size: 1.3em;
		color:#eee;
	}
	.tipbox p {
		margin:0;
	}
	.tipbox a {
		color:#a5dfef;
		border-bottom:1px dotted #a5dfef;
	}

form#create-campaign {
	display:block;
}

#reset_password .error,
#new_outgoing_message .error,
#login-form .error
 {
  float: none;
}


/*===[Pagination]===*/
.pagination {
  margin: 0.5em 0;
}

.pagination span,
.pagination a {
  padding: 0 0.5em;
}

/*===[Campaign Status]===*/

.stat-current, .stat-fixed, .stat-pending {
	color:#fff;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	width: 6em;
{'fraction_non_alphanumeric': 0.16603489275539754, 'fraction_numerical': 0.05255103242059662, 'mean_word_length': 2.9164591977869985, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1994140', 'n_tokens_mistral': 19850, 'n_tokens_neox': 17119, 'n_words': 3686}