/* Use and abuse, but */ /* don't steal */ /* It's bad karma... */ /* Geoffroy Gomet */ /* http://www.WebApart.be */ /**************************************************/ /* ___ _____ _____ */ /* \++\ ++++++\ ++++++\ */ /* \++\ ++++ \++\ ++++ \++\ */ /* \++\ ++++ \++\ ++++ \++\ */ /* \++\ ++++ \++\ +++++++++\++\ */ /* \++\__++++ \++\__+++++++++++\++\ */ /* \+++++++ \+++++++ \++\ */ /* \+++++ \+++++ \++\ */ /* */ /**************************************************/ /************************_GENERAL_**************************/ a.at300b, a.at300m{display: inline;} body{background:#FFF url(/images/body.jpg) repeat-x top center; text-align:center; font-family:Arial,serif; font-size:100%; font-size:16px !important; line-height:1.125em; margin:0; padding:0; color:#333} a, a:hover, a:active{outline:none} h1, h2, h3, h4, h5, h6{font-family:Georgia,serif; line-height:1.125em; font-weight:normal} .clearer{width:990px; display:block; clear:both; height:1px} .clearer_big{width:570px; display:block; clear:both; height:1px} .clearer_med{width:370px; display:block; clear:both; height:1px} .clearer_small{width:270px; display:block; clear:both; height:1px} .errorExplanation{border:1px solid #EE5E65; background:#F6EEEF; color:#6E0D00} .reclame{display:block; text-align:center} .reclame a{margin:10px 0; clear: both; display:block;} .reclame_full{display:block; width:578px; text-align:center; float:left} .reclame_full a img{border:1px solid #FFF} #full{font-size:0.85em} #outer_header, #outer_title, #outer_content, #outer_footer{display:block; padding:0; margin:0} #header, #title, #content, #footer{width:994px; margin:0 auto; padding:0; display:block} #content_mid_3_cols, #content_mid_4_cols, #content_top, #content_bot{width:982px; margin:0 1px; text-align:left} /************************_HEADER_**************************/ #outer_header{height:202px; border-bottom:1px solid #b6c4cc} #header{height:202px; background:url(/images/header.jpg) no-repeat top left} /************************_TITLE_**************************/ #outer_title{border-bottom:1px solid #b6c4cc; margin-bottom:10px !important; margin-bottom:0} #title{display:block; color:#143e5f} #title h1{font-size:1.8em; font-weight:normal; margin:3px 0} /************************_CONTENT_**************************/ #content_top, #content_bot{text-align:left; float:left; margin:0 auto; padding:0; background:url(/images/content_top.gif) no-repeat top center; display:block; height:1px} #content_top{background:url(/images/content_top.gif) no-repeat bottom center} /************************_CONTENT_CENTER_**************************/ #content_mid_3_cols{text-align:left; float:left; height:auto; margin:0 auto; padding:0; background:url(/images/content.gif) repeat-y top center; display:block} #content_mid_4_cols{text-align:left; float:left; height:auto; margin:0 auto; padding:0; background:url(/images/body_4_cols.gif) repeat-y top center; display:block} /************************_CONTENT_CENTER_MENU_**************************/ #col_menu{width:194px; margin:0 1px 0 0; padding:0; float:left; display:block; height:auto !important; height:400px; min-height:400px} #col_menu #compteur{text-align:center; width:180px; margin:5px auto; font-size:1.4em; font-weight:bold; font-family:Georgia,serif; line-height:1.5em; height:30px} /************************_CONTENT_CENTER_**************************/ #col_med{width:384px !important; width:382px; padding:0; margin:0 5px 0 5px !important; margin:0 3px 0 5px; float:left; height:auto !important; height:100%; min-height:400px; display:block; overflow:hidden} #col_big{width:578px !important; width:576px; margin:0 6px 0 6px !important; margin:0 4px 0 2px; padding:0; display:block; float:left; height:auto !important; height:100%; min-height:400px; overflow:hidden} span.tit{border-bottom:1px solid #B6C4CC; font-size:1.2em; font-weight:bold} /************************_CONTENT_CENTER_RIGHT_COL_**************************/ #col_small2, #col_small{width:184px; margin:0 0 0 2px !important;margin:0 0 0 0; padding:0 5px !important; padding:0 5px; float:left; height:auto !important; height:400px; min-height:400px} #col_small2 h2.title, #col_small h2.title{margin-top:0; padding:0; font-size:1.3em; border-bottom:1px solid #b6c4cc; font-weight:bold} /********************************_GFX_TITLES_*******************************/ #col_small2 h2.search, #col_small h2.search{margin-top:0; padding:0 0 0 25px; background:url(/images/search.gif) no-repeat left center; font-size:1.3em; border-bottom:1px solid #b6c4cc; font-weight:bold} #col_small2 h2.nieuws, #col_small h2.nieuws{margin-top:0; padding:0 0 0 25px; background:url(/images/article.gif) no-repeat left center; font-size:1.3em; border-bottom:1px solid #b6c4cc; font-weight:bold} #col_small2 h2.agenda, #col_small h2.agenda{margin-top:0; padding:0 0 0 25px; background:url(/images/calendar.gif) no-repeat left center; font-size:1.3em; border-bottom:1px solid #b6c4cc; font-weight:bold} #col_small2 h2.wedstrijd, #col_small h2.wedstrijd{margin-top:0; padding:0 0 0 25px; background:url(/images/star.gif) no-repeat left center; font-size:1.3em; border-bottom:1px solid #b6c4cc; font-weight:bold} #col_small2 h2.affiche, #col_small h2.affiche{margin-top:0; padding:0 0 0 25px; background:url(/images/affiche.gif) no-repeat left center; font-size:1.3em; border-bottom:1px solid #b6c4cc; font-weight:bold} #col_small2 h2.leden, #col_small h2.leden{margin-top:0; padding:0 0 0 25px; background:url(/images/dude.gif) no-repeat left center; font-size:1.3em; border-bottom:1px solid #b6c4cc; font-weight:bold} #col_small2 h2.bescherm, #col_small h2.bescherm{margin-top:0; padding:0 0 0 25px; background:url(/images/author_shad.gif) no-repeat left center; font-size:1.3em; border-bottom:1px solid #b6c4cc; font-weight:bold} #col_small2 h2.links, #col_small h2.links{margin-top:0; padding:0 0 0 25px; background:url(/images/link.gif) no-repeat left center; font-size:1.3em; border-bottom:1px solid #b6c4cc; font-weight:bold} #col_small2 h2.rss, #col_small h2.rss{margin-top:0; padding:0 0 0 25px; background:url(/images/feed.gif) no-repeat left center; font-size:1.3em; border-bottom:1px solid #b6c4cc; font-weight:bold} #col_small2 h2.more a, #col_small h2.more a{margin-top:0; padding:0 0 0 22px; background:url(/images/more.gif) no-repeat left center; font-weight:bold; color:#BB4004; font-size:.8em; text-decoration:none; display:block} #col_small2 h2.moremore a, #col_small h2.moremore a{margin:0; padding:0 0 0 2px; background:url(/images/moremore.gif) no-repeat left center; font-weight:bold; color:#227507; font-size:.8em; text-decoration:none; display:block; border:1px solid #fff;} #col_small2 h2.moremore a:hover, #col_small h2.moremore a:hover{color:#195606; border:1px solid #ddd;} #col_small2 h2.more a:hover, #col_small h2.more a:hover{color:#702602} #col_small2 ul.nice_list, #col_small ul.nice_list{list-style:none; margin:0; padding:0} #col_small2 ul.nice_list li, #col_small ul.nice_list li{margin:0; padding:0} #col_small2 ul.nice_list li a, #col_small ul.nice_list li a{font-weight:bold; text-decoration:none; display:block; color:#C94306; padding:5px 3px} #col_small2 ul.nice_list li.odd a, #col_small ul.nice_list li.odd a{background:#F0F3F5} #col_small2 ul.nice_list li a:hover, #col_small ul.nice_list li a:hover{color:#702602} #col_small2 .reclame_tit, #col_small .reclame_tit{display:block; font-weight:bold; text-align:center} #col_small2 .bescherm_1, #col_small .bescherm_1{display:block; color:#0D79B6; font-weight:bold; font-size:1.1em} #col_small2 .bescherm_2 a, #col_small .bescherm_2 a{display:block; color:#C4424F; font-weight:bold; font-size:1.1em; text-decoration:none} #col_small2 .bescherm_2 a img, #col_small .bescherm_2 a img{border:0px} #col_small2 h3, #col_small h3{margin-top:3px; padding:0; font-size:1.1em; border-top:1px solid #b6c4cc; font-weight:bold} #col_small2 div.quickies_even, #col_small div.quickies_even, #col_small2 div.quickies_odd, #col_small div.quickies_odd{font-size:.9em; padding:7px 1px; display:block; overflow:hidden;width:184px;} #col_small2 div.quickies_odd, #col_small div.quickies_odd{background:#F0F3F5;} #col_small2 div.quickie_title a, #col_small div.quickie_title a, #col_small2 div.quickie_title_hidden a, #col_small div.quickie_title_hidden a{color:#C94306; text-decoration:none; padding:0; display:block; width:182px; font-weight:bold} #col_small2 div.quickie_title a:hover, #col_small div.quickie_title a:hover{color:#702602; text-decoration:none} #col_small2 div.quickie_credits, #col_small div.quickie_credits{font-size:.9em} #col_small2 div.quickie_title_hidden, #col_small div.quickie_title_hidden{background:#FFC} #col_small2 div.archives a, #col_small div.archives a{width:182px; padding:8px 0; display:block; font-weight:bold; font-size:1.3em; color:#BB4004; text-decoration:none} #col_small2 a.sp img, #col_small a.sp img{margin:3px auto; border-top:2px solid #FFF; border-bottom:2px solid #FFF; border-left:0px solid #FFF; ; border-right:0px solid #FFF; } #col_small2 a.sp:hover img, #col_small a.sp:hover img{border-top:2px solid #999; border-bottom:2px solid #999} #col_small2 span.adverttop, #col_small span.adverttop, #col_small2 span.advertbot, #col_small span.advertbot{font-weight:bold; font-size:.9em; width:182px; display:block; text-align:center; height:15px; background:url(/images/small_separator.jpg) no-repeat center center} #col_small2 span.adverttop, #col_small span.adverttop{margin-top:5px} #col_small2 span.advertbot, #col_small span.advertbot{margin-bottom:5px} #col_small2 .w_sponsor, #col_small .w_sponsor{text-align:center; color:#FFF; background:#0C85BB; font-size:.9em; font-weight:bold; margin:10px 0 0 0} #col_small2 .w_vraag, #col_small .w_vraag{background:#F0F3F5; color:#000} #col_small2 .w_win, #col_small .w_win{color:#ADA02E; font-size:.9em; font-weight:bold} #col_small2 .w_mail a, #col_small .w_mail a{color:#C94306; text-decoration:none; padding:0; display:block; width:182px; /*font-weight:bold; */font-size:.9em} #col_small2 .w_mail a:hover, #col_small .w_mail a:hover{color:#BB4004; background:#E1E7EB; text-decoration:none} #col_small2 .date, #col_small .date{color:#ADA02E; /*font-size:.9em; */font-weight:bold} #col_small2 .date, #col_small .date{color:#0C85BB; /*font-size:.9em; */font-weight:bold} /************************_CONTENT_CENTER_DETAIL_**************************/ #col_big a, #col_med a{color:#BB4004; text-decoration:none} #col_big h2 a, #col_med h2 a{display:block; padding:0} #col_big a:hover, #col_med a:hover{color:#BB4004; background:#E1E7EB; text-decoration:none} #col_big div.leg_pic, #col_med div.leg_pic{border:1px solid #999; float:left;background:#f6f6f6; margin:1px 0 1px 1px;} #col_big img.l_head_pictures, #col_med img.l_head_pictures{padding:2px;} /*#col_big img.homepage_pictures, #col_med img.homepage_pictures{margin}*/ #col_big img.head_pictures, #col_med img.head_pictures{padding:2px; border:1px solid #999; background:#f6f6f6; float:left; margin:1px} #col_big div.legend, #col_med div.legend{text-align:center; font-style:italic;color:#666;padding:5px 0;font-size:.9em;} #col_big h1.title, #col_med h1.title{margin-top:0; padding-top:0; font-size:1.7em; border-bottom:1px solid #b6c4cc; font-weight:normal} #col_big h2, #col_med h2{margin-top:0; padding:0; border-bottom:1px solid #b6c4cc; font-size:1.4em; font-weight:normal} #col_big h2.spons, #col_med h2.spons{margin-top:10px; background:#F1F5F9; border:1px solid #C7CFD5; padding:2px 2px 2px 7px} #col_big div.separator, #col_med div.separator{background:url(/images/separator_big.gif) no-repeat center center; display:block; width:100%; height:24px} #col_big .past_wedstrijds{} #col_big .past_wedstrijds .winnaar{width:283px; display:block; float:left; margin:3px 1px} #col_big .past_wedstrijds .winnaar h2{background:#F1F5F9; border:1px solid #C7CFD5; padding:2px 2px 2px 7px} #col_big .past_wedstrijds .winnaar img{border:1px solid #C7CFD5; padding:0px} #col_big p.sm{padding:2px 0; margin:0} #col_big div.author_balk_big{background:url(/images/author_balk_big.gif) no-repeat center center; display:block; width:100%; height:30px; font-family:Georgia,serif; font-weight:bold; color:#444; font-size:0.8em} #col_med div.author_balk_small{background:url(/images/author_balk_med.gif) no-repeat center center; display:block; width:100%; height:30px; font-family:Georgia,serif; font-weight:bold; color:#444; font-size:0.8em} /********************************_BALK_******************************************/ /********************************_Large_******************************************/ #col_big div.author_balk_big div.date, #col_big div.author_balk_big div.author, #col_big div.author_balk_big div.photographe{display:block; margin:0 0 0 10px; padding:7px 0 0 20px !important; padding:10px 0 0 20px; float:left; height:30px} #col_big div.author_balk_big div.date{background:url(/images/cal_no_shad.gif) no-repeat left 8px !important; background:url(/images/cal_no_shad.gif) no-repeat left center; width:120px !important; width:110px} #col_big div.author_balk_big div.author{background:url(/images/author.gif) no-repeat left 10px !important; background:url(/images/author.gif) no-repeat left center; width:180px !important; width:170px} #col_big div.author_balk_big div.photographe{background:url(/images/photo.gif) no-repeat left 8px !important; background:url(/images/photo.gif) no-repeat left center; width:180px !important; width:170px} /********************************_PAGINATION_*****************************************/ #col_big .pagination{background:#f2f2f2; color:#666; padding:5px 2px 5px 7px; border:1px solid #ddd; margin:0 0 1.5em; text-align:center} #col_big .pagination p{position:relative; text-align:right} #col_big .pagination a, #col_big .pagination a:link, #col_big .pagination a:visited, #col_big .pagination a:hover, #col_big .pagination a:active{text-decoration:none; background:#fff; padding:4px 5px; border:1px solid #ccc; margin-right:1px} #col_big .pagination a:hover{background:#E1E7EB; color:#fff} #col_big .pagination span{text-decoration:none; background:#fff; padding:3px 5px; border:1px solid #ccc; color:#888; margin-right:1px} #col_big .pagination span.current{font-weight:bold; font-size:1.2em} /********************************_Small_******************************************/ #col_med div.author_balk_small div.date, #col_med div.author_balk_small div.author, #col_med div.author_balk_small div.photographe{display:block; margin:0 0 0 10px; padding:5px 0 0 20px !important; padding:10px 0 0 20px; float:left; font-size:.9em; height:30px} #col_med div.author_balk_small div.date{background:url(/images/cal_no_shad.gif) no-repeat left 8px !important; background:url(/images/cal_no_shad.gif) no-repeat left center; width:110px} #col_med div.author_balk_small div.author{background:url(/images/author.gif) no-repeat left 8px !important; background:url(/images/author.gif) no-repeat left center; width:150px} #col_med div.author_balk_small div.photographe{background:url(/images/photo.gif) no-repeat left 8px !important; background:url(/images/photo.gif) no-repeat left center} /************************************************_MENU_DETAILS_**********************************************/ /************************************************_UL_************************************************/ #col_menu ul.menu{list-style:none; padding:0 0 0 1px; margin:0 1px 0 0; font-family:Georgia,serif; font-weight:normal; display:block; font-size:1.3em} #col_menu ul.menu li{list-style:none; padding:0; margin:0 0 0 1px} #col_menu ul.menu li a{padding:6px 0 4px 25px; height:auto !important; height:20px; min-height:20px; display:block; width:170px; margin:0; background:url(/images/menu_bullet_big.jpg) no-repeat 1px -15px; font-size:18px; font-weight:normal; color:#333; text-decoration:none} #col_menu ul.menu li a:hover{background:#E4E9EC url(/images/menu_bullet_big.jpg) no-repeat 1px -80px} #col_menu ul.menu li a.selected{background:#d5dde2 url(/images/menu_bullet_big.jpg) no-repeat 1px -144px} /******************************************************************_UL_UL_*************************************************/ #col_menu ul.menu ul{list-style:none; padding:0; margin:0} #col_menu ul.menu ul li{list-style:none; padding:0; margin:0} #col_menu ul.menu ul li a{padding:4px 0 2px 35px; height:auto !important; height:20px; min-height:20px; display:block; width:160px; margin:0; background:url(/images/menu_bullet_small.jpg) no-repeat 15px -17px; font-weight:normal; font-size:16px; color:#BC450B; text-decoration:none} #col_menu ul.menu ul li a:hover{background:#E4E9EC url(/images/menu_bullet_small.jpg) no-repeat 15px -77px} #col_menu ul.menu ul li a.selected{background:#d5dde2 url(/images/menu_bullet_small.jpg) no-repeat 15px -140px} #col_menu .menu_separator{margin:0 -1px 0 4px; padding:3px 0 3px 20px; height:2px; display:block; background:url(/images/menu_sep.gif) repeat-x center center} /************************_AGENDA_*******************************/ #col_big .agenda_event{} #col_big h3{font-size:1.3em; font-weight:normal; font-family:Georgia,serif; border-bottom:1px solid #b6c4cc} #col_big .post-date{width:47px; height:48px; font-weight:bold; color:#FF0; float:left; text-align:center; margin:5px 0 0 0; padding:0; border:1px solid #FFF} #col_big .fake-post-date{width:47px; height:48px; float:left; margin:0; padding:0; border:1px solid #FFF} #col_big .post-date dt{font-size:18px; margin:7px 0 0 0; color:#FFF; background:#546D7E} #col_big .post-date dd{font-size:13px; margin:-2px 0 0 0; border:1px solid #546D7E; color:#546D7E} #col_big .agenda_description{float:left; width:515px; margin-left:5px} #col_big .agenda_description h3{color:#405360} table.calendar{} table.calendar td{} table.calendar th{background:#555; color:#FFF} table.calendar th a{color:#FFF; padding:0 3px; font-size:1.2em} table.calendar th a{color:#FFF; padding:0 3px; font-size:1.2em} table.calendar th a:hover{color:#F7D104} /************************_FOOTER_**************************/ #outer_footer, #outer_f{margin:15px auto 0 auto; border-top:1px solid #b6c4cc} #footer{display:block; color:#ae9c9c; padding:10px 0} #footer a{color:#BB4004; text-decoration:none; padding:5px} #footer a:hover{color:#BB4004; background:#b6c4cc; text-decoration:none} /***********************_FORMS_****************************/ form{} form input{border:1px solid #DFD9BE} form textarea{border:1px solid #DFD9BE} form label{margin-right:10px; padding-right:10px; width:150px; display:block; float:left; text-align:right; position:relative; color:#592927} form label.small{width:100px} form label.extra{display:block; width:100%; text-align:left} form input.form_but{padding:2px 4px; margin:0 0 0 3px; border:none; vertical-align:bottom} /***********************_CALENDAR_****************************/ .calendar{ margin:auto; width:182px; text-align:center} .monthName th{ font-weight:normal; padding-top:.5em; padding-bottom:.5em} .dayName th{ font-size:0.7em; background-color:#555; color:white; width:25px} .weekendDay{ background-color:#EDEBE5} .otherMonth, .day, .specialDay{ border-right:1px solid white} .otherMonth{ color:#eee; background-color:white} .day, .specialDay{ text-align:center; border-bottom:1px dotted #bbb; background-color:#bcf} .specialDay{ background-color:#546D7E; color:white} .specialDay a, .specialDay a:visited, .specialDay a:hover{ color:white; text-decoration:none; width:25px; display:block} .specialDay a:hover{ color:white; background-color:black} a img{border:1px solid #FFF} a:hover img{border:1px solid #EC6516} /* ------------------------------------------------------------------------------------------------- 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; } form.formtastic fieldset ol li{margin-bottom:10px; width:560px; display:block;} form.formtastic fieldset ol li input{margin-top:2px;} form.formtastic fieldset ol li input:focus, form.formtastic fieldset ol li.text textarea:focus{border:1px solid #285781;color:#285781} form.formtastic fieldset ol li.string input, form.formtastic fieldset ol li.email input{width:340px} form.formtastic fieldset ol li.text textarea{width: 340px;height:30px} form.formtastic fieldset ol li.error{padding:5px;background:#fefcfc;} form.formtastic fieldset ol li fieldset ol{width:560px; padding-left:170px;} form.formtastic fieldset ol li label , form.formtastic fieldset ol li fieldset legend{width:150px;padding-top:0} form.formtastic fieldset ol li.radio fieldset ol li label{width:340px;clear:right;float:left;text-align:left;padding:0; } form.formtastic fieldset ol li.radio fieldset ol li label input{float:left;margin-top:1px} form.formtastic select{float:left; margin-top:3px;} #flash_notice{ border:1px solid #01758E; background:#E0EFF0; color:#01758E; padding:5px; margin: 10px 0; } #flash_warning{ border:1px solid #8E011E; background:#FFFDC1; color:#8E011E; padding:5px; margin: 10px 0; } /* Custom Icons */ .addthis_toolbox .custom_images a { width: 32px; height: 32px; margin: 0; padding: 0; } .addthis_toolbox .custom_images a img { opacity: 1.0; } .addthis_toolbox .custom_images a:hover img { opacity: 0.75; border: none; cursor:auto; padding:0; margin:0; } /***COMMENTS****/ .new_comment{ background:#fff; border-top: 1px solid #B6C4CC; padding:0 5px 0px 5px; margin:10px 0 10px 10px; } .new_comment label{ font-weight: bold; text-align:left; } .reaction{ font-size:.9em; padding:5px 5px 0px 10px; margin:15px 0px 0px 5px; color:#555; border-left:2px solid #BECBFF; } .reaction div.reaction{ font-size:1em; border-left:1px solid #f8f8f8; padding-bottom:0; margin-bottom:0; } .reaction:hover{ background: #fdfdfd; } .invalidated{border-right:2px solid #FF2727;background:#FEE5E6;} .reaction p{ padding:0; margin:0; } .time_who{ color: #888; font-style: italic; padding:0 0 0 0; } .comment_content{ } #col_big a.print{ background: url("/images/printer.png") no-repeat scroll right center transparent; color: #BB4004; display: block; font-size: 1em; font-weight: bold; margin-top: 0; padding: 0 22px 0 0; text-decoration: none; text-align:right; } #col_big a.print:hover{ background: url("/images/printer.png") no-repeat scroll right center transparent; color: #702602; } /* prototip.css : http://www.nickstakenburg.com/projects/prototip */ .prototip { position: absolute; } .prototip .effectWrapper { position: relative; } .prototip .tooltip { position: relative; } .prototip .toolbar { position: relative; display: block; } .prototip .toolbar .title { display: block; position: relative; } .prototip .content { clear: both; } .prototip .toolbar a.close { position: relative; text-decoration: none; float: right; width: 15px; height: 15px; background: transparent url(close.gif); display: block; line-height: 0; font-size: 0px; border: 0; } .prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); } .iframeShim { position: absolute; border: 0; margin: 0; padding: 0; background: none; } /* Tooltip styles */ .prototip .darktip { width: auto; border: 2px solid #E7E3D1;text-align:left } .prototip .darktip .toolbar { background: #433C2A; color: #fff; font: italic 17px Georgia, serif; } .prototip .darktip ul{list-style:none;padding:0;margin:0} .prototip .darktip li{list-style:none;padding:0;margin:0} .prototip .darktip li a{display:block;color:#E7E3D1;text-decoration:none; font-size:1.2em;padding:3px 10px; margin:0} .prototip .darktip li a:hover{color:#433C2A;background:#E7E3D1;} .prototip .darktip .toolbar a.close { background: url(close_hover.gif);} .prototip .darktip .toolbar a.close:hover { background: url(close.gif);} .prototip .darktip .title { padding: 5px;} .prototip .darktip .content { background: #433C2A; color: #fff; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }