/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{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;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;} /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ .yui-button{display:-moz-inline-box;display:inline-block;vertical-align:text-bottom;}.yui-button .first-child{display:block;*display:inline-block;}.yui-button button,.yui-button a{display:block;*display:inline-block;border:none;margin:0;}.yui-button button{background-color:transparent;*overflow:visible;cursor:pointer;}.yui-button a{text-decoration:none;}.yui-skin-sam .yui-button{border-width:1px 0;border-style:solid;border-color:#808080;background:url(/javascripts/yui/build/assets/skins/sam/sprite.png) repeat-x 0 0;margin:auto .25em;}.yui-skin-sam .yui-button .first-child{border-width:0 1px;border-style:solid;border-color:#808080;margin:0 -1px;_margin:0;}.yui-skin-sam .yui-button button,.yui-skin-sam .yui-button a{padding:0 10px;font-size:93%;line-height:2;*line-height:1.7;min-height:2em;*min-height:auto;color:#000;}.yui-skin-sam .yui-button a{*line-height:1.875;*padding-bottom:1px;}.yui-skin-sam .yui-split-button button,.yui-skin-sam .yui-menu-button button{padding-right:20px;background-position:right center;background-repeat:no-repeat;}.yui-skin-sam .yui-menu-button button{background-image:url(/javascripts/yui/build/assets/skins/sam/menu-button-arrow.png);}.yui-skin-sam .yui-split-button button{background-image:url(/javascripts/yui/build/assets/skins/sam/split-button-arrow.png);}.yui-skin-sam .yui-button-focus{border-color:#7D98B8;background-position:0 -1300px;}.yui-skin-sam .yui-button-focus .first-child{border-color:#7D98B8;}.yui-skin-sam .yui-button-focus button,.yui-skin-sam .yui-button-focus a{color:#000;}.yui-skin-sam .yui-split-button-focus button{background-image:url(/javascripts/yui/build/assets/skins/sam/split-button-arrow-focus.png);}.yui-skin-sam .yui-button-hover{border-color:#7D98B8;background-position:0 -1300px;}.yui-skin-sam .yui-button-hover .first-child{border-color:#7D98B8;}.yui-skin-sam .yui-button-hover button,.yui-skin-sam .yui-button-hover a{color:#000;}.yui-skin-sam .yui-split-button-hover button{background-image:url(/javascripts/yui/build/assets/skins/sam/split-button-arrow-hover.png);}.yui-skin-sam .yui-button-active{border-color:#7D98B8;background-position:0 -1700px;}.yui-skin-sam .yui-button-active .first-child{border-color:#7D98B8;}.yui-skin-sam .yui-button-active button,.yui-skin-sam .yui-button-active a{color:#000;}.yui-skin-sam .yui-split-button-activeoption{border-color:#808080;background-position:0 0;}.yui-skin-sam .yui-split-button-activeoption .first-child{border-color:#808080;}.yui-skin-sam .yui-split-button-activeoption button{background-image:url(/javascripts/yui/build/assets/skins/sam/split-button-arrow-active.png);}.yui-skin-sam .yui-radio-button-checked,.yui-skin-sam .yui-checkbox-button-checked{border-color:#304369;background-position:0 -1400px;}.yui-skin-sam .yui-radio-button-checked .first-child,.yui-skin-sam .yui-checkbox-button-checked .first-child{border-color:#304369;}.yui-skin-sam .yui-radio-button-checked button,.yui-skin-sam .yui-checkbox-button-checked button{color:#fff;}.yui-skin-sam .yui-button-disabled{border-color:#ccc;background-position:0 -1500px;}.yui-skin-sam .yui-button-disabled .first-child{border-color:#ccc;}.yui-skin-sam .yui-button-disabled button,.yui-skin-sam .yui-button-disabled a{color:#A6A6A6;cursor:default;}.yui-skin-sam .yui-menu-button-disabled button{background-image:url(/javascripts/yui/build/assets/skins/sam/menu-button-arrow-disabled.png);}.yui-skin-sam .yui-split-button-disabled button{background-image:url(/javascripts/yui/build/assets/skins/sam/split-button-arrow-disabled.png);} /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ .yuimenu{top:-999em;left:-999em;}.yuimenubar{position:static;}.yuimenu .yuimenu,.yuimenubar .yuimenu{position:absolute;}.yuimenubar li,.yuimenu li{list-style-type:none;}.yuimenubar ul,.yuimenu ul,.yuimenubar li,.yuimenu li,.yuimenu h6,.yuimenubar h6{margin:0;padding:0;}.yuimenuitemlabel,.yuimenubaritemlabel{text-align:left;white-space:nowrap;}.yuimenubar ul{*zoom:1;}.yuimenubar .yuimenu ul{*zoom:normal;}.yuimenubar>.bd>ul:after{content:".";display:block;clear:both;visibility:hidden;height:0;line-height:0;}.yuimenubaritem{float:left;}.yuimenubaritemlabel,.yuimenuitemlabel{display:block;}.yuimenuitemlabel .helptext{font-style:normal;display:block;margin:-1em 0 0 10em;}.yui-menu-shadow{position:absolute;visibility:hidden;z-index:-1;}.yui-menu-shadow-visible{top:2px;right:-3px;left:-3px;bottom:-3px;visibility:visible;}.hide-scrollbars *{overflow:hidden;}.hide-scrollbars select{display:none;}.yuimenu.show-scrollbars,.yuimenubar.show-scrollbars{overflow:visible;}.yuimenu.hide-scrollbars .yui-menu-shadow,.yuimenubar.hide-scrollbars .yui-menu-shadow{overflow:hidden;}.yuimenu.show-scrollbars .yui-menu-shadow,.yuimenubar.show-scrollbars .yui-menu-shadow{overflow:auto;}.yui-overlay.yui-force-redraw{margin-bottom:1px;}.yui-skin-sam .yuimenubar{font-size:93%;line-height:2;*line-height:1.9;border:solid 1px #808080;background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;}.yui-skin-sam .yuimenubarnav .yuimenubaritem{border-right:solid 1px #ccc;}.yui-skin-sam .yuimenubaritemlabel{padding:0 10px;color:#000;text-decoration:none;cursor:default;border-style:solid;border-color:#808080;border-width:1px 0;*position:relative;margin:-1px 0;}.yui-skin-sam .yuimenubaritemlabel:visited{color:#000;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel{padding-right:20px;*display:inline-block;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu{background:url(menubaritem_submenuindicator.png) right center no-repeat;}.yui-skin-sam .yuimenubaritem-selected{background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;}.yui-skin-sam .yuimenubaritemlabel-selected{border-color:#7D98B8;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected{border-left-width:1px;margin-left:-1px;*left:-1px;}.yui-skin-sam .yuimenubaritemlabel-disabled,.yui-skin-sam .yuimenubaritemlabel-disabled:visited{cursor:default;color:#A6A6A6;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled{background-image:url(menubaritem_submenuindicator_disabled.png);}.yui-skin-sam .yuimenu{font-size:93%;line-height:1.5;*line-height:1.45;}.yui-skin-sam .yuimenubar .yuimenu,.yui-skin-sam .yuimenu .yuimenu{font-size:100%;}.yui-skin-sam .yuimenu .bd{*zoom:1;_zoom:normal;border:solid 1px #808080;background-color:#fff;}.yui-skin-sam .yuimenu .yuimenu .bd{*zoom:normal;}.yui-skin-sam .yuimenu ul{padding:3px 0;border-width:1px 0 0 0;border-color:#ccc;border-style:solid;}.yui-skin-sam .yuimenu ul.first-of-type{border-width:0;}.yui-skin-sam .yuimenu h6{font-weight:bold;border-style:solid;border-color:#ccc;border-width:1px 0 0 0;color:#a4a4a4;padding:3px 10px 0 10px;}.yui-skin-sam .yuimenu ul.hastitle,.yui-skin-sam .yuimenu h6.first-of-type{border-width:0;}.yui-skin-sam .yuimenu .yui-menu-body-scrolled{border-color:#ccc #808080;overflow:hidden;}.yui-skin-sam .yuimenu .topscrollbar,.yui-skin-sam .yuimenu .bottomscrollbar{height:16px;border:solid 1px #808080;background:#fff url(../../../../assets/skins/sam/sprite.png) no-repeat 0 0;}.yui-skin-sam .yuimenu .topscrollbar{border-bottom-width:0;background-position:center -950px;}.yui-skin-sam .yuimenu .topscrollbar_disabled{background-position:center -975px;}.yui-skin-sam .yuimenu .bottomscrollbar{border-top-width:0;background-position:center -850px;}.yui-skin-sam .yuimenu .bottomscrollbar_disabled{background-position:center -875px;}.yui-skin-sam .yuimenuitem{_border-bottom:solid 1px #fff;}.yui-skin-sam .yuimenuitemlabel{padding:0 20px;color:#000;text-decoration:none;cursor:default;}.yui-skin-sam .yuimenuitemlabel:visited{color:#000;}.yui-skin-sam .yuimenuitemlabel .helptext{margin-top:-1.5em;*margin-top:-1.45em;}.yui-skin-sam .yuimenuitem-hassubmenu{background-image:url(menuitem_submenuindicator.png);background-position:right center;background-repeat:no-repeat;}.yui-skin-sam .yuimenuitem-checked{background-image:url(menuitem_checkbox.png);background-position:left center;background-repeat:no-repeat;}.yui-skin-sam .yui-menu-shadow-visible{background-color:#000;opacity:.12;filter:alpha(opacity=12);}.yui-skin-sam .yuimenuitem-selected{background-color:#B3D4FF;}.yui-skin-sam .yuimenuitemlabel-disabled,.yui-skin-sam .yuimenuitemlabel-disabled:visited{cursor:default;color:#A6A6A6;}.yui-skin-sam .yuimenuitem-hassubmenu-disabled{background-image:url(menuitem_submenuindicator_disabled.png);}.yui-skin-sam .yuimenuitem-checked-disabled{background-image:url(menuitem_checkbox_disabled.png);} @charset "utf-8"; .x-superboxselect {position:relative; height: auto !important; margin: 0px; overflow: hidden; padding:2px; display:block; outline: none !important;} .x-superboxselect input[disabled] {background-color: transparent;}; .x-superboxselect ul {overflow: hidden; cursor: text;} .x-superboxselect-display-btns {padding-right: 33px !important;} .x-superboxselect-btns {position: absolute; right: 1px; top: 0; overflow:hidden; padding:2px;} .x-superboxselect-btns div {float: left; width: 16px; height: 16px; margin-top: 4px;} .x-superboxselect-btn-clear {background: url(/javascripts/agilebench/ext/SuperBoxSelect/clear.png) no-repeat scroll left 0px;} .x-superboxselect-btn-expand {background: url(/javascripts/agilebench/ext/SuperBoxSelect/expand.png) no-repeat scroll left 0px;} .x-superboxselect-btn-over {background-position: left -16px} .x-superboxselect-btn-hide {display:none;} .x-superboxselect li {float: left; margin: 1px 1px 2px 1px; padding: 0;line-height: 18px;} .x-superboxselect-stacked li {float: none !important;} .x-superboxselect-input input { border: none; outline: none; margin-top: 4px; margin-bottom: 4px;} body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;} .x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #CAD8F3; background-color: #DEE7F8; padding: 1px 15px 1px 5px !important; } body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;} body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;} .x-superboxselect-item-hover {background: #BBCEF1; border: 1px solid #6D95E0;} .x-superboxselect-item-focus {border-color: #598BEC; background: #598BEC; color: #fff;} .x-superboxselect-item-close {background: url(/javascripts/agilebench/ext/SuperBoxSelect/close.png) no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;} .x-superboxselect-item-close:hover, .x-superboxselect-item-close:active { background-position: left -12px;} .x-superboxselect-item-focus .x-superboxselect-item-close{ background-position: left -24px} .x-item-disabled .x-superboxselect-item-close{ background-position: left -36px} .showgrid { background:url(/images/20_16_2_1_2_2_0_0.png?1); } #ab { margin:auto; text-align:left; width:auto; } .app p { margin-bottom: 20px; } .app hr { margin: 19px 0 0 0; } /* 19px + 1 for the hr */ .app .nowrap { white-space: nowrap; } .tiny { font-size: 50%; } .clear { clear: both; } /* top margin */ .app .summary_data { margin-top: 20px; } .app table caption { margin-left: 10px; } /* tables */ .app table.data { margin: 15px 0 15px -10px; width: 100%; } .app table.data th { padding: 10px 10px; margin: 0; line-height: 20px; vertical-align: top; } .app table.data td { padding: 10px 10px; margin: 0; line-height: 20px; vertical-align: baseline; } /* to a group of pages */ .app .yui-g { margin:auto; text-align:left; width:1020px; min-width:1020px; } .app .main { margin: 0 40px; } .app .list-row { list-style-type:none; margin-left:0; } .app .list-row li.first { margin-left:0; } .app .list-row li { display:inline; } .app .auth-status { float: right; text-align: right; } /* header */ .app #header_wrapper { height: 50px; } .app #header_logo { margin-top: 10px; float:left; } /* nav */ #toplevel_nav_wrapper {background: url('/images/app/nav-main-bg.png?1') repeat-x; height: 25px;} #toplevel_subnav_wrapper {background: url('/images/app/nav-main-bg.png?1') 0 -25px repeat-x; height: 30px;} /* menu items */ .app .main_subnavigation li.sub-nav-list-item, .iteration_nav { display: block; float: left; } .app .main_navigation li a, .app .main_subnavigation li.sub-nav-list-item a, .iteration_nav #quick_navigation_2 { display:inline-block; text-align: center; width: 140px; } /* top-level menu items */ .app .main_subnavigation { background: url("/images/app/nav-sub-divider.png?1") no-repeat scroll 0 0 transparent; float: left; } /* top-level menu items */ .app .main_navigation li a { height: 23px; line-height: 25px; text-shadow: 1px 1px 1px white; -webkit-text-shadow: 1px 1px 1px white; background: url('/images/app/nav-main-divider.png?1') 0 1px no-repeat; color: #1f7bbf; } .app .main_navigation li.selected a, .app .main_navigation li a:hover { width: 123px; margin: -1px -2px 0 -1px; color: white; height: 25px; line-height: 28px; text-shadow: 1px 1px 1px #216eba; -webkit-text-shadow: 1px 1px 1px #216eba; background: url('/images/app/nav-main-selected.png?1') no-repeat; } /* second-level menu item */ .app .main_subnavigation li.sub-nav-list-item a { color: white; text-shadow: 1px 1px 1px #555; -webkit-text-shadow: 1px 1px 1px #555; height: 26px; letter-spacing: 1px } .app .main_subnavigation li.sub-nav-list-item.selected a, .app .main_subnavigation li.sub-nav-list-item .yui-menu-button-hover .first-child, .app .main_subnavigation li.sub-nav-list-item a:hover { background: url('/images/app/arrow-down.png?1') bottom center no-repeat; } .app .main_subnavigation li.sub-nav-list-item .yui-menu-button-hover .first-child { height: 26px; } .app .main_subnavigation .current_iteration_status_nav .nav_text a { width: 200px; } /* footer */ .app ul.nav { float:right; } .app ul.copyright { float:left; } #ab-feature-ft { padding-top: 40px; } .app .velocity_wrapper { padding: 0; margin: 0; } .summary { margin-right: 40px; margin-left: 40px; } .small-col { width: 280px; margin-right: 40px; } .fat-col { width: 640px; margin: 0 20px 0 40px; } .stories.fat-col { margin-left: 0 } .app .blank { background: transparent; border: none; } .app .four-col th { width: 214px; } .app .four-col th.iteration-head-title { width: 348px; } .app .four-col th.iteration-head-actions { width: 80px; } .app .fat-col .four-col th { width: 165px; } .app .fat-col .iteration_stats_header, .app .fat-col .project_stats_header { width: 290px; } /* total width 650 */ .app .fat-col .iteration_stats_data, .app .fat-col .project_stats_data { width: 360px; text-align: right; } .app .six-col th { width: 156px; } .app .five-col th { width: 160px; } /* 10px each side for margin */ .app .five-col .current_team_email { width: 260px } .app .five-col .current_team_status { width: 100px } /* pagination */ #pag { text-align: center; } /* quick steps (was actions) */ .app .quick_steps { height: 57px; border-bottom: 3px solid #F0F0F0; } /* there is a 3px border bottom */ .app .quick_steps ol { float: right; position: relative; top: 24px;} #activity_stream_link .first-child { width: 100%; } /* for IE7 */ .app .quick_steps ol a, .app .quick_steps ol button, .app #activity_stream_link a { font-size: 12px; text-shadow: 1px 1px 1px white; -webkit-text-shadow: 1px 1px 1px white; color: rgb(31, 123, 191); } .app .iteration_actions span.yui-button, .app .iteration_actions .quick_step_form { float: right; } .app .iteration_actions_buttons { float: right; padding-top: 20px; width: 100%; } .app #stories { clear: left; } .app .story_actions_buttons { float: right; margin-top: 19px; } .app .story_actions { padding-bottom: 20px; border-bottom: 3px solid blue; } /* buttons */ .app .yui-button .positive, .app .yui-button .delete { padding-left: 32px; } .app .yui-button .positive { background: url(/icons/tick.png?1) 10px 50% no-repeat; } .app .yui-button .delete { background: url(/icons/delete.png?1) 10px 50% no-repeat; } .app .yui-button .negative { background: url(/icons/cross.png?1) 10px 50% no-repeat; } .app .yui-skin-sam .yui-button a, .app .yui-skin-sam .yui-button a:visited { padding-left: 32px; padding-right: 10px; } .app .yui-skin-sam .yui-button, .app .yui-skin-sam .yui-button .first-child {border-color: #aaa;} .app .yui-button .add { background: url(/icons/add.png?1) 10px 50% no-repeat; } XX.app .yui-link-button .first-child { padding-top: 2px; } /* suggestions */ .app .suggestions { margin-top: 20px; } .app .content_with_suggestion { width: 660px; float: left; } /* system messages */ .app .system-message .reading { float: left; width: 430px; padding-right: 20px; } .app .system-message .reading li { list-style: disc inside; } .app .system-message .video { float: right; width: 430px; } /* anonymous warning */ .app #anonymous_warning { padding: 0.4em; width: 100%; margin: 0 0 1em 0; } .app #anonymous_warning.center { text-align: center; } .app #anonymous_warning img { vertical-align: middle;} /* IE warning */ .app #ie_warning { padding: 0.4em; width: 100%; margin: 0 0 1em 0; } .app #ie_warning.center { text-align: center; font-size: 1.6em; } .app #ie_warning img { vertical-align: middle;} .app #ie_warning .message { width: 940px; display: block; } /* gravatar */ .app img.gravatar { border: 1px solid #666666; width:30px; height: 30px; float: left; margin: 3px 9px 0 0; } /* projects/show */ .app .activity_stream th { padding: 0 0 0 0; } .app .activity_stream td { padding: 5px 0 14px 0; } /* 1px border bottom - 5 + 14 + 1 */ .app #burndown { padding-bottom: 30px; } .app #activity_stream_link { width: 100%; } .app .activity_stream td, .app .activity_stream th { padding: 10px 0; margin: 0; height:auto; line-height: 20px; } .app .activity_stream .relative { display: block; } .app .activity_stream img.gravatar { float: left; } /* for IE7 */ /* projects/edit */ .app #agile_iteration_size_input .radio_container { float: right; width: 480px; } /* only affect close iteration */ .app form.formtastic fieldset .radio_container ol li input { width: auto; margin-right: 10px; } .app form.formtastic fieldset .radio_container ol { padding-left: 0px; } .app #agile_iteration_size_input fieldset legend { float: left; } .app #agile_iteration_size_input fieldset legend span { display: block; width: 160px; color: #262626; } /* general forms */ form.formtastic fieldset .yuimenu ul li { padding: 0; } .app form.formtastic .date fieldset legend span { padding-right: 20px; text-align: right; width: 160px; display: block; } /* make it look like a label */ .app form.formtastic fieldset ol li.boolean label { padding-left: 0; width: 160px; } .app #new_user_session fieldset ol li.text { margin-left: 160px; } .app form.formtastic fieldset ol li.string input, .app form.formtastic fieldset ol li.numeric input, .app form.formtastic fieldset ol li.text textarea, .app form.formtastic fieldset ol li.password input { width: 440px; border: 1px solid #ccc; padding: 0.5em; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .app form.formtastic fieldset ol li label, .app form.formtastic fieldset ol li legend, .app form.formtastic fieldset ol li.date fieldset legend { padding-top: 0.5em; } /* project/settings */ .app .project_settings_export { width: 180px; } .app .project_settings td { width: 760px; } /* users/account */ .app .plan_selection { padding-right: 20px; float: left; } .app .current_user_and_limits_label { width: 180px; } .app .current_user_and_limits_current { width: 180px; } .app .current_user_and_limits_limit { width: 180px; } /* stories/index */ .app .iteration_progress_state { width: 180px; } .app .iteration_progress_estimate { width: 360px; } .app #my_workbench .story_type_chore img, .app .story_title img { vertical-align: text-bottom; } .app .story_title .label { width: 4em; display: inline-block; } .app .small-col ol.data { padding-bottom: 17px; border-bottom: 3px solid #f0f0f0; } .app .stories.summary { border-bottom: 1px solid #ccc; padding-bottom: 14px; } /* my workbench */ .app #my_workbench, .app #my_blocked_stories { width: 600px; } /* stories/quick_story_entry */ form#new_story li.quick_entry_item, form#edit_story li.quick_entry_item { float: left; margin-right: 20px; } .quick_entry li label.quick_entry_label { display: block; float: none; width: auto; text-align: left; } .quick_entry { background-color: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #aaa; margin-top: 10px; -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);} .quick_entry legend span { font-size: 135%; font-weight: bold; color: #888; } .quick_entry input#story_title { font-size: 116%; width: 500px; padding: 0.2em; } .quick_entry #estimates_wrapper label, .quick_entry #story_types_wrapper label { margin-left: 3px; } .quick_entry_form { padding: 10px 20px; } .app .quick_entry h3 { margin-top: 0; } .yui-menu-button em.yui-button-label { font-style: normal; display: block; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .yui-menu-button #quick-entry-estimates-button-button em.yui-button-label { width: 80px; } .yui-menu-button #story-type-button-button em.yui-button-label { width: 40px; } #quick-entry-estimates-button, #commit_button_1, #story-type-button { margin-top: 0.2em; } li.yui-button-selectedmenuitem { background: url(/images/app/checkbox.png) left center no-repeat; } /* iterations/planning */ .app .iteration_stats table { margin-bottom: 15px; } /* shared/_action_and_activity_stream (timeline) */ .app #timeline thead { display: none; } /* project/X/invites */ .app table.data.current_team td { vertical-align: inherit; } /* project/X/settings */ .app .project_settings td img { padding-top: 2px; vertical-align:top; } .yui-resize { display: inline-block; } .app #quick_navigation { float: right; } .app #project_menu_button { position: relative; top: 14px; left: 48px; } /* mask */ .yui-skin-sam .yui-dt-mask { background-color: #000; opacity: .25; filter: alpha(opacity=25); /* Set opacity in IE */ } /* editing */ tbody .yui-dt-editable { cursor:pointer; } .yui-dt-editor { text-align:left; background-color:#F2F2F2; border: 2px solid #808080; padding:6px; -moz-border-radius-bottomleft: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-left-radius: 1em; -webkit-border-bottom-right-radius: 1em; } .yui-dt-editor label { padding-left:4px;padding-right:6px; } .yui-dt-editor .yui-dt-button { padding-top:6px;text-align:right; } .yui-dt-editor .yui-dt-button button { background:url(../../../../assets/skins/sam/sprite.png?1) repeat-x 0 0; border:1px solid #999; width:4em;height:1.8em; margin-left:6px; } .yui-dt-editor .yui-dt-button button.yui-dt-default { background:url(../../../../assets/skins/sam/sprite.png?1) repeat-x 0 -1400px; background-color: #5584E0; border:1px solid #304369; color:#FFF } .yui-dt-editor .yui-dt-button button:hover { background:url(../../../../assets/skins/sam/sprite.png?1) repeat-x 0 -1300px; color:#000; } .yui-dt-editor .yui-dt-button button:active { background:url(../../../../assets/skins/sam/sprite.png?1) repeat-x 0 -1700px; color:#000; } #footer_wrapper { color: #f0f0f0; border-top: 1px solid #ccc; line-height: 1.5em; margin-top: 40px; } #footer_wrapper a, #footer_wrapper a:hover, #footer_wrapper a:link, #footer_wrapper a:visited, #footer_wrapper a:active { color: #888; border-bottom: 1px dashed #888; } #footer_wrapper ul { float: left; margin: 20px; } #footer_wrapper ul.sitemap { width: 200px; margin-right: 19px; border-right: 1px solid #ccc; } #footer_wrapper ul.info { width: 200px; margin-right: 20px; } #footer_wrapper ul.company { width: 200px; margin-right: 19px; border-right: 1px solid #ccc; } #footer_wrapper ul.contact { width: 180px; } #footer_wrapper #copyright { background-color: #cdcdcd; color: #002157; border-top: 1px solid #888; border-bottom: 1px solid #efefef; } XX #footer_wrapper #copyright { background-color: #002157; } #footer_wrapper h4 { color: #002157; font-weight: bold; text-shadow: 1px 1px 1px #ccc; } /* make it look like a form */ #show_story .name { width: 160px; padding-right:20px; text-align:right; color: #888; } #show_story .value { width: 440px; } #show_story { clear: both; } /* row of button actions */ .buttons_row .yui-link-button { float: left; } .buttons_row { float: right; margin-top: 20px; } .print { background: url(/icons/printer.png?1) 10px 50% no-repeat; } .back { background: url(/icons/arrow_left.png?1) 10px 50% no-repeat; } /* Comments */ #comments li.comment { list-style: decimal; display: list-item; margin-left: 200px; } #comments ol { list-style-type: decimal; } #comments li.comment .comment_text { display: block; } .app h3.story_comment_user { line-height: 40px; } .app .story_comment_text { clear: both; border-bottom: 1px solid #ccc; padding-left: 120px; } /* realtime messages */ #realtime-message { position: fixed; top: 4px; width:100%; left: 0; height: 0; font-size: 1.5em; } #realtime-message #message-text { border: 2px solid #aaa; border-top: none; padding: 5px 10px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; } #realtime-message.message-hidden { display:none; } #realtime-message.message-flash { display: block; background-color: #ffff99; } #realtime-message.message-flash #message-text { background-color: #ffee33; display: inline; } #realtime-message.message-error { display: block; } #realtime-message.message-error #message-text { background-color: #ff3333; display: inline; } /* from bluetrip */ .app strong, th, thead td { font-weight: bold; } .app cite, em, dfn { font-style: italic; } .app code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monospace; } .app del { text-decoration: line-through; color: #666; } .app ins, dfn { border-bottom: 1px solid #ccc; } .app small, sup, sub { font-size: 85%; } .app abbr, acronym { font-size: 85%; letter-spacing: .1em; } .app a abbr, a acronym { border: none; } .app abbr[title], acronym[title], dfn[title] { cursor: help; } .app sup { vertical-align: super; } .app sub { vertical-align: sub; } .normal { font-weight: normal; } /* font sizes taken from http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html */ .app h1 { font-size: 230.1%; line-height: 40px; } /* 30px */ .app h2, table caption { font-size: 138.5%; line-height: 20px; margin-top: 24px; } /* 18px */ .app #nav h2 { margin-top: 0; } .app h3 { font-size: 116%; line-height: 20px; margin-top: 20px; } /* 16px */ .app h4 { font-size: 108%; line-height: 20px; margin-top: 20px; } /* 14px */ .app h5 { font-size: 100%; line-height: 20px; margin-top: 20px; } /* 13px */ .app h6 { font-size: 93%; } /* 12px - used in the drop down menus */ #ab { font-size: 93%; /* 12px */ line-height: 20px; } .app { font-family: helvetica, arial, sans-serif; } .app .main_navigation, XX.app .main_subnavigation { font-weight: bold; } .app h1 { border-bottom: 3px solid #f0f0f0; line-height: 49px; padding-top: 8px; } .app a, .app a:link, .app a:visited, .app a:active { text-decoration: none; } form.formtastic fieldset ol li .inline-hints { font-style: italic; } .app .stories h1 { line-height: 20px; border-bottom: none; padding-top: 22px; } .app .groupcontrols h2 { float: left; } /* The story/show details from RTE */ .app #show_story .details .value h1 { border-bottom: none; line-height: 40px; } .app #show_story .details .value ul { list-style:disc outside none; } .app #show_story .details .value ol { list-style:decimal outside none; } .app #show_story .details .value li { list-style-type: inherit; } .app table.key_value_description thead td { background-color: #1f7bbf; color: white; } .app table.key_value_description tbody td.key { background-color: #f0f0f0; font-weight: bold; text-align: right; } .app table.key_value_description td abbr { color: red; } h1,h2,h3,h4,h5,h6, table caption { color: #888888; } html { color: #262626; } .app hr { background-color: transparent; border:none; border-bottom: 1px solid #f0f0f0; } /* links */ .app a, .app a:link, .app a:visited, .app a:active { color: #5b9ed0; border-bottom: 1px dashed #5B9ED0; } .app .yui-button a, .app .x-btn a, .app .yuimenu a, .app .x-menu a, .app .main_navigation li a, .app .main_subnavigation li a { border-bottom: none; } /* general table styling */ /* .app table td { border-top: 1px solid #e5e5e5; } .app .yui-dt-data tr { border-bottom: 1px solid #E5E5E5; } */ .app .yui-dt-data tr { background-image: url(/images/app/grey-dot.png); background-repeat: repeat-x; background-position: bottom; } .app .yui-dt-data tr td { background-position: bottom; } .app table th { border-top: 1px solid #dfdfdf; background-color: #f8f8f8; } /* anonymous warning */ .app #anonymous_warning { background-color: #8cc63f; } .app #anonymous_warning a, .app #anonymous_warning a:link, .app #anonymous_warning a:visited, .app #anonymous_warning a:active { color: #fff; border-bottom: 1px dashed #fff; } /* IE warning */ .app #ie_warning { background-color: #8cc63f; } .app #ie_warning a, .app #ie_warning a:link, .app #ie_warning a:visited, .app #ie_warning a:active { color: #fff; } /* messages, errors, notices, flash */ .app .flash .flash { margin-top: 20px; margin-bottom: 20px; border-left: 20px solid #8cc63f; background: #e8f4d9; padding-left: 10px; font-size: 1.2em; font-weight: bold; padding: 5px 10px; } .app .flash .flash a { color: #008800;} .app .flash .error { margin-top: 20px; margin-bottom: 20px; border-left: 20px solid #a91100; background: #f4e8d9; padding-left: 10px; font-size: 1.2em; font-weight: bold; padding: 5px 10px; } .app #errorExplanation h4 {color: #a91100;} .app .flash .error a { color: #a91100;} .app .suggestions { background-color: #5B9ED0; border: 1px solid #aaa; padding: 15px 20px; margin: 10px 0; -moz-border-radius: 25px; -webkit-border-radius: 25px; color: #fff; } .app .suggestions a, .app .suggestions a:link, .app .suggestions a:visited, .app .suggestions a:active { color: #ffcc11; } .app .threequarters .suggestions { float: right; width: 178px; } .app .flash .notice { margin-top: 20px; margin-bottom: 20px; border-left: 20px solid #ffa911; background: #f4f8aa; padding-left: 10px; font-size: 1.2em; font-weight: bold; padding: 5px 10px; } .app .flash .notice a { color: #5b9ed0;} /* forms */ .app .inline-hints { color: #666666; } .app form.formtastic fieldset legend { color: #757575; } .app form.formtastic .date fieldset legend span { color: #000; } /* make it look like a label */ /* buttons */ .app .yui-skin-sam .yui-button .first-child {border-color: #aaa;} .app .commit .yui-button a, .app .commit .yui-button a:link, .app .commit .yui-button a:visited, .app .commit .yui-button a:active { color: #000; } /* blockers */ .app tr.blocked { background-color: #ffdddd; } /* quick navigation */ .app .quick_navigation a, .app .quick_navigation a:link, .app .quick_navigation a:visited, .app .quick_navigation a:active { color: #ffffff; } /* iteration confidence */ .likely { background-color: green; } .unsure { background-color: orange; } .unlikely { background-color: red; } span.likely { padding: 2px 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: white; } span.unsure { padding: 2px 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: white; } span.unlikely { padding: 2px 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: white; } span.likely .utilization { border-right: 1px solid #040; } span.unsure .utilization { border-right: 1px solid #b60; } span.unlikely .utilization { border-right: 1px solid #a00; } span.likely .confidence { border-left: 1px solid #7b7; } span.unsure .confidence { border-left: 1px solid #dd9; } span.unlikely .confidence { border-left: 1px solid #f77; } .utilization { padding-right: 3px; } .confidence { padding-left: 3px; } .app ol.data { color: #888888; } .replacable { display: inline-block; display: -moz-inline-stack; background-repeat: no-repeat; background-position: 0 0; vertical-align: top; text-align: justify; zoom: 1 } .replacable span { display: block; overflow: hidden; text-indent: -9999px; line-height: 18px; cursor: pointer } .edit { width: 16px; background-image: url('/icons/mono/pencil.png?1') } .destroy { width: 16px; background-image: url('/icons/mono/delete.png?1') } .move { background: url('/icons/mono/door_out.png?1') no-repeat; height: 16px; width: 16px; border: none; color: transparent; float: left; } .resend { background: url('/icons/mono/email_go.png?1') no-repeat; height: 16px; width: 16px; border: none; color: transparent } .arrow_up { background: url('/icons/mono/arrow_up.png?1') no-repeat; height: 16px; width: 16px; border: none; color: transparent } .arrow_down { background: url('/icons/mono/arrow_down.png?1') no-repeat; height: 16px; width: 16px; border: none; color: transparent } //.story_type, //.story_type_image { padding-left: 16px; } // //.app .story_type .name { display: none; } .iteration_state_start, .story_state_start, .story_state_start_in_current_iteration { background: url('/icons/mono/application_go.png?1') no-repeat; height: 16px; width: 16px; border: none; color: transparent } .iteration_state_finish, .story_state_finish { background: url('/icons/mono/lightning_go.png?1') no-repeat; height: 16px; width: 16px; border: none; color: transparent } .story_state_abandon { background: url('/icons/mono/cancel.png?1') no-repeat; height: 16px; width: 16px; border: none; color: transparent } .story_state_reopen { background: url('/icons/mono/arrow_redo.png?1') no-repeat; height: 16px; width: 16px; border: none; color: transparent } .story_state_unstart { background: url('/icons/mono/stop.png?1') no-repeat; height: 16px; width: 16px; border: none; color: transparent } .story_state { margin-right: 8px; } .app .yui-dt-col-title .comment { background: url(/icons/mono/comment.png?1) no-repeat; height: 16px; width: 16px; border: none; color: transparent; } .app .yui-dt-data tr { border: 1px solid transparent; } .story_table table { width: 960px; } .story_table td, .story_table th { line-height: 20px; vertical-align: inherit; height: auto; padding: 0 10px; } /* reset the styling in the story tables */ .story_table .yui-dt-col-handle { width: 10px; text-align: left; padding: 0; cursor: pointer; } .story_table .yui-dt-col-label { width: 40px; text-align: left; } .story_table .yui-dt-col-title { width: 470px; text-align: left; } .story_table .yui-dt-col-estimate { width: 109px; text-align: right; } .story_table .yui-dt-col-assigned { width: 160px; text-align: right; } .story_table .yui-dt-liner form { float: left; } .story_table .yui-dt-col-state form { visibility: hidden; float: left; } .story_table .yui-dt-col-state a { visibility: hidden; vertical-align: inherit; } .story_table .yui-dt-highlighted .yui-dt-col-state form input { visibility: visible; } .story_table .yui-dt-highlighted .yui-dt-col-state a { visibility: visible; } // vertical align should go when .replacable is removed from application.css .story_table .yui-dt-liner { white-space:nowrap; } /* cell highlighting */ .story_table .yui-dt-highlighted.yui-dt-editable { background-color: #ddd; } /* limit the width of a story title to make sure it is only 500px */ .story_table.yui-dt .story_title { width: 440px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .app .hidden, .app .hidden .story_title { background-color: #eeeeee; color: #eeeeee; background-image: none; } .app .hidden a, .app .hidden a:link, .app .hidden a:visited, .app .hidden a:active { color: #eeeeee; } .app .hidden img { visibility: hidden; } .rtop, .rbottom{display:block; } .rtop *, .rbottom *{display: block; height: 1px; overflow: hidden} .r1{margin: 0 5px;} .r2{margin: 0 3px;} .r3{margin: 0 2px;} .r4{margin: 0 1px; height: 2px; } .rcontainer { margin-top: 5px; margin-bottom: 5px; } .rcontain{padding: 5px;} /* ------------------------------------------------------------------------------------------------- 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; } --------------------------------------------------------------------------------------------------*/ form.formtastic { margin-bottom: 20px; } form.formtastic .errorExplanation { background:#FFCCCC; color:red; margin:0.5em 0 0 140px; } form.formtastic legend { font-size: 1.2em; margin-bottom: 1em; } form.formtastic fieldset.inputs { border: none; margin-top: 20px;} form.formtastic fieldset ol li ol { float: left; } /* nested lists - like iteration size selection */ .date ol { width: 20px ;} form.formtastic fieldset ol li { margin-bottom: 1em; } form.formtastic fieldset ol li.commit { padding-left: 180px; } form.formtastic fieldset ol li p.inline-hints { margin-left: 180px; } form.formtastic fieldset ol li label, form.formtastic fieldset ol li legend, form.formtastic fieldset ol li.date fieldset legend { width: 160px } form.formtastic fieldset ol li fieldset ol { padding-left: 160px; position: relative; top: -1em; width: auto; } form.formtastic fieldset ol li.date fieldset ol { padding-left: 180px; } form.formtastic label { text-align: right; padding-right: 20px; } form.formtastic ol li fieldset ol li label { text-align: left; padding-left: 20px; } /* multiple checkboxes */ form.formtastic fieldset fieldset legend { font-size: 1em; } form.formtastic fieldset fieldset legend label { color: #000; } form.formtastic fieldset ol li fieldset legend { position: relative; padding-top:0.1em; } form.formtastic fieldset ol li.error { background-color:#FFEEEE; padding:1em 0; } form.formtastic fieldset ol li p.inline-errors { -moz-border-radius:4px; background-color:#FFCCCC; border:1px solid red; color:#CC0000; margin:0.5em 0.5em 0.5em 180px; padding:1em; width: 428px; } .app form.formtastic fieldset ol li.text span { position: relative; top: 0.5em; } #ux-extbox-overlay { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 200px; padding: 0; margin: 0; background: #000; cursor: pointer } #ux-extbox-shim { position: absolute; top: 0; left: 0; z-index: 9998; width: 100%; height: 200px; padding: 0; margin: 0 } /* the overlayed element */ #ux-extbox { background-color: #fff; z-index: 10000; position: absolute; top: 0; left: 0 } #ux-extbox-container { margin: 10px; position: relative; } #ux-extbox img, #ux-extbox iframe { border: none; padding: 0; margin: 0; } /* close button positioned on bottom right corner */ #ux-extbox-navClose { background : transparent url('/stylesheets/lightbox/images/btn-close.gif') center center no-repeat; position: absolute; right: 5px; bottom: 0; cursor: pointer; height: 30px; width: 66px; text-indent: -9999px; z-index: 10001; } /* "next image" and "prev image" links */ #ux-extbox-navNext, #ux-extbox-navPrev { position:absolute; top:40%; cursor:pointer; display:block; text-indent: -9999px; width: 64px; height: 32px; } #ux-extbox-navPrev { left: 0; background: transparent url('/stylesheets/lightbox/images/btn-prev.gif') left center no-repeat; } #ux-extbox-navNext { right: 0; background: transparent url('/stylesheets/lightbox/images/btn-next.gif') right center no-repeat; } /* the "information box" */ #ux-extbox-info { position:absolute; width: 100%; height: 30px; bottom:0; left:0; padding: 4px 0; color:#666; background-color: #fff; font-size:11px; line-height: 14px; } #ux-extbox-title { font-weight: bold; } #ux-extbox-loadingOverlay { width: 32px; height: 32px; position: absolute; top: 45%; left: 48%; } #ux-extbox-loading { width: 32px; height: 32px; background-image: url("/stylesheets/lightbox/images/loading.gif"); } #ux-extbox-content { padding-bottom: 38px; width: 200px; height: 200px; } /****************** FORM COW SAYS: ********************** ______________________ < welcome to forms.css > --------------------- \ ^__^ \ (oo)\_______ (__)\ )\/\ ||----w | || || ******************************************************** Some forms need custom lovin', like signup, login etc. If you want to customise generic form appearance, edit formtastic_changes.css instead. ********************************************************/ #new_user_session button {font-weight: bold; font-size: 14px;} /* login */ #new_user_session { padding: 20px 0; } #new_user_session fieldset, #new_user_session ol, #new_user_session li, #new_user_session hr { clear: both; border: none; } #new_user_session .inputs legend { display: none; } #new_user_session hr { border: none; background: #eee; height: 3px; } #new_user_session label { float: left; clear: left; text-align: right; display: block; width: 140px; font-size: 1.2em; font-weight: bold; } #new_user_session input { font-size: 1.4em; width: 200px; float: left; margin-bottom: 10px; } #new_user_session label abbr { color: red; } #new_user_session li.commit { padding-left: 165px; } #new_user_session #user_session_remember_me { margin-top: 4px; width: auto; } #new_user_session .inline-errors { color: #555; float: left; padding-left: 10px; font-size: 1.1em; } /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ .yui-overlay, .yui-panel-container { visibility: hidden; position: absolute; z-index: 2; } .yui-panel { position:relative; } .yui-panel-container form { margin: 0; } .mask { z-index: 1; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .mask.block-scrollbars { /* Application of "overflow:auto" prevents Mac scrollbars from bleeding through the modality mask in Gecko. The block-scollbars class is only added for Gecko on MacOS */ overflow: auto; } /* PLEASE NOTE: 1) ".masked select" is used to prevent elements when dragging a Panel in IE 6. This is necessary to prevent some redraw problems with the elements don't inherit their parent element's opacity in IE 6. */ .masked select, .drag select, .hide-select select { _visibility: hidden; } .yui-panel-container select { _visibility: inherit; } /* There are two known issues with YAHOO.widget.Overlay (and its subclasses) that manifest in Gecko-based browsers on Mac OS X: 1) Elements with scrollbars will poke through Overlay instances floating above them. 2) An Overlay's scrollbars and the scrollbars of its child nodes remain visible when the Overlay is hidden. To fix these bugs: 1) The "overflow" property of an Overlay instance's root element and child nodes is toggled between "hidden" and "auto" (through the application and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes) as its "visibility" configuration property is toggled between "false" and "true." 2) The "display" property of