/*---------------------------------------------------------------------------------------- Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
  border:0;
}

/*---------------------------------------------------------------------------------------- Body */

body {
	font-size: 82.5%;
  font-family: Cambria, Georgia, Times, "Times New Roman", serif;
  background: #333;
	color: #000;
	margin-top: 30px;
}

html>body {
	font-size: 12px;
}

/*---------------------------------------------------------------------------------------- Structure */

#container {
  width: 875px;
  margin-left: 30px;
}

#container #header {
  width: 840px;
  height: 100px;
  margin: 25px 0 20px 25px;
}

#container #header #logo {
  float: left;
}

#container #header #top_tag {
  width: 210px;
  float: right;
}

#container #header #menu {
  width: 660px;
  margin-left: 180px;
}

#container #content_top {
  width: 813px;
  background: #0a0a0a;
  height: 30px;
  margin-left:10px;
  padding-left:42px;
}

#container #content_bottom {
  width: 875px;
  background: url('../images/generic/content_bottom_bg.png') no-repeat;
  height: 10px;
}

#container #content {
  width: 875px;
  background: url('../images/generic/content_bg.png') repeat-y #fff;
  position: relative;
}

#container #content #main_head {
  margin-left:20px;
  width: 615px;
}

#container #content #main {
  width: 590px;
  margin: 0 10px 1.5em 35px;
  position: relative;
  float: left;
}

#container #content #main.home {
  width: 600px;
  margin: 0 0 1.5em 35px;
}

#content #main #welcome, #content #main #heading  {
  margin: 0 0 1.5em;
  padding: 15px 0 1.5em;
  border-bottom: 1px solid #ccc;
}

#content #main #heading {
  margin-bottom: 10px;
}

#content #main #heading .text {
  margin-top: 0.75em;
  font-size: 1.1em;
  font-style: italic;
  width: 370px;
}

#container #content #main #browse_all {
  position: absolute;
  left: 390px;
  top:0;
}

#container #content #main #main_content {
  margin-top:15px;
}

#container #content #search {
  position: absolute;
  height: 20px;
  top: -30px;
  right: 0;
  margin: 0 10px 0 0;
  padding: 20px;
  width: 190px;
  background: #0a0a0a;
}

#container #content #right {
  float: right;
  margin: 30px 10px 0 0;
  width: 230px;
  color: #9ea374;
}

#container #content #right #signed_in_menu {
  padding: 20px;
  width: 190px;
  background: url('/images/signed_in_menu/bg.png') repeat-y;
  position: relative;
}

#container #content #right #sign_up_reasons, #container #content #right #problem, #container #content #right #right_popular {
  padding: 20px 20px 0;
  width: 190px;
  color: #ccc;
}

#container #content #right #right_popular .thumbnail_film {
  margin: 10px 0 10px;
  clear: both;
}

#container #content #right #right_popular .thumbnail_film a {
  text-decoration: none;
  color: #999;
}

#container #content #right #right_popular .thumbnail_film a strong {
  color: #fff;
}

#container #content #right #right_popular .thumbnail_film a:hover strong {
  color: #df0079;
}

#container #content #right #right_popular .thumbnail_film a img {
  border: 2px solid #000;
}

#container #content #right #right_popular .thumbnail_film a:hover img {
  border: 2px solid #df0079;
}

#container #content #right #right_popular .thumbnail_film .text {
  width: 130px;
  float: right;
}

#container #page_tools {
  width: 635px;
  text-align: right;
  font-size: 1.1em;
  font-style: italic;
  color: #df0079;
  margin-bottom: 10px;
}

#container #quick_links {
  width: 830px;
  margin-left: 10px;
  border-top: 1px solid #666;
  padding: 0.5em 0 0.5em 25px;
  color: #ccc;
}

#container #banner {
  width: 652px;
  margin-left: 35px;
  border-top: 1px solid #666;
  padding: 1em 0 1em 178px;
}

