/* -----------------------------------------------------------------------

   Blueprint CSS Framework 0.7.1
   http://blueprintcss.googlecode.com

   * Copyright (c) 2007-2008. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1.5;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
table, td, th {
vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: none;
}

/*
Header and Logo
Main Page Title
Row Style

*/


body {
/*background-color: #EEEEEE !important;*/
background: url(/images/head-background.png) repeat-x scroll center 0;
}


/*Header and logo*/


/*Hide text and show only logo */
div#logo {
background:transparent url(/images/FF-logo-02.png) no-repeat scroll right 16px;
height:80px;
text-indent: -9999px;
width: 228px;
color: #FFFFFF;
font-size: 18px;
line-height: 1;
margin-bottom: 0;
float:right;
}

div#logo a {
display: block;
font-family: Arial,Helvetica,Verdana,sans;
font-size: 18px;
height: 80px;
}



div#logo a:link, div#logo a:visited, div#logo a:hover, div#logo a:active {
color: #FFFFFF;
text-decoration: none;
font-size: 18px;
}


div#logo p {
color: #FFFFFF;
}

div#logo h1 span {
color: #88CCFF;
}

/*
Main Page Title

*/

h1.title {
border-top: 3px solid #D6D6D6;
color: #333333;
text-align: right;
font-size: 12px;
/*font-weight:bold;*/
margin-bottom:1em;
margin-top: -13px;
padding-top: 7px;
text-align: right;
text-transform: uppercase;
}



h2.section {
color: #333333;
font-size: 10px;
/*font-weight:bold;*/
margin-bottom:7px;
margin-top: -5px;
text-transform: uppercase;
}



/*Row styles */

div.span-24 {
border-top: 2px solid #666666;
color: #333333;
padding-top: 10px;
}


/*Source Headings */
div.span-24 h3 {
color: #111111;
margin: -3px 0 1px;
text-transform: uppercase;
font-weight: bold;
}


div.span-24 h3 a {
font-size: 13px;
font-weight: bold;
}



div.hover h2 {
color: #CC0000;
}

.media ul li {
float: left;
list-style-type: none;
padding: 0pt 1px;
border-bottom: none;
width: 77px;
}
.media ul {
margin: 0;
}

.span-6 ul,
.span-8 ul {
margin: 0;
list-style-type: none;
}

/*For gap at bottom of each block*/
.span-6 {
margin-bottom: 20px;
}




/*links style */


a:link, a:visited, a:hover, a:active {
color: #333333;
text-decoration: none;
font-size: 11px;
font-family: Arial,Helvetica,Verdana,sans;
}

a:visited {
text-decoration: none;
color: #5F5F5F;
}


/*Main top center navigation - login and teams/league buttons */
ul#nav a {
color: white;
}

ul#nav {
margin: 0;
padding-left: 0;
white-space: nowrap;
float: right;
text-align: right;
left: 40%;
position: absolute;
top: 0;
}


#nav li {
display: inline;
list-style-type: none;
border-bottom: none;
}

#nav a {
font-size: 12px;
text-transform: uppercase;
padding: 3px 10px;
}

#nav a:link, #nav a:visited {
text-decoration: none;
}

#nav a:hover,
#nav li.current a {
color: #333333;
background-color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}





/*Main section navigation - where the are - latest, popular, live or approved */

div#navigation {padding-top:61px}

ul#section a {
color: white;
}

ul#section {
margin: 0;
padding-left: 0;
white-space: nowrap;
/*position: relative;
top: 61px;
*/
}

ul#section li {
display: inline;
list-style-type: none;
border-bottom: none;
}

ul#section a {
font-size: 12px;
text-transform: uppercase;
padding: 3px 10px;
}

ul#section a:link, #nav a:visited {
text-decoration: none;
}

ul#section a:hover,
ul#section li.current a {
color: #333333;
background-color: #FFFFFF;
text-decoration: none;
/*font-weight: bold;*/
}



/*Category Filter Navigation - used for the tab navigation */

ul#filter {
border-top: none;
}

#filter li {
display: inline;
list-style-type: none;
border-bottom: none;
}

ul#filter a.button {
display:block;
float:left;
font-size:10px;
height:13px;
letter-spacing:0.02em;
line-height:normal;
margin-right:3px;
padding:0 2px 0;
text-decoration:none;
}

ul#filter a.button:hover {
	background-color:#CCCCCC;
	color:#4F4F4F;
}


ul#filter {
margin: 0;
text-transform: uppercase;
margin: -5px 0 0;
}

/*Active state of tabs*/

ul#filter li.ui-tabs-selected a,
ul#filter li.ui-state-active a,
ul#filter li a.ui-tabs-selected,
ul#filter li.selected a,
ul#filter li a.selected {
	background-color:#CCCCCC;
	color:#4F4F4F;
}




/*Action icons - read later, more info, open in new window */
a.more {
float: right;
background: transparent url(../images/icons/bookmark-document.png) no-repeat scroll right 3px;
height: 20px;
width: 20px;
}
a:hover.more {
float: right;
background: transparent url(../images/icons/bookmark-document--plus.png) no-repeat scroll right 3px;
height: 20px;
width: 20px;
}

/*Action icons - read later, more info, open in new window */
a.twitter {
float: right;
background: transparent url(../images/icons/balloon-twitter-left.png) no-repeat scroll right 3px;
height: 20px;
width: 20px;
}
a:hover.twitter {
float: right;
background: transparent url(../images/icons/balloon-twitter-left.png) no-repeat scroll right 3px;
height: 20px;
width: 20px;
}

/*for audio pop up in new window icon*/
li.audio a.more {
float: right;
background: transparent url(../images/icons/applications.png) no-repeat scroll right top;
width: 20px;
}
li.audio a:hover.more {
float: right;
background: transparent url(../images/icons/applications--plus.png) no-repeat scroll right top;
width: 20px;
}

a.more-site {
float: right;
background: transparent url(../images/info.png) no-repeat scroll right top;
width: 20px;
margin-top: 0;
}
a:hover.more-site {
float: right;
background: transparent url(../images/info.png) no-repeat scroll right top;
width: 20px;
}

/*display none and show only when hovered using jquery - use visibility hidden*/

a.readlater, a.more-site, a.podcast, div.credit {
display: none;
}




div.credit a,
div.back-top a {
font-size: 10px;
}

div.credit {
margin: 0;
font-size: 10px;
background-color: #DDD;
border-bottom: 2px solid #575757;
padding-top: 4px;
font-size: 11px;
border-top: 1px solid #AAA;
}

div.back-top {
clear: both;
margin: 0 auto;
text-align: center;
height: 12px;
padding: 1px 0;
}

div.back-top a {
display:none;}




/*Details page and pop up*/
div#details h2 {
font-size: 16px;
text-transform: uppercase;
}

div#details ul a {
font-size: 14px;
text-transform: uppercase;
}
div#details {
font-size: 14px;
text-transform: uppercase;
}

div#details p img {
margin: 0;
float: none;
display: block;
}
div#details p {
text-transform: none;
}

.details h3 a {
font-size: 16px !important;
text-transform: uppercase;
}
.details ul li img {
margin-right: 5px;
}

.details ul {
margin: 0;
list-style-type: none;
}
.details ul a {
font-size: 12px;
text-transform: uppercase;
}
.details {
font-size: 12px;
text-transform: uppercase;
}

body#details-popup div#details {
width: 170px;
padding: 0 10px;
}


div.approve-wrapper {
width: 130px;
padding: 0 20px 10px;
}
div.approve-wrapper h3 {
text-transform: uppercase;
}

div.approve-login {
clear: both
}
div.approve-login a {
text-transform: uppercase;
font-size: 10px;
}

/*strange bug qwhich adds a second wrapper after voting*/
div.approve-wrapper div.approve-wrapper {
margin: 0;
padding: 0;
width: 100%;
}



/* Approved  Counter mode */
div.count {
font-size: 36px;
padding: 20px 40px;
border: 1px solid #EEEEEE;
background-color: #FFF;
font-weight: bold;
float: left;
}
.oneVote {
font-weight: bold;
float: left;
}


div.approve {
clear: both;
}


.vote, .unVote {
color: black;
font-weight: bold;
width: 88px;
padding: 5px;
text-align: center;
text-transform: uppercase;
}
.unVote {
color: #AAA !important;
}


.msgCount {
clear: both;
}


.removed, .added, .voted {
font-size: 11px;
padding: 4px 7px;
text-align: center;
width: 88px;
}
.removed {
background: #FBE3E4;
color: #8a1f11;
border-color: #FBC2C4;
}
.added, .voted {
background: #E6EFC2;
color: #264409;
border-color: #C6D880;
}
.added a, .voted a {
color: #264409;
}
.removed a {
color: #8a1f11;
}



/*Realted sources navigation */

div#related li a {
display: block;
font-size: 14px;
text-transform: uppercase;
}

div#related li a:hover,
div#related li.active a {
background-color: #EEE;
}




/*Intense debates comments */


#idc-container-parent #idc-container {
margin: 0;
}

#idc-container-parent #idc-container .idc-head {
margin: 0;
}

#idc-container-parent #idc-container  h3 {
font-size: 16px;
}





/*Export sources button*/


ul.export a {
text-transform: uppercase;
display: block;
border: 1px solid #DDD;
padding: 5px;
margin: 5px 10px
}
ul.export {
margin: 20px 0 !important;
}
ul.export li {
border-bottom: none !important;
}
ul.export li img {
margin: 0 5px 0 0;
}




/*Horizontal Rule style - no longer needed!*/

hr {
clear: both;
float: none;
width: 100%;
height: .1em;
margin: 0;
border: none;
display: none;
}
hr.space {
background: #fff;
color: #fff;
}

/*Foancy Box Overlay*/

div#fancy_content hr {
border: 1px solid #DDDDDD;
clear: both;
float: none;
height: 1px;
margin: 2px;
width: 100%;
}

div#fancy_content {
background-color: #eeeeee;
}


/*Page Info*/

div#page-info {
border-top: none;
}

div#page-info h1,
div#page-info h2,
div#page-info span {
float: left;
}


div#page-info span.description {
font-size: 12px;
font-style: italic;
padding: 2px 2px 0 10px
}
div#page-info h1,
div#page-info h2 {
font-size: 14px;
text-transform: uppercase;
}


/*Quick links*/

ul#quicklinks {
text-align: right
}

ul#quicklinks li {
display: inline;
list-style-type: none;
padding-left: 4px;
border-bottom: none;
}



/*A-Z Listing*/

/*The a-z navigation list*/
div#teams-list-nav a {
font-size: 13px;
padding: 0 8px;
margin-top: 6px;
font-weight: bold;
}

div#teams ul li a:hover,
div#teams ul li.active a {
color:#FFF;

}

.ln-letters {
overflow: hidden;
}
.ln-letters a {
font-size: 0.9em;
display: block;
float: left;
padding: 2px 6px;
border: 1px solid silver;
border-right: none;
text-decoration: none;
}
.ln-letters a.ln-last {
border-right: 1px solid silver;
}
.ln-letters a:hover,
.ln-letters a.ln-selected {
background-color: #eaeaea;
}
.ln-letters a.ln-disabled {
color: #ccc;
}
.ln-letter-count {
text-align: center;
font-size: 0.8em;
line-height: 1;
margin-bottom: 3px;
color: #336699;
}

/*No match text*/
.ln-no-match {
padding: 10px 0;
font-style: italic;
}
/*Disabled color */
a.ln-disabled {
color: #ccc;
}



/*List of all teams in overlay box */


.teams-list a:visited {
color: #3355AA;
}


.teams-list a:link, .teams-list a:visited {
color: #0066CC;
font-size: 11px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
display: block;
margin: 3px 0;
padding: 0 7px;
}

.teams-list ul li a:link, .teams-list ul li a:visited {
padding: 0 14px;
}


.teams-list a:visited {
color: #3355AA;
}

.teams-list a:hover,
div.teams-list li.active a:link,
div.teams-list li.active a:visited,
div.teams-list h3.active a:link,
div.teams-list h3.active a:visited {
color: #FFFFFF;
background-color: #4F4F4F;
}


.teams-list ul li {
border-bottom: none;
}




div#teams ul,
div#fancy_content ul {
list-style-type: none;
margin: 0;
}




div#teams ul li a {
color: #3355AA;
display: block;
padding: 0 14px;
}



ul#teams-list {
list-style: none;
margin: 0;
}


ul#teams-list li a {
float: left;
margin-right: 10px;
padding: 3px 0 3px 10px;
width: 20%;
}

ul#teams-list li {
clear: both;
list-style: none;
margin: 0;
}

#teams-list a:visited {
color: #3355AA;
}
#teams-list a, #teams-list a:visited {
background: #FFFFFF none repeat scroll 0 0;
border: 1px solid #CCCCCC;
color: #0066CC;
display: block;
padding-left: 6px;
}

#teams-list a, #teams-list a:visited {
color: #0066CC;
font-size: 11px;

font-style: normal;
font-variant: normal;
font-weight: normal;
}



/*Footer*/

div#footer ul li {
border-bottom: none;
}

div#footer a.more {
float: none;
background: none
}

div#footer a.more:hover {
background: none
}


div#footer a {
margin: 5px;
padding: 5px 0;
}

div#footer a img {
margin: -4px 0;
padding: 0 5px 0 0;
}



/*Twitter row - no longer used */

div#twitter p {
float: right;
margin-top: 0
}
div#twitter h3 {
float: left;
margin-top: 0;
font-style: italic;
}








/* typography.css */
body {
font-size: 75%;
color: #222;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
color: #111;
}
h1 {
font-size: 2em;
margin-bottom: 0.75em;
}
h2 {
font-size: 2em;
margin-bottom: 0.75em;
}
/*h3 {
font-size: 1.5em;
line-height: 1;
margin-bottom: 1em;
}
*/
h4 {
font-size: 1.2em;
line-height: 1.25;
margin-bottom: 1.25em;
height: 1.25em;
}
h5 {
font-size: 1em;
font-weight: bold;
margin-bottom: 1.5em;
}
h6 {
font-size: 1em;
font-weight: bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin: 0;
}
p {
margin: 0 0 1.5em;
}
p img {
float: left;
margin: 1.5em 1.5em 1.5em 0;
padding: 0;
}
p img.right {
float: right;
margin: 1.5em 0 1.5em 1.5em;
}
a:focus, a:hover {
color: #000;
}
a {
color: #333333;
text-decoration: underline;
}
blockquote {
margin: 1.5em;
color: #666;
font-style: italic;
}
strong {
font-weight: bold;
}
em, dfn {
font-style: italic;
}
dfn {
font-weight: bold;
}
sup, sub {
line-height: 0;
}
abbr, acronym {
border-bottom: 1px dotted #666;
}
address {
margin: 0 0 1.5em;
font-style: italic;
}
del {
color: #666;
}
pre, code {
margin: 1.5em 0;
white-space: pre;
}
pre, code, tt {
font: 1em 'andale mono', 'lucida console', monospace;
line-height: 1.5;
}
li ul, li ol {
margin: 0 1.5em;
}
ul, ol {
margin: 0 1.5em 1.5em 1.5em;
}
ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
}
dl {
margin: 0 0 1.5em 0;
}
dl dt {
font-weight: bold;
}
dd {
margin-left: 1.5em;
}
table {
margin-bottom: 1.4em;
width: 100%;
}
th {
font-weight: bold;/*background:#C3D9FF;*/
}
th, td {
padding: 4px 10px 4px 5px;
}
tr.even td {
background: #E5ECF9;
}
tfoot {
font-style: italic;
}
caption {
background: #eee;
}
.small {
font-size: .8em;
margin-bottom: 1.875em;
line-height: 1.875em;
}
.large {
font-size: 1.2em;
line-height: 2.5em;
margin-bottom: 1.25em;
}
.hide {
display: none;
}
.quiet {
color: #666;
}
.loud {
color: #000;
}
.highlight {
background: #ff0;
}




.first {
margin-left: 0;
padding-left: 0;
}
.last {
margin-right: 0;
padding-right: 0;
}
.top {
margin-top: 0;
padding-top: 0;
}
.bottom {
margin-bottom: 0;
padding-bottom: 0;
}

