/*------------------------------------------------------------------------------ Global Styles ------------------------------------------------------------------------------*/ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ .floatright{float:right} .floatleft{float:left} /*------------------------------------------------------------------------------ Spec Styles ------------------------------------------------------------------------------*/ .pana-col2 p{width:48%} .registeration-wrapper{padding:15px 20px;background:#FFFFFF;border-radius:5px} .registeration-wrapper h2{text-align:left;background:#2CD1C9;color:#fff;padding:5px;width:150px;border-radius:5px;left:-50px;position:relative} .registeration-wrapper p{padding:10px 0px} form.registeration_form label { display: none; } input.pana-input-text { background: #fff; width:96%; padding: 6px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.95); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.95); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.95); outline: none; border: 1px solid #dddee2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all ease-in-out 0.2s; text-align:left; } .pana-col2 p input{width:92%} .btn-reg { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 6px 10px 6px; margin-bottom: 0; font-size: 14px; line-height: 21px; *line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); font:12px Tahoma, Geneva, sans-serif; } .btn-reg:hover{ background-color: #fafafa; background-image: -moz-linear-gradient(top, #fafafa, #eeeeee); background-image: -ms-linear-gradient(top, #fafafa, #eeeeee); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#eeeeee)); background-image: -webkit-linear-gradient(top, #fafafa, #eeeeee); background-image: -o-linear-gradient(top, #fafafa, #eeeeee); background-image: linear-gradient(top, #fafafa, #eeeeee); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee', GradientType=0); } input.pana-input-text:focus {border: 1px solid #A4C346;} .notice { font-size: 1em !important; text-decoration: none; font-size: 14px !important; line-height: 21px !important; margin-bottom: 2em; overflow: hidden; zoom: 1; position: relative; text-align: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -webkit-box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.3), 0 0 3px 0 rgba(0, 0, 0, 0.35); -moz-box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.3), 0 0 3px 0 rgba(0, 0, 0, 0.35); box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.3), 0 0 3px 0 rgba(0, 0, 0, 0.35); color: rgba(0, 0, 0, 0.5); background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#dddddd)); background: -webkit-linear-gradient(#f6f6f6, #dddddd); background: -moz-linear-gradient(center top, #f6f6f6 0%, #dddddd 100%); background: -moz-gradient(center top, #f6f6f6 0%, #dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f6f6f6,endColorstr=#dddddd); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f6f6f6, endColorstr=#dddddd)"; -webkit-transition: all ease-in-out 0.2s; } .notice span { padding: 0 0 0 96px; display: block; background: url(../images/icons/notice.png) 36px 29px no-repeat; } .notice p { margin: 0; padding: 24px 24px 24px 0; } .notice p strong { display: block; font-size: 16px !important; line-height: 24px !important; color: rgba(0, 0, 0, 0.8) !important; } .notice a { text-decoration: none; background:#969d59; padding: 2px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all ease-in-out 0.2s; } .notice a:hover { background: rgba(255, 255, 255, 0.75); } .notice p.description { max-height: 0; opacity: 0; -webkit-transform: all ease-in-out 0.2s; padding: 0 24px 0 0; } .notice:hover p.description { max-height: none; opacity: 1; padding-bottom: 24px; } .notice.noicon span { padding: 0; background: none; } .notice.noicon span p { padding-left: 36px; padding-right: 36px; } .notice.red { background: #f3a9a7; background: -webkit-gradient(linear, left top, left bottom, from(#f3a9a7), to(#e99f9d)); background: -webkit-linear-gradient(#f3a9a7, #e99f9d); background: -moz-linear-gradient(center top, #f3a9a7 0%, #e99f9d 100%); background: -moz-gradient(center top, #f3a9a7 0%, #e99f9d 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f3a9a7,endColorstr=#e99f9d); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f3a9a7, endColorstr=#e99f9d)"; color: #722826 !important; } .notice.red a { color: #611715; } .notice.green { background: #d3e0a6; background: -webkit-gradient(linear, left top, left bottom, from(#d3e0a6), to(#bbc694)); background: -webkit-linear-gradient(#d3e0a6, #bbc694); background: -moz-linear-gradient(center top, #d3e0a6 0%, #bbc694 100%); background: -moz-gradient(center top, #d3e0a6 0%, #bbc694 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3e0a6,endColorstr=#bbc694); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f3a9a7, endColorstr=#e99f9d)"; } .notice.green a { color: #fbfdec; } .notice.green a:hover { color:#333 }