#container #footer {
  width: 840px;
  margin: 0 0 0 15px;
  padding: 0.5em 0 3em;
  border-top: 1px solid #666;
  color: #fff;
}

#container #footer #copyright {
  margin-right: 300px;
}


#container #footer #ndp {
  display: block;
  float: right;
}

#container #footer a.produced_by_iorum {
  margin-top: 0.75em;
  float: left;
}



/*---------------------------------------------------------------------------------------- Top Navigation */

#container #header #menu .left, #container #header #menu .right {
  float: left;
  width: 210px;
  margin-right: 10px;
  border-top: 1px solid #666;
}

#container #header #menu a {
  display: block;
  width: 210px;
	height: 29px;
	border-bottom: 1px solid #666;
}

#container #header #menu a.filming, #container #header #menu a.festivals, #container #header #menu a.directory {
  float: right;
}

#container #header #menu a.about {
  background: url('/images/generic/top_nav/irish_film_industry.png');
}

#container #header #menu a.funding {
  background: url('/images/generic/top_nav/funding_programmes.png');
}

#container #header #menu a.financing {
  background: url('/images/generic/top_nav/financing_your_film.png');
}

#container #header #menu a.filming {
  background: url('/images/generic/top_nav/filming_in_ireland.png');
}

#container #header #menu a.festivals {
  background: url('/images/generic/top_nav/festivals_distribution.png');
}

#container #header #menu a.directory {
  background: url('/images/generic/top_nav/film_directory.png');
}

#container #header #menu a:hover, #container #header #menu a.selected {
	background-position: 0 -29px;
}



/*---------------------------------------------------------------------------------------- All categories menu*/

#content #all_categories {
  position: absolute;
  top: -30px;
  left: 195px;
  z-index: 9999;
}

#content #all_categories.home {
  position: absolute;
  top: -30px;
  left: 20px;
  z-index: 9999;
}

#content #all_categories img {
  display: block;
  margin-left: 10px;
}

#all_categories li.category_link ul { 
  display: none;
  background: #0a0a0a;
  width: 300px;
  padding: 10px 20px 20px;
}

#all_categories li.category_link:hover ul {
  display: block;
}

#all_categories li.category_link ul li a { 
  color: #fff;
  text-decoration: none;
  font-size: 1.1em;
  line-height: 1.5em;
  float: left;
  width: 150px;
}

#all_categories li.category_link ul li a:hover { 
  color: #df0079;
}

/*---------------------------------------------------------------------------------------- Search box */

#search input.text, #home_search input.text {
  width: 127px;
  height: 14px;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  line-height: 14px;
}

#search input.default, #home_search input.default  {
  color: #999;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#search input.text, #home_search input.text {
  height: 16px;
}
}

#search input.button, #home_search input.button {
  vertical-align: middle;
}


/*---------------------------------------------------------------------------------------- Signed in menu */

#container #content #right #signed_in_menu .signed_in_name {
  color: #fff;
}

#container #content #right #signed_in_menu a {
  color: #9ea374;
  margin-top: 0.75em;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.9em;
}

#container #content #right #signed_in_menu a:hover {
  color: #df0079;
}

#container #content #right a img {
  display: block;
  margin-top: 1px;
}

#container #content #right img.no_link {
  display: block;
  margin-top: 1px;
}

/*---------------------------------------------------------------------------------------- Right content */

#container #content #right #sign_up_reasons p, #container #content #right #problem p {
  line-height: 1.1em;
  margin-top: 0.75em;
  margin-bottom: 0;
}

#container #content #right #right_popular {
  
}

#container #content #right a {
  color: #df0079;
}

#container #content #right a:hover {
  color: #9ea374;
  text-decoration: none;
}

/*---------------------------------------------------------------------------------------- Page tools */

#container #page_tools a, #container #page_tools a:link, #container #page_tools a:visited {
  color: #fff;
  text-decoration: none;
  padding: 0 0.5em;
}

#container #page_tools a:last-child {
  padding-right: 0;
}

#container #page_tools a:hover {
  color: #df0079;
}

/*---------------------------------------------------------------------------------------- Quick links */

#container #quick_links #quick_links_title {
  width: 145px;
  font-style: italic;
  padding-top: 0.5em;
  font-size: 1.1em;
  color: #999;
  text-align: right;
  float: left;
}

#container #quick_links .row {
  margin-left: 150px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  color: #df0079;
}

#container #quick_links .row .column {
  float: left;
  width: 200px;
  margin-left: 20px;
}

#container #quick_links .row .column h3 {
  margin: none;
  font-size: 1em;
  padding: 0;
  line-height: 1em;
}

#container #quick_links .row .column h3 a, #container #quick_links .row .column h3 a:visited {
  color: #fff;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
  font-style: italic;
}

#container #quick_links .row .column h3 a:hover {
  color: #9ea374;
}

#container #quick_links .row .column ul li {
  display: inline;
}

#container #quick_links .row .column ul li a, #container #quick_links .row .column ul li a:link, #container #quick_links .row .column ul li a:visited {
  text-decoration: none;
  color: #9ea374;
}

#container #quick_links .row .column ul li a:hover {
  color: #df0079;
}



/*---------------------------------------------------------------------------------------- Home */

#content #main #home_left {
  float: left;
}

#content #main #home_left #featured {
  width: 380px;
}

#content #main #home_left #featured .medium_film {
  padding: 10px 0 10px;
  border-bottom: 1px solid #ccc;
}

#content #main #home_left #featured .medium_film a {
  text-decoration: none;
  color: #333;
}

#content #main #home_left #featured .medium_film a:hover h3 {
  color: #df0079;
}

#content #main #home_left #featured .medium_film a span.more {
  color: #df0079;
}

#content #main #home_left #featured .medium_film a:hover span.more {
  color: #9ea374;
}

#content #main #home_left #featured .medium_film img {
  border: 2px solid #000;
}

#content #main #home_left #featured .medium_film .text {
  width: 200px;
  float: right;
  margin-right: 10px;
}

#content #main #home_right {
  float: right;
  width: 210px;
}

#content #main #home_right {
  float: right;
  width: 210px;
}

#content #main #home_right #home_search {
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

#content #main #home_right #home_search .search_box{
  margin-top: 10px;
  padding: 10px;
  background: #df0079;
}


#content #main #home_right #home_popular {
  width: 190px;
}

#content #main #home_right #home_popular .thumbnail_film {
  padding: 10px 0 10px;
  clear: both;
}

#content #main #home_right #home_popular .thumbnail_film a {
  text-decoration: none;
  color: #333;
}

#content #main #home_right #home_popular .thumbnail_film a .pink {
  color: #df0079;
}

#content #main #home_right #home_popular .thumbnail_film a:hover .pink {
  color: #9ea374;
}

#content #main #home_right #home_popular .thumbnail_film img {
  border: 2px solid #000;

}

#content #main #home_right #home_popular .thumbnail_film .text {
  width: 130px;
  float: right;
} 

/*---------------------------------------------------------------------------------------- Film listings */

#content #main #tools {
  
}

#content #main #tools #top_pagination {
  float: right;
}


#content #main .film_list .row {
  float: left;
}
  
#content #main .film_list .row a.film {
  text-decoration: none;
  display: block;
  width: 290px;
  float: left;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding-top: 10px;
  margin-right: 10px;
}

#content #main .film_list .row a.right {
  margin-right: 0px;
}

#content #main .film_list .row a.film .text {
  width: 160px;
  float: right;
  margin-right: 10px;
  color: #000;
}

#content #main .film_list.access .row a.film .text {
  width: 215px;
}

#content #main .film_list .row a.film:hover h5 {
  color: #df0079;
}

#content #main .film_list .row a.film img {
  border: 2px solid #000;
}

#content #main .film_list .row a.film:hover img {
  border: 2px solid #df0079;
}