/* grid.css */
.container {
width: 950px;
margin: 0 auto;
}
.showgrid {
background: url(src/grid.png);
}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
float: left;
margin-right: 10px;
}
div.last {
margin-right: 0;
}
.span-1 {
width: 30px;
}
.span-2 {
width: 70px;
}
.span-3 {
width: 110px;
}
.span-4 {
width: 150px;
}
.span-5 {
width: 190px;
}
.span-6 {
width: 230px;
}
.span-7 {
width: 270px;
}
.span-8 {
width: 310px;
}
.span-9 {
width: 350px;
}
.span-10 {
width: 390px;
}
.span-11 {
width: 430px;
}
.span-12 {
width: 470px;
}
.span-13 {
width: 510px;
}
.span-14 {
width: 550px;
}
.span-15 {
width: 590px;
}
.span-16 {
width: 630px;
}
.span-17 {
width: 670px;
}
.span-18 {
width: 710px;
}
.span-19 {
width: 750px;
}
.span-20 {
width: 790px;
}
.span-21 {
width: 830px;
}
.span-22 {
width: 870px;
}
.span-23 {
width: 910px;
}
.span-24, div.span-24 {
width: 950px;
margin: 0;
}
.append-1 {
padding-right: 40px;
}
.append-2 {
padding-right: 80px;
}
.append-3 {
padding-right: 120px;
}
.append-4 {
padding-right: 160px;
}
.append-5 {
padding-right: 200px;
}
.append-6 {
padding-right: 240px;
}
.append-7 {
padding-right: 280px;
}
.append-8 {
padding-right: 320px;
}
.append-9 {
padding-right: 360px;
}
.append-10 {
padding-right: 400px;
}
.append-11 {
padding-right: 440px;
}
.append-12 {
padding-right: 480px;
}
.append-13 {
padding-right: 520px;
}
.append-14 {
padding-right: 560px;
}
.append-15 {
padding-right: 600px;
}
.append-16 {
padding-right: 640px;
}
.append-17 {
padding-right: 680px;
}
.append-18 {
padding-right: 720px;
}
.append-19 {
padding-right: 760px;
}
.append-20 {
padding-right: 800px;
}
.append-21 {
padding-right: 840px;
}
.append-22 {
padding-right: 880px;
}
.append-23 {
padding-right: 920px;
}
.prepend-1 {
padding-left: 40px;
}
.prepend-2 {
padding-left: 80px;
}
.prepend-3 {
padding-left: 120px;
}
.prepend-4 {
padding-left: 160px;
}
.prepend-5 {
padding-left: 200px;
}
.prepend-6 {
padding-left: 240px;
}
.prepend-7 {
padding-left: 280px;
}
.prepend-8 {
padding-left: 320px;
}
.prepend-9 {
padding-left: 360px;
}
.prepend-10 {
padding-left: 400px;
}
.prepend-11 {
padding-left: 440px;
}
.prepend-12 {
padding-left: 480px;
}
.prepend-13 {
padding-left: 520px;
}
.prepend-14 {
padding-left: 560px;
}
.prepend-15 {
padding-left: 600px;
}
.prepend-16 {
padding-left: 640px;
}
.prepend-17 {
padding-left: 680px;
}
.prepend-18 {
padding-left: 720px;
}
.prepend-19 {
padding-left: 760px;
}
.prepend-20 {
padding-left: 800px;
}
.prepend-21 {
padding-left: 840px;
}
.prepend-22 {
padding-left: 880px;
}
.prepend-23 {
padding-left: 920px;
}
div.border {
padding-right: 4px;
margin-right: 5px;
border-right: 1px solid #eee;
}
div.colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eee;
}
.pull-1 {
margin-left: -40px;
}
.pull-2 {
margin-left: -80px;
}
.pull-3 {
margin-left: -120px;
}
.pull-4 {
margin-left: -160px;
}
.pull-5 {
margin-left: -200px;
}
.pull-6 {
margin-left: -240px;
}
.pull-7 {
margin-left: -280px;
}
.pull-8 {
margin-left: -320px;
}
.pull-9 {
margin-left: -360px;
}
.pull-10 {
margin-left: -400px;
}
.pull-11 {
margin-left: -440px;
}
.pull-12 {
margin-left: -480px;
}
.pull-13 {
margin-left: -520px;
}
.pull-14 {
margin-left: -560px;
}
.pull-15 {
margin-left: -600px;
}
.pull-16 {
margin-left: -640px;
}
.pull-17 {
margin-left: -680px;
}
.pull-18 {
margin-left: -720px;
}
.pull-19 {
margin-left: -760px;
}
.pull-20 {
margin-left: -800px;
}
.pull-21 {
margin-left: -840px;
}
.pull-22 {
margin-left: -880px;
}
.pull-23 {
margin-left: -920px;
}
.pull-24 {
margin-left: -960px;
}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {
float: left;
position: relative;
}
.push-1 {
margin: 0 -40px 1.5em 40px;
}
.push-2 {
margin: 0 -80px 1.5em 80px;
}
.push-3 {
margin: 0 -120px 1.5em 120px;
}
.push-4 {
margin: 0 -160px 1.5em 160px;
}
.push-5 {
margin: 0 -200px 1.5em 200px;
}
.push-6 {
margin: 0 -240px 1.5em 240px;
}
.push-7 {
margin: 0 -280px 1.5em 280px;
}
.push-8 {
margin: 0 -320px 1.5em 320px;
}
.push-9 {
margin: 0 -360px 1.5em 360px;
}
.push-10 {
margin: 0 -400px 1.5em 400px;
}
.push-11 {
margin: 0 -440px 1.5em 440px;
}
.push-12 {
margin: 0 -480px 1.5em 480px;
}
.push-13 {
margin: 0 -520px 1.5em 520px;
}
.push-14 {
margin: 0 -560px 1.5em 560px;
}
.push-15 {
margin: 0 -600px 1.5em 600px;
}
.push-16 {
margin: 0 -640px 1.5em 640px;
}
.push-17 {
margin: 0 -680px 1.5em 680px;
}
.push-18 {
margin: 0 -720px 1.5em 720px;
}
.push-19 {
margin: 0 -760px 1.5em 760px;
}
.push-20 {
margin: 0 -800px 1.5em 800px;
}
.push-21 {
margin: 0 -840px 1.5em 840px;
}
.push-22 {
margin: 0 -880px 1.5em 880px;
}
.push-23 {
margin: 0 -920px 1.5em 920px;
}
.push-24 {
margin: 0 -960px 1.5em 960px;
}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {
float: right;
position: relative;
}
.box {
padding: 1.5em;
margin-bottom: 1.5em;
background: #E5ECF9;
}

