/* Font size table, from: http://developer.yahoo.com/yui/fonts/ Pixels / Percentage 10 77 11 85 12 93 (was 93) 13 100 14 108 (was 107) 15 116 (was 114) 16 123.1 (was 122) 17 131 (was 129) 18 138.5 (was 136) 19 146.5 (was 144) 20 153.9 (was 152) 21 161.6 (was 159) 22 167 23 174 24 182 25 189 26 197 */ /***** Reset *****/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} ul ul, ul ol, ol ul, ol ol { padding-left: 1em; } sup {font-size: xx-small; vertical-align: top;} sub {font-size: xx-small; vertical-align: bottom;} /***** Typography - Main *****/ /* 75% = 12px, 81.25% = 13px, 81%/1.4; color: #333; */ /* body { font: 81.25%/1.45 'Helvetica Neue', sans-serif, arial, tahoma, verdana; color: #333; } */ body { font: 81.25%/1.4 Arial, sans-serif; color: #333; } /*body { font: 75%/1.45 Arial, sans-serif; color: #333; }*/ /*body { background-color: #333; background-image: url(/images/bg-gradient.png); background-repeat: repeat-x; background-attachment:scroll; background-position: top; } body { background: url('/images/back.png') repeat-x; background-color: #eee; }*/ body { background: url('/images/abunda/Hannes-design-27.jpg') no-repeat center top transparent; /*background: url('/images/abunda/orange_gradient_1024.png') repeat-x center top #d68d00;*/ /*padding: 215px 0 10em 0; padding: 200px 0 2em 0;*/ /*background: url('/images/diagonal_lines_5.png') repeat transparent;*/ } /*img { padding: 0; margin: 0 2em 0 0; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 2px 5px #555; -webkit-box-shadow: 0 2px 5px #555; box-shadow: 0 2px 5px #555; }*/ img { padding: 0; margin: 0; line-height: 0; } /*img { -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 2px 5px #888; -webkit-box-shadow: 0 2px 5px #888; box-shadow: 0 2px 5px #888; border: 1px solid #fff; } .img { width: 300px; height: 500px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 2px 5px #888; -webkit-box-shadow: 0 2px 5px #888; box-shadow: 0 2px 5px #888; border: 1px solid #fff; } .img { width: 300px; height: 500px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 1px 4px #888; -webkit-box-shadow: 0 1px 4px #888; box-shadow: 0 1px 4px #888; border: 0px solid #aaa; }*/ /*.img { -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 3px #888; -webkit-box-shadow: 0 0 3px #888; box-shadow: 0 0 3px #888; border: 0px solid #ddd; }*/ /*html { background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));*/ /* for FF 3.6 */ /*background-image: -moz-linear-gradient(rgba(28, 91, 155, 0.8) 0%, rgba(108, 191, 255, .9) 90%); }*/ html { /*background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#D1740A), to(#EDAE00)); background-image: -moz-linear-gradient(#D1740A 0%, #EDAE00 90%);*/ /*background-image: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#FFE96B), to(#E89300)); background-image: -moz-linear-gradient(#FFE96B 0%, #D48300 70%);*/ /*background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, #FFDC6B), color-stop(0.30, #fff), color-stop(1, #fff) );*/ /*background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.05, #e89300), color-stop(0.10, #ffe96b), color-stop(0.30, #fff), color-stop(1, #fff) ); background-image: -moz-linear-gradient( center bottom, #e89300 40%, #ffe96b 90%, #fce8ab 100% );*/ /*background-color: ;*/ /*background: url('/images/abunda/Hannes-design-10.png') no-repeat center top #e89300;*/ /*background: url('/images/diagonal_lines_5.png') repeat transparent;*/ background: url('/images/abunda/orange_gradient_1024_lines.png') repeat-x center top #d68d00; } /*select, input, textarea { font-size: inherit; }*/ /*p, th, td, .txt, label, input, textarea, select, .checkbox, .radio { font-size: 0.8125em; line-height: 1.38461538em; } *//* 13px / 18px */ /*input { font-size: 0.6875em; } input.but { padding: 0 0.25em; }*/ p, ul, ol { margin: 0 0 0 0; } /* 0.7em */ ul { list-style: disc } li { margin-left: 2em } /* 26px */ ol { list-style: decimal } table { margin: 0 0 0.5em 0; } /*hr { border: 1px solid #ccc; }*/ hr { border: 0; border-top: 1px solid #ddd; color: transparent; background-color: transparent; height: 1px; } /***** Typography - Links *****/ /*a { color: #3344AA; text-decoration: none; }*/ /* #3e414e */ a { color: #b60000; text-decoration: none; } /* color: #940000; */ /* Orange: d26601 Lila: #49356B, lila-brun: #512E46, brun: #512E3B */ a:hover { color: #d62222; } /* color: #0a9ed2; */ a:active { color: #440000; } /* color: #0a9ed2; */ /***** Typography - Headers *****/ /*h1 { font-family:Candara,georgia,serif; }*/ /*h1 { font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif; }*/ /*h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; }*/ /*h1 { font-family: Trebuchet, Tahoma, Arial, sans-serif; }*/ /*h1 { font-size: 2em; color: #111; padding: 0 0 0.8em 0; font-weight: normal; white-space: nowrap; clear: both; }*/ h1, h2, h3 { font-size: 2.6em; line-height: 1em; font-weight: normal; padding-top: 0; margin: 0; color: #111; font-family: 'Yanone Kaffeesatz', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0px; } /* 2.2em */ /* h1 { font-family: 'Molengo', arial, serif; } */ /* margin: 0 0 0.6em 0; */ h2 { font-size: 2em; } #ft h2 { font-size: 2em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: 0px; } /* #A2063B 20px / 8px */ /*h2 { font-size: 1.25em; color: #82052F; padding: 1em 0 0.5em 0; font-weight: bold; white-space: nowrap; clear: both; }*/ /* 14px */ /*h1 { font-size: 1.9em; line-height: 1em; font-weight: normal; padding-top: 0; margin: 0 0 0.4em 0; color: #000; font-family: Candara, georgia, serif; }*/ /* 174% */ /*h2 { font-size: 1.3em; font-weight: normal; margin: 1.5em 0 0.5em 0; color: #111; clear: both; }*/ /* border-bottom: 1px solid #bbb; */ /* 1.4em */ /*h3 { font-size: 1em; padding: 1em 0 0.5em 0; color: #222; }*/ /* 1.1em */ h3 { font-size: 1.3em; padding: 0 0 0.2em 0; color: #222; font-weight: bold; font-family: Arial, sans-serif; } /* 1.1em */ h1 a, h2 a, h3 a, h4 a { color: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: inherit; } /***** Base layout *****/ #f { margin: auto; width: 960px; } /* rect29403.png */ #t { clear: both; margin: 0 0 0 0; background: #eee; background: url('/images/general/button_shadow_big_weak.png') bottom left repeat-x rgba(255,255,255,0.8); overflow: hidden; _height: 1%; } /* rgb(246, 232, 204) */ #t div { padding: 2px 18px 2px 4px; overflow: hidden; _height: 1%; } #t ul { display: block; float: left; margin: 0; padding: 0; list-style: none; } #t ul li { display: block; float: left; margin: 0; padding: 0; list-style: none; } #t ul li a { float: left; font: inherit; cursor: pointer; display: block; padding: 1px 14px; margin: 0; font-size: 1em; font-weight: bold; height: 1.95em; line-height: 1.95em; background: transparent; color: #940000; border: 0; border-right: 1px solid #bbb; border-left: 1px solid #eee; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: 0 -2px 1px rgba(255,255,255,1), 0 2px 2px rgba(0,0,0,0.3); } #t ul a.selected, #t ul a.selected:hover { background: #fff; background: rgba(100,100,100,0.2); border-top: 1px solid #aaa; border-bottom: 1px solid #eee; padding-top: 0; padding-bottom: 0; border-left: 1px solid #ccc; text-shadow: none; color: #000; } /* background: rgb(206, 192, 164); */ #t ul a:hover { background: rgb(255,255,255); } #t ul a.selected:hover { background: #fff; background: rgba(230,230,230,1); } #t ul a:active, #t ul a.selected:active { color: #000; background: #ccc; background: rgba(50,50,50,0.2); background: rgba(50,50,50,0.2); border-top: 1px solid #ccc; border-bottom: 1px solid #eee; padding-top: 0; padding-bottom: 0; border-left: 1px solid #ccc; text-shadow: none; } /* rgb(146, 132, 104) */ #t ul li:first-child a { -webkit-border-top-left-radius: 15px; -khtml-border-radius-topleft: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px; } #t ul li:last-child a { border-right: 0; } #t .menu_right { float: right; margin: 0; padding: 0; overflow: hidden; _height: 1%; } #t .links { float: left; overflow: hidden; _height: 1%; padding: 0 14px 0 0; margin: 0; font-size: 0.9em; border-right: 0px solid #eee; } /* border-right: 1px solid #eee; */ #t .links a { text-shadow: 0 2px 1px rgba(255,255,255,1), 0 -2px 2px rgba(0,0,0,0.3); font-size: 100%; font-weight: normal; display: block; float: left; background: url('/images/icons/16x16/key.png') center left no-repeat; padding-left: 22px; height: 2.3em; line-height: 2.3em; } #t .flags { float: left; overflow: hidden; _height: 1%; padding: 0 0 0 14px; margin: 0; border-left: 1px solid #bbb; } #t .flags a { float: left; padding: 0; margin: 0; line-height: 0; } /* background: url('/images/flag_light.png') center center no-repeat; */ #t .flags img { display: inline; margin: 4px 4px 0 4px; padding: 0; border: 0; line-height: 0; } /*#t .flags a.selected img { border: 1px solid #999; border-top: 1px solid #666; border-bottom: 2px solid #fff; margin: 3px 3px 0 3px; } #t .flags a:hover img { border: 2px solid #888; margin: 2px 2px 0 2px; }*/ #t .flags a:hover img { background-color: #888; } #t .flags a.selected img { background-color: #333; padding: 1px; margin: 3px 3px 0 3px; border: 0; } /* border: 2px solid #333; */ /*#t .flags a:hover img { background-color: #888; } #t .flags a.selected img { border: 2px solid #333; margin: 2px 2px 0 2px; }*/ /* border: 2px solid #bbb; border-top: 2px solid #aaa; border-bottom: 2px solid #eee; */ #t .flags { position: absolute; top: 0; width: 200px; margin-left: 845px; border: 0; } /* #t a, #t a.active { background-color: rgba(255, 150, 0, 1); border: 1px solid rgba(200, 100, 0, 1); height: 1.8em; line-height: 1.8em; } #t a.active { background-color: rgba(255, 215, 0, 1); } #t a.active { background-color: #cc3300; } */ #t a.top_link { position: absolute; top: 0; width: 600px; height: 200px; } #f { padding-top: 205px; } #oc { margin: 0 auto 0 auto; width: 960px; padding: 0 0 0 0; /*background: url('/images/abunda/Hannes-design-22.png') no-repeat center top transparent; */ /* Box shadows */ -moz-box-shadow: 0 2px 9px #555; -webkit-box-shadow: 0 2px 9px #555; box-shadow: 0 2px 9px #555; /* ddd */ /* Box shadows IE8+: */ /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, direction=90, strength=7) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, direction=180, strength=7) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, direction=270, strength=7)";*/ /* Box shadows IE<8: */ /*filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=7) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=7) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=7);*/ /* Rounded corners */ /*-webkit-border-radius: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px;*/ } #oc, #ft { -webkit-border-bottom-left-radius: 10px; -khtml-border-radius-bottomleft: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-radius-bottomright: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; } #oc, #t { -webkit-border-top-left-radius: 15px; -khtml-border-radius-topleft: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -khtml-border-radius-topright: 15px; -moz-border-radius-topright: 15px; border-top-right-radius: 15px; } #c { width: 960px; } .column_row { width: 100%; clear: both; overflow: hidden; _height: 1%; } .column { float: left; } /* Flexible column that scales to its content, unless a width is set */ .content { margin: 0 0 0 0; padding: 0 0 0 0; background-color: white; border: 0px solid #eee; overflow: hidden; _height: 1%; width: 960px; } /* ddba7a */ /*#c { border: 0px solid #ccc; border-bottom: 0; border-top: 0; margin: 0 auto 0 auto; padding: 10px 0 0 0; width: 960px; background-color: white; position: relative; overflow: hidden; _height: 1%; }*/ /* 960px */ .area { padding: 26px; clear: both; overflow: hidden; _height: 1%; } .content_main { float: left; width: 552px; padding-right: 24px; } /*.content_main h1 { color: #b60000; }*/ .content_main p { padding-right: 3em; } .content_secondary { float: left; width: 321px; margin-right: 0; } .banners { padding-bottom: 2em; } .news { width: 100%; } .news .post { border-bottom: 1px solid #ddd; padding: 0 0 0.75em 0; margin: 0 0 1.5em 0; } .news h3 { padding: 0 0 0.5em 0; } .news .user { text-align: right; color: #888; font-size: 90%; padding-top: 1em; } table.calendar { margin-bottom: 1em; } table.calendar thead { display: none; } table.calendar td, table.calendar th { border: 0; padding: 0.8em 0.75em; text-align: left; vertical-align: top; } table.calendar td, table.calendar th { border-bottom: 1px solid #ddd; } /*table.calendar tr.even td { background-color: #f1f1f1; }*/ table.calendar td.date { color: #555; white-space:nowrap; } table.calendar td.event a { font-weight: bold; } table.calendar td.event p { margin: 0; padding: 0; } table.calendar td.event .time { padding-left: 1em; color: #666; } table.calendar td.selected { background-color: #eee; } table.calendar td.selected a { color: inherit; } table.calendar td.num_reg { white-space: nowrap; } table.calendar td.reg { white-space: nowrap; } table.calendar td.reg a.status { font-size: 0.9em; } table.calendar th { white-space: nowrap; } .content_calendar_main { float: left; width: 666px; } .content_calendar_datepicker { float: left; width: 280px; margin-right: 0; } table.registered { margin-right: 2em } table.registered td, table.registered th { padding: 0.5em 0.75em; } table.registered td.name, table.registered td.diet, table.registered td.allergies { white-space: nowrap; } table.registered td.heading { padding: 1.2em 0.75em 0.8em 0.75em; } table.statistics td, table.statistics th { border-bottom: 1px solid #eee; vertical-align: top; color: #333; } table.statistics td { text-align: left; padding: 0.15em 0 0.15em 0.25em; } table.statistics th { text-align: left; padding: 0.15em 0.25em 0.15em 0; font-weight: normal; } table.statistics th.top_heading { padding-bottom: 0.2em; } .yes { color: green; font-weight: bold; } .no { color: red; font-weight: bold; } .inline_editor { font-size: 13px; border: 1px solid #aaa; } #members_info { border: 1px solid #ddd; padding: 0.75em 1em; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /*#content { overflow: hidden; _height: 1%; width: 600px; }*/ #menu { display: none; } /* 240px 1/3 - 224px with 8px side-margins */ /*#ft { position: relative; border-top: 1px solid #ccc; color: #888; text-align: center; margin: 0 24px 0 24px; padding: 0.75em 0 1em 0; background-color: #fff; }*/ #ft { overflow: hidden; _height: 1%; font-size: 96%; clear: both; position: relative; text-align: left; margin: 0 auto 0 auto; width: 908px; background-color: white; border-top: 1px solid #ddd; padding: 0.5em 26px 1em 26px; /* 2em */ /* Box shadows */ /*-moz-box-shadow: 0 2px 9px #222; -webkit-box-shadow: 0 2px 9px #222; box-shadow: 0 2px 9px #222;*/ /* ddd */ /* Rounded corners */ /*-webkit-border-radius: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px;*/ background: url('/images/general/button_shadow_big_weak.png') bottom left repeat-x; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.8); /* 255,255,255,0.8 */ background: #eee; text-shadow: 0 2px 1px rgba(255,255,255,1), 0 -2px 2px rgba(0,0,0,0.2); color: rgba(0,0,0,0.5); } #ft p { line-height: 1.6em; } #ft p.copy { } #ft p.font_size_label { position: absolute; left: 24px; } #ft p.font_size_slider { position: absolute; left: 24px; top: 2.2em; width: 20em; } #slider { position: absolute; left: 24px; top: 2.2em; width: 60px; } #ft p.credits { position: absolute; right: 24px; } #ft p.more_credits { position: absolute; right: 24px; top: 2.2em; } #ft h2 { font-size: 130%; font-weight: bold; color: #555; margin-bottom: 1em; } /*#ft p.credits { position: absolute; right: 24px; }*/ #ft .column_row { padding: 15px 0; } #ft p, #ft ul, #ft table { padding-right: 2.5em; } #ft ul { list-style-type: none; } #ft li { border-bottom: 1px solid #ddd; padding: 0.5em 0; margin: 0; } ul.menu_list { list-style-type: none; } ul.menu_list li { border-bottom: 1px solid #ddd; padding: 0.5em 0; margin: 0; } #ft .calendar td { padding: 0.5em 0; border-bottom: 1px solid #ddd; background-color: transparent; } #ft .calendar .date { padding-right: 1em; } #ft .calendar .event a { font-weight: normal; } #ft_bottom { border-top: 0px solid #ddd; width: 100%; clear: both; overflow: hidden; _height: 1%; } #ft_bottom p { color: #fff; padding: 1em 0; text-shadow: 0 2px 1px rgba(0,0,0,0.5), 0 -2px 2px rgba(0,0,0,0.2); } #ft_bottom p.first { float: left; padding-left: 13px; } #ft_bottom .s { padding: 0 0.25em; text-shadow: none; color: #fdd; } /* color: #ccc; */ #ft_bottom p.first a { text-shadow: none; } /*color: #fff; */ #ft_bottom p.first a.selected { text-shadow: none; color: #333; font-weight: bold; } #ft_bottom p.second { float: right; text-align: right; padding-right: 13px; font-size: 96%; } #ft_bottom p.second a { text-shadow: none; } /***** Easy slider *****/ #slideshow_container { width:540px; height:320px; margin-bottom: 2em; } #slideshow_container .easy_slides_caption { width:640px; height:50px; padding: 10px 0 0 10px; } .easy_slides_container { /*border:1px solid #000;*/ overflow:hidden; position:relative; /*-webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; */ /*border: 1px solid #aaa;*/ -moz-box-shadow: 0 1px 5px #555; -webkit-box-shadow: 0 1px 5px #555; box-shadow: 0 1px 5px #555; /*-moz-box-shadow: 0 2px 5px #888; -webkit-box-shadow: 0 2px 5px #888; box-shadow: 0 2px 5px #888; border: 1px solid #ccc;*/ z-index:4; } .easy_slides_img1, .easy_slides_img2{ display:none; top:0; position:absolute; } .easy_slides_img1 { z-index:2; } .easy_slides_img2 { z-index:1; } .easy_slides_caption { position:absolute; bottom:0; /*background-image:url('/images/bg.png');*/ background-color:transparent; display:none; z-index:3; color:#fff; font-family:sans-serif; font-size:16px; } /* blockquote { font: italic 16px/24px Georgia, serif; margin: 0px; color: #FFFFFF; text-align: left; } p { font:Normal 30px Georgia, "Times New Roman", Times, serif; } */ /**** Forms - General ****/ .form_info { padding-bottom: 0.8em; color: #555; } .form { margin: 0 0 0 0; border: 0; background: white; } .form h2 { padding-top: 4px } .form fieldset { margin: 0 0 1em 0; border: 0; } .form .e { border: 0px solid; margin: 0 0 1em 0; padding: 0 20px 0 0; } /* 0.7em*/ /* float: left; */ .form table .e { margin-bottom: 0; } .form .e label { font-weight: bold; display: block; color: #111; white-space: nowrap; } .form .e label .info_dialog { margin: 0 0 0 5px; } .form .e .prefix, .form .e .suffix { color: #6f6f6f; } /* 13px / 18px */ .form .e .info_text { display: block; color: #6f6f6f; width: 80%; padding: 0.25em 0 0 0; clear: both; } /* 12px / 16px */ .form .c { width: 100% } /*.form .error { padding: 3px; background-color: #ffbbbb; border: 1px solid #ff8888; overflow: hidden; _height: 1%; }*/ .form .e .error .error_msg, .form_global_error { background: url('/images/icons/16x16/exclamation.png') no-repeat 4px 4px; padding: 0.4em 0 0 24px; color: #cc2222; font-weight: bold; clear: both; } /*.form .error .msg { background: none; padding-left: 0; }*/ .form_global_error { margin: 0 0 1em 0; display: none; } .form .req { color: red; font-weight: bold; } /**** Forms - Fields ****/ .form input.text, .form textarea, .form select { margin: 0 0 0 0; padding: 6px 6px; font-family: inherit; font-size: inherit; border: 1px solid #e3e3e3; border-top-color: #b3b3b3; border-left-color: #b3b3b3; color: #111; background: #fff url('/images/general/bg-form-field.gif') top left repeat-x; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* #fcfcfc #f8f8f8, #fdfdfd */ /* 2px solid red */ /* background-color: #fdfdfd; */ .form select { padding: 4px 4px; } .form input.text:focus, .form textarea:focus { padding: 5px 5px; border: 2px solid #a9cce9; } /* border: 1px solid #999999; */ /* background-color: #ffffff; */ .form input.text { width: 20em; } /* If outside of column, make 20em */ .form .column input.text { width: 90%; } /* padding: 1.5% 1.5%; If inside column, make 100% of column width */ .form textarea { width: 30em; height: 4em; } .form .column textarea { width: 90%; } .form .e input.date { width: 8em; margin: 0 0.25em 0 0; } .form .checkbox, .form .radio { white-space: nowrap; } .form .checkbox input, .form input { margin: 0 0.4em 0 0; } .form .inline .checkbox, .form .inline .radio { display: inline; } .form .checkbox, .form .radio { color: #333; margin: 0 1.5em 0 0; } .form .sexybutton { font-size: 1em; color: #111; } /**** Forms - Columns ****/ .form .column_row { width: 100%; clear: both; overflow: hidden; _height: 1%; border: 0px solid; } .form .column { float: left; } /* Flexible column that scales to its content, unless a width is set */ .form .three_fourth_column { float: left; width: 75%; margin: 0 0 0 0; } /*.form .three_fourth_column input.text, .form .three_fourth_column textarea { width: 100%; } .form .three_fourth_column .info_text { width: 100%; }*/ .form .two_third_column { float: left; width: 66%; margin: 0 0 0 0; } /*.form .two_third_column input.text { width: 90%; } .form .two_third_column textarea { width: 90%; } .form .two_third_column .info_text { width: 90%; }*/ .form .one_half_column { float: left; width: 50%; margin: 0 0 0 0; } /*.form .one_half_column input.text, .form .one_half_column textarea { width: 90%; } .form .one_half_column .info_text { width: 90%; }*/ .form .one_third_column { float: left; width: 33%; margin: 0 0 0 0; } /*.form .one_third_column input.text, .form .one_third_column textarea { width: 90%; } .form .one_third_column .info_text { width: 90%; }*/ .form .one_fourth_column { float: left; width: 25%; margin: 0 0 0 0; } /*.form .one_fourth_column input.text, .form .one_fourth_column textarea { width: 90%; } .form .one_fourth_column .info_text { width: 90%; }*/ /**** Google Closure Library fixes ****/ .modal-dialog { font-size: 95%; z-index: 10; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 2px 20px #555; -webkit-box-shadow: 0 2px 20px #555; box-shadow: 0 2px 20px #555; padding: 6px; color: inherit; background-color: #FCEA9A; border-color: #a68437; } /* position: fixed; background: rgba(150, 150, 150); background: rgba(150, 150, 150, 0.8); ORIGINAL: background: #C1D9FF; */ /* .modal-dialog-title { background: #f5f5f5; } */ /* ORIGINAL: background: #E0EDFE */ .modal-dialog-title-close { cursor: pointer; } .modal-dialog-title-close:hover { opacity: 0.5; } .modal-dialog-content { padding: 12px 12px 12px 12px; } .modal-dialog-title { background-color: #FFF1DB; } .modal-dialog-title-draggable { cursor: move; } /*.modal-dialog-buttons { display: none; }*/ .modal-dialog-bg { z-index: 5; } /* position: static; */ .goog-custom-button { cursor: pointer; } a.goog-menuitem, a.goog-menuitem-highlight { cursor: pointer; display: block; color: #000; margin: 0; /* 28px on the left for icon or checkbox; 10ex on the right for shortcut. */ padding: 4px 10ex 4px 28px; white-space: nowrap; border: 0; } a.goog-menuitem-disabled { cursor: default; color: #ccc; } .form_buttons { padding: 0.5em 0 0 0; } #dialog_ajaxloader { position: absolute; top: 50%; left: 50%; padding: 3px; background: #fff; opacity: 0.8; z-index: 10000; } .tr-tabpane .goog-tab, .goog-link-button { text-decoration: none; color: #b60000; } .tr-tabpane .goog-tab { color: #000; } .tr-link-dialog-explanation-text { display: none } .tr_bubble { z-index: 100 !important; } .image_bubble { z-index: 101 !important; } /**** Tables ****/ .table th, .table td { text-align: left; padding: 0.4em 0.75em; border: 1px solid #e2e2e2; } /* height: 1.5em; line-height: 1.5em; */ .table th.link, .table td.link { padding: 0; } .table th.link a, .table td.link a { display: block; padding: 0.4em 0.75em; color: #333; }} /* height: 1.5em; line-height: 1.5em; */ .table th, .table th.link a, .table th.link a:visited, .table th a:active { background-color: #eee; color: #333; } .table tr.even { background-color: #fafafa; } .table td img, .table th img { display: inline; height: 16px; line-height: 0; } .table tbody tr:hover, .table tbody tr.even:hover { background-color: #eee; } .table th.link a:hover { background-color: #eee; } .table th a.selected span, table th a.selected-reverse span { color: #000; } .table th a.selected span, .table th.headerSortDown a span { background: url('/images/icons/16x16/bullet_arrow_down.png') no-repeat right center; padding: 0 20px 0 0; } .table th a.selected-reverse span, .table th.headerSortUp a span { background: url('/images/icons/16x16/bullet_arrow_up.png') no-repeat right center; padding: 0 20px 0 0; } .table_form .e label { color: #333; } table.simple th, table.simple td { text-align: left; padding: 0 0.5em 0 0; } /***** Reset - admin *****/ .admin { text-align: left; font: 12px/1.45 Arial, sans-serif; color: #333; } /*.column_row { width: 100%; clear: both; } .column { float: left; }*/ /* Flexible column that scales to its content, unless a width is set */ /**** Disable shadows during development ****/ /*#oc, .modal-dialog { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }*/ /**** jQuery UI ****/ .ui-datepicker { font-size: inherit; } .ui-datepicker table { font-size: inherit; } .ui-datepicker tbody td a.ui-state-default { padding: 0.125em 0.4em 0.125em 0; } .ui-widget-content .ui-state-highlight { border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; outline: none; } .ui-datepicker .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; } .ui-datepicker .ui-datepicker-title { font-size: 1em; margin-top: 0.125em; } /* 14px */ .ui-dialog-buttonpane button { font-size: 0.8125em; }