#content #main .film_list .row a.film span.more {
  color: #df0079;
}

#content #main .film_list .row a.film:hover span.more {
  color: #9ea374;
}

#content #main #bottom_pagination {
  text-align: right;
  margin: 10px 0;
  padding: 10px 0;
  border-top: 1px solid #999;
  border-bottom: 1px solid #ccc;
}

/*---------------------------------------------------------------------------------------- Pagination */

#content #main .pagination .disabled {
  display: none;
}

#content #main .pagination img {
  vertical-align: bottom;
}

#content #main .pagination .next_page {
  margin-left: 0.5em;
}

#content #main .pagination .prev_page {
  margin-right: 0.5em;
}


/*---------------------------------------------------------------------------------------- Content pages */

#content #main #content_left {
  width: 370px;
  float: left;
  margin-top: 25px;
}

#content #main #content_left #synopsis, #content #main #content_left #stills, #content #main #content_left #contact_details, #content #main #content_left #genre_production, #content #main #content_left #awards, #content #main #content_left #official_selections {
  border-bottom: 1px solid #ccc;
  margin: 0 0 10px;
  padding-bottom: 10px;
}

#content #main #content_left #synopsis, #content #main #content_left #stills {
  padding-bottom: 0;
}

#content #main #content_left #synopsis #official_link {
  margin-bottom: 0.75em;
}

#content #main #content_left #genre_production #production_company, #content #main #content_left #genre_production #genre {
  float: left;
  width: 180px;
  margin-right: 5px;
}

#content #main #content_left img.title {
  display: block;
  margin-bottom: 10px;
}

#content #main #content_left #stills a img {
  border: 2px #000 solid;
  margin-bottom: 0.75em;
}

#content #main #content_left #stills a:hover img {
  border-color: #df0079;
}

#content #main #content_left #contact_details .contact {
  margin-bottom: 0.5em;
}

#content #main #content_left #contact_details .contact strong {
  color: #df0079;
  font-weight: normal;
  display: block;
}

#content #main #content_left #contact_details .contact em {
  color: #666;
}


#content #main #content_right {
  width: 200px;
  float: right;
  margin-top: 44px;
}

#content #main #content_right strong {
  color: #df0079;
  font-weight: normal;
  display: block;
}

#content #main #content_right #credits .credit, #content #main #content_right #production_details .production_detail {
  margin-bottom: 0.5em;
}

#content #main #content_right #production_details {
  margin-top: 1.5em;
}

#content #main #content_right a {
  color: #9ea347;
  text-decoration: none;
}

#content #main #content_right a:hover {
  color: #333;
  text-decoration: underline;
}

/*---------------------------------------------------------------------------------------- Profile Page */

#content #main .access_list {
  margin-bottom: 1.5em;
}

#content #main .access_list .row a.film {
  border-top: none;
}

/*---------------------------------------------------------------------------------------- Search Page */

#content #main .search .row a.film {
  border-top: none;
}



/*---------------------------------------------------------------------------------------- Generic */

#content #main #heading .text p {
  margin: 0.75em 0 0 0;
}


#content #main .sub_heading {
  border-top: 2px solid #333;
  padding-top: 0.75em;
}

/*---------------------------------------------------------------------------------------- Flashes */

#flash_notice, #flash_success, #flash_failure, #flash_error {
  padding: 0.5em 20px 0.4em;
  color: #fff;
  font-weight: bold;
  background: #91004F;
  margin: 0 20px;
  width: 575px;
}


/*---------------------------------------------------------------------------------------- Buttons */

a img.button_pink_to_white {
 background: #df0079;
}

a:hover img.button_pink_to_white {
  background: #fff;
}

a img.button_green_to_white {
  background: #9ea374;
}

a:hover img.button_green_to_white {
  background: #fff;
}

a img.button_white_to_black {
 background: #fff;
}

a:hover img.button_white_to_black {
  background: #000;
}

/*---------------------------------------------------------------------------------------- Classes */

.green {
  color: #9ea374;
}

.magenta {
  color: #df0079;
}

.grey {
  color: #666;
}

/*---------------------------------------------------------------------------------------- Tags */

p {
  font-size: 1em; /* 12px */
  line-height: 1.25em; /* 18px */
  margin: 0 0 0.75em 0;
}

h1 {
  font-size: 2em; /* 24px */
  line-height: 1.1em;
  /*margin-top: 0.75em;*/
  margin-bottom: 0em;
}

h2 {
  font-size: 1.8333em; /* 22px */
  line-height: 1em; /* 36px */
  /*margin-top: 0.8182em;*/
  margin-bottom: 0em;
}

h3 {
  font-size: 1.6667em; /* 20px */
  line-height: 1em; /* 36px */
  /*margin-top: 0.9em;*/
  margin-bottom: 0em;
}

h4 {
  font-size: 1.5em; /* 18px */
  line-height: 1em; /* 18px */
  /*margin-top: 1em;*/
  margin-bottom: 0em;
}

h5 {
  font-size: 1.3333em; /* 16px */
  line-height: 1.125em; /* 18px */
  /*margin-top: 1.125em;*/
  margin-bottom: 0em;
}

h6 {
  font-size: 1.1667em; /* 14px */
  line-height: 1.2857em; /* 18px */
  /*margin-top: 1.2857em;*/
  margin-bottom: 0em;
}

/*---------------------------------------------------------------------------------------- Links */

a, a:link, a:visited {
  color: #df0079;
}

a:hover {
  color: #9ea374;
  text-decoration: none;
}

/*---------------------------------------------------------------------------------------- Errors */

#errorExplanation {
  margin-bottom: 0.75em;
  padding: 0.75em;
  border: 1px solid #f7bfdd;
  background: #fce5f1;
}

#errorExplanation h2 {
  margin-bottom: 0.25em;
  padding-bottom: 0.25em;
  color: #df0079;
}

#errorExplanation p {
  font-style: italic;
}

#errorExplanation ul {
  list-style: disc;
  margin: 0.75em 0 0 1.5em;
}

/*---------------------------------------------------------------------------------------- Fixes */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*---------------------------------------------------------------------------------------- Film view page */

#content #main_head #film_header {
  width: 615px;
  height: 371px;
  background-color: #333;
  position: relative;
  overflow: hidden;
}

#content #main_head #film_header #slide_wrapper {
  width: 1500px;
}


#content #main_head #film_header #slide_wrapper .image #title {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  width: 100%;
}

#content #main_head #film_header #slide_wrapper #title table tr td {
}

#content #main_head #film_header #slide_wrapper #title table tr td.content {
  padding: 1em;
  background: url('/images/films/title_bg.png');
}

#content #main_head #film_header #slide_wrapper #title table tr td.content img {
  display: block;
  padding: 0 1em;
}

#content #main_head #film_header #slide_wrapper #title table tr td h1 {
  color: #fff;
  margin: 0;
}

#content #main_head #film_header #slide_wrapper #title table tr td h4 {
  color: #9ea374;
  margin: 0;
}

#content #main_head #film_header #slide_wrapper .image, #content #main_head #film_header #slide_wrapper .trailer {
  width: 615px;
  height: 371px;
  display: block;
  float: left;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
}

#content #main_head #film_header #slide_wrapper .trailer #hide_trailer {
  position: absolute;
  top: 0;
  left: 507px;
  color: #fff;
}

#container #content #main_head #version_tools {
  padding: 0.75em 15px;
  background: #333;
  color: #fff;
  position: relative;
  border-top: 1px solid #000;
}

#container #content #main_head #version_tools label {
  float: left;
  display: block;
  margin-right: 0.25em;
  padding-top: 0.4em;
}

#container #content #main_head #version_links {
  padding: 0 15px 1em;
  background: #333;
}

#container #content #main_head #version_links a {
  padding: 0.5em 1em;
  margin: 0 0.5em 0 0;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: normal;
}

#container #content #main_head #version_links a.back {
  background: #df0079;
}

#container #content #main_head #version_links a.revert {
  background: #000;
}

#container #content #main_head #version_links a:hover {
  background: #9ea374;
}

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

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

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


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; }
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:25%; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset legend.label label { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:74%; }
form.formtastic fieldset ol li.password input { width:74%; }
form.formtastic fieldset ol li.numeric input { width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio { }
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


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

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset ol li p.inline-hints { color:#333; }

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

/* Radio labels */

form.formtastic fieldset ol li.radio label { width: 100%; }

/* Associations */

form.formtastic fieldset ol li ol li.association { padding-bottom: 0.5em; border-bottom: 1px solid #ccc; margin-left: 25%; margin-bottom: 0.5em;}
form.formtastic fieldset ol li ol li.association label { padding-top:.2em; }
form.formtastic fieldset ol li ol li.association ol { padding-left: 0; width: 100%;}
form.formtastic fieldset ol li ol li.association ol li { margin-bottom: 0.75em;}
form.formtastic fieldset ol li li.association label { float: left; display: inline; line-height:100%; vertical-align:middle; margin-top:-0.1em;}
form.formtastic fieldset ol li li.association input { float: left; }
form.formtastic fieldset ol li li.addition { margin-left: 25%; margin-bottom: 0; }
form.formtastic fieldset ol li li.association a, form.formtastic fieldset ol li li.addition a { 
  padding: 0.3em 0.5em; 
  background: #333; 
  color: #fff;
  text-decoration: none;
  font-size: 0.8333em;
}
form.formtastic fieldset ol li li.association a.remove_link { margin-left: 25%; } 
form.formtastic fieldset ol li li.addition a { background: #df0079; }
form.formtastic fieldset ol li li.association a:hover, form.formtastic fieldset ol li li.addition a:hover { background: #000; color: #fff;}

form.formtastic fieldset.buttons { border-top: 1px solid #ccc; padding-top: 0.75em;}

form.formtastic .form_introduction fieldset.buttons, form.formtastic .form_submit_introduction fieldset.buttons { margin: 1em 0 0; padding: 1em 0 0; border-top: 1px solid #666;}

form.formtastic fieldset ol li fieldset legend label { width: 100%; }

/* Shorter fields */
form.short_fields fieldset ol li.string input { width:25%; }
form.short_fields fieldset ol li.password input { width:25%; }
form.short_fields fieldset ol li.numeric input { width:25%; }

form.formtastic fieldset ol li.string input { width:70%; }

form.formtastic fieldset ol li.string input.short { width:25%; }

form.formtastic label {
  font-weight: bold;
  font-style: italic;
  color: #df0079;
}

form.formtastic .form_introduction, form.formtastic .form_submit_introduction {
  margin-bottom: 0.75em;
  padding-bottom: 0.75em;
  position: relative;
  background: #ccc;
  padding: 1em;
  color: #333;
}


form.formtastic .form_introduction .text, form.formtastic .form_submit_introduction .text {
  font-size: 1.1em;
  font-style: italic;
  width: 370px;
}

form.formtastic .form_introduction .indicator, form.formtastic .form_submit_introduction .indicator {
  float: right;
  font-size: 1.75em;
  font-style: italic;
  color: #df0079;
}

form.formtastic .form_introduction strong, form.formtastic .form_submit_introduction strong {
  font-weight: bold;
  font-style: italic;
}

form.formtastic .submit_notice {
  font-weight: bold;
  font-style: italic;
  color: #df0079;
  border-top: 1px solid #ccc;
  margin-top: 0.75em;
  padding: 0.75em 0 0 25%;
}

#unapproved_edits_notice {
  background: #cc0000;
  padding: 1em;
  color: #fff;
  font-size: 1.25em;
}

#unapproved_edits_notice strong {
  font-weight: bold;
}