.clearfix:after, .container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix, .container {
display: inline-block;
}
* html .clearfix, * html .container {
height: 1%;
}
.clearfix, .container {
display: block;
}
.clear {
clear: both;
}

/* forms.css */
label {
font-weight: bold;
}
fieldset {
padding: 1.4em 0;
margin: 0 0 1.5em 0;
/*border: 1px solid #ccc;*/
}
legend {
display:none;
}
input.text, input.title, textarea, select {
margin: 0.5em 0;
border: 1px solid #bbb;
}
input.text:focus, input.title:focus, textarea:focus, select:focus {
border: 1px solid #666;
}
input.text, input.title {
width: 300px;
padding: 5px;
}
input.title {
font-size: 1.5em;
}
textarea {
width: 390px;
height: 250px;
padding: 5px;
}
.error, .notice, .success {
padding: 4px;
margin-bottom: 5px;
border: 1px solid #ddd;
}
.error {
background: #FBE3E4;
color: #8a1f11;
border-color: #FBC2C4;
}
.notice {
background: #FFF6BF;
color: #514721;
border-color: #FFD324 !important;
padding-top: 4px !important;
}

.notice a {
color: #000099;
text-decoration: underline;
}
.notice a:visited {
color: #000099;
text-decoration: underline;
}

.success {
background: #E6EFC2;
color: #264409;
border-color: #C6D880;
}
.error a {
color: #8a1f11;
}
.notice a {
color: #514721;
}
.success a {
color: #264409;
}

/* Slider
----------------------------------*/
div#time-filter {margin-bottom:18px;}

#time-slider{
	
background-image:url(/images/slider-bg.png); background-repeat:repeat-x; height:10px;;
cursor:pointer;   
}




div.instructions span#time-slider-value,
div.instructions span#time-slider-count 
{
float:none;   
}

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; background-color: #eee; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em;  background-image:url(/images/icons/clock.png); background-repeat:no-repeat; height:17px; width:17px;}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }