/* Minification failed. Returning unminified contents. (7325,3): run-time error CSS1030: Expected identifier, found '.' (7327,1): run-time error CSS1019: Unexpected token, found '}' */ /*! jQuery UI - v1.12.0 - 2016-07-08 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon,.ui-state-default .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} @charset "utf-8"; /* CSS Document */ /* --------------------------------------------------------- * Filename: default.css * Description: sets typography, basic grids, and standard formstyles * Version: 1.0.0 (2012-06-16) * Author: Ryan Martinez == INDEX =============================================== $__generic classes classes used globally, should be at bottom to prevent semantic inheritance ------------------------------------------------------------*/ /*-------------------------------------*/ /* RESET */ /*-------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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, 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, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ ::-moz-selection { background: rgba(2,139,255,1); /* blue */ color: #fff; text-shadow: none; } ::selection { background: rgba(2,139,255,1); /* blue */ color: #fff; text-shadow: none; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } body { color: #444; font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /*-------------------------------------*/ /* HEADER STYLES */ /*-------------------------------------*/ h1, h2, h3, h4, h5, h6 { display: block; color: #333; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 38px; line-height: 54px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px; } h2 { font-size: 32px; line-height: 36px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px; } h3 { font-size: 28px; line-height: 36px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px; } h4 { font-size: 22px; line-height: 36px; letter-spacing: normal; } h5 { font-size: 16px; line-height: 18px; letter-spacing: normal; } h6 { font-size: 14px; line-height: 18px; letter-spacing: normal; } /* Module titles */ .Head { display: inline-block; margin-bottom: 6px; } /* Some old forge modules use .Head, .SubHead, .SubSubHead in table td, We keep this to be compatible */ td.Head, td.SubHead, td.SubSubHead { display: table-cell; margin-bottom: 0; } input[type="image"] + span.Head, input[type="image"] + span.SubHead { display: inline; } /*-------------------------------------*/ /* PARAGRAPH STYLES */ /*-------------------------------------*/ p { margin: 0 0 18px 0; } /* margin bottom is equal to line-height */ p img { margin: 0; } em, i { font-style: italic; } strong, b { font-weight: bold; } small { font-size: 80%; } /* Set text size in modules*/ .Normal, .NormalDisabled, .NormalDeleted { color: #444; font-size: 12px; font-weight: normal; line-height: 18px; } /* disabled text styles */ .NormalDisabled, .NormalDeleted { color: #999; } /* text style used for help text rendered by modules */ .Help { padding: 2px; border: #000 1px solid; background-color: #ff9; font-weight: normal; font-size: 11px; color: #000; } /* text style used for rendered text which requires emphasis */ .NormalBold { font-weight: bold; color: #222; } /* text style used for error messages */ .NormalRed { font-weight: bold; color: red; } /* text style used for rendered text which should appear deleted */ .NormalDeleted { text-decoration: line-through; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { clear: both; margin: 17px 0 17px; height: 0; border: solid #ddd; border-width: 1px 0 0; } /*-------------------------------------*/ /* ANCHOR STYLES */ /*-------------------------------------*/ a, a:visited { color: rgb(2,139,255); /*blue*/ text-decoration: underline; outline: 0; } a:hover, a:focus, a:active { color: #222; outline: 0; } p a, p a:visited { line-height: inherit; } /*-------------------------------------*/ /* IMAGE STYLES */ /*-------------------------------------*/ img.dnn-scale-img { max-width: 100%; height: auto; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } #dnn_dnnLOGO_imgLogo { border: 0; } /*-------------------------------------*/ /* lIST STYLES */ /*-------------------------------------*/ ul, ol { margin-bottom: 18px; margin-left: 18px; } ul { list-style: square outside; } ol { list-style: decimal; } /* Nested Styles */ ul ul, ul ol, ol ol, ol ul { margin-left: 18px; margin-bottom: 0; } ol ol { list-style: lower-roman; } li p { line-height: 18px; } /*-------------------------------------*/ /* MESSAGE STYLES */ /*-------------------------------------*/ .dnnFormMessage { display: block; padding: 17px 18px; margin-bottom: 18px; border: 1px solid rgba(2,139,255,0.2); /* blue */ background: rgba(2,139,255,0.15); /* blue */ -webkit-border-radius: 3px; border-radius: 3px; max-width: 980px; } .dnnFormMessage.dnnFormError, .dnnFormMessage.dnnFormValidationSummary { background-color: rgba(255,0,0,0.15); /* red */ border-color: rgba(255,0,0,0.2); /* red */ } .dnnFormMessage.dnnFormWarning { background-color: rgba(255,255,0,0.15); /* yellow */ border-color: #CDB21F; /* yellow */ } .dnnFormMessage.dnnFormSuccess { background-color: rgba(0,255,0,0.15); /* green */ border-color: rgba(0,255,0,0.5); /* green */ } /*-------------------------------------*/ /* TABLE STYLES */ /*-------------------------------------*/ .dnnTableHeader { display: block; padding: 15px; background: none repeat scroll 0 0 #E3E3E5; } .dnnTableHeader a, .dnnTableHeader input, .dnnTableHeader select{ margin: 0; } .dnnTableDisplay { margin-bottom: 18px; border: 1px solid #d1d1d1; border-left: 0; border-bottom: 0; } .dnnTableDisplay td, .dnnTableDisplay th { padding: 5px 9px; border-bottom: 1px solid #d1d1d1; } .dnnTableDisplay th { padding: 0; border-left: 1px solid #d1d1d1; -webkit-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.9); box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.9); } .dnnTableDisplay th > span, .dnnTableDisplay th > a { display: block; padding: 5px 9px; } .dnnTableDisplay td:first-child { border-left: 1px solid #cfcfcf; } .dnnTableDisplay label { display: inline; padding-left: 5px; } .dnnTableDisplay caption { display: none; } /* thead styles */ .dnnTableDisplay th { background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */ background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */ text-align: left; text-shadow: 1px 1px 0px rgba(255,255,255,0.8); color: #333; } .dnnTableDisplay th a, .dnnTableDisplay th label { font-weight: normal; color: #333; text-decoration: none; } .dnnTableDisplay th a { padding: 8px 9px; } .dnnTableDisplay th a:hover { background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */ background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */ color: #333; } .dnnTableDisplay th a:active { border-color: #999; background: #c6c6c6; /* Old browsers */ background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */ background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */ -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3); } /* tbody styles */ .dnnTableDisplay tr:nth-child(2n) td { background: rgba(0,0,0,0.04); } .dnnTableDisplay tr:hover td { background: rgba(2,139,255,0.15); /* blue */ } /* tfooter styles */ .dnnTableDisplay tfoot tr:hover td { background: none; } /* table filter styles */ .dnnTableFilter { margin-bottom: 18px; background: rgba(0,0,0,0.04); } .dnnTableFilter .dnnTableDisplay { margin-bottom: 0; } .dnnFilterSet { padding: 18px; } .dnnFilterSet label { display: inline-block; } .dnnFilterSet input, .dnnFilterSet select { display: inline-block; margin: 0 5px; } /* table filter vertical styles */ .verticalFilter .dnnFilterSet { float: left; width: 20%; padding: 2% 18px; } .verticalFilter .dnnTableDisplay { float: right; width: 75%; } .verticalFilter input[type=search], .verticalFilter select, .verticalFilter input[type=text] { margin: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } /*-------------------------------------*/ /* PAGINATION & RESULT STYLES */ /*-------------------------------------*/ .dnnResults { float: left; margin-bottom: 0; } .dnnPagination { float: right; margin: 0; padding: 0; } .dnnPagination li { float: left; list-style: none; } .dnnPagination li a, .dnnPagination li span { display: inline-block; padding: 0 5px; text-decoration: none; color: #333; } .dnnPagination li a:hover { text-decoration: underline; color: #222; } .dnnPagination li span { color: #222; text-decoration: underline; } /*-------------------------------------*/ /* FORM STYLES */ /*-------------------------------------*/ .dnnFormItem input[type="text"], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] { margin-bottom: 18px; padding: 8px; background: #ffffff; border: 1px solid #c9c9c9; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); color: #333; font-size: 12px; } .dnnFormItem input.aspNetDisabled, .dnnFormItem textarea.aspNetDisabled { background: #ebebeb; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #a7a7a7; border-width: 1px; } .aspNetDisabled, a.aspNetDisabled, .dnnDisabled, a.dnnDisabled { color: #ccc; cursor: not-allowed; text-decoration: none; } /* Active and Focus States */ .dnnFormItem input[type="text"]:active, .dnnFormItem input[type="text"]:focus, .dnnFormItem input[type="password"]:focus, .dnnFormItem input[type="password"]:active, .dnnFormItem input[type="email"]:active, .dnnFormItem input[type="email"]:focus, .dnnFormItem select:active, .dnnFormItem select:focus, .dnnFormItem textarea:active, .dnnFormItem textarea:focus, .dnnFormItem input[type="search"]:active, .dnnFormItem input[type="search"]:focus { background: #fff; border: 1px solid rgba(2,139,255,0.5); /* blue */ -webkit-box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4); box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4); color: #333; } /* Required Fields */ .required label:after, legend.required:after { display: inline-block; margin-top: -2px; margin-left: 9px; padding: 1px 9px; border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; -webkit-border-radius: 3px; background: rgba(0,0,0,0.03); content: 'Required'; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; color: #777; } /* Error Styles */ .error label, legend.error { color: rgba(255,0,0,0.9); /* opaque red*/ } .error input[type="text"], .error select, .error textarea, .error input[type="email"], .error input[type="search"] { border: 1px solid rgba(255,0,0,0.6); /* opaque red*/ color: rgba(255,0,0,0.7); /* opaque red*/ } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */ .dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnFormItem input[type="submit"], .dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span { display: inline-block; padding: 9px 9px; margin-bottom: 9px; cursor: pointer; min-width: 75px; *overflow: visible; border: 1px solid #c2c2c2; background: #eaeaea; -webkit-border-radius: 3px; border-radius: 3px; color: #333; font-weight: bold; text-decoration: none; text-align: center; } .dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnFormItem input[type="submit"], .dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction { padding: 6px 6px; } /* Primary Action */ .dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction { border-color: #0D569E; /*dark blue*/ background: #3792ED; background: -moz-linear-gradient(top, #358eea 0%, #2170cd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#358eea), color-stop(100%,#2170cd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #358eea 0%,#2170cd 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #358eea 0%,#2170cd 100%); /* W3C */ -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4); color: #efefef; text-shadow: 0px -1px 0px #185B93; } .dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover { border-color: #0D569E; background: #6cb6f3; /* Old browsers */ background: -moz-linear-gradient(top, #6cb6f3 0%, #4387d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6cb6f3), color-stop(100%,#4387d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6cb6f3 0%,#4387d2 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #6cb6f3 0%,#4387d2 100%); /* W3C */ color: #fff; } .dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active { border-color: #0D569E; background: #1f66be; /* Old browsers */ background: -moz-linear-gradient(top, #1f66be 0%, #3085e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f66be), color-stop(100%,#3085e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1f66be 0%,#3085e0 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #1f66be 0%,#3085e0 100%); /* W3C */ -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); color: #fff; } .dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active { background: #ccc !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: #aaa !important; text-shadow: none; } /* Secondary Action */ .dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span { background: #f5f5f5; /* Old browsers */ background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */ background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */ -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1); text-shadow: 0px 1px 0px #ffffff; color: #333; } .dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover, .dnnFormItem input[type="reset"]:hover, .dnnSecondaryAction:hover, a.dnnSecondaryAction:hover, ul.dnnAdminTabNav li a:hover, .dnnLogin .LoginTabGroup span:hover { background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */ background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */ color: #555; } .dnnFormItem button:active, .dnnFormItem input[type="button"]:active, .dnnFormItem input[type="reset"]:active, .dnnFormItem input[type="reset"]:active, .dnnSecondaryAction:active, a.dnnSecondaryAction:active, ul.dnnAdminTabNav li a:active { border-color: #999; background: #c6c6c6; /* Old browsers */ background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */ background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */ -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); } /* Fix some old forge modules use .dnnPrimaryAction and .dnnSecondaryAction in wrong way */ span.dnnPrimaryAction > input[type="image"], span.dnnSecondaryAction > input[type="image"] { display: none; } span.dnnPrimaryAction > a.dnnPrimaryAction, span.dnnSecondaryAction > a.dnnSecondaryAction { display: inline; background: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; } /* Tertiary Action */ .dnnTertiaryAction, a.dnnTertiaryAction { padding: 10px 10px; border: none; background: #eaeaea; color: #333; } .dnnTertiaryAction:hover, a.dnnTertiaryAction:hover { background: #f2f2f2; } .dnnTertiaryAction:active, a.dnnTertiaryAction:active { background: #d8d8d8; } /* Action Button behind input */ .dnnFormItem input[type="text"] + a.dnnPrimaryAction, .dnnFormItem input[type="text"] + a.dnnSecondaryAction, .dnnFormItem input[type="text"] + a.dnnTerriaryAction { margin-left: 5px; } .dnnFormItem input[type="checkbox"] + span, .dnnFormItem input[type="radio"] + span { margin: 5px; } /* text style for buttons and link buttons used in the portal admin pages */ /* button style for standard HTML buttons */ .StandardButton { border: 1px solid blue; } /* Re-set default cursor for disabled elements */ .dnnFormItem button[disabled], .dnnFormItem input[disabled] { cursor: default; opacity: 0.5; } /* Consistent box sizing and appearance */ .dnnFormItem input[type="checkbox"], .dnnFormItem input[type="radio"] { *width: 13px; *height: 13px; /*why are we using hacks here*/ padding: 0; box-sizing: border-box; } .dnnFormItem input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .dnnFormItem input[type="search"]::-webkit-search-decoration, .dnnFormItem input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* Remove inner padding and border in FF3/4: h5bp.com/l */ .dnnFormItem button::-moz-focus-inner, .dnnFormItem input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ .dnnFormItem textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ .dnnFormItem input:valid, .dnnFormItem textarea:valid { } .dnnFormItem input:invalid, .dnnFormItem textarea:invalid { background-color: #f0dddd; } /*-------------------------------------*/ /* TAXONOMY */ /*-------------------------------------*/ /* Horizontal taxonomy styles */ .horizontal ul.categories, .horizontal ul.tags { list-style: none; } .horizontal ul.categories { } .horizontal ul.tags { } .horizontal ul.categories li, .horizontal ul.tags li { } .horizontal ul.tags li.add-tags { } .horizontal ul.tags li.add-tags img { } /* Vertical taxonomy styles */ .vertical ul.categories, .vertical ul.tags { list-style: none; } .vertical ul.categories li, .vertical ul.tags li { } .vertical ul.categories li { } .vertical ul.tags li { } .vertical ul.tags li.add-tags { } .vertical ul.tags li.add-tags img { } /*-------------------------------------*/ /* TABS : JQUERY UI TABS 1.8.14 */ /*-------------------------------------*/ /* Tabs */ ul.dnnAdminTabNav { display: inline-block; margin-top: 5px; margin-left: 0; width: 100%; height: 37px; border-bottom: 1px solid #c2c2c2; } ul.dnnAdminTabNav li { float: left; margin-right: 4px; list-style: none; } ul.dnnAdminTabNav li a { /* most styles are inherited from typography.css */ margin-bottom: 0; border-bottom: 0; box-shadow: none; webkit-box-shadow: none; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } ul.dnnAdminTabNav li.ui-tabs-active a { margin-top: -3px; padding: 12px 9px 10px 9px; background: #fff; } /* Panels */ .ui-tabs .ui-tabs-panel { position: relative; display: block; } .ui-tabs .ui-tabs-hide { display: none; } /*-------------------------------------*/ /* LOGIN TAB GROUP */ /*-------------------------------------*/ .dnnLogin .LoginTabGroup { display: inline-block; width: 100%; height: 37px; margin-left: 0; margin-top: 5px; border-bottom: 1px solid #C2C2C2; } .dnnLogin .LoginTabGroup span { margin-right: 4px; margin-bottom: 0; border-bottom: 0 none; border-radius: 3px 3px 0 0; box-shadow: none; } .dnnLogin .LoginTabGroup span.LoginTabSelected { margin-top: -3px; padding: 12px 9px 10px; background: none repeat scroll 0 0 #FFFFFF; } /*-------------------------------------*/ /* TABS : JQUERY UI RESIZABLE 1.8.14 */ /*-------------------------------------*/ .dnnForm .ui-resizable { position: relative; } .dnnForm .ui-resizable-handle { position: absolute; display: block; z-index: 99999; font-size: 0.1px; } .dnnForm .ui-resizable-disabled .ui-resizable-handle, .dnnForm .ui-resizable-autohide .ui-resizable-handle { display: none; } .dnnForm .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .dnnForm .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .dnnForm .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .dnnForm .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .dnnForm .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .dnnForm .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .dnnForm .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .dnnForm .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } /* /*-------------------------------------*/ /* FORM ITEMS /*-------------------------------------*/ .dnnForm { width: 100%; } .dnnForm fieldset { clear: none; position: relative; margin-bottom: 18px; text-align: left; } .dnnForm fieldset fieldset { width: 100%; } .dnnForm .dnnFormItem { clear: both; width: 100%; display: block; position: relative; text-align: left; } /* Label */ .dnnTooltip { position: relative; display: block; width: 32.075%; margin-right: 18px; } .dnnHelperTip { position: relative; display: block; } .dnnDragdropTip { z-index: 10000; position: absolute; width: auto !important; height: auto !important; padding: 10px; padding-left: 30px; border-radius: 3px; background: rgba(0, 0, 0, 0.75) url(../../../../../images/pin-icn.png) no-repeat 7px 12px; font-size: 11px; color: #DDD; text-align: left; } span.dnnFormRequired:after, div.dnnFormItem.dnnFormRequired > div.dnnLabel span:after { content: "*"; display: inline-block; margin: 0 0 0 5px; color: Red; font-size: 16px; line-height: 1em; font-weight: bold; } .dnnFormItem input[type="checkbox"] + span, .dnnFormItem input[type="radio"] + span { display: inline-block; width: auto; margin: 6px 5px 6px 5px; } /* Help Label */ a.dnnFormHelp, .dnnForm .dnnFormItem a.dnnFormHelp, .dnnTooltip label a.dnnFormHelp { color: #333; text-decoration: none; font-weight: bold; } a.dnnFormHelp { display: inline-block; position: absolute; right: 0; top: 2px; width: 14px; height: 15px; background: url(../../../../../images/helpI-icn-grey.png) no-repeat left 2px; padding: 0 !important; margin: 0 !important; } .dnnLabel { display: inline-block; float: left; position: relative; width: 32.075%; padding-right: 20px; margin-right: 18px; overflow: visible; text-align: right; } .dnnFormItem > .dnnLabel { margin-top: 5px; } .dnnLabel > span { text-align: right; } .dnnForm .dnnFormItem a.dnnFormHelp span { position: relative; } .dnnForm .dnnFormItem a.dnnFormHelp img { display: block; } .dnnLabel + span { display: inline-block; margin-top: 6px; margin-bottom: 6px; white-space: pre-line; } /* Compatible with some old forge modules */ td > .dnnLabel { width: 220px; } /* Help tooltip */ .dnnTooltip .dnnFormHelpContent, .dnnHelperTip .dnnFormHelpContent { visibility: hidden; z-index: 10; position: absolute; width: 200px; padding: 10px; padding-left: 30px; border-radius: 3px; background: rgba(0,0,0,0.75); font-size: 11px; color: #ddd; text-align: left; } .dnnFormHelpContent span { display: block; word-wrap: break-word; } /*.dnnTooltip .dnnFormHelpContent span:after, .dnnHelperTip .dnnFormHelpContent span:after { position: absolute; content: ""; left: 15px; bottom: -7px; width: 0; height: 0; opacity: 0.75; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #000; }*/ .dnnTooltip .dnnFormHelpContent .dnnHelpText { word-wrap: break-word; } .bottomArrow:after { position: absolute; content: ""; left: 15px; bottom: -7px; width: 0; height: 0; opacity: 0.75; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #000; } .topArrow:before { position: absolute; content: ""; left: 15px; top: -7px; width: 0; height: 0; opacity: 0.75; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #000; } a.pinHelp { display: block; position: absolute; left: 7px; top: 12px; width: 15px; height: 15px; opacity: 0.5; background: url(../../../../../images/pin-icn.png) no-repeat 0 0; } .ui-draggable a.pinHelp, a.pinHelp:hover { opacity: 1; } /* Error tooltip */ .dnnFormItem span.dnnFormMessage.dnnFormError { display: block; position: absolute; overflow: visible; /*top:-95%; right: 12%;*/ bottom: 95%; right: 12%; width: 200px; margin-bottom: 0; padding: 10px; border: none; border-radius: 3px; background: rgba(255,0,0,0.75); font-size: 12px; color: #fff; text-align: left; } .dnnFormItem span.dnnFormMessage.dnnFormError:after { position: absolute; bottom: -7px; left: 15px; content: ""; width: 0; height: 0; opacity: 0.75; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid red; } /* Input Types*/ .dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea { width: 45%; max-width: 445px; } .dnnFormItem select { width: 47%; } .dnnFormItem select option { color: #333; } .dnnFormItem table { background: none; } /* Input Customised Checkbox*/ .dnnCheckbox { display: inline-block; cursor: pointer; } .dnnCheckbox .mark { display: inline-block; /*margin-top: 3px;*/ } .dnnCheckbox img { display: inline-block; width: 20px; height: 18px; min-width: 20px; vertical-align: middle; } .dnnCheckbox img { background: transparent url(../../../../../images/checkbox.png) no-repeat; } .dnnCheckbox img { background-position: 0px 0px; } .dnnCheckbox-hover img { background-position: 0px 0px; } .dnnCheckbox-checked img { background-position: -51px 0px; } .dnnCheckbox-disabled img { opacity: .5; } .dnnCheckbox-checked-error img { background-position: -150px 0px; } .dnnCheckbox-error img { background-position: -100px 0px; } .dnnCheckbox-focus { background-color: #e3e3e5; } .dnnBoxLabel{ display: inline-block;} /* normal checkbox fix */ .dnnFormItem input[type="checkbox"].normalCheckBox { display: inline-block; margin: 8px 0 4px 0; } /* Input Customised Radiobutton */ .dnnRadiobutton { display: inline-block; cursor: pointer; } .dnnRadiobutton .mark { display: inline-block; } .dnnRadiobutton img { width: 20px; height: 18px; min-width: 20px; vertical-align: middle; } .dnnRadiobutton img { background: transparent url(../../../../../images/radiobutton.png) no-repeat; } .dnnRadiobutton img { background-position: 0px 0px; } .dnnRadiobutton-hover img { background-position: 0px 0px; } .dnnRadiobutton-checked img { background-position: -50px 0px; } .dnnRadiobutton-disabled img { opacity: .5; } .dnnRadiobutton-checked-error img { background-position: -150px 0px; } .dnnRadiobutton-error img { background-position: -100px 0px; } .dnnRadiobutton-focus { background-color: #e3e3e5; } /* Input RadioButton group */ div.dnnFormRadioButtons, div.dnnHSRadioButtons, span.dnnFormRadioButtons, span.dnnHSRadioButtons { display: inline-block; padding: 10px; margin-bottom: 5px; background-color: #f0f0f0; } table.dnnFormRadioButtons { background-color: #f0f0f0; margin-bottom: 5px; } .RadComboBox_Default .rcbInput { width: 100% !important; } /* general group*/ div.dnnFormGroup { display: inline-block; padding: 10px; margin-bottom: 5px; background-color: #f0f0f0; width: 65%; } /* Input Customised Spinner */ .dnnSpinner { display: inline-block; position: relative; width: 150px; padding: 6px 6px; *overflow: visible; border: 1px solid #c9c9c9; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */ -webkit-border-radius: 3px; border-radius: 3px; color: #333; text-decoration: none; -webkit-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 0px 0px #bbb; } .dnnFormItem .dnnSpinner { width: 45%; margin-bottom: 18px; } .dnnSpinnerDisplay { margin: 0 25px 0 8px; background: transparent; color: #999; } .dnnFormItem .dnnSpinnerDisplay > input[type="text"], .dnnFormItem .dnnSpinnerDisplay > input[type="text"]:focus { border: none; margin: 0; box-shadow: none; padding: 0; background: transparent; } .dnnSpinnerCtrl { position: absolute; top: 0; right: 0; width: 25px; background-color: transparent; border-left: 1px solid #c9c9c9; } .dnnSpinnerCtrl > a.dnnSpinnerTopButton { display: block; width: 25px; height: 16px; background: transparent url(../../../../../images/dnnSpinnerUpArrow.png) no-repeat; background-position: center; cursor: pointer; } .dnnSpinnerCtrl > a.dnnSpinnerBotButton { display: block; width: 25px; height: 16px; background: transparent url(../../../../../images/dnnSpinnerDownArrow.png) no-repeat; background-position: center; cursor: pointer; } /* Input Customised Tags */ div.dnnTagsInput { display: inline-block; margin: 0; padding: 5px 0 0 5px; border: 1px solid #c9c9c9; -webkit-border-radius: 3px; border-radius: 3px; background: #FFF; -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); } .dnnFormItem .dnnTagsInput { width: 45%; } div.dnnTagsInput span.tag { display: block; float: left; padding: 2px 6px 2px 6px; margin-right: 5px; margin-bottom: 5px; border: 1px solid #c9c9c9; border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; text-decoration: none; color: #888; cursor: pointer; background-color: #eee; } div.dnnTagsInput span.tag:hover { background-color: #e8f1fa; color: #444; } div.dnnTagsInput span.tag a { display: inline-block; width: 8px; height: 8px; margin: 6px 0 0 0; background: transparent url(../../../../../images/dnnTagClose.png) no-repeat; background-position: center; } div.dnnTagsInput > div > input, div.dnnTagsInput > div > input:focus { border: none; background: transparent; outline: none; font-weight: normal; font-family: helvetica; font-size: 12px; display: inline-block; vertical-align: top; height: 19px; padding: 3px 0 3px 3px; margin-bottom: 5px; } div.dnnTagsInput > div > input::-ms-clear { display: none; } div.dnnTagsInput div { display: block; float: left; } div.dnnTagsInput div.dnnTags_filter { float: right; position: relative; margin: 0 0 5px 5px; } div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label { display: inline-block; border-left: 1px solid #ccc; padding: 3px 15px 0 10px; margin-right: 3px; color: #999; cursor: pointer; background: url(../../../../../images/dnnSpinnerDownArrow.png) no-repeat; background-position: right center; height: 22px; } div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label.dnnExpanded { color: #666; background: url(../../../../../images/dnnSpinnerUpArrow.png) no-repeat; background-position: right center; } div.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl { display: none; position: absolute; list-style-type: none; background: #fff; border: 1px solid #c9c9c9; right: 22px; top: 28px; margin: 0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 2px 0px 0px #bbb; box-shadow: 0px 2px 0px 0px #bbb; z-index: 15; } .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li { white-space: nowrap; padding: 6px 12px 6px 8px; border-top: 1px solid #c9c9c9; list-style: none; color: #666; min-width: 150px; } .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:first-child { border-top: none; } .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:hover { background-color: #e8f1fa; color: #333; } .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > input { display: inline-block; vertical-align: top; margin-right: 10px; cursor: pointer; } .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > span.dnnCheckbox { margin-right: 8px; } .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > label { display: inline-block; vertical-align: top; cursor: pointer; } div.dnnTagsInput div.dnnTags_filter a.dnnSearchButton { display: inline-block; width: 18px; height: 18px; background-image: url(../../../../../images/search/searchButton.png); background-repeat: no-repeat; background-position: center center; vertical-align: top; cursor: pointer; margin: 4px 5px 0 4px; } .dnnTagsClear { clear: both; width: 100%; height: 0px; } div.dnnTagsInput > div > input.dnnTagsInvalid { display: block; float: left; margin-right: 5px; border: none; outline: none; border-radius: 3px; -webkit-border-radius: 3px; background: #FBD8DB; /*light red*/ cursor: pointer; font-size: 12px; color: #90111A !important; /* dark red*/ text-decoration: none; } /* DNN Auto Complete */ .dnn_acResults { padding: 0px; border: 1px solid #c9c9c9; background-color: #fff; overflow: hidden; z-index: 900001; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -webkit-box-shadow: 0px 2px 0px 0px #bbb; box-shadow: 0px 2px 0px 0px #bbb; min-width: 150px; } .dnn_acResults ul { margin: 0px; padding: 0px; list-style-position: outside; list-style: none; } .dnn_acResults ul li { margin: 0px; padding: 6px 22px 6px 22px; border-top: 1px solid #c9c9c9; color: #666; cursor: pointer; display: block; overflow: hidden; color: #333; } .dnn_acResults ul li:first-child { border-top: none; } .dnn_acLoading { } .dnn_acSelect { background-color: #e8f1fa; color: #333; } /* Form Item */ .dnnFormMessage .dnnLabel { float: none; width: 90%; text-align: left; } /* Pane header */ .dnnFormSectionHead span { font-size: 18px; color: #222; } /* Progressbar*/ .dnnProgressbar { height: 25px !important; padding: 18px 10px 0 10px; border: 1px solid #c9c9c9; background: #fff; background: -moz-linear-gradient(top, #f0f2f1 0%, #fff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f2f1), color-stop(100%,#fff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f0f2f1 0%,#fff 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #f0f2f1 0%,#fff 100%); /* W3C */ -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.25), 0px 1px 0px 0px #fff; box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.25), 0px 1px 0px 0px #fff; } .ui-progressbar { height: 10px !important; overflow: hidden; background-color: #ccc; -webkit-box-shadow: inset 0px 1px 0px 0px #bbb; box-shadow: inset 0px 1px 0px 0px #bbb; text-align: left; } .ui-progressbar .ui-progressbar-value { margin: 0; height: 100%; background-color: #1a82f7; background: -moz-linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2b7fda), color-stop(100%,#3fbdff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* W3C */ } /* Button Dropdown */ .dnnDropdownSettings { position: relative; height: 30px !important; } .dnnButtonDropdown { width: 50px; height: 30px !important; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */ -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 0px 0px #bbb; border: 1px solid #c9c9c9; cursor: pointer; } .dnnButtonIcon, .dnnButtonArrow { display: inline-block; height: 30px !important; } .dnnButtonIcon { width: 32px; } .dnnButtonArrow { width: 10px; background: transparent url(../../../../../images/dnnSpinnerDownArrow.png) no-repeat center; } .dnnButtonDropdown-clicked { z-index: 100; position: absolute; width: 50px; height: 30px !important; background: #fff; border: 1px solid #c9c9c9; border-bottom: 1px solid #fff; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .dnnButtonDropdown-ul { display: none; position: absolute; z-index: 99; top: 29px; left: 0; width: 200px; margin-left: 0; background: #fff; border: 1px solid #c9c9c9; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 2px 0px 0px #bbb; box-shadow: 0px 2px 0px 0px #bbb; list-style-type: none; } .dnnButtonDropdown-ul > li, .dnnButtonDropdown-ul > ul > li { padding: 8px; border-bottom: 1px solid #c9c9c9; color: #333; cursor: pointer; vertical-align: middle; list-style: none; margin: 0; } .dnnButtonDropdown-ul > ul{ margin: 0;} .dnnButtonDropdown-ul > ul > li{ padding-left: 16px;} .dnnButtonDropdown-ul > li:last-child { border-bottom: none !important; } .dnnButtonDropdown-ul > li:hover { background-color: #e8f1fa; color: #000; } /* Button Group */ ul.dnnButtonGroup { display: inline-block; margin: 0; padding: 0; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */ -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 0px 0px #bbb; border: 1px solid #c9c9c9; cursor: pointer; list-style: none; } ul.dnnButtonGroup > li { display: block; float: left; border-left: 1px solid #c9c9c9; margin: 0; } ul.dnnButtonGroup > li:hover { background-color: #e8f1fa; } ul.dnnButtonGroup > li.dnnButtonGroup-first { display: none; } ul.dnnButtonGroup > li.dnnButtonGroup-first + li { border-left: none; } ul.dnnButtonGroup > li > a { display: inline-block; padding: 7px 7px 6px 7px; text-decoration: none; color: #333; } ul.dnnButtonGroup span { color: #333; } /* Grouped Multi Input */ .dnnFormItem .dnnInputGroup { float: left; display: block; width: 32.075%; padding: 5px; margin-bottom: 18px; background: rgba(0,0,0,0.05); /* opaque black */ } .dnnFormItem .dnnInputGroup .dnnLeft { width: 100%; } .dnnFormItem .dnnInputGroup span { display: inline-block; width: 33%; text-align: right; } /* Error Styles */ .dnnFormError label a span { color: red; } .dnnFormError input[type="text"], .dnnFormError input[type="password"], .dnnFormError input[type="email"], .dnnFormError input[type="tel"], .dnnFormError select, .dnnFormError textarea { border: 1px solid red; } /* Tertiary Actions */ .dnnFormItem input[type="text"] + .dnnTertiaryAction, .dnnFormItem input[type="password"] + .dnnTertiaryAction, .dnnFormItem input[type="email"] + .dnnTertiaryAction, .dnnFormItem input[type="tel"] + .dnnTertiaryAction, .dnnFormItem select + .dnnTertiaryAction { display: inline-block; max-width: 60px; } /* Information Feedback Aside */ .dnnForm fieldset.dnnFormInformation { float: left; width: 32.075%; margin-left: 16px; padding: 18px 0; background: rgba(0,0,0,0.05); } .dnnFormItem textarea { min-height: 80px; } .dnnAddress input[type="checkbox"] { margin: 0 5px; } /* Required Fields */ .dnnFormRadioButtons { float: left; display: block; width: auto; } .dnnFormRadioButtons input[type=radio] { float: none; } .dnnFormRadioButtons label, .dnnFormItem input[type=radio] + label { float: none; display: inline; width: auto; padding-right: 0; margin: 0 10px 0 0; text-align: left; font-weight: normal; } /* Text Editor */ .dnnTextEditor { margin-bottom: 18px; } /* Action Items */ .dnnActions { float: none; clear: both; display: block; /* prevent ul from collapsing */ margin: 0; padding-top: 18px; text-align: left; } .dnnActions li { float: left; margin-right: 5px; list-style: none; } .dnnLoginActions { display: inline-block; } /* Short Form */ .dnnForm.dnnShortForm .dnnFormItem label { float: none; width: 100%; margin-bottom: 0.25em; text-align: left; } .dnnForm.dnnShortForm .dnnFormItem input, .dnnForm.dnnShortForm .dnnFormItem select, .dnnForm.dnnShortForm .dnnFormItem textarea { float: none; text-align: left; } .dnnForm.dnnShortForm .dnnFormItem a.dnnFormHelp { background-position: left; padding-left: 22px; } /* UI Helpers */ .dnnForm .ui-helper-hidden { display: none; } .dnnForm .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); } /* Interaction Cues */ .dnnForm .ui-state-highlight, .dnnForm .ui-widget-content .ui-state-highlight, .dnnForm .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c; color: #363636; } .dnnForm .ui-state-highlight a, .dnnForm .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .dnnForm .ui-state-error, .dnnForm .ui-widget-content .ui-state-error, .dnnForm .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900; color: #ffffff; } .dnnForm .ui-state-error a, .dnnForm .ui-widget-content .ui-state-error a, .dnnForm .ui-widget-header .ui-state-error a { color: #ffffff; } .dnnForm .ui-state-error-text, .dnnForm .ui-widget-content .ui-state-error-text, .dnnForm .ui-widget-header .ui-state-error-text { color: #ffffff; } .dnnForm .ui-priority-primary, .dnnForm .ui-widget-content .ui-priority-primary, .dnnForm .ui-widget-header .ui-priority-primary { font-weight: bold; } .dnnForm .ui-priority-secondary, .dnnForm .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } .dnnForm .ui-state-disabled, .dnnForm .ui-widget-content .ui-state-disabled, .dnnForm .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } .dnnForm .ui-draggable { cursor: move; } /* Corner radius */ .dnnForm .ui-corner-all, .dnnForm .ui-corner-top, .dnnForm .ui-corner-left, .dnnForm .ui-corner-tl { border-radius: 4px; } .dnnForm .ui-corner-all, .dnnForm .ui-corner-top, .dnnForm .ui-corner-right, .dnnForm .ui-corner-tr { border-radius: 4px; } /*-------------------------------------*/ /* MODULE TITLE - TEMPORARY */ /*-------------------------------------*/ /* Need to determine what this is */ .ModuleTitle_MenuContainer { border: 1px solid blue; } .ModuleTitle_MenuBar { } .ModuleTitle_MenuItem { } .ModuleTitle_MenuIcon { } .ModuleTitle_SubMenu { } .ModuleTitle_MenuBreak { } .ModuleTitle_MenuItemSel { } .ModuleTitle_MenuArrow { } .ModuleTitle_RootMenuArrow { } /*-------------------------------------*/ /* MAIN MENU - TEMPORARY */ /*-------------------------------------*/ /* Need to determine what this is */ .MainMenu_MenuContainer { border: 1px solid green; } .MainMenu_MenuBar { } .MainMenu_MenuItem { } .MainMenu_MenuIcon { } .MainMenu_SubMenu { } .MainMenu_MenuBreak { } .MainMenu_MenuItemSel { } .MainMenu_MenuArrow { } .MainMenu_RootMenuArrow { } /*-------------------------------------*/ /* POPUP */ /*-------------------------------------*/ /* Popup Menu */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 9999; } .dnnFormPopup { position: absolute; padding: 18px; background: #fff; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75); z-index: 100000; } /* Popup header */ .dnnFormPopup .ui-dialog-titlebar { position: relative; padding: 0 0 18px 0; border-bottom: 1px solid #ddd; cursor: move; font-size: 18px; font-weight: bold; } .dnnFormPopup .dnnModalCtrl { display: block; position: absolute; top: -30px; right: -30px; width: 69px; height: 26px; border-radius: 10px; background-color: #fff; -webkit-border-radius: 10px; box-shadow: 0px 0px 5px #666; } .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close { float: right; display: block; height: 18px; width: 30px; margin: 4px 4px 0 1px; overflow: hidden; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border: none; outline: none; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background: #585858 url(../../../../../images/closeBtn.png) no-repeat; background-position: 8px 4px; text-indent: -9999em; min-width: 0 !important; } .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close:hover { background: #358EEA url(../../../../../images/closeBtn.png) no-repeat; background-position: 8px 4px; cursor: pointer; } .dnnFormPopup .dnnModalCtrl a.dnnToggleMax { float: left; display: block; height: 18px; width: 30px; margin: 4px 0 0 4px; overflow: hidden; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background: #585858 url(../../../../../images/resizeBtn.png) no-repeat; background-position: 10px 2px; text-indent: -9999em; } .dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover { background: #358EEA url(../../../../../images/resizeBtn.png) no-repeat; background-position: 10px 2px; } div.ui-dialog-titlebar > .ui-dialog-titlebar-close { display: block; position: absolute; top: -30px; right: -30px; height: 24px; width: 24px; margin: 0px; overflow: hidden; -webkit-border-radius: 12px; border-radius: 12px; background: #585858 url(../../../../../images/closeBtn.png) no-repeat; background-position: 4px 4px; border: 3px solid #fff; text-indent: -9999em; min-width: 0 !important; } /* Poup Iframe styles*/ .dnnFormPopup #iPopUp { width: 100%!important; /* to overwrite inline javscript styles */ padding-top: 10px; } .dnnFormPopup .ui-dialog-content, #iPopUp .ui-dialog-content { position: relative; border: 0; padding: 0px; overflow: auto; background: #fff; zoom: 1; } .dnnFormPopup .ui-dialog-buttonpane { margin: .5em 0 0 0; padding: .3em 1em 0em 0em; overflow: hidden; border-width: 1px 0 0 0; background-image: none; text-align: left; border-top: 1px solid #ddd; } .dnnFormPopup .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0em; padding: 0.5em 1em; cursor: pointer; border: none; outline: none; } .dnnFormPopup .ui-resizable-se { float: right; height: 24px; width: 24px; background: url(../../../../../images/modal-resize-icn.png) no-repeat bottom; } .dnnFormPopup .dnnDialog { padding: 10px; } .dnnLoading { background: #fff url(../../../../../images/loading.gif) no-repeat center center; position: absolute; z-index: 9999; } /*-------------------------------------*/ /* URL ACTION */ /*-------------------------------------*/ .urlControl label { width: auto; margin-top: 0; font-weight: normal; } .urlControlLinkType { width: auto; } .urlControlLinkType span, .dnnFormItem .urlControlLinkType span { float: none; display: block; width: auto; text-align: left; } .dnnFormItem .ucLinkTypeRadioButtons label { display: inline-block; width: 260px; padding-right: 0; margin-top: 0; font-weight: normal; text-align: left; } .urlControlLinkType span input { min-width: 3%; } .dnnForm.dnnModuleSettings .dnnFormItem .urlControlLinkType span label { text-align: left; } .urlControlFileRow { clear: both; } .urlControlFileRow span.dnnFormLabel { width: auto; text-align: right; } .urlControlFileRow select, .urlControlFileRow input[type=file] { clear: both; } .urlControlImagesRow { overflow: hidden; clear: both; } .urlControlImagesRow span.dnnFormLabel { width: auto; text-align: right; } .urlControlImagesRow select { clear: both; } /*-------------------------------------*/ /* WIZARD TABS STEPS /*-------------------------------------*/ /* Jquery UI tabs base */ .dnnWizardTab.ui-tabs { position: relative; padding: 0; } .dnnWizardTab.ui-tabs .ui-tabs-nav { display: block; height: 46px; margin: 0; padding: 0; background: transparent url(../../../../../images/InstallWizardBG.png) repeat-x; } .dnnWizardTab.ui-tabs .ui-tabs-nav li { float: left; position: relative; margin: 0; padding: 0; border-bottom: 0 !important; list-style: none; white-space: nowrap; } .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; } .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .dnnWizardTab.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .dnnWizardTab.ui-tabs .ui-tabs-panel { clear: both; display: block; padding: 3em 1em 1.4em; border-width: 0; background: none; } .dnnWizardTab.ui-tabs .ui-tabs-hide { display: none !important; } .dnnWizardTab.ui-tabs .ui-tabs-nav li a { display: block; } .dnnWizardStep > span { display: block; float: left; } .dnnWizardStep { height: 46px; padding: 0 0 0 20px; background: transparent url(../../../../../images/InstallWizardBG.png) repeat-x; background-position: 0 0; cursor: pointer; } .ui-tabs .ui-tabs-nav li:first-child .dnnWizardStep { padding-left: 30px; } .dnnWizardStepNumber { margin: 10px 10px 0 0; padding: 3px 8px 3px 8px; background-color: #999; -webkit-border-radius: 18px; border-radius: 18px; color: #fff; font-weight: bold; } .dnnWizardStepTitle { margin: 13px 20px 0 0; color: #999; font-weight: bold; text-decoration: none; } .dnnWizardStepArrow { width: 25px; height: 46px; background: transparent url(../../../../../images/InstallWizardBG.png) no-repeat; background-position: 0 -401px; } .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStep { height: 46px; background-position: 0 -100px; } .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepNumber { background-color: #333; } .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepTitle { color: #333; } .dnnFormExpandContent { margin: 10px 0; } .dnnFormExpandContent > a { color: #333; font-size: 13px; font-weight: bold; } /*-------------------------------------*/ /* DNN SIMPLE GRID /*-------------------------------------*/ table.dnnPermissionsGrid, table.dnnGrid, table.dnnASPGrid { margin-bottom: 20px; border: 1px solid #c9c9c9; } table.dnnPermissionsGrid { color: #777; } table.dnnPermissionsGrid tr.dnnGridHeader td { padding: 4px 4px 4px 4px; vertical-align: middle; line-height: 120%; text-align: center; } table.dnnPermissionsGrid tr.dnnGridItem td, table.dnnPermissionsGrid tr.dnnGridAltItem td { padding: 5px 4px 5px 4px; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; width: 70px; text-align: center; } table.dnnPermissionsGrid tr.dnnGridItem td.permissionHeader, table.dnnPermissionsGrid tr.dnnGridAltItem td.permissionHeader { border-right: 1px solid #c9c9c9; text-align: left; padding-left: 10px; width: 150px; } table.dnnPermissionsGrid tr.dnnGridHeader td.permissionHeader { padding-left: 10px; text-align: left; } .dnnPermissionsGrid > .dnnFormItem label { margin-right: 8px; color: #777; } .dnnPermissionsGrid > .dnnFormItem select { width: 25%; margin: 0 5px 5px 0; min-width: 180px; color: #777; } .dnnPermissionsGrid > .dnnFormItem input { margin-bottom: 0; height: 17px; color: #777; width: 25%; } .dnnPermissionsGrid > .dnnFormItem ul.token-input-list-facebook { display: inline-block; vertical-align: top; } .dnnPermissionsGrid > .dnnFormItem > .leftGroup { margin-right: 35px; float:left; } .dnnPermissionsGrid > .dnnFormItem > .rightGroup { float: left; } .dnnPermissionsGrid > .dnnFormItem > .rightGroup > .dnnSecondaryAction { position: absolute; } .dnnPermissionsGrid > .dnnFormItem { margin-bottom: 18px; overflow: auto; } .dnnGridHeader td, thead.dnnGridHeader th, tr.dnnGridHeader th{ padding: 6px 12px 6px 12px; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; background: #f0f2f1; background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */ } .dnnGridItem td, .dnnGridAltItem td { padding: 6px; border-right: 1px solid #c9c9c9; } .dnnGridItem td input, .dnnGridAltItem td input { margin-bottom: none; } .dnnGridAltItem { background: #F2F2F2; } .dnnGridItem:hover, .dnnGridAltItem:hover { background-color: #e8f1fa; } /* td > input[type="image"], td > input[type="image"] + a, td a > img{ display:block; float: left; margin-right: 3px; } */ /*-------------------------------------*/ /* URL Control /*-------------------------------------*/ .urlControl { float: left; display: block; padding: 15px; margin-bottom: 10px; background-color: #f0f0f0; } .urlControl select, .urlControl input { width: 180px; margin-bottom: 10px; } .urlControl dnnFormItem > a.dnnSecondaryAction { margin: 10px 10px 0 0; float: left; } .urlControl .urlControlLinkType { float: left; width: 100%; } .urlControl .urlControlLinkType .dnnFormLabel { float: left; width: auto; margin-right: 5px; } .urlControl .urlControlLinkType input[type="radio"] { width: auto; margin-right: 5px; } /*-------------------------------------*/ /* File Picker /*-------------------------------------*/ span[id$="FileControl"] { display: block; float: left; } .dnnFilePicker { display: block; float: left; background-color: #f0f0f0; margin-bottom: 10px; margin-right: 10px; padding: 0 15px 0 15px; width: 450px; } .dnnFilePicker .dnnLeft { margin: 0; padding: 0; margin-top: -30px; } .dnnFilePicker dnnFormItem { margin: 0; margin-top: -10px; padding: 0; position: static; } .dnnFilePicker .dnnLeft img { max-width: 135px; max-height: 100px; } .dnnFilePicker .dnnLeft .dnnFilePickerImageHolder { width: 135px; height: 100px; background-color: #ccc; margin: 20px 15px; } .dnnFilePicker .dnnFormItem span { display: block; float: left; width: 40px; margin-top: 8px; padding-left: 5px; text-align: left; } .dnnFilePicker select, .dnnFilePicker input { width: 200px; margin: 0; margin-right: 10px; float: none; } .dnnFilePicker .dnnLeft a.dnnSecondaryAction { margin: 10px 10px 0 0; display: inline-block; } .dnnFilePicker .dnnLeft img { display: block; margin: 20px 15px; } /* FILE UPLOAD CSS */ span.dnnInputFileWrapper > input[type="file"] { /* force file upload style here, cause some module just override */ position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); direction: ltr; cursor: pointer; height: 100%; font-size: 200px; } span.dnnInputFileWrapper { /* Notes(by Richard): here must set !important */ overflow: hidden !important; margin: 0px 4px 0 0; width: auto !important; display: block !important; float: left !important; position: relative; } span.dnnInputFileWrapper > span.dnnSecondaryAction { display: inline-block; float: none; width: auto; } /* DNN DRAG n DROP FILE PICKER UPLOAD */ .dnnFileUploadScope { display: block; float: left; background-color: #F0F0F0; margin-bottom: 10px; margin-right: 10px; padding: 0; width: 500px; } .dnnFileUploadScope .dnnLeft { margin: 0; padding: 15px 10px 15px 10px; } .dnnFileUploadScope .dnnLeft .dnnFormItem { margin-bottom: 10px; } .dnnFileUploadScope .dnnFormItem span, .urlControlTab .dnnFormItem > span { display: block; float: left; width: 40px; margin-top: 8px; padding-left: 5px; text-align: left; } .dnnFileUploadScope .dnnFormItem .dnnDropDownList span { margin: 0; width: auto; } .dnnFileUploadScope .dnnFormItem .RadComboBox_Default, .dnnFileUploadScope .dnnFormItem .dnnDropDownList{ width: 180px; margin: 0; float: none; } .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone { position: relative; margin: 0; width: 180px; height: 150px; background: #d9eeff; border: 1px dashed #bbb; box-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; border-radius: 3px; color: #4577a2; } .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone span { display: block; position: absolute; left: 38px; top: 60px; color: #fff; font-size: 12px; background: rgba(0,0,0,0.5); padding: 5px 7px; border-radius: 3px; box-shadow: 0px 1px 0px #fff, inset 1px 1px 0px #555; opacity: 0.5; cursor: default; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone:hover span { opacity: 1; } input.dnnFixedSizeComboBox { width: 200px !important; margin-right: 10px; float: left; } div.dnnFixedSizeComboBox { width: 218px !important; margin-right: 15px; float: left; } .dnnFixedSizeComboBox + a.dnnSecondaryAction { float: left; margin-right: 10px; } input.dnnSmallSizeComboBox { width: 100px !important; margin-right: 10px; float: left; } div.dnnSmallSizeComboBox { width: 118px !important; margin-right: 15px; float: left; } .dnnSmallSizeComboBox + a.dnnSecondaryAction { float: left; margin-right: 10px; } td.dnnGridHeaderTD-NoBorder { border-right: none !important; } tr.dnnGridItem td, tr.dnnGridAltItem td { border-right: none; } tr.dnnGridItem td input { margin-bottom: 0; } /*-------------------------------------*/ /* ACCORDIAN /*-------------------------------------*/ h2.dnnFormSectionHead { margin-top: 8px; margin-bottom: 18px; border-bottom: 1px solid #ddd; font-size: 32px; line-height: 36px; letter-spacing: -0.03em; } h2.dnnFormSectionHead a { display: block; padding-left: 3px; background: url(../../../../../images/down-icn.png) no-repeat right 50%; text-decoration: none; color: #333; font-size: 18px; letter-spacing: normal; font-weight: normal; } h2.dnnFormSectionHead a:hover { color: #222; background: rgba(2,139,255,0.05) /* blue */ url(../../../../../images/down-icn.png) no-repeat right 50%; } h2.dnnFormSectionHead a.dnnSectionExpanded { background: url(../../../../../images/up-icn.png) no-repeat right 50%; color: #222; } h2.dnnFormSectionHead a.dnnSectionExpanded:hover { color: #222; background: rgba(2,139,255,0.05) /* blue */ url(../../../../../images/up-icn.png) no-repeat right 50%; /* ACTIVE BLUE */ } /*-------------------------------------*/ /* VERTICAL TABS */ /*-------------------------------------*/ .dnnVerticalTabs { margin-left: 0; } .dnnVerticalTabs li { list-style: none; } .dnnVerticalTabs li a { display: block; padding: 15px 15px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background: rgba(0, 0, 0, 0.04); color: #999; text-decoration: none; } .dnnVerticalTabs li a:hover { background: rgba(0, 0, 0, 0.06); color: #333; } .dnnVerticalTabs li.active a { background: none; color: #333; border-right: 1px solid transparent; } .tabBody { display: none; } /*-------------------------------------*/ /* SCROLL BAR */ /*-------------------------------------*/ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 11px; height: 100%; background: #ccc; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 11px; background: #ccc; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: transparent; position: relative; } .jspVerticalBar .jspTrack { width: 10px; margin: 0 0 0 3px; } .jspHorizontalBar .jspTrack { height: 5px; margin: 3px 0 3px 0; } .jspVerticalBar .jspCap { display: block; height: 3px; width: 11px; } .jspHorizontalBar .jspCap { display: block; width: 3px; height: 11px; } .jspDrag { position: relative; top: 0; left: 0; border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; opacity: .75; background: #000; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 5px; } /*-------------------------------------*/ /* UPGRADE FIXES */ /*-------------------------------------*/ /* Compatible with some old forge modules---*/ div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons label { display: inline !important; } div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons span.dnnRadiobutton { display: inline !important; } div.ModDNNAnnouncementsC .urlControl label, div.ModDNNLinksC .urlControl label { display: inline !important; } div.ModDNNFAQsC .Normal { width: auto !important; } div.ModDNNFeedbackC .dnnFormItem > label { display: inline-block; width: 33%; text-align: right; } div.ModDNNUserDefinedTableC div.RadEditor { height: auto !important; } div.ModDNNUserDefinedTableC ul.dnnActions { display: block; } div.ModDNNIFrameC .urlControl span.dnnRadiobutton { display: inline !important; } div.ModDNNIFrameC table.Normal td .dnnLabel { width: 100px; } div.ModDNNIFrameC table.Normal td span.dnnRadiobutton { margin: 5px 0 0 30px; } div.ModDNNLinksC .urlControl span.dnnRadiobutton { display: inline !important; } /*-------------------------------------*/ /* GENERIC CLASSES */ /*-------------------------------------*/ .left { float: left; } .right { float: right; } .dnnLeft { float: left; } .dnnRight { float: right; } .dnnClear { clear: both; } .dnnClear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } * + html .dnnClear { min-height: 1%; } /* used to set the different module align options - from module settings */ .DNNAlignleft { text-align: left; } .DNNAlignright { text-align: right; } .DNNAligncenter { text-align: center; } /* used to collapse panes without any content in them */ .DNNEmptyPane { width: 0px; } /* style to apply if the content should be hidden */ .Hidden { display: none; } .wordwrap { white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -pre-wrap; /* Opera <7 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ } /*Edit In Place Tool Bar Classes*/ .eipbackimg { position:absolute; margin-top:-32px; white-space:nowrap; background:url(../../../../../images/eip_toolbar.png) repeat-x; height:32px; z-index: 1; } .eipbackimg.editMode { border: 1px solid #777777 !important; background: -moz-linear-gradient(top, #303030 0%, #191919 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(100%,#191919)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #303030 0%,#191919 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #303030 0%,#191919 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #303030 0%,#191919 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #303030 0%,#191919 100%) !important; /* W3C */ opacity: 0.8; } .eipbackimg.containerTitle { margin-top: -8px; } .eipbackimg.containerTitle.editMode { left: auto; right: 0px; margin-top: 2px; background: none !important; border: none !important; } .eipbuttonbackimg{ width: 32px; height: 32px; cursor: pointer; float:left; background: url(../../../../../images/eip_toolbar.png) no-repeat; } .eipbackimg.editMode .eipbuttonbackimg { border-left: 1px solid #1f1f1f; border-right: 1px solid #393939; opacity: 0.5; } .eipbackimg.editMode.containerTitle .eipbuttonbackimg { border: none; opacity: 1; } .eipbuttonbackimg.eipbutton_cancel{ background-position: -32px 0;} .eipbuttonbackimg.eipbutton_bold{ background-position: -64px 0;} .eipbuttonbackimg.eipbutton_italic{ background-position: -96px 0;} .eipbuttonbackimg.eipbutton_underline{ background-position: -128px 0;} .eipbuttonbackimg.eipbutton_justifyleft{ background-position: -160px 0;} .eipbuttonbackimg.eipbutton_justifycenter{ background-position: -192px 0;} .eipbuttonbackimg.eipbutton_justifyright{ background-position: -224px 0;} .eipbuttonbackimg.eipbutton_orderedlist{ background-position: -256px 0;} .eipbuttonbackimg.eipbutton_unorderedlist{ background-position: -288px 0;} .eipbuttonbackimg.eipbutton_outdent{ background-position: -320px 0;} .eipbuttonbackimg.eipbutton_indent{ background-position: -352px 0;} .eipbuttonbackimg.eipbutton_createlink{ background-position: -384px 0;} .eipbackimg.containerTitle .eipbutton_cancel { background: url(../../../../../images/eip_title_cancel.png) no-repeat center center; } .eipbutton_edit { background: url(../../../../../images/eip_edit.png) no-repeat 100% center; float:left; } .eipbutton_save { background: url(../../../../../images/eip_save.png) no-repeat 100% center; float:left; } .eipbackimg.containerTitle .eipbutton_save { background-image: url(../../../../../images/eip_title_save.png); } .eipbackimg.editMode .eipborderhover { background-color: #333; opacity: 1; } .eipbackimg.editMode.containerTitle .eipborderhover { background-color: inherit; } div[id$=titleLabel_tb].visible ~ span{ margin-left: 32px;} /*Critical Error Popup*/ div.errorWin p{ margin: 0 0 10px 0;} input[type="button"].rspCollapseBarSpacer { min-width: 0; padding: 0 0; } /*------------------------------------------------*/ /* DEFAULT PROFILE STYLE */ /*------------------------------------------------*/ .UserProfileControls ul li { list-style-type: none; } /*------------------------------------------------*/ /* PROFILE STYLE */ /*------------------------------------------------*/ .console.profile { /*width: 250px;*/ width:100% !important; /* updated for responsive*/ height: auto; background-color: #484848; /* Menu Background Color */ } .console.profile .console-none div { cursor: pointer; cursor: hand; float: left; height: auto; /*width: 250px;*/ width:100% !important; /* updated for responsive*/ padding: 0px; margin: 0px; text-align: left; } .console.profile .console-none h3 { padding: 10px 8px 10px 40px; margin: 0; border-bottom: solid 1px #fff; background: url('../../../../images/arrow-right-white.png') 18px center no-repeat; color: #eee; font-size: 13px; line-height: 1; font-weight: bold; } .console.profile .console-none div div { display: none; } .console.profile .console-mouseon { background-color: #70b1c7; /* Menu Hover Background Color */ } /*-------------------------------------------------*/ /* Login/register/reset paswsword controls in mobile view */ body.mobileView.dnnFormPopup.dnnFormPopupMobileView{ margin: 0; padding: 0; width: 100%; height: inherit !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage{ margin: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 10px 0 10px 0; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage.dnnFormValidationSummary{ padding: 10px; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .LoginPanel, body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSendPasswordContent, body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm { width: 100%; padding: 18px 0 0 0; margin: 0; float: none; min-width: inherit !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm{ width: 100%; margin: 0; float: none; min-width: inherit !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel { display: block; text-align: left; float: none; width: 100% !important; font-size: 14px; margin: 0 0 7px 0; vertical-align: top; padding: 0; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSocialRegistration{ display: none; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnCaptcha{ width: 100%; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnLeft img{ display: block; margin: 0 0 5px 0; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel a.dnnFormHelp{ display: none !important; width: 0 !important; margin: 0 !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel div.dnnTooltip{ display: none !important; width: 0 !important; position: static !important; right: 0 !important; margin: 0 !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem input[type="text"], body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="password"]{ display: block; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; width: 100% !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: 100% !important; margin-bottom: 18px; min-width: 100% !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > label#dnn_ctr_Login_Login_DNN_lblLogin{ display: none !important; width: 0; margin: 0; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem span.dnnFormMessage.dnnFormError{ border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; right: 0; width: auto; max-width: 100%; padding: 10px; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnPrimaryAction, body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnSecondaryAction{ width: 45%; padding: 18px 0 18px 0; display: block; float: left; margin: 0 5px 0 0; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginRememberMe{ display: block; float: left; margin: 10px 0 0 5px; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginActions { display: block; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnSecondaryAction, body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnPrimaryAction{ width: 100%; padding: 18px 0 18px 0; display: block; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions{ padding: 0; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions li{ width: 45%; } /* password strength control in iPopup */ body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .password-strength-container{ width: 100%; margin: 0 0 12px 0; padding: 8px 0 8px 0; display: block; max-width: inherit !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container input[type="password"]{ display: block; margin: 0 8px 0 8px; width: calc(100% - 20px); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: inherit !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container span.min-length-text{ display: block; margin: 5px 0 5px 8px; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container div.meter{ float: none; width: 90%; margin: 0 0 0 8px; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormItem input.unmatched{ background: none !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-tooltip, body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .confirm-password-tooltip{ display: none !important; } .mobileView .dnnFormPopup .ui-dialog-content, .mobileVie #iPopUp .ui-dialog-content { max-height: none !important; } .mobileView .ui-widget-overlay { display: none; } .dnnFormPopup.dnnFormPopupMobileView { width: auto !important; left: 0 !important; right: 0 !important; top: 0 !important; box-shadow: none !important; } .dnnFormPopup.dnnFormPopupMobileView div.ui-dialog-titlebar > .ui-dialog-titlebar-close { display: none; } .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-titlebar { border-bottom: none; cursor: inherit; font-size: 22px; color: #000; padding: 5px 0 0 0; } .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel { display: block; text-align: left; float: none; width: auto !important; font-size: 14px; margin: 0 0 7px 0; vertical-align: top; } .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="text"] { display: block; box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: inherit !important; } .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > textarea, .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .redactor_box { display: block; box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: inherit !important; } .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > select { box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: inherit !important; } .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnTagsInput { box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 18px; max-width: inherit !important; } .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel > input[type="checkbox"].normalCheckBox { display: inline-block; margin: 0 5px 0 12px; } .dnnFormPopup.dnnFormPopupMobileView .dnnFormItem span.dnnFormMessage.dnnFormError { right: 0; width: auto; border-radius: 0; text-align: right; max-width: 100%; } .dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction, .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction, .dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction, .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction { width: 49%; margin: 0; padding: 20px 0 20px 0; display: block; } .dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction, .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction { float: left; } .dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction, .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction { float: right; } .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane { border-top: none; } .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; } .dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnPrimaryAction, .dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnSecondaryAction { width: 24%; display: inline-block; margin-right: 1%; float: none; } .dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 25px 0 15px 0; } html.mobileView { overflow: auto !important; } .mobileView .dnnFormPopup .ui-dialog-content, .mobileView #iPopUp .ui-dialog-content { max-height: none !important; } .dnnPlaceholder{ color: #666; } /* DNN Slider Input Style */ div.dnnSliderInput { position: relative; display: inline-block; width: 47%; margin:15px 0 23px 0; max-width: 445px; border: 1px solid #d3d3d3; -ms-border-radius: 3px; border-radius: 3px; height: 10px; } div.dnnSliderInput .ui-slider-handle { position: absolute; z-index: 2; width: 14px; height: 14px; cursor: default; border: 1px solid #aaaaaa; background-color: #cccccc; font-weight: normal; color: #555555; outline: none; top: -2px; margin-left: -7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.dnnSliderInput .dnnTooltip { top: -37px; margin-left: -22px; } div.dnnSliderInput .dnnTooltip .dnnFormHelpContent { visibility: visible; padding: 4px 10px; width: 25px; text-align: center; z-index: 1; } /*END DNN Slider Input Style*/ /* * Deprecated DNN CSS class names will remain available for some time * before being permanently removed. Removal will occur according to * the following process: * * 1. Removal will only occur with a major (x.y) release, never * with a maintenance (x.y.z) release. * 2. Removal will not occur less than six months after the release * when it was deprecated. * 3. Removal will not occur until after deprecation has been noted * in at least two major releases. * * | |Planned | * Name |Release |Removal | *----------------------------------------------+--------+--------+ * Mod{NAME}C 5.6.2 6.2 * {NAME} = sanitized version of the DesktopModule Name * Used on
tag surrounding Module Content, inside container *----------------------------------------------+--------+--------+ */ /* PAGE BACKGROUND */ /* background color for the header at the top of the page */ .HeadBg { } /* background color for the content part of the pages */ Body { } .ControlPanel { } /* background/border colors for the selected tab */ .TabBg { } .LeftPane { } .ContentPane { } .RightPane { } /* text style for the selected tab */ .SelectedTab { } /* hyperlink style for the selected tab */ A.SelectedTab:link { } A.SelectedTab:visited { } A.SelectedTab:hover { } A.SelectedTab:active { } /* text style for the unselected tabs */ .OtherTabs { } /* hyperlink style for the unselected tabs */ A.OtherTabs:link { } A.OtherTabs:visited { } A.OtherTabs:hover { } A.OtherTabs:active { } /* GENERAL */ /* style for module titles */ .Head { } /* style of item titles on edit and admin pages */ .SubHead { } /* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */ .SubSubHead { } /* text style used for most text rendered by modules */ .Normal { } /* text style used for textboxes in the admin and edit pages, for Nav compatibility */ .NormalTextBox { } .NormalRed { } .NormalBold { } /* text style for buttons and link buttons used in the portal admin pages */ .CommandButton { } /* hyperlink style for buttons and link buttons used in the portal admin pages */ A.CommandButton:link { } A.CommandButton:visited { } A.CommandButton:hover { } A.CommandButton:active { } /* button style for standard HTML buttons */ .StandardButton { } /* GENERIC */ H1 { } H2 { } H3 { } H4 { } H5, DT { } H6 { } TFOOT, THEAD { } TH { } A:link { } A:visited { } A:hover { } A:active { } SMALL { } BIG { } BLOCKQUOTE, PRE { } UL LI { } UL LI LI { } UL LI LI LI { } OL LI { } OL OL LI { } OL OL OL LI { } OL UL LI { } HR { } /* MODULE-SPECIFIC */ /* text style for reading messages in Discussion */ .Message { } /* style of item titles by Announcements and events */ .ItemTitle { } /* Menu-Styles */ /* Module Title Menu */ .ModuleTitle_MenuContainer { } .ModuleTitle_MenuBar { } .ModuleTitle_MenuItem { } .ModuleTitle_MenuIcon { } .ModuleTitle_SubMenu { } .ModuleTitle_MenuBreak { } .ModuleTitle_MenuItemSel { } .ModuleTitle_MenuArrow { } .ModuleTitle_RootMenuArrow { } /* Main Menu */ .MainMenu_MenuContainer { } .MainMenu_MenuBar { } .MainMenu_MenuItem { } .MainMenu_MenuIcon { } .MainMenu_SubMenu { } .MainMenu_MenuBreak { } .MainMenu_MenuItemSel { } .MainMenu_MenuArrow { } .MainMenu_RootMenuArrow { } /* Login Styles */ .LoginPanel{ } .LoginTabGroup{ } .LoginTab { } .LoginTabSelected{ } .LoginTabHover{ } .LoginContainerGroup{ } .LoginContainer{ } @charset "UTF-8"; /** { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }*/ *:before, *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mark, mark {background-color: transparent;} body { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #333; line-height: 18px; } /* DNN Body */ #Body { /* CSS3 */ background: #ffffff; min-height: 1px; } /* DNN Specific Selectors -------------------------------------*/ .CommandButton { font-size: 13px; color: #3d3d3d; font-weight: bold; } .CommandButton:hover { color: #007cae; } a.CommandButton:link { font-size: 13px; text-decoration: none; color: #3d3d3d; font-weight: bold; } a.CommandButton:hover { text-decoration: underline; color: #007cae; } /*------------------------------------------------*/ /* PARAGRAPH STYLE */ /*------------------------------------------------*/ p { margin: 0 0 25px 0; } hr { clear: both; height: 0; border: solid #c0c0c0; border-width: 1px 0 0; margin: 20px 0 20px 0; } /*------------------------------------------------*/ /* IMAGE STYLES */ /*------------------------------------------------*/ img { border: 0; } /* Image Align Left -------------------------------------*/ .imgLeft { float: left; margin-right: 30px; margin-bottom: 30px; } /* Image Align Right -------------------------------------*/ .imgRight { float: right; margin-left: 30px; margin-bottom: 30px; } /* Image with border -------------------------------------*/ .imgBorder { border: solid 3px #fff; } /* Polaroid Image Style -------------------------------------*/ .imgPolaroid { color: #a6a6a6; font-size: 12px; text-align: left; padding: 13px 13px 17px 13px; background-color: #fff; box-shadow: 0 1px 2px #ccc; } .imgPolaroid img { margin-bottom: 12px; } /*------------------------------------------------*/ /* lIST STYLE */ /*------------------------------------------------*/ /* Ordered List */ ol li { list-style-type: decimal; margin-bottom: 8px; vertical-align: top; } ol ol { margin-top: 8px; margin-left: 30px; } ol ol li { list-style-type: lower-roman; } ol ol ol li { list-style-type: lower-alpha; } ol ul li { list-style-type: lower-roman; } /*------------------------------------------------*/ /* TABLE STYLE */ /*------------------------------------------------*/ /* Default Table Style */ table.tableDefault { width: 100%; border-collapse: collapse; border-spacing: 0; background-color: transparent; } table.tableDefault th, table.tableDefault td { font-size: 12px; padding: 8px; } table.tableDefault th { font-weight: bold; text-align: left; border-bottom: solid 2px #aaa; background-color: #d7d7d7; } table.tableDefault td { border-bottom: solid 1px #d9d9d9; } table.tableDefault tr:nth-child(odd) { background: transparent; } table.tableDefault tr:nth-child(even) { background: #e3e4e6; } .tableDefault tbody tr:hover td { color: #111; } /*------------------------------------------------*/ /* FORM STYLE /*------------------------------------------------*/ input[type="text"], select, textarea, input[type="email"], input[type="search"], input[type="password"] { padding: 9px; margin-bottom: 20px; background: #f3f3f3; border: 1px solid #bfbfbf; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); color: #666; font-size: 13px; } /*------------------------------------------------*/ /* BUTTONS STYLE */ /*------------------------------------------------*/ /* Primary Style Button (blue)*/ button.primaryButton, a.primaryButton { display: inline-block; padding: 12px 20px; margin-bottom: 5px; background-color: #3B96B6; background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9); background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9)); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #ffffff; -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; color: #ffffff; text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0); } /* Secondary Style Button (darkgray) */ button.secondaryButton, a.secondaryButton { display: inline-block; padding: 12px 20px; margin-bottom: 5px; background-color: #666; background: -moz-linear-gradient(top, #8a8a8a 0%, #8a8a8a); background: -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#8a8a8a)); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #ffffff; -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; color: #ffffff; text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0); } /* Alternative Style Button (darkgray with arrow) */ button.altButton, a.altButton { display: inline-block; padding: 9px 32px 9px 22px; margin-bottom: 5px; background: #484848 url('images/arrow.png') no-repeat 87% center; background: url('images/arrow.png') no-repeat 87% center, -moz-linear-gradient(top, #3d3d3d 0%, #3d3d3d); background: url('images/arrow.png') no-repeat 87% center, -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#3d3d3d)); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #ffbf00; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0); box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 1; color: #ffffff; text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0); } a.dnnPrimaryAction { color: #efefef; } a.dnnSecondaryAction { color: #555; } button.primaryButton:hover, button.secondaryButton:hover, a.primaryButton:hover, a.secondaryButton:hover { cursor: pointer; cursor: hand; background-image: none; background-color: #D00; } button.altButton:hover, a.altButton:hover { cursor: pointer; cursor: hand; background: #D00 url('images/arrow.png') no-repeat 87% center; } /*------------------------------------------------*/ /* SITE SPACING /*------------------------------------------------*/ .spacingTop { margin-top: 30px; } .spacingRight { margin-right: 30px; } .spacingBottom { margin-bottom: 30px; } .spacingLeft { margin-left: 30px; } /*------------------------------------------------*/ /* SITE STRUCTURE */ /*------------------------------------------------*/ #userControls { height: 32px; } #userControls .language { min-height:0!important; display:inline; } .wrapper { margin: 0 Auto; /*DNN default sets this to 980px - needs media query to override at smaller resolutions */ } /*------------------------------------------------*/ /* SEARCH */ /*------------------------------------------------*/ #search { float: right; width: 209px; height: 32px; } #search a.SearchButton:link, #search a.SearchButton:visited { display: inline-block; float: right; height: 32px; width: 32px; margin: 0; padding: 0; background: #333 url('images/search.png') no-repeat center center; text-indent: -9999px; } #search a.SearchButton:hover { background: url('images/search.png') no-repeat center center, rgb(45,45,45); /* Old browsers */ background: url('images/search.png') no-repeat center center, -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */ background: url('images/search.png') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */ background: url('images/search.png') no-repeat center center, -webkit-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */ background: url('images/search.png') no-repeat center center, -o-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */ background: url('images/search.png') no-repeat center center, -ms-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */ background: url('images/search.png') no-repeat center center, linear-gradient(to bottom, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */ } #dnn_dnnSearch_txtSearch { display: block; float: left; width: 160px; height: 32px; padding: 0 5px 0 10px; margin: 0; background-color: transparent; border: none; border-radius: 0; box-shadow: none; outline: none; border-left: 1px solid #ddd; color: #000; line-height: 32px; font-size: 11px; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } #dnn_dnnSearch_txtSearch:active, #dnn_dnnSearch_txtSearch:focus { background: #ccc; box-shadow: inset 0px 3px 8px #999; } /*------------------------------------------------*/ /* LOGIN */ /*------------------------------------------------*/ /*#login { float: right; }*/ #login .registerGroup, #login .registerGroup *, #login .loginGroup, #login .loginGroup * { display: block; } #login .registerGroup, #login .loginGroup { float: right; padding: 0; margin: 0; } #login .registerGroup li:first-child:hover { border-left: #222; } /* Register Group Styles */ #login .registerGroup li { float: left; } #login .registerGroup .buttonGroup { margin-right: 0; } #login .registerGroup a, #login .loginGroup a { display: block; position: relative; height: 25px; min-width: 12px; padding: 7px 15px 0 15px; color: #333; font-size: 11px; vertical-align: middle; } #login .registerGroup a:hover, #login .loginGroup a:hover { background: rgb(45,45,45); /* Old browsers */ background: -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#565656',GradientType=0 ); /* IE6-9 */ color: #ddd; text-shadow: 0px -1px 0px #333333; } #login .registerGroup a:active, #login .loginGroup a:active { color: #fff; text-shadow: 0px -1px 0px #333333; } #login .registerGroup a:hover, #login .loginGroup a:hover { text-decoration: none; } #login .registerGroup a strong, #login .loginGroup a strong { display: block; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; font-size: 11px; text-indent: -9999px; } #login .userMessages a, #login .userNotifications a { background-color: #333; } #login .userMessages strong { height: 100%; background: url('images/icon_message.png') no-repeat center center; } #login .userNotifications { border-right: 1px solid #CCC; } #login .userNotifications strong { height: 100%; background: url('images/icon_notification.png') no-repeat center center; } #login .registerGroup a span { display: inline-block; position: absolute; right: 2px; top: -9px; min-width: 7px; margin-right: 3px; background: rgb(59,150,182); /* Old browsers */ text-align: center; font-size: 11px; color: #fff; text-shadow: 0px 1px 0px #333333; } #login .registerGroup .userProfileImg a { min-width: 25px; min-height: 32px; padding: 0; background: none; } #login .registerGroup a img { height: 32px; width: 32px; background: #333; } /* Login Group Styles */ #login .loginGroup { border-right: 1px solid #CCC; } #login .loginGroup a { color: #333; } /* Number of message next to the message icon*/ #login .userMessages a span, #login .userNotifications a span { display: inline-block; margin-top: 9px; margin-right: 0px; background-color: transparent; font-size: 10px; } /*------------------------------------------------*/ /* SITE HEADER */ /*------------------------------------------------*/ #siteHeadouter { background: #fff; /* CSS3 */ -webkit-box-shadow: 1px 50px 100px 0px #cacaca; box-shadow: 1px 50px 100px 0px #cacaca; } #siteHeadinner { padding: 36px 0; } #logo { float: left; } /* Language */ .language .language-object { /*float: right;*/ display: inline-block; margin: 0; padding: 0; } .language .language-object span { float: left; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; margin: 0; } .language .language-object span:first-child { padding-left: 8px; } .language .language-object span img { height: 12px; width: 17px; opacity: 0.3; } .language .language-object span:hover img { opacity: 1; } .language .language-object .Language.selected img { opacity: 1; border-color: #222; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8); } /*------------------------------------------------*/ /* CONTENT PANES */ /*------------------------------------------------*/ .contentPane { } /* Content Pane - Home */ /* Removed for Bootstrap .leftPane { float: left; width: 630px; } .sidebarPane { float: right; width: 320px; } */ /* Content Pane - 2 columns */ /* Removed for Bootstrap .twoColRightPane { float: right; width: 260px; } .twoColLeftPane { float: left; width: 690px; } .leftPaneLowerLeft { float: left; width: 400px; } .leftPaneLowerRight { float: right; width: 260px; } */ /* Content Pane - 3 columns */ .threeColLeftPane, .threeColCenterPane, .threeColRightPane { float: left; width: 306px; } /* Content Pane - 3 columns Social */ .threeColSocialLeftPane { float: left; width: 110px; } .threeColSocialCenterPane { float: left; position: relative; width: 560px; } .threeColSocialRightPane { float: left; width: 250px; } /* Content Pane - Footer */ #footer { /*clear: both;*/ height: 230px; margin-top: 70px; background: url('images/globe.png') no-repeat; } /* Removed for Bootstrap .footerPane { float: left; width: 136px; } .footerPane, .footerPane .Normal { color: #808080; } .footerPaneRight { float: right; } */ /* Empty Panes */ .DNNEmptyPane { width: 0; margin: 0; } .DNNEmptyPane.rightTwoCol + div { width: 100%; } /* Copyright -------------------------------------*/ #copyright { font-size: 12px; color: #a6a6a6; margin-bottom: 25px; } #copyright a:link, #copyright a:visited { font-size: 12px; color: #a6a6a6; } #copyright a:hover { color: #D00; } #copyright a.DNNMobileLink { color: #666; font-weight: bold; } #copyright a.DNNMobileLink:hover { color: #D00; } #copyright .pull-right { text-align:right; } /*------------------------------------------------*/ /* SOCIAL STYLE */ /*------------------------------------------------*/ /* ----------------------------------*/ /* DNN Module: Console */ /* ----------------------------------*/ .threeColSocial .console { /*width: 250px;*/ width:100% !important; /* updated for responsive*/ height: auto; background-color: #484848; /* Menu Background Color */ } .threeColSocial .console-none div { cursor: pointer; cursor: hand; float: left; height: auto; /*width: 250px;*/ width:100% !important; /* updated for responsive*/ padding: 0px; margin: 0px; text-align: left; } .threeColSocial .console-none h3 { padding: 10px 8px 10px 40px; margin: 0; border-bottom: solid 1px #fff; background: url('images/arrow.png') 18px center no-repeat; color: #eee; font-size: 13px; line-height: 1; font-weight: bold; } .threeColSocial .console-none div div { display: none; } .threeColSocial .console-mouseon { background-color: #70b1c7; /* Menu Hover Background Color */ } /* ----------------------------------*/ /* DNN Module: ViewProfile Image */ /* ----------------------------------*/ #UserProfileImg img { width: 100px; height: auto; border: solid 3px #fff; } .threeColSocial .UserProfileControls ul { margin: 15px 0; } .threeColSocial .UserProfileControls ul li { list-style-type: none; margin-bottom: 3px; } /* ----------------------------------*/ /* DNN Module: Member Directory (Send A Message, Follow, Subscribe) */ /* ----------------------------------*/ .threeColSocialRightPane .DnnModule #mdMemberList { margin: 0 0 30px 0; } .threeColSocialRightPane #mdMemberList ul { margin: 10px 0 0 0; } .threeColSocialRightPane #mdMemberList li { margin-bottom: 0; -size: 12px; font-weight: bold; list-style-type: none; } .threeColSocialRightPane #mdMemberList > li { width: 216px; margin: 0; padding: 6px 17px; background: #d7d7d7; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; -ms-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); } .threeColSocialRightPane #mdMemberList > li:hover { z-index: 2; /*bring current li to top for tooltip */ background: #d7d7d7; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 0px 0px 0px rgba(255, 255, 255, 1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 0px 0px 0px rgba(255, 255, 255, 1); } /* ----------------------------------*/ /* DNN Module: ViewProfile (Activity Feed) */ /* ----------------------------------*/ .threeColSocial .journalTools { max-width: 560px; } .threeColSocial .journalrow { padding-bottom: 10px; border-bottom: solid 1px #c0c0c0; margin-bottom: 20px; } .threeColSocial .journalfooter { padding: 0; margin: 0; } .threeColSocial .journalrow div.journalitem p.journalfooter { font-size: 12px; padding: 0; margin-bottom: 0; } .threeColSocial .journalrow div.journalitem ul.jcmt { font-size: 12px; } .threeColSocial .journalrow div.journalitem .likes { padding: 2px 5px; background-color: #dbdbdb; } #journalEditor #journalContent .juser, .journalrow .juser { border: none; color: #3B96B6; background-color: transparent; } /* ----------------------------------*/ /* DNN Module: ViewProfile (Message) */ /* ----------------------------------*/ .threeColSocial #UserDisplayNameHeader h2 { padding-bottom: 10px; border-bottom: solid 1px #c0c0c0; } /* dnnAdminTabNav Style*/ .threeColSocial #smMainContent .ui-corner-all { border-radius: 0; } .threeColSocial ul.dnnAdminTabNav { height: 38px; margin-top: 0; margin-bottom: 0; border-bottom: 1px solid #c0c0c0; } .threeColSocial ul.dnnAdminTabNav li { margin-right: 1px; } .threeColSocial ul.dnnAdminTabNav li a { padding: 10px 15px; margin-bottom: 0px; border: none; background: #d7d7d7; -webkit-border-radius: 1px 1px 0px 0px; border-radius: 1px 1px 0px 0px; -webkit-border-radius: 0px; border-radius: 0px; color: #666; font-size: 12px; font-weight: bold; text-shadow: none; } .threeColSocial ul.dnnAdminTabNav li a:hover { background: #484848; color: #eee; } .threeColSocial ul.dnnAdminTabNav li.ui-tabs-active a { padding: 10px 15px; margin-top: 0px; background: #484848; color: #eee; } /* Message & Notification number block*/ .threeColSocial .dnnAdminTabNav a span { display: inline; min-height: 12px; padding: 2px 6px; margin-right: 8px; background: rgb(59,150,182); /* Old browsers */ background: -moz-linear-gradient(top, rgba(59,150,182,1) 0%, rgba(35,125,155,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,150,182,1)), color-stop(100%,rgba(35,125,155,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Opera 11.10+ */ background: linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* W3C */ -webkit-box-shadow: 0px 1px 0px 0px #666; -moz-box-shadow: 0px 1px 0px 0px #666; box-shadow: 0px 1px 0px 0px #666; color: #eee; font-weight: normal; font-size: 11px; } /* Compose new message link */ .threeColSocial .dnnFormExpandContent { position: absolute; top: -40px; right: 0; height: 20px; font-size: 12px; } .threeColSocial .dnnFormExpandContent a.ComposeMessage { font-size: 12px; } /* compose button */ .threeColSocial a.dnnPrimaryAction { display: inline-block; padding: 12px 20px; margin-bottom: 5px; background-color: #3B96B6; background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9); background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9)); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #ffffff; -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; color: #ffffff; text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0); } .threeColSocial a.dnnPrimaryAction:hover, .threeColSocial a.dnnPrimaryAction:active { cursor: pointer; cursor: hand; background-image: none; background-color: #D00; } /* Message Control (Select, Actions, Inbox, Sent, Archived)*/ .threeColSocial .DnnModule .messageControls .dnnButtonGroup { margin-right: 0px; /* fixed Archived Button spacinging issue */ } .threeColSocial .messageControls { margin: 0; padding: 0; padding-bottom: 5px; border-bottom: 1px solid #c0c0c0; } .threeColSocial .messageControls .messageFolders { float: right; } /* number x-x of x */ .threeColSocial .messageFolders p { float: left; display: inline-block; padding: 8px 15px; margin: 0; color: #666; font-size: 12px; } .threeColSocial .messageFolders p strong { color: #666; font-weight: bold; } /* Messages / Notification Specific Button Styles -------------------------------------*/ /* Style for the Action menu bar*/ .threeColSocial .DnnModule-Messaging-Notifications .dnnTertiaryAction { width: auto!important; padding: 9px 10px; font-size: 12px; } /* Styles for select drop*/ .threeColSocial .DnnModule .selectDrop ul { top: 34px; min-width: 120px; padding: 10px 14px!important; border: 1px solid #c2c2c2; background: #e7e7e7; /*CSS3*/ -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .1); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .1); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .1); } /* Styles for select button on active state*/ .threeColSocial .selectDrop.active > a { background: #70b1c7; color: #eee; border-right: solid 0px #3B96B6; -webkit-box-shadow: inset 0px 1px 1px 0px #3B96B6; -moz-box-shadow: inset 0px 1px 1px 0px #3B96B6; box-shadow: inset 0px 1px 1px 0px #3B96B6; } /* when select drop down button is clicked toggle active class to show*/ .threeColSocial .selectDrop ul li { margin-bottom: 3px; font-size: 12px; } /* Remove corners and add dividers to buttons in button group */ .threeColSocial .dnnButtonGroup { background: transparent; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: none; list-style: none; } .threeColSocial ul.dnnButtonGroup > li { border-left: none; } .threeColSocial .dnnButtonGroup > li > a { border-left: 1px solid #ddd; /*light*/ border-right: 1px solid #bbb; /*dark*/ background-color: #d7d7d7; color: #666; } /* Conversations button selected*/ .threeColSocial .dnnButtonGroup > li > a.active { color: #eee; border-right: 1px solid #3B96B6; background-color: #70b1c7; } /* Actions button hover*/ .threeColSocial .dnnButtonGroup > li > a.disabled:hover { color: #eee; border-left: 1px solid #3B96B6; background-color: #70b1c7; } /* Select button hover */ .threeColSocial .alpha > a:hover { color: #eee; background-color: #70b1c7; border-right: 1px solid #3B96B6; } /*First Button styles of a button group */ .threeColSocial .alpha > a, .threeColSocial .alpha > a:hover, .threeColSocial .alpha > a.active { border-left: 1px solid #70b1c7; /*CSS3*/ -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 0; border-radius: 0; } /*Last Button styles of a button group */ .threeColSocial .omega > a, .threeColSocial .omega > a:active, .threeColSocial .omega > a.active { border-right: 1px solid #70b1c7; /*CSS3*/ -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -webkit-border-radius: 0; border-radius: 0; } /* Archive Button */ .threeColSocial a.dnnSecondaryAction.ArchiveItems span { display: none; /* hide Archive text*/ } .threeColSocial a.dnnSecondaryAction.ArchiveItems { height: 18px; min-width: 15px; margin-left: 5px; background: #d7d7d7 url('images/icon_bin.png') no-repeat center center; border-radius: 0; -webkit-box-shadow: none; text-shadow: none; box-shadow: none; color: #666; border: none; } .threeColSocial a.dnnSecondaryAction.ArchiveItems:hover { background: #70b1c7 url('images/icon_bin.png') no-repeat center center; } /*Archive, Sent, Archived buttons Hover*/ .threeColSocial .dnnTertiaryAction:hover, a.dnnTertiaryAction:hover { background-color: #70b1c7; color: #eee; } /* Messages / Notification List Item -------------------------------------*/ /* Listing Styles */ .threeColSocial .smListings { font-size: 12px; } .threeColSocial .DnnModule .smListings ul { margin: 0; } .threeColSocial .smListings > ul > li { padding-top: 10px; margin: 0; background: transparent; border-bottom: 1px solid #c0c0c0; } .threeColSocial .smListings > ul > li.active { background: #f4f4f4; /* background color for active list items*/ } .threeColSocial .smListings > ul > li:last-child { border-bottom: none; } .threeColSocial .smListings [class^="ListCol-"] { padding: 1% 1% 1% 0; } .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-1 { min-width: 20px; /* Main message list: Checkbox column width on */ } .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-2 { min-width: 65px; /* Main message list: Avatar column width AND Drilldown message list: Message info column width*/ } .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-3 { width: 56%; /* Main message list: Message info column width AND Drilldown message list: Time column width */ } .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 { font-size: 11px; /* Main message list: Time column */ } .threeColSocial .smTimeStamped { font-size: 11px; } .threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-1 { min-width: 65px; /* Drilldown message list: Avatar column width*/ } .threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-2 { width: 56%; /* Drilldown message list: Message info column width*/ } .threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 { float: right; /* Drilldown message list: Time column */ width: 25%; font-size: 12px; } .threeColSocial .hoverControls a { font-size: 12px; /* All lists: Archive & Reply links */ font-weight: bold; } .threeColSocial .DnnModule-Messaging-Details .smListings .meta { margin-bottom: 5px; /* Drilldown message list: UserName link */ } .threeColSocial .DnnModule-Messaging-Details .smListings .meta a { font-weight: bold; /* Drilldown message list: UserName link */ } .threeColSocial .DnnModule-Messaging-Details .smListings .message { color: #999; /* Drilldown message list: Message text */ margin: 0; } .threeColSocial .DnnModule-Messaging-Notifications .smListings .subject { font-weight: bold; } .threeColSocial .DnnModule-Messaging-Notifications .smListings .active .subject { font-size: 13px; /* All lists: unread message subject */ margin-bottom: 3px; } .threeColSocial .DnnModule-Messaging-Notifications .smListings .meta { margin-bottom: 8px; /* All lists: message From - Send to */ line-height: 14px; } .threeColSocial .DnnModule-Messaging-Notifications .smListings .message { color: #999; /* All lists: Message text */ } /*Column 3 Styles*/ .threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 ul li { margin-bottom: 0px; /* Drilldown message list: Time column */ } .threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 ul li:first-child { color: #999; /* Drilldown message list: Time column */ } .threeColSocial .DnnModule-Messaging-Details .smListings .active .ActiveToggle:hover, .smListings .ActiveToggle { margin-left: 8px; /* Main message list: Time column-Mark as Read block */ -webkit-box-shadow: 0px 1px 0px 0px #666; -moz-box-shadow: 0px 1px 0px 0px #666; box-shadow: 0px 1px 0px 0px #666; } .threeColSocial .DnnModule-Messaging-Details .smListings .active .ActiveToggle, .smListings .ActiveToggle:hover { margin-left: 8px; /* Main message list: Time column-Mark as Read block hover */ background: rgb(59,150,182); /* Old browsers */ /*CSS3*/ background: -moz-linear-gradient(top, rgba(59,150,182,1) 0%, rgba(35,125,155,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,150,182,1)), color-stop(100%,rgba(35,125,155,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Opera 11.10+ */ background: linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* W3C */ -webkit-box-shadow: 0px 1px 0px 0px #666; -moz-box-shadow: 0px 1px 0px 0px #666; box-shadow: 0px 1px 0px 0px #666; } /*Column 4 Styles*/ .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li { margin-bottom: 0px; /* All lists: Time column */ } .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li:first-child { color: #999; /* All lists: Time column */ } .threeColSocial .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle:hover, .smListings .ActiveToggle { margin-left: 8px; /* Main message list: Time column-Mark as Read block */ -webkit-box-shadow: 0px 1px 0px 0px #666; -moz-box-shadow: 0px 1px 0px 0px #666; box-shadow: 0px 1px 0px 0px #666; } .threeColSocial .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle, .smListings .ActiveToggle:hover { margin-left: 8px; /* Main message list: Time column-Mark as Read block hover*/ background: rgb(59,150,182); /* Old browsers */ /*CSS3*/ background: -moz-linear-gradient(top, rgba(59,150,182,1) 0%, rgba(35,125,155,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,150,182,1)), color-stop(100%,rgba(35,125,155,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Opera 11.10+ */ background: linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* W3C */ -webkit-box-shadow: 0px 1px 0px 0px #666; -moz-box-shadow: 0px 1px 0px 0px #666; box-shadow: 0px 1px 0px 0px #666; } .threeColSocial .DnnModule-Messaging-Notifications .notificationControls { font-weight: bold; /* Main notifications list: Follow back & Dismiss links */ } /* Message Header (subject & back button) -------------------------------------*/ .threeColSocial .messageHeader { padding: 0; margin: 0; } .threeColSocial .messageHeader p { font-size: 13px; color: #666; float: left; } .threeColSocial .messageHeader p strong { color: #333; } .threeColSocial .messageHeader .returnLink { font-size: 12px; font-weight: bold; } /* Show Previous Replies -------------------------------------*/ .threeColSocial .morePrevMsgButton { color: #666; font-size: 12px; text-align: center; padding: 10px; margin-bottom: 15px; border: solid 1px #c0c0c0; background: #d7d7d7; -webkit-box-shadow: inset 0px 0px 3px 0px #ccc; -moz-box-shadow: inset 0px 0px 3px 0px #ccc; box-shadow: inset 0px 0px 3px 0px #ccc; } /* Reply Form -------------------------------------*/ .threeColSocial textarea#replyMessage { width: 94%; height: 75px; color: #666; border: 1px solid #c0c0c0; background: #f4f4f4; } .threeColSocial textarea#replyMessage:focus, .threeColSocial textarea#replyMessage:active { color: #666; background: #fff; } /*------------------------------------------------*/ /* GENERIC CLASSES /*------------------------------------------------*/ /* Clear-fix for floated elements -------------------------------------*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; } .left { float: left; } .right { float: right; } /*------------------------------------------------*/ /* HOMEPAGE */ /*------------------------------------------------*/ /* Welcome Message*/ .content_intro { padding-top: 30px; color: #8c8c8c; font-size: 14px; line-height: 20px; text-align: center; } .content_intro h1 span { font-weight: normal; } .content_intro a { font-size: 14px; } /* Featured Product */ .content_featured { color: #999; vertical-align: top; } .content_featured h2 .TitleH2 { display: block; margin-bottom: 30px; } .content_featured .normal { font-weight: normal; } .content_featured img { margin-bottom: 25px; } .content_featured a.primaryButton { margin-left: 25px; } /* News */ .content_newslist ul { margin: 0; } .content_newslist ul li { display:block; list-style-type: none; margin-bottom: 30px; } .content_newslist ul li:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; } .content_newslist ul li.last { margin-bottom: 0; } .content_newslist ul li img { float: left; margin-right: 20px; margin-bottom: 20px; } .content_newslist ul li h5 { margin-bottom: 5px; } .content_newslist ul li span, .content_newslist ul li strong { color: #a6a6a6; } .content_newslist ul li p { margin-top: 12px; margin-bottom: 12px; } /* newslist with small thumbnail*/ .smallThumbnail img { width: 80px; } /* Ads -------------------------------------*/ /* Ads - Copy Block Style */ .adContent { position: absolute; padding: 20px; background-color: #000; opacity: 0.7; color: #eee; } .adContent h2 { margin-bottom: 5px; color: #eee; font-weight: normal; } /* Ads - Style One: 400x270 */ /* rewritten for Bootstrap .content_adstyleOne { position: relative; width: 400px; height: 270px; margin-right: 5px; color: #eee; }*/ .content_adstyleOne { position: relative; margin-right: 0px; margin-bottom:18px; color: #eee; } .content_adstyleOne .adContent { bottom: 0; right: -2%; } /* Ads - Style Two: 570x130 */ /* rewritten for Bootstrap .content_adstyleTwo { position: relative; width: 570px; height: 130px; margin-bottom: 10px; } */ .content_adstyleTwo { position: relative; margin-bottom: 18px; } .content_adstyleOne img, .content_adstyleTwo img{width:100%;} .content_adstyleOne img{bottom:0; width:102%!important; max-width:102%;} .content_adstyleTwo .adContent { top: 0; } .content_adstyleTwo h2 { line-height:1; } /* Footer -------------------------------------*/ ul.footerlinks { margin: 0; } .footerlinks li { list-style: none; margin-bottom: 8px; } .footerlinks li a:link, .footerlinks li a:visited { color: #808080; } .footerlinks li a:hover { color: #D00; } ul.footerConnect { margin: 0px; } ul.footerConnect li { display: inline-block; list-style-type: none; margin-right: 10px; } /*------------------------------------------------*/ /* ABOUT US */ /*------------------------------------------------*/ /* Team -------------------------------------*/ .content_team ul{ margin: 0 -12px; } .content_team ul li { display: inline-block; width: 14%; margin:0 0 40px 2%; text-align: center; list-style-type: none; } /*.content_team ul li.last { margin-right: 0; }*/ .content_team ul li .teampic { background-color: #bfbfbf; } .content_team ul li img { width: 100%; } .content_team ul li span { display: block; font-weight: bold; white-space: nowrap; } /*------------------------------------------------*/ /* OUR PRODUCTS */ /*------------------------------------------------*/ /* replaced with responsive CSS .content_products ul { margin: 0; } .content_products ul li { display: inline-block; width: 31%; margin-right: 30px; margin-bottom: 45px; vertical-align: top; list-style-type: none; } .content_products ul li.last { margin-right: 0; } .content_products ul li img { margin-bottom: 25px; }*/ .content_products ul { margin: 0 -1%; } .content_products ul li { display: inline-block; width: 31.1%; margin:0 1% 45px; vertical-align: top; list-style-type: none; } .content_products ul li p{ min-height: 72px;} /*.content_products ul li.last { margin-right: 0; }*/ .content_products ul li img { margin-bottom: 25px; max-width:100%; width:100%;} /*------------------------------------------------*/ /* CONTACT US */ /*------------------------------------------------*/ /* One Column Form -------------------------------------*/ .form_oneCol label { display: block; font-weight: bold; margin-bottom: 10px; } .form_oneCol input, .form_oneCol textarea { width: 94%; } /* Dealer Form -------------------------------------*/ .form_dealer input { width: 200px; margin-bottom: 5px; } /*------------------------------------------------*/ /* Slide jquery /*------------------------------------------------*/ #container { position: relative; z-index: 0; width: 980px; padding: 0px; margin: 0 auto; } #example { position: relative; width: 980px; height: 380px; } /* Slide -*/ #slides { position: absolute; z-index: 9; top: 0px; left: 0px; } .slides_container { display: none; position: relative; width: 980px; overflow: hidden; } .slides_container a { display: block; width: 980px; height: 380px; } .slides_container a img { display: block; } /* Next/Prev buttons -------------------------------------*/ #slides .next, #slides .prev { display: block; position: absolute; width: 20px; height: 20px; bottom: 9px; left: 12px; padding: 0; z-index: 12; } #slides .prev { background: transparent url('images/left-arrow.png') center center no-repeat; } #slides .next { left: 96px; background: transparent url('images/right-arrow.png') center center no-repeat; } /* Page link -*/ .pagination_wrap { display: inline-block; position: absolute; z-index: 10; bottom: 0; right: 0; width: 128px; height: 40px; opacity: 0.8; background-color: #222; } .pagination { position: absolute; z-index: 11; bottom: 0; right: 0; padding: 0; margin: 15px 40px; } .pagination li { float: left; margin: 0 3px; list-style: none; } .pagination li a { float: left; display: block; width: 9px; height: 0; padding-top: 8px; background-image: url(images/pagination.png); background-position: 0 0; overflow: hidden; } .pagination li.current a { background-position: 0 -9px; } /* ****** BOOTSTRAP OVERRIDES ******* */ .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{background-image:none!important; outline:none!important;} /* remove min-height from bootstrap */ .row-fluid [class*='span']:not([class*='dnnSortable']) { min-height:0 !important; } /* Navbar */ /* Logo */ .brand.hidden-desktop {max-width:60%;} .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {box-shadow:none!important; background-color:transparent!important; outline:none!important;} .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {background-color:transparent!important; color:#D00!important; outline:none!important;} .dropdown, .dropdown a {outline:none!important;} /* .carousel-inner > a > img{max-width:100%!important;height:auto!important; width:100%!important;} .carousel-inner img{max-width:100%!important;height:auto!important; width:100%!important;} .carousel-control{top:auto!important; bottom:5%;} */ .ControlContainer{width:940px!important;} /* Media Queries */ /* Large desktop */ @media (min-width: 1200px) { select.status-options{display:none;} .ControlContainer{width:1170px!important;} } /* Portrait tablet to landscape and larger */ /* @media (min-width:768px){ .carousel-control{ top:inherit; bottom:10px; height:20px; width:20px; border:none; border-radius:0; z-index:6; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .carousel-indicators{ background:rgba(34, 34, 34,0.7); top:auto; bottom:0; padding:15px 35px 15px 30px; right:0; width:63px;} .carousel-indicators li{margin-bottom:0;} .carousel-control.right{ background-image:url(images/right-arrow.png); text-indent:-9999px; right:10px;} .carousel-control.left{ background-image:url(images/left-arrow.png); text-indent:-9999px; right:95px; left:auto;} } */ /* Portrait tablet to landscape and smaller */ @media (max-width: 979px) { /* .nav-collapse, .nav{width:100%;} .nav li {padding:0!important; min-height:30px!important; height:auto;} .nav-collapse .dropdown-menu { margin:0 0 0 4%!important; width:95%!important;} .nav-collapse .nav > li a, .nav-collapse .dropdown-menu a{padding:0 0 0 5px!important;line-height:30px!important; height:30px!important; border:1px solid #eee!important; margin-bottom:3px;} .nav-collapse .dropdown.open > a{background-color:#eee!important;} .nav > li > ul {position:relative!important; width:100%!important;} .nav{width:100%;} img {max-width:100%;} THIS CSS WRECKS YAMM MEGAMENU */ } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { #Body{margin:0; padding:0;} #siteHeadouter > .container, #contentWrapper > .container{ } .content_products ul li {width: 47.5%;} select.status-options{display:none;} .content_adstyleOne{ width:100%!important; max-width:100%;} .content_adstyleOne img{ width:103%!important; max-width:103%;} .content_adstyleOne .adContent { bottom: 0; right: -3%; } .content_adstyleOne, .content_adstyleTwo{ margin-bottom:15px; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { #Body{margin:0; padding:0;} #siteHeadouter > .container, #contentWrapper > .container{ width:90%; padding-left:5%; padding-right:5%;} .content_products ul { margin: 0 -2%; } .content_products ul li {width: 45.5%; margin:0 2% 45px;} .adContent {padding-top:5px;} .adContent h2{font-size:18px;} .carousel-control{ top:auto !important; bottom:20% !important; } .content_adstyleOne{ width:100%!important; max-width:100%;} .content_adstyleOne img{ width:100%!important; max-width:100%;} .content_adstyleOne .adContent { bottom: 0; right: 0%; } } /* Landscape phones and down */ @media (max-width: 480px) { #Body{margin:0; padding:0;} .content_products ul li {width: 98%;} .LoginPanel{width:90%!important;} /* DNN Social */ .moduleSearch{width:inherit; float:none; padding-right:20px;} .moduleSearch input{ width:100%!important; margin-bottom:10px!important;} .moduleSearch > input[type="text"] + a { float:left; width:auto;} div.blog-list-title{width:inherit;} div[class*="status-container"]{padding:0 20px;} .link-wrap{display:none;} select.status-options{margin:20px 0;width:100%;} table.idea-list-table tbody td{padding:10px 5px!important;} .idea-list-vote-panel{width:auto;} .dnnSocialLink span{line-height:1; font-size:inherit;} .answer-list-tbl-container {padding:0;} table.answer-list-table td{padding-left:5px;} .status-expanded-container .profile-topContainer > .dnnRight > ul.profile-statistics > li {width:33%;} .status-expanded-container .profile-topContainer > .dnnRight > ul.profile-statistics{ width:200px;} .dnnSocialLink .profile-link {margin-top:50px;} } /* Container styles */ .DNNContainer_Title_h2 h2 .TitleH2 { display: block; margin-bottom: 25px; } .DNNContainer_Title_h3 h3 .TitleH3 { display: block; padding-bottom: 10px; margin-bottom: 25px; border-bottom: solid 1px #c0c0c0; } .DNNContainer_Title_h4 h4 .TitleH4 { display: block; margin-bottom: 25px; } .copyright-container{ margin-bottom: 20px; text-align: center; background: url('images/copyright-background.png') no-repeat center center; } .copyright-container a{ color: #fff; font-family: Arial; font-size: 14px; background: url('Images/icon-btn-sm-circle-arrow.png') no-repeat right 12px center; background-color: #aaaaaa; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 12px; padding: 9px 36px 9px 16px; } .copyright-container a:hover{ background-color: #666666; } .copyright-container > span.split{ border-bottom: 1px solid #d9d9d9; display: inline-block; width: 20px; height: 0px; overflow: hidden; padding-top: 9px; vertical-align: top; } /* ADDED 12/26/14 */ .lmi-page * { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .lmi-page *:before, .lmi-page *:after { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .container:before, .container:after { content: " "; /* 1 */ display: table;/* 2 */} .container:after { clear: both; } .lmi-content {background-color: #fff;} .row { margin-left: -10px; margin-right: -10px; } .row:before, .row:after { content: " "; /* 1 */ display: table;/* 2 */ } .row:after { clear: both; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float: left; } .col-xs-1 { width: 8.333333333333332%; } .col-xs-2 { width: 16.666666666666664%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333333333333%; } .col-xs-5 { width: 41.66666666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.333333333333336%; } .col-xs-8 { width: 66.66666666666666%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333333333334%; } .col-xs-11 { width: 91.66666666666666%; } .col-xs-12 { width: 100%; } @media (min-width: 768px) { .container { width: 760px; } .container-fluid { padding-left: 0; padding-right: 0; } .navbar-collapse { padding-left: 0; padding-right: 0; } ul.navbar-nav, ul.nav { width: 100%; } .nav > li > a { padding-left: 10px; padding-right: 10px; } .navbar-default { background-color: #174a7c; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left; } .col-sm-1 { width: 8.333333333333332%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-12 { width: 100%; } .col-sm-push-1 { left: 8.333333333333332%; } .col-sm-push-2 { left: 16.666666666666664%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333333333333%; } .col-sm-push-5 { left: 41.66666666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.333333333333336%; } .col-sm-push-8 { left: 66.66666666666666%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333333333334%; } .col-sm-push-11 { left: 91.66666666666666%; } .col-sm-pull-1 { right: 8.333333333333332%; } .col-sm-pull-2 { right: 16.666666666666664%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333333333333%; } .col-sm-pull-5 { right: 41.66666666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.333333333333336%; } .col-sm-pull-8 { right: 66.66666666666666%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333333333334%; } .col-sm-pull-11 { right: 91.66666666666666%; } .col-sm-offset-1 { margin-left: 8.333333333333332%; } .col-sm-offset-2 { margin-left: 16.666666666666664%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333333333333%; } .col-sm-offset-5 { margin-left: 41.66666666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.333333333333336%; } .col-sm-offset-8 { margin-left: 66.66666666666666%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333333333334%; } .col-sm-offset-11 { margin-left: 91.66666666666666%; } } @media (min-width: 992px) { .container { width: 980px; } .nav li { margin-left: 2%; } .nav > li > a { padding-left: 15px; padding-right: 15px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; } .col-md-1 { width: 8.333333333333332%; } .col-md-2 { width: 16.666666666666664%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333333333333%; } .col-md-5 { width: 41.66666666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.333333333333336%; } .col-md-8 { width: 66.66666666666666%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333333333334%; } .col-md-11 { width: 91.66666666666666%; } .col-md-12 { width: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.333333333333332%; } .col-md-push-2 { left: 16.666666666666664%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333333333333%; } .col-md-push-5 { left: 41.66666666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.333333333333336%; } .col-md-push-8 { left: 66.66666666666666%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333333333334%; } .col-md-push-11 { left: 91.66666666666666%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.333333333333332%; } .col-md-pull-2 { right: 16.666666666666664%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333333333333%; } .col-md-pull-5 { right: 41.66666666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.333333333333336%; } .col-md-pull-8 { right: 66.66666666666666%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333333333334%; } .col-md-pull-11 { right: 91.66666666666666%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.333333333333332%; } .col-md-offset-2 { margin-left: 16.666666666666664%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333333333333%; } .col-md-offset-5 { margin-left: 41.66666666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.333333333333336%; } .col-md-offset-8 { margin-left: 66.66666666666666%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333333333334%; } .col-md-offset-11 { margin-left: 91.66666666666666%; } } @media (min-width: 1200px) { .container { width: 1160px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float: left; } .col-lg-1 { width: 8.333333333333332%; } .col-lg-2 { width: 16.666666666666664%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333333333333%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-8 { width: 66.66666666666666%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333333333334%; } .col-lg-11 { width: 91.66666666666666%; } .col-lg-12 { width: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.333333333333332%; } .col-lg-push-2 { left: 16.666666666666664%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333333333333%; } .col-lg-push-5 { left: 41.66666666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.333333333333336%; } .col-lg-push-8 { left: 66.66666666666666%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333333333334%; } .col-lg-push-11 { left: 91.66666666666666%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.333333333333332%; } .col-lg-pull-2 { right: 16.666666666666664%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333333333333%; } .col-lg-pull-5 { right: 41.66666666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.333333333333336%; } .col-lg-pull-8 { right: 66.66666666666666%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333333333334%; } .col-lg-pull-11 { right: 91.66666666666666%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.333333333333332%; } .col-lg-offset-2 { margin-left: 16.666666666666664%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333333333333%; } .col-lg-offset-5 { margin-left: 41.66666666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.333333333333336%; } .col-lg-offset-8 { margin-left: 66.66666666666666%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333333333334%; } .col-lg-offset-11 { margin-left: 91.66666666666666%; } } /*********** CHANGES BY M. BERTY *************/ body {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.6; color: #333; /* Margin bottom by footer height margin-bottom: 4em; */} #Body { background: /*url(images/halftone.png); background-repeat: repeat */#d6d6d6; min-height: 1px;} html { position: relative; min-height: 100%; background: #fff; background-repeat: repeat;} header { height: 250px; background-color: transparent;} .home-page header, .home-header header {height: 315px;} .content {font-size: 1em;} main, .main { background-color: #ffffff; clear: both; padding-top: 0.5em;} section { margin: 2rem 0; } h1, h2, h3, h4, h5 {margin: 0 0 24px; line-height: 1.4;} h1, .h1 {margin: 0 0 1em; font-size: 2.2em; font-weight: 700; color: #444; font-family: 'Rockwell', 'Arvo', Georgia, serif; line-height: 1.2;} h2, .h2 {font-size: 1.6em; font-weight: 400; color: #555; font-family: 'Rockwell', 'Arvo', Georgia, serif;} .orphan {width: 85%;} h3, .h3 {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; color: #444; font-size: 1.27em; text-transform: none; letter-spacing: 0;} p, blockquote {margin: 0 0 1.6em; line-height: 1.6;} a {color: #0099ff;} hr {margin: 32px 30px; border-color: #ccc;} ul ul, ul ol, ol ol, ol ul {margin: 0;} .container {background: transparent;} small.warning {color: #666;} .table-striped > tbody > tr:nth-child(odd) {background-color: #ebf6fc;} /* ---------------------- SIDEBAR ---------------------- */ .sidebar {font-size: 1.4rem;} .sidebar h3 {margin: 0 0 1em; font-weight: 400; font-size: 1.1em; line-height: 1.6;} .sidebar h4 {margin: 0 0 1em; font-weight: 400; font-size: 1.1em; line-height: 1.6;} .sidebar .sidebar-pic img {margin-bottom: 20px;} .sidebar div {margin-bottom: 3em;} /* ---------------------- BUTTONS & LINKS ---------------------- */ a.btn-primary, a.btn-primary:visited, a.btn-primary:active, a.btn-info, a.btn-info:visited, a.btn-info:active, a.btn-success, a.btn-success:active, a.btn-success:visited {color: #fff; text-decoration:none;} a.big-btn {font-family: 'Rockwell', 'Arvo', Georgia, serif; font-weight: 400; font-size: 1.2em; padding: 15px 20px; color: #FFFFFF; background-color: #0285ce; /* border: 1px solid #045477 */; border-radius: 5px; transition: background-image 2s ease-out; -moz-transition: background-image 2s ease-out; -webkit-transition: background-image 2s ease-out; cursor: pointer;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0099ff), to(#0680b7));background-image: -webkit-linear-gradient(top, #0099ff, #0680b7);background-image: -moz-linear-gradient(top, #0099ff, #0680b7);background-image: -ms-linear-gradient(top, #0099ff, #0680b7);background-image: -o-linear-gradient(top, #0099ff, #0680b7);} a.big-btn:hover {background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00b7ff), to(#08b5b5));background-image: -webkit-linear-gradient(top, #00b7ff, #0099ff);background-image: -moz-linear-gradient(top, #00b7ff, #0099ff);background-image: -ms-linear-gradient(top, #00b7ff, #0099ff); background-image: -o-linear-gradient(top, #00b7ff, #0099ff);} a.big-btn:hover {text-decoration: none; color: #fff;} p.btn-update em {font-style: normal; padding-left: 4%; font-size: 0.75em; white-space: nowrap;} .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; padding-bottom: 20px; text-align: left; white-space: normal; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } .left-mod h3.popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: 700; line-height: 20px;} .left-mod h3 {color: #444;} h3.popover-title {padding: 8px 14px; margin: 0; font-size: 14px; font-weight: 700; line-height: 20px; color: #333; margin-left: 10px;} .popover-content { padding: 8px 14px; margin: 0; font-size: 13px; line-height: 1.6; font-weight: normal; color: #333;} .aside div.popover-content {margin-top: 0;} a.term {color: #666;} a.term:hover {text-decoration: none; color: #be3b2e;} a.term span.glyphicon {color: #be3b2e; margin-right: 1%;} a.term span.glyphicon:hover {color: #ea3f08;} .btn-default {border: #0099ff solid 1px;} .btn-default:visited {color: #447499;} .carousel-caption .btn-default:visited {color: #fff;} .btn-default:hover, .btn-default:active {background: #0099ff; color: #fff; border: 1px solid #174a7c;} .btn-primary img {padding-left: 5px; margin-top: -5px;} p.btn-update {margin-bottom: 20px;} .box-img {background-repeat: no-repeat; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; margin-right: 10px;} .box-img.qwi-explorer {background: url(images/qwi-explorer.jpg); background-position: top center;} .box-img.onthemap {background: url(images/onthemap.jpg); background-position: top center;} .box-img.ui-state {background: url(images/state-rates.jpg); background-position: top center;} .box-img.ui-county {background: url(images/county-rates.jpg); background-position: top center;} /* ---------------------- PAGE DESCRIPTION ---------------------- */ .page-description a {color: #0099ff;} .page-description h3 ~ h3 {padding-top: 1em;} /* ---------------------- RELATED LINKS ---------------------- */ .sidebar li {list-style-type: circle; list-style-position: outside; padding-left: 5px; padding-bottom: 0.75em;} .sidebar li a {color: #0099ff;} .sidebar ul.dropdown-menu li {list-style-type: none;} .sidebar ul.list-unstyled {margin-left: 20px;} .sidebar ul.list-unstyled li {list-style-position: outside; padding-bottom: 0.25em;padding-left: 0;} .sidebar ul > ul.list-unstyled {margin-left: 0;} .sidebar ul > ul.list-unstyled li {margin-right: 15px; margin-top: 0; margin-bottom: 4px;} .sidebar ul > ul.list-unstyled li a {padding: 0 10px;} /* ---------------------- DNN CONTROLS ---------------------- */ button.ui-dialog-titlebar-close {padding: 0; box-sizing: border-box !important;} .no-padding-left {padding-left: 0;} .no-margin-bottom {margin-bottom: 0;} article p {padding: 0 1em 0 0; } p.posted {margin-bottom: 1.6em;} p.posted a, p.posted a:active, p.posted a:focus, p.posted a:hover {color: #0099ff;} p.posted a:visited {color: #48678e;} h2.sub-head {margin: 0 0 1em; color: #888; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.3em;} aside h1, aside h2, aside h3, aside p { padding-left: 15px; } aside p, .sidebar p {line-height: 1.4; margin-bottom: 0.75em;} .aside div { margin-top: 1em; } .aside h2 { font-size: 1.75em; } .left-mod {padding: 0 5% 1.6em 3%;} .left-mod h1, .left-mod h2, .left-mod h3, .left-mod p, .left-mod ul { padding-left: 0; padding-right: 7%; } .page-lower-content {margin-top: 4em;} .page-description {margin-bottom: 3em;} .left-mod div.page-description h3.last-child {padding-top: 2em;} button { padding: 1em; } .glyphicon-arrow-up {color: #999;} p.backtop a {text-decoration: none; padding: 0; background-color: #ffffff /*#e9e9e9; */; color: #444;} p.backtop a:hover {text-decoration: underline; /* background-color: #ccc; */ color: #2a6496;} p.backtop {margin-top: 2em; margin-bottom: 0; font-size: 0.8em;} .posted {font-size: 0.8em;} #biz-list-pg h1 {margin-bottom: 0.25em;} .sidebar p.sm-btn {padding-bottom: 0; margin-bottom: 0; margin-right: 15px;} div.btn-group {margin-bottom: 0;} /* ---------------------- SEARCH ---------------------- */ #search {float: none; width: auto; height: auto;} #search, .search {background-color: #fff;} #search span#dnn_dnnSearch_ClassicSearch {float: right;} .navbar-default .search-toggle {border-color: #ddd;} .search-toggle, .search-toggle2 {background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;float: right;margin-bottom: 8px;margin-right: 15px;margin-top: 8px;padding: 5px 15px;} .search-toggle2 {margin: 0; padding: 3.5px 10px 5px;} div#search {padding: 10px 0 0 0 !important;} #dnn_dnnSearch_txtSearch {display: block; float: right; width: auto; height: 2.4em; padding: 0 5px; margin: 0 10px 0 0; background-color: transparent; border: 1px solid #38bdf9; border-radius: 0; box-shadow: none; outline: none; color: #222; line-height: 1; font-size: 0.9em; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;} #dnn_dnnSearch_txtSearch:active, #dnn_dnnSearch_txtSearch:focus { background: #d2f1ff; box-shadow: none;} #search a:link, #search a:visited {display: inline-block; float: right; height: 32px; width: 32px; margin: 0 3% 0 0; padding: 0; color: #fff; background: #0099ff url('images/search.png') no-repeat center center ; text-indent: -9999px;} #search a:hover {background: url('images/search.png') no-repeat center center, rgb(0,153,255); /* Old browsers */ background: url('images/search.png') no-repeat center center, -moz-linear-gradient(top, rgba(56,189,249,1) 0%, rgba(0,153,255,1) 100%); /* FF3.6+ */ background: url('images/search.png') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(56,189,249,1)), color-stop(100%,rgba(0,153,255,1))); /* Chrome,Safari4+ */ background: url('images/search.png') no-repeat center center, -webkit-linear-gradient(top, rgba(56,189,249,1) 0%,rgba(0,153,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: url('images/search.png') no-repeat center center, -o-linear-gradient(top, rgba(56,189,249,1) 0%,rgba(0,153,255,1) 100%); /* Opera 11.10+ */ background: url('images/search.png') no-repeat center center, -ms-linear-gradient(top, rgba(56,189,249,1) 0%,rgba(0,153,255,1) 100%); /* IE10+ */ background: url('images/search.png') no-repeat center center, linear-gradient(to bottom, rgba(56,189,249,1) 0%,rgba(0,153,255,1) 100%); /* W3C */} /* ---------------------- NAVIGATION ---------------------- */ nav {font-size: 1.35rem;} .navbar {border-radius: 0; border-top: none; border-bottom: 3px solid #4eabc4; border-right: none; border-left: none;} .navbar-nav, .nav { width: 100%; } .dropdown-menu > li > a {line-height: 1.6;} .dropdown-sublist li strong {font-size: 1.15em;} .nav li {margin-left: 2.9%; text-transform: uppercase;} .nav li ul.dropdown-menu li {margin-left: 3.5%; text-transform: none;} .dropdown-menu p small, .dropdown-menu h3 {text-transform: none; color: #444;} .dropdown-menu > li > a, .dropdown-menu > li > a:visited, .dropdown-menu > li > a:focus {padding: 5px 20px; margin-right: 10px; margin-left: -5px; color: #222; font-weight: 400; background: #fcfcfc; border-radius: 5px;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:active {background: #0099ff; color: #fff;} .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus {color: #fff;} .navbar-default .navbar-nav > li > a:hover {background-color: #fff; color: #222;} .navbar-default .navbar-nav > li > button:hover {background-color: #0099ff; color: #fff;} .navbar-default .navbar-nav > li > button {color: #fff; text-transform: uppercase;} .navbar-default .navbar-nav > li.offsite-nav > a:hover {background-color: #0099ff !important; color: #fff;} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: #e7e7e7; color: #555;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color: #b7b7b7; color: #fff;} nav.col-xs-12 {padding-left: 0;} .dropdown-sublist, .data-subnav {float: left;} .data-subnav {padding-bottom: 100px;} .logo {height: 10em; position: relative; z-index: 10;} h1.mobile-title-phone {display: none;} .state-nav {float: right; width: 42%; text-align: right; background: none repeat scroll 0 0 rgba(72,103,142,0.75);} .state-nav ul {margin-bottom: 0;} .state-nav li {padding: 10px 3% 10px 0; font-size: 1em;} .state-nav li a {color: #fff; padding: 2px 7px;} .state-nav li a:hover {text-decoration: none; color: #000; background-color: #c9c9c9; border-radius: 5px;} .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {position: static;} .yamm .container-fluid {position: relative;} .yamm .dropdown-menu {left: auto;} .yamm .yamm-content {padding: 20px 30px;} .yamm .dropdown.yamm-fw .dropdown-menu {left: 0;right: 0;} .navPills .nav li {margin-left: 0; margin-right: 6%; background: #e9e9e9;} .navTabs ul, .navTabs .nav li {margin-left: 0;} /* ---------------------- SUB-NAVIGATION ---------------------- */ .subnav {margin: 0; font-size: 1.5rem; padding: 0 4%;} .subnav ul {margin-bottom: 0;} .subnav h3 {padding: 0 0 0.5em; margin: 0 0 1em; font-size: 1.5em; color: #444; border-bottom: 1px solid #ccc;} .subnav li {padding: 0 1em 1em 0; margin: 0; font-size: 1em; color: #666; list-style-type: none;} .subnav li a {color: #444; padding: 5px 10px; border-radius: 5px;} .subnav li a:hover {color: #111; background-color: #e9e9e9; text-decoration: none;} /* ---------------------- CAROUSEL PAGE ---------------------- */ .carousel-caption {top: 10px; padding-top: 5px; text-shadow: 0 1px 2px rgba(0, 0, 0, .6);} .carousel-caption.cap2, .carousel-caption.cap1 {left: 10%; font-size: 0.85em; right: 10%;} .carousel-caption.cap2 h2, .carousel-caption.cap1 h2 {margin-bottom: 0.5em; line-height: 1.25;} .carousel-caption h2 {font-size: 1.75em; color: #fff; margin: 0 0 0.5em; line-height: 1.6; font-weight: 400;} .carousel-caption h2 a, .carousel-caption h2 a:hover, .carousel-caption h2 a:focus, .carousel-caption h2 a:visited {color: #fff; text-decoration: none;} .carousel-caption p {font-size: 1em; line-height: 1.2; color: #555; margin: 0 0 0.5em;} .carousel-caption p a {color: #fff; background: #0099ff; border: 3px solid #fff;} .carousel-caption p a:hover {color: #fff; background: #00b7ff; border: 3px solid #fff;} .carousel-indicators {bottom: 0;} ol.carousel-indicators {margin-bottom: 0;} .carousel-indicators .active {background-color: #0099ff;} .carousel-indicators li {border: 2px solid #eee;} .carousel-control.left, .carousel-control.right {background-image: none;} .carousel-inner > .item {width: 100%; height: 173px;} .slide1, .slide2, .slide3 {background-repeat: no-repeat; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .slide1 {background: url(images/home/carousel-1.jpg);} .slide2 {background: url(images/home/carousel-2.jpg);} .slide3 {background: url(images/home/carousel-3.jpg);} /* ---------------------- HOME PAGE ---------------------- */#home-top {padding-bottom: 1em;} h1.home-headline {font-family: 'Rockwell', 'Arvo', sans-serif; color: #ffcf01; font-size: 28px; margin-left: 10px; margin-bottom: 0; padding: 15px 10px 10px; width: 70%; line-height: 1; text-shadow: 0 0 20px rgba(20,20,20,1), 0 0 20px rgba(0,0,0,0.8), 0 0 20px rgba(0,0,0,0.8), 0 1px 3px #000; -webkit-backface-visibility: hidden;} h1.home-headline span {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: 600;} h2 small {font-size: 80%; color: #666;} .input-group .form-control {position: static;} .data-subnav {background: #f9f9f9; /* url(images/halftone.png); background-repeat: repeat; */ color: #fff; margin-right: 2%; border: 1px solid #e9e9e9;} .state-rates hr {border-color: #ccc; margin: 2em 1em 0 0.25em;} .state-rates h3 {color: #333; margin-bottom: 12px; padding-left: 1%; font-family: 'Open Sans', Arial, Helvetica, sans-serif;} .state-rates p {margin-bottom: 0.75em; color: #555; font-size: 1em; line-height: 0.75; padding-left: 3%;} .state-rates p.rates-update {font-size: 0.65em; color: #666; padding-left: 8%; margin-bottom: 20px;} .state-rates p span {font-size: 90%; color: #0099ff;} .state-rates p a, .state-rates p a:visited {color: #0099ff;} .state-rates p a:hover {text-decoration: none; color: #48678e;} .state-rates p.rates-update.no-btm-margin {margin-bottom: 0;} span.decrease-font, span.increase-font {color: #fff;} .font-sizing {margin-bottom: 10px;} span.increase-font a {background-color: #444; padding: 3px 10px; border-radius: 5px; cursor: pointer;} span.decrease-font a {background-color: #777; padding: 3px 10px; margin-right: 10px;border-radius: 5px; cursor: pointer;} span.decrease-font a:hover {background-color: cyan;} span.increase-font a:hover {background-color: orange;} .translate h3 {padding: 0; margin: 0 0 10px;} .translate a {padding: 5px 10px; color: #fff; background-color: #0099ff; border-radius: 5px;} .newsletter-popover .popover {width: 276px; height: 400px;} .about-popover .btn {display: block; margin-bottom: 10px;} .about-popover .h3 {color: #fff; font-size: 1.1em;} .settings-popover p {font-size: 1.15em;} #home-social {margin-top: 2em; margin-bottom: 3em; padding-right: 20px;} #home-social div.social-top-headline {padding-bottom: 1em; padding-right: 30px;} #home-social a:visited {color: #444;} #home-social div {margin-bottom: 0.5em;} #home-social p {padding-bottom: 2em; margin: 0;} #home-social h3, #home-social p {padding: 0 4%;} #home-social h3 {color: #444; padding: 1em 4% 0.5em; margin: 0; font-size: 1.35em;} #home-social p {color: #666; font-size: 0.9em;} #home-social img {padding: 1em 20px 20px 10px;} #home-social hr {margin: 0 2em 2em; border-color: #ccc;} .social-square {padding-top: 0; margin-bottom: 2em; border-right: 1px solid #ccc;} .social-square.last {border-right: 0;} .social-square h4 {color: #444; padding: 0; font-size: 1em; line-height: 1.5; margin: 0;} #home-social .social-square img {padding: 0 20px 20px 10px;} #home-jobskr, #home-business, #home-resrch {background: #fff;} #home-jobskr.col-sm-6 {padding-left: 0;} #home-business.col-sm-6 {padding-right: 0;} #home-resrch.col-sm-4 {float: right;} .user-type {margin-bottom: 1em; background: #f9f9f9;} #resrch-col {margin-bottom: 0;} #jobskr-col h3, #business-col h3, #resrch-col h3 {padding: 1em 4% 1em 8%;} .user-type h2 {font-size: 1.6em; border-bottom: 1px solid #ccc; margin: 0; padding: 10px 0 10px 8%; text-shadow: 0 1px 2px #333; font-weight: 700;} .user-type .h3 {line-height: 1.5;} .user-type a {padding: 1em 4% 1em 8%; text-decoration: none; font-size: 1.1em; font-weight: 400; border-top: 1px solid #eee; border-bottom: 1px solid #bbb; margin: 0; color: #333;} .user-type a:hover {color: #fff; font-weight: 700; background: #0099ff; border-top: 1px solid #0FF; border-bottom: 1px solid #5275B5; text-shadow: 0 1px 2px #333;} #home-jobskr h2 {background-color: rgba(219,172,12,0.9);color: #fff;} #home-business h2 {background-color: rgba(92,151,35,0.9); color: #fff;} #home-resrch h2 {background-color: rgba(0,153,255,0.9); color: #fff;} #home-jobskr a {background-color: rgba(250,252,252,0.85);} #jobskr-col, #business-col, #resrch-col {border: 1px solid #ccc; border-bottom: none;} .user-pic {height: 16em; width: 100%; position: relative; background-repeat: no-repeat; background-position: top center;} .user-pic h2 {position: absolute; bottom: 0; width: 100%; border-bottom: none;} #resrch-col .user-pic {background-image: url(images/home/resrch-col.jpg);} #business-col .user-pic {background-image: url(images/home/business-col.jpg);} #jobskr-col .user-pic { background-image: url(images/home/job-col.jpg);} #home-jobskr a:hover {background-color: #dbac0c; border-bottom: 1px solid #f9e4ac; border-top: 1px solid #b5850d; box-shadow: inset 1px 1px 3px #d19e0f, inset -1px -1px 3px #d19e0f; /* #a07808; */} #home-business a:hover {background-color: #5c9723; border-bottom: 1px solid #cbf49f; border-top: 1px solid #598723; box-shadow: inset 1px 1px 3px #5c9124, inset -1px -1px 3px #5c9124; /* #49751b; */} #home-resrch a:hover {border-bottom: 1px solid #bfe6f7; border-top: 1px solid #0585cc; box-shadow: inset 1px 1px 3px #0590dd, inset -1px -1px 3px #0590dd;} .coe {margin-top: 2em;} .coe h2 {font-size: 1.6em; padding: 10px 0 10px 8%; font-weight: 700; color: #fff; background: #48678e; margin-bottom: 0; border-bottom: 1px solid #174a7c; text-shadow: 0 1px 2px #333;} .coe .coe-box {background-image: url(images/home/coe-bg.png); background-repeat: repeat; padding: 20px 8% 5px; border-top: 1px solid #fff;} .coe-box p {font-size: 0.95em; line-height: 1.5;} .coe-box p.coe-lnk {margin-top: 2em; font-size: 1.05em;} .coe-lnk img {padding-left: 5px; margin-top: -5px;} .coe-lnk a, .coe-lnk a:visited, .coe-lnk a:focus, .coe-lnk a:active {color: #48678e; border: 1px solid #174a7c;} .coe-lnk a.btn-default {background: transparent;} .coe-lnk a.btn-default:hover {color: #fff; background: #0099ff; text-decoration: none; border: 1px solid #174a7c;} #home-resrch a:hover small {color: #fff;} #home-audience a {display: block;} .home-pg-pub {margin-bottom: 4em;} .home-pg-pub div {padding-right: 4%;} .lmi-pub-box p a {color: #333; background: #FFF; display: block; padding: 0.25em 0; font-size: 0.8em;} .lmi-pub-box p a:hover {text-decoration: none; color: #0099ff;} .lmi-pub-box a img {opacity: 0.9;} .lmi-pub-box {width: 20%; display: block; float: left;} .lmi-pub-box a:hover img {opacity: 1;} #home-social h2, .home-pg-pub h2 {padding-left: 10px;} .coe .survey {padding: 20px 8%;} .coe .survey a {background: #fff; color: #777; padding: 0.5em 10px; border: 1px solid #999;} .coe .survey a:hover {text-decoration: none; background: #0099ff; color: #fff; border: 1px solid #174a7c;} .coe .survey p {font-size: 0.9em; color: #888; padding-top: 10px;} .survey-inner p {padding-top: 0.5em; color: #333;} /* ---------------------- ECONOMIC INDICATORS PAGE ---------------------- */ article.indicators-pg {padding-top: 3em;} .indicators-pg button {margin-bottom: 1.6em;} .btn.btn-ei {border: 1px solid #ccc; padding: 0 12px 0 0; line-height: 1.6; background: #f9f9f9; color: #333; font-weight: 600; border-radius: 0 0 10px 10px; width: 500px; height: 40px; transition: background ease 0.25s; -moz-transition: background ease 0.25s; -webkit-transition: background ease 0.25s; -ms-transition: background ease 0.25s;} .btn.btn-ei:focus, .btn.btn-ei:active:focus, .btn.btn-ei.active:focus {outline: none; outline-offset: 0;} .btn.btn-ei:active, .btn.btn-ei.active {box-shadow: none;} .btn.btn-ei:hover {background: #e9e9e9; color: #222; border: 1px solid #bbb;} .caret-up {width: 0; height: 0; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0);border-bottom: 4px solid; display: inline-block; vertical-align: middle; margin-top: -2px;} .more:after {content: "Read\0020more";} .less:after {content: "Read\0020less";} .container-subnav {background-color: #fff; padding: 2em 0 1em; margin-bottom: 4em; } .indicator-box p {line-height: 1.2; padding-top: 1em; font-size: 0.9em;} .indicator-box img {width: 35%; float: left; margin-right: 6%; margin-bottom: 20px;} .indicator-box h4 {width: 50%; float: left;} .sidebar.indicators p {font-size: 0.9em; line-height: 1.5;} .sidebar.indicators h3 {font-size: 1.5em; font-family: 'Rockwell', 'Arvo', Georgia, serif; margin-top: 2em;} .sidebar.indicators div {margin-bottom: 1em;} .sidebar.indicators h4 {font-weight: 700; font-size: 3.5em; color: #666; margin-bottom: 0; line-height: 0.5; text-align: center; margin-top: 0.5em;} .sidebar.indicators h4 span {font-weight: 400; font-size: 0.35em; color: #333;} /* ---------------------- REGIONAL PAGE ---------------------- */ article.region-pg {margin-bottom: 4em;} article.region-pg aside {margin-top: 2em;} .region-pg aside ul {margin-top: 1em;} .region-pg h1 {margin-bottom: 2em;} .region-pg h2 {margin: 0; padding: 2em 0 0; font-size: 2em; width: 425px; float: left;} .region-pg h3 {margin: 2em 0 0.25em; font-weight: 600; color: #555;} .region-pg h3.trends {margin-bottom: 0.75em;} .region-pg h3 a {padding-left: 1%; color: #0099ff; text-decoration: none;} .region-pg h3 a:hover {color: #48678e;} .region-pg h3 small {padding-left: 2%; color: #777;} .region-pg h3 em {font-weight: 400; font-size: 0.9em;} .region-pg aside h4 {padding-left: 15px; font-weight: 700; margin-bottom: 0.15em; padding-bottom: 0; font-size: 1.1em;} .region-top-box img {width: 80px; margin-right: 15px; float: left;} .region-top-box p {float: left; width: 300px; padding-right: 0;} .region-top-box a, .region-top-box a:hover, .region-top-box a:focus {color: #0099ff;} .region-top-box a:visited {color: #48678e;} p.pub {line-height: 2.5; margin-bottom: 0;} .region-map img {width: 87px; float: left; margin-right: 15px;} .economist img {margin-bottom: 1em; width: 50%;} .region-pg ul {margin-bottom: 0;} .region-pg ul li {margin-right: 5px; margin-bottom: 20px;} .region-pg ul li a, p.pub a {background: #e3f4fc; padding: 5px 10px; border-radius: 4px; color: #333;} .region-pg ul li a:hover, p.pub a:hover {text-decoration: none; background: #0099ff; color: #fff;} .region-top-box.statewide a.text-link {background: #e3f4fc; padding: 5px 10px; border-radius: 4px; color: #333;} .region-top-box.statewide a.text-link:hover {text-decoration: none; background: #0099ff; color: #fff;} .region-top-box.statewide {margin-top: 0; margin-bottom: 1em;} p.statewide-p {padding-top: 20px;} .economist-contact p {font-size: 0.8em; margin-bottom: 1em;} .economist-contact p.title {font-size: 1em;} .economist p.backtotop {margin-top: 4em;} p.title {width: 60%;} .region-pg a.btn-default {font-size: 0.8em; padding: 3px 7px; margin-top: 1.5em;} .region-coe a {color: #0099ff;} /* ---------------------- CES PAGE ---------------------- */ .ces-pg h1 {margin-bottom: 0.25em;} .ces-reports p.ces-rep1 {padding-right: 3%; width: 45%; float: left;} .ces-reports p.ces-rep2 {padding-right: 0; width: 55%; float: left;} .ces-pg .sidebar .dropdown-toggle {border-left: 1px solid #fff;} /* ---------------------- CPI PAGE ---------------------- */ .cpi.table > thead > tr > th, .cpi.table > tbody > tr > th, .cpi.table > thead > tr > td, .cpi.table > tbody > tr > td {border: 1px solid #bfdde8;line-height: 1.25;padding: 8px;vertical-align: middle;} .cpi.table > tfoot > tr > td, .cpi.table > tfoot > tr > th {vertical-align: middle; border: 1px solid transparent; font-weight: 400; text-align: left;} .cpi tfoot {font-size: 0.9em;} .cpi.table > tfoot > tr > th {padding-top: 20px; padding-bottom: 0;} table.cpi td {text-align: center;} .cpi.table > tbody > tr > td.td-2, .cpi.table > tbody > tr > td.td-3, .cpi.table > tbody > tr > td.td-5 {border-right: 1px solid transparent;} .cpi .tr-1 th {background: #d2effc; color: #333;} .cpi .tr-2 td {background: #ebf6fc; color: #444;} .tr-3 td {font-size: 1em;} .cpi.table td.td-2, .cpi.table td.td-3, .cpi.table td.td-5 {border-right: 0;} .cpi.table .tr-3 .td-1 {background: #ebf6fc;} #cpi-pg .sidebar h3 {width: 70%;} /* ---------------------- CONTACT PAGE ---------------------- */ #contact-pg .table {background: #fff;} #contact-pg table p {margin-bottom: 0; padding-bottom: 0;} #contact-pg table p.pad-btm {padding-bottom: 0.25em;} div.econ-contact {margin-top: 1em;} #contact-pg .table > tbody > tr > td {padding-top: 0.75em; padding-bottom: 0.75em;} .program-contact table tr td.td-1 {width: 50%; padding-right: 3%;} .program-contact table tr td.td-2 {width: 22%; padding-right: 3%;} .program-contact table tr td.td-3 {width: 22%; padding-right: 0;} .econ-contact table tr td.td-1 {width: 30%; padding-right: 3%;} .econ-contact table tr td.td-2 {width: 30%; padding-right: 3%;} .econ-contact table tr td.td-3 {width: 30%; padding-right: 0;} div.lmi-issue {margin-top: 1em;} div.lmi-issue p {font-size: 0.9em; margin-bottom: 0.5em;} #contact-pg table .td-2 a, .lmi-issue p a {color: #0099ff;} #contact-pg table td {border-bottom: 1px solid #ddd;} #contact-pg .sidebar {padding-top: 40px;} #contact-pg .sidebar p {margin-top: 20px; } .panel {box-shadow: none;} .panel-default > .panel-heading {background-color: #e9e9e9; border: 1px solid #ccc; padding: 10px 0 10px 10px; width: 50%;} .panel, .panel-default, .panel-heading {border: none;} .nav li.active {font-weight: 700;} #contact-pg table td {border-top: none;} h4.panel-title {font-size: 1.25em; padding-left: 0; margin-left: 0;} h4.plus-sign a:before {content: url(images/plus.png); display: inline-block; font-size: 0; line-height: 0; padding-right: 20px;} h4.plus-sign a[aria-expanded="true"]:before {content: url(images/minus.png);} .panel-title a:hover, .panel-title a:focus, .panel-title a:active {text-decoration: none; color: #174a7c; outline: 0;} .panel-title a {background: transparent; color: #333; padding: 10px 25% 10px 10px;} .panel-title a[aria-expanded="true"] {border-bottom: 0; background: transparent; color: #333} .panel-group .panel + .panel {margin-top: 1em;} .panel-heading {padding: 0;} div.panel-body {padding: 30px 3% 20px 7%; background: transparent; border: none;} .panel-group .panel-heading + .panel-collapse > .panel-body {border-top: none;} /* ---------------------- GLOSSARY PAGE ---------------------- */ #glossary-pg h3 {font-weight: 700; margin-bottom: 0.25em; padding-top: 1em; padding-bottom: 0;} #glossary-pg .sidebar a {display: block; margin-bottom: 0.5em; padding: 0.25em 0 0; color: #333;} #glossary-pg .sidebar a:hover, #glossary-pg .sidebar a:focus, #glossary-pg .sidebar a:active {color: #0099ff;} #glossary-pg .sidebar a:visited {color: #48678e;} #glossary-pg div.sidebar div {border-left: #ccc 1px solid; padding-left: 2%;} /* ---------------------- QCW PAGE ---------------------- */.qcew-pg h1 {margin-bottom: 0.25em;} .qcew-pg h2.sub-head {margin-bottom: 1em;} .qcew-pg .sidebar li small {color: #444;} /* ---------------------- PROJECTIONS PAGE ---------------------- */ #projections-pg h1 {margin-bottom: 0;} #projections-pg .nav-pills > li.occ.active > a {background: #004980; color: #fff;} #projections-pg .nav-pills > li.ind.active > a {background: #48678e; color: #fff;} #projections-pg .nav > li > a {border-radius: 5px; padding: 10px 20px;} #projections-pg .navPills .nav li {margin-left: 0; margin-right: 6%; background: #e9e9e9;} #projections-pg .navPills p {margin-left: 2%; margin-top: 1em; font-size: 0.9em; padding-bottom: 2em;} /* ---------------------- CENSUS PAGE ---------------------- */ #census .sidebar li {list-style-type: none;} #census .sidebar li .btn {font-size: 0.9em;} #census .left-mod ul li {font-size: 1em; padding-right: 0; padding-bottom: 2em;} #census .left-mod ul {padding-right: 0;} #census .sidebar .state-rates h3, .sidebar .census-tables h3 {font-size: 1.3em; color: #444; padding-left: 0; margin-bottom: 0.5em;} #census .sidebar .state-rates p {font-size: 1.1em;} #census .sidebar .state-rates p.rates-update {font-size: 0.8em;} #census .sidebar .state-rates h3.popover-title {margin-top: 0;} .census-group div.box-img {height: 175px;} ul.census-est {margin-bottom: 2em; padding-top: 1em;} .census-group h3 {font-size: 1.25em; margin-bottom: 0.5em;} .census-group p {font-size: 0.9em; margin-bottom: 1em;} .census-group {margin-bottom: 3em;} #census h2 {margin-bottom: 0; padding-bottom: 0;} #census a.big-btn {font-size: 1.1em; padding: 10px 15px; background-color: #0285ce; border-radius: 5px; transition: background-image 2s ease-out; -moz-transition: background-image 2s ease-out; -webkit-transition: background-image 2s ease-out; cursor: pointer;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0099ff), to(#0680b7));background-image: -webkit-linear-gradient(top, #0099ff, #0680b7);background-image: -moz-linear-gradient(top, #0099ff, #0680b7);background-image: -ms-linear-gradient(top, #0099ff, #0680b7);background-image: -o-linear-gradient(top, #0099ff, #0680b7);} #census a.big-btn:hover {background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00b7ff), to(#08b5b5));background-image: -webkit-linear-gradient(top, #00b7ff, #0099ff);background-image: -moz-linear-gradient(top, #00b7ff, #0099ff);background-image: -ms-linear-gradient(top, #00b7ff, #0099ff); background-image: -o-linear-gradient(top, #00b7ff, #0099ff);} #census a.big-btn:hover {text-decoration: none; color: #fff;} /* ---------------------- UI REPORTS PAGE ---------------------- */ .ui-rates-group {margin-top: 4em;} .ui-rates-group div.box-img {height: 175px;} .left-mod a.btn-primary {background-color: #0099ff; border: 1px solid #0099ff;} .left-mod a.btn-primary:hover {background-color: #0680b7;} div.monthly-rept {margin-bottom: 4em;} div.monthly-rept h2 {margin-bottom: 0;} .ui-rates-group p.btn-update {width: 35%; float: left;} .ui-rates-group p.btn-update a {padding: 7px 20px;} /* ---------------------- LAUS PAGE ---------------------- */ .laus-pg h1 {margin-bottom: 0.25em;} .laus-data h2 {margin-bottom: 0;} .laus-data p.btn-update {float: left; width: 180px; margin-right: 10px; margin-top: 0.75em;} .laus-data a.big-btn {padding: 10px 20px;} /* ---------------------- UNDEREMPLOYMENT PAGE ---------------------- */ #under-pg h2 {margin-bottom: 0.25em;} #under-pg .table {color: #333; border: 1px solid #ddd;} #under-pg .table th {text-align: center; border-right: 1px solid #ddd;} #under-pg .tg {border-collapse:collapse;border-spacing:0;} #under-pg .tb-sub-headers td {padding: 0.5em 0;} #under-pg .td-un {font-weight: 700; color: #555;} #under-pg .td-under {font-weight: 700; color: #333;} #under-pg span.td-under {margin-left: 5%;} #under-pg td.tg-031f {padding: 0.25em 0;} #under-pg td.tg-031e {padding: 0.25em 0;} #under-pg td:first-child, #under-pg th:first-child {width: 25%; text-align: left; padding-left: 8px;} #under-pg tr td:nth-child(n+2) {width: 10%; text-align: center;} #under-pg td {border-right: 1px solid #ddd;} /* ---------------------- BUSINESS LISTINGS PAGE ---------------------- */ #biz-list-pg table {font-size: 1em; margin: 0; width: 100%;} #biz-list-pg table th, #biz-list-pg table td {padding: 5px 20px 5px 0;} #biz-list-pg table th {font-weight: 700;} #biz-list-pg table tr th:first-child, #biz-list-pg table tr td:first-child {padding-left: 10px;} #biz-list-pg .table-hover tr:hover {background: #d9d9d9; color: #111; text-shadow: 0 1px 2px #f9f9f9;} #biz-list-pg div .btn-default {margin: 2em 0 3em 10px;} /* ---------------------- FORECAST PAGE ---------------------- */ #forecast-pg h1 {margin-bottom: 1em;} span.arrow {padding-left: 2%;} #forecast-pg .graph-title {margin-bottom: 2em; margin-top: 3em;} #forecast-pg .caption {text-transform: uppercase; color: #333; font-weight: 700; margin-bottom: 1.5em; font-size: 1em; border: 0; text-align: center;} #forecast-pg .graph-img {margin-left: -10px;} #forecast-pg p.btn-update {margin-bottom: 50px;} /* ---------------------- OES PAGE ---------------------- */ .oes-pg .oes-block {margin-bottom: 3em;} .oes-block p {margin: 1em 0 1em; padding: 0; line-height: 1.1;} .oes-block p small {font-size: 0.75em; color: #444;} .oes-block a {background-color: #0099ff; padding: 3px 10px; color: #fff; margin-right: 8px; font-size: 0.9em; border-radius: 4px;} .oes-block a.btn-info {background-color: #5bc0de; border-color: #46b8da;} .oes-block a.btn-info:hover {background-color: #31b0d5;} .oes-block a:hover {background-color: #0680b7; text-decoration: none; color: #fff;} .oes-block div {margin-left: 0;} .statewide-metro-oes h2, .non-metro-oes h2 {padding-left: 3%;} div.oes-supplement {padding-left: 3%; padding-top: 2em; padding-bottom: 2em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 0.9em;} .oes-supplement h3 {width: 75%;} /* ---------------------- FARM EMPLOYMENT PAGE ---------------------- */ h3.crop-activity {font-size: 1.2em;} #farm-pg h2 {margin-bottom: 0;} #farm-pg .left-mod ul {padding-right: 0;} ul.ag-est .big-btn {padding: 10px 20px;} ul.ag-est li {padding-right: 20px; padding-bottom: 2em;} ul.ag-est {margin-bottom: 2em; padding-top: 1em;} #farm-pg .ag-employ h3 {margin-top: 2em; margin-bottom: 0.25em;} #farm-pg div.table-responsive {margin-top: 3em;} #farm-pg table {width: 100%;} #farm-pg table td, #farm-pg table th {padding: 0.5em 0;} #farm-pg table td {} #farm-pg table td.td-1 {font-weight: 700;} /* ---------------------- JOB GAINS & LOSSES PAGE ---------------------- */ #bed p.btn-update {margin-bottom: 5em;} #bed h1 {margin-bottom: 0.25em;} #bed .sidebar h3 small {font-size: 0.85em;} #bed .graph-title {margin-bottom: 1em; margin-top: 3em;} #bed .caption {text-transform: uppercase; color: #333; font-weight: 700; margin-bottom: 0; font-size: 1em; border: 0; padding: 0;} img.bed-chart {margin-top: 1em; margin-bottom: 4em;} /* ---------------------- ABOUT LMI PAGE ---------------------- */ .about-pg .left-mod h1 {margin-bottom: 0.25em; padding-bottom: 0;} .about-pg .left-mod h2 {margin-bottom: 0; margin-top: 2em; padding-bottom: 0;} .about-pg .left-mod h3 {margin-bottom: 0.5em; margin-top: 2em;} .about-pg .left-mod h3:first-child {margin-top: 1em;} .lmi-faq p {color: #666;} /* ---------------------- TABLEAU ---------------------- */ .ces-pg .tableauPlaceholder, .ces-pg .tableauViz {width: 100%; height: 820px;} .qcew-pg .tableauViz, .qcew-pg .tableauPlaceholder {width: 100%; height: 850px;} .oes-pg .tableauPlaceholder, .oes-pg .tableauViz {width: 100%; height: 820px;} .laus-pg .tableauPlaceholder, .laus-pg .tableauViz {width: 100%; height: 800px;} .census-pg .tableauPlaceholder, .census-pg .tableauViz {width: 100%; height: 1100px;} .redbook-pg .tableauPlaceholder, .redbook-pg .tableauViz {width: 100%; height: 900px;} .laus-pg div.tableau {padding-bottom: 4em;} #projections-pg .tableauPlaceholder, #projections-pg .tableauViz {width: 100%; height: 995px; padding-left: 0;} #industry .tableauPlaceholder, #industry .tableauViz {width: 100%; height: 870px; padding-left: 0;} .tableau-footer {height: 1.5em; padding: 0px 10px 0px 0px; color: #333; font-size: 0.7em; line-height: inherit;} .tableau h2 {padding-left: 2%; } .tab-content {margin-top: 2em;} .tableau-key p {font-size: 0.8em;} .keybox h3 {font-family: 'Rockwell', 'Arvo', Georgia, serif;} div.tableau-key {border: 1px solid #ddd; padding: 10px;} .keybox img {float: left; padding-right: 10px; margin-bottom: 1em;} /* inline styles on index page from desktop */ a, a:hover {color: inherit;} /* ---------------------- JUMBOTRON ---------------------- */ .jumbotron-farm, .jumbotron-ui, .jumbotron-inner-home, .jumbotron-C, .jumbotron-D, .jumbotron-econ, .jumbotron-home, .jumbotron-inner-wage {padding: 0; margin: 0; height: /* 400px */ 600px; overflow: hidden; background-repeat: no-repeat;} .inner-page .jumbotron-farm {background: url(../images/banners/banner-farm.jpg); background-repeat: no-repeat; background-position: top center;} .inner-page .jumbotron-ui {background: url(../images/banners/banner-ui.jpg); background-repeat: no-repeat; background-position: top center;} .inner-page .jumbotron-B {background: url(../images/banners/banner-2.jpg); background-repeat: no-repeat; background-position: top center;} .inner-page .jumbotron-C {background: url(../images/banners/banner-9.jpg); background-repeat: no-repeat; background-position: top center;} .inner-page .jumbotron-D {background: url(../images/banners/banner-home.jpg); background-repeat: no-repeat; background-position: top center;} .inner-page .jumbotron-home {background: url(../images/banners/banner-home.jpg); background-repeat: no-repeat; background-position: top center;} .inner-page .jumbotron-econ {background: url(../images/banners/banner-econ.jpg); background-repeat: no-repeat; background-position: top center;} .inner-page .jumbotron-inner-home {background: url(../images/banners/banner-home.jpg); background-repeat: no-repeat; background-position: top center;} .inner-page .jumbotron-inner-wage {background: url(../images/banners/banner-wages-employ.jpg); background-repeat: no-repeat; background-position: top center;} /* ---------------------- HEADER ---------------------- */ header {position: relative; z-index: 1;} .wrapper {margin-top: -600px; /*-400px; */} .search {background-color: #fff;} .search .input-group {padding-top: 1em; padding-right: 2%;} .nav > li > a {padding: 5px 10px; border-radius: 5px;} .nav li.home-li {margin-left: 10px;} .nav li.search-nav {padding-right: 0;} .navbar {padding: 10px 0; margin-bottom: 0; min-height: 100%;} li small {color: #777;} span.read-more a {color: #0099ff;} /* ---------------------- FOOTER ---------------------- */ footer {background-image: url(images/home/squairy_light_@2X.png); background-repeat: repeat; color: #fff;} footer a {padding: 3px 6px; border-radius: 4px;} footer a, footer a:visited, footer a:focus, footer a:active {color: #fff;} footer a:hover {color: #333; text-decoration: none; background: #fff; text-shadow: none;} .top-footer {padding: 2em 4%;} .footer-lft {margin-right: 0;} .footer-lnks ul {margin-left: 0;} .footer-lnks li {margin: 0 0 0.25em; text-shadow: 0 1px 2px #666;} footer .list-inline.social-icons > li {padding: 0;} footer h4 {font-weight: 700; font-size: 1.1em; margin-bottom: 0.5em; text-transform: uppercase; text-shadow: 0 1px 2px #777;} .footer .social-icons a {padding: 4px 4px 6px 4px;} .footer .social-icons a:hover {background: rgba(0,153,255,0.7);} .social-icons li.linkedin a:hover {background: rgba(23,74,124,0.7);} .social-icons li.twitter-job a:hover {background: rgba(235,215,35,0.7);} .social-icons li.twitter-biz a:hover {background: rgba(92,151,35,0.7);} .social-icons li.youtube a:hover {background: rgba(234,63,8,0.7);} .social-icons .list-inline > li {padding-right: 2px;} div.social-icons {padding-left: 3%;} .bottom-footer {background: #d6d6d6; font-size: 0.8em; padding: 2em 10px; color: #444; line-height: 1.8;} .bottom-footer img {width: 100px; margin-bottom: 1em;} footer .bottom-footer a, footer .bottom-footer a:visited, footer .bottom-footer a:focus, footer .bottom-footer a:active {color: #174a7c;} .bottom-footer li {padding-right: 0;} .bottom-footer li span:after {content: '\007C'; font-weight: 400; padding-left: 5px;} .bottom-footer li.no-content span:after {content: none;} p.newsletter {margin-top: 2em;} .newsletter a.btn-default, .newsletter a.btn {background: transparent; color: #fff; border: 1px solid #fff; padding: 5px 15px;} .newsletter a.btn-default:hover, .newsletter a.btn-default:active, .newsletter a.btn-default:focus {background: #fff; color: #333;} #login .loginGroup {border-right: 0;} #login .registerGroup, #login .loginGroup {float: none;margin: 0;padding: 0;} #login .registerGroup, #login .registerGroup *, #login .loginGroup, #login .loginGroup * {display: inherit;} #login .loginGroup a {color: #174a7c;} #login .registerGroup a, #login .loginGroup a {color: #174a7c;display: inherit;font-size: 1em;height: auto;min-width: 100%;padding: 2px 5px;position: inherit;vertical-align: inherit;} #login .loginGroup a:hover {background: #0099ff; background-color: #0099ff; border-radius: 4px; color: #fff; text-shadow: none;} /* ---------------------- SEARCH RESULTS PAGE ---------------------- */ input#dnnSearchResult_dnnSearchBox_input {width: 60% !important;} .dnnSearchBoxPanel .dnnSearchBox {margin-left: 10px; margin-right: 10px; width: 80%;} .dnnSearchBox > a.dnnSearchButton {margin: 4px 0 0 4%; position: relative; float: right; vertical-align: top; top: 0; display: block;} .dnnSearchBox > .dnnSearchBox_advanced {margin: 0 0 0 10px; position: relative; right: 0; top: 0; float: right;} .dnnSearchBox > a.dnnSearchBoxClearText {margin: 4px 0 0 0; position: relative;float: right;vertical-align: top; right: 30% !important;} .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label {border: none; margin-right: 1%; padding: 3px 15px 0 10px;} .TitleH2 {padding-left: 3%; padding-top: 20px; font-size: 1.5em; font-weight: 700;} /* ---------------------- 404 PAGE ---------------------- */ .bad-pg .Normal {margin-left: 0; width: 60%; line-height: 1.75; padding-bottom: 15em;} .bad-pg h1 {margin-top: 20px;} .bad-pg h1 span {font-size: 1.25em;} .bad-pg p {margin-top: 2em; margin-bottom: 0;} .bad-pg p span {color: #777;} .bad-pg p.popular {margin-left: 3%; margin-top: 0; margin-bottom: 2em;} .bad-pg section {margin-bottom: 0; padding-bottom: 3em;} /* ---------------------- LOGIN PAGE ---------------------- */ .login-pg h3 {margin-bottom: 0.25em;} .login-pg h3 a {color: #0099ff;} .login-pg div div p {margin-bottom: 2em;} .login-pg h3 a:visited {color: #48678e;} .login-pg h2.warning {color: #be3b2e; margin-top: 1em; margin-bottom: 0.25em;} div.login-pg {padding-bottom: 3em;} .dnnPasswordReset {margin-left: 3%; margin-bottom: 3em;} .ModAuthenticationC {margin-bottom: 0;} /* ---------------------- SITEMAP PAGE ---------------------- */ .sitemap-pg h1 {margin-top: 1em;} .sitemap-pg ul {margin-left: 20px;} .sitemap-pg div > ul > li {font-weight: 500; font-size: 1.3em; padding-bottom: 0.75em;} .sitemap-pg a, .sitemap-pg a:visited, .sitemap-pg a:focus, .sitemap-pg a:active {color: #333; text-decoration: underline;} .sitemap-pg a:hover {color: #0099ff;} .sitemap-pg ul.data-tools {margin-left: 30px; padding-bottom: 1em;} .sitemap-pg ul.data-tools > li {font-weight: 700; font-weight: 0.9em;} .sitemap-pg ul.data-tools > ul {padding-bottom: 1em;} @media (min-width: 1200px) { .container { max-width: 980px; padding: 0;} .left-module { padding-right: 2%; } } @media (max-width: 1199px) { .nav li {margin-left: 2.6%;} footer .container {padding: 0;} } @media (min-width: 993px) { .nav li ul.dropdown-menu .data-subnav {width: 22%; padding: 0 10px 3.5em; margin-left: 0;} .wages-subnav {width: 15%;} .employ-subnav {width: 22%;} .ui-subnav {width: 21%;} .econ-subnav {width: 16%;} .dropdown-menu {padding: 10px 0 10px 10px;} .sublist-title {margin-top: 1em;} .carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 650px; height: 175px; border: 1px solid #ccc;} .sidebar div.no-btm-margin {margin-bottom: 0;} } @media (max-width: 992px) { .data-subnav {display: none;} .nav li {margin-left: 2.1%; font-size: 0.85em;} .state-nav {font-size: 0.9em; width: 65%;} .state-nav li {padding-right: 5%; padding-top: 5px;} .dropdown-menu {padding: 1em 0 1em 2%;} .wages-subnav {width: 18%;} .employ-subnav {width: 30%;} .ui-subnav {width: 32%;} .econ-subnav {width: 18%;} .left-mod {padding-right: 10px;} footer {font-size: 1.3rem;} footer .list-inline > li {padding-right: 4%;} .carousel-caption {left: 10%; right: 10%;} .carousel-indicators {bottom: 0;} .carousel-caption h2 {font-size: 1.5em; margin-bottom: 0.75em;} .oes-block a {font-size: 0.8em; margin-left: 4px; margin-right: 0;} .lmi-pub-box {width: 33%;} .user-type a {font-size: 0.95em; padding: 1em 1% 1em 4%;} .user-type h2 {padding: 10px 0 10px 4%;} #home-resrch .user-type h2 {font-size: 1.2em; padding: 14px 0 14px 4%;} .state-rates h3 {font-size: 1.45em; font-family: 'Rockwell', 'Arvo', serif; text-transform: capitalize;} .state-rates p {font-size: 0.85em;} .state-rates p.rates-update {font-size: 0.7em;} .indicator-box img {width: 20%;} .sidebar.indicators h4 {text-align: left;} #contact-pg table tr td:nth-child(2), #contact-pg table tr th:nth-child(2) {width: 140px; margin-right: 3%;} #contact-pg table {font-size: 0.9em;} #contact-pg .sidebar {border: 0; clear: none;} .sidebar {margin-left: 3%; padding-top: 2em; padding-bottom: 2em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 97%; clear: both;} .sidebar.related {border-bottom: 0;} .sidebar div.no-btm-margin {margin-bottom: 0;} #cpi-pg .sidebar h3 {width: 50%; float: left;} #forecast-pg .caption {text-align: left;} #forecast-pg .graph-img {margin-bottom: 2em; margin-right: 30px;} #biz-list-pg table th, #biz-list-pg table td {padding: 5px 10px 5px 0;} table#private-biz th:nth-of-type(2), table#private-biz td:nth-of-type(2), table#public-biz th:nth-of-type(2), table#public-biz td:nth-of-type(2) {width: 35%;} table#private-biz th:nth-of-type(3), table#private-biz td:nth-of-type(3), table#public-biz th:nth-of-type(3), table#public-biz td:nth-of-type(3) {width: 25%;} table#private-biz th:nth-of-type(4), table#private-biz td:nth-of-type(4), table#public-biz th:nth-of-type(4), table#public-biz td:nth-of-type(4) {width: 30%;} .program-contact table tr td.td-1 {width: 42%;} .program-contact table tr td.td-2 {width: 20%;} .program-contact table tr td.td-3 {width: 30%;} .sidebar-pic img.ag-employ {float: left; margin-right: 20px;} .sidebar p.sm-btn {margin-top: 0.75em;} div.related {margin-bottom: 3em;} .region-top-box p {width: 200px; font-size: 0.9em;} .region-pg h2 {font-size: 1.5em; width: 300px;} .region-pg h3 {font-size: 1.1em;} .region-pg .left-mod p, .region-pg .left-mod li {font-size: 0.9em; line-height: 1.75;} .region-map img {width: 60px; margin-right: 10px;} article.region-pg, article.indicators-pg {margin-bottom: 3em; border-bottom: 1px solid #ddd;} article.region-pg.last-region {border-bottom: 0;} article.indicators-pg {padding-top: 0;} .indicators-pg .sidebar {border: 0;} .footer .social-icons ul {width: 80%;} .footer .social-icons ul li {margin-bottom: 0.75em;} .bottom-footer li span:after {content: ""; padding-left: 0;} .bottom-footer li {margin-bottom: 0.5em; font-size: 1.1em;} .panel-default > .panel-heading {width: 100%;} .dnnSearchBox > a.dnnSearchBoxClearText {right: 45% !important;} .dnnSearchBoxPanel .dnnSearchBox {width: 74%;} } @media (min-width: 768px) { .left-module { padding-right: 5%; } .mobile-title {display: none;} #regional-lmi aside ul li {padding-left: 1.5em;} .search-toggle {display: none;} .dropdown-sublist li {line-height: 1.35; padding-bottom: 1.2em;} .dropdown-sublist li a, .dropdown-sublist a:focus, .dropdown-sublist a:visited {color: #222;} .dropdown-sublist li a:hover, .dropdown-sublist li a:active {color: #0099ff;} nav.yamm .navbar-nav > li > .dropdown-menu {margin-top: 10px;} } @media (max-width: 767px) { a.big-btn {} .navbar-default { background-color: #FFF; } .aside-top-mod { margin-top: 5em; } .container { margin: 0; padding: 0; width: 100%; } .navbar {border-bottom: 0; box-shadow: inset 0 47px 0 #174a7c; -webkit-box-shadow: inset 0 47px 0 #174a7c; -moz-box-shadow: inset 0 47px 0 #174a7c;} .navbar-collapse {background-color: #fff;} .navbar-toggle, .search-toggle {background: #fff; margin-top: 5px;} .navbar-header img, .navbar-header h1 {float: left; padding-left: 5px;} .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus {color: #333;} .nav li.yamm-fw ul.dropdown-menu li {font-size: 0.85em; margin-bottom: 1em; text-transform: uppercase;} nav li {margin-left: 3%; font-size: 1em; margin-bottom: 0.5em;} li.yamm-fw .dropdown-menu {padding-top: 0; padding-bottom: 0;} li.yamm-fw .dropdown-menu li.sublist-title {margin-top: 1em;} .dropdown-sublist li strong {font-size: 1em;} li.yamm-fw .dropdown-menu li a, li.yamm-fw .dropdown-menu li a:visited {color: #333;} li.yamm-fw .dropdown-menu li a small {font-size: 1em; color: #777; padding-left: 1%;} .nav-li {margin-left: 4%; font-size: 1.1em;} h1.home-headline {display: none;} header, .home-page header, .home-header header {display: none;} .state-nav {display: none;} .mobile-logo {width: 100px; margin-top: -6px;} .navbar-collapse {border: 0; margin-top: 10px;} .navbar-header h1.mobile-title {font-size: 1em; color: #fff; font-weight: 400; text-transform: uppercase; width: 330px; padding-top: 14px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; text-shadow: 0 1px 1px #000; text-align: center;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .search-toggle:hover, .search-toggle:focus {background-color: #0099ff; color: #174a7c;} .navbar-default .navbar-toggle, .navbar-default .search-toggle {border-color: #fff;} .navbar-default .navbar-toggle .icon-bar {background-color: #444;} .search-toggle:hover .glyphicon-search {color: #fff;} .navbar-default .navbar-toggle:hover .icon-bar {background-color: #fff;} .navbar-toggle, .search-toggle, .search-toggle2 {border-width: 2px;} /* DELETE WHEN SEARCH IS RESTORED */ .navbar-toggle {margin-right: 30px;} /* */ .carousel-control{top:0 !important;bottom:0 !important;} .box-img {width: 200px; height: 100px; margin-bottom: 1em;} .navbar {padding: 0;} section#home-top {margin-top: 1em;} .economist img {width: 175px; display: block;} .region-pg h2 {font-size: 1.75em; width: 400px;} .region-map img {width: 80px; margin-right: 20px;} .region-top-box p {width: 400px; padding-top: 1em;} .region-top-box {margin-top: 1em;} .region-top-box img {margin-right: 30px;} article#north {margin-top: 3em;} .region-pg aside h4 {padding-left: 0;} aside h1, aside h2, aside h3, aside p { padding-left: 0; } #regional-lmi article .left-mod {margin-bottom: 0;} p.backtop {margin-top: 3.5em;} .user-pic {height: auto;} .user-type a {font-size: 1.1em;} .left-mod h1, .left-mod h2, .left-mod h3, .left-mod p, .left-mod ul {padding-right: 0;} #resrch-col .user-pic, #business-col .user-pic, #jobskr-col .user-pic { background-image: none; margin-top: 3.5em;} #home-resrch .user-type h2 {font-size: 1.6em; padding: 10px 0 10px 4%;} .economist p {line-height: 1.45;} .economist-pic {float: left; margin-right: 10%;} .economist-contact {float: left; margin-right: 10%; margin-top: 0.5em; width: 40%;} .economist {margin-top: 1em;} p.backtotop {margin-top: 2em; margin-bottom: 5em; text-align: center;} .region-pg p.backtotop {text-align: left; padding-left: 6%; margin-top: 1em; margin-bottom: 3em;} .indicators-pg p.backtotop {margin-bottom: 3em; margin-top: 0;} .search-toggle2 {display: none;} #jobskr-col, #business-col, #resrch-col {background: #f3f3f3; width: 100%; margin-bottom: 2em;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background-color: transparent;} /* problem with greying bg of dropdown in mobile */ .search {padding: 0 4%;} .wages-subnav, .employ-subnav, .ui-subnav, .econ-subnav {width: 100%;} .carousel {margin-bottom: 2em;} .state-rates {padding-left: 4%;} .state-rates h3 {font-size: 1.45em; font-family: 'Open Sans', Arial, Helvetica, sans-serif; text-transform: capitalize;} .state-rates p {font-size: 1em;} .state-rates p.rates-update {font-size: 0.8em;} #home-jobskr.col-sm-6, #home-business.col-sm-6 {padding-right: 0; padding-left: 0;} #home-social {margin-bottom: 2em;} #home-social h3 {padding-top: 0; font-size: 1.2em;} #home-social hr {display: none;} .social-square {border-top: 1px solid #ccc; padding: 1em; border-right: 0;} .survey h3 {width: 70%; margin: 0 auto;} #biz-list-pg table th, #biz-list-pg table td {padding: 5px 10px 5px 10px;} table#private-biz th:nth-of-type(1), table#private-biz td:nth-of-type(1), table#public-biz th:nth-of-type(1), table#public-biz td:nth-of-type(1) {display: none;} table#private-biz th:nth-of-type(2), table#private-biz td:nth-of-type(2), table#public-biz th:nth-of-type(2), table#public-biz td:nth-of-type(2) {width: 40%;} table#private-biz th:nth-of-type(3), table#private-biz td:nth-of-type(3), table#public-biz th:nth-of-type(3), table#public-biz td:nth-of-type(3) {width: 25%;} table#private-biz th:nth-of-type(4), table#private-biz td:nth-of-type(4), table#public-biz th:nth-of-type(4), table#public-biz td:nth-of-type(4) {width: 30%;} #contact-pg .sidebar img {width: 160px;} .census-group div.box-img {width: 150px; height: 200px;} #cpi-pg .sidebar h3 {width: 100%; float: none;} .sidebar p.sm-btn {margin-top: 0;} .btn.btn-ei {width: 100%;} .footer .social-icons ul {width: 100%;} .footer div.social-icons {margin-top: 3em;} .bottom-footer ul.list-inline > li {display: block;} .footer-lnks li {margin: 0 0 0.75em;} p.newsletter {margin-top: 1em;} .oes-block div {margin-left: 20px;} .oes-pg .oes-block {margin-left: 0px;} .oes-block.col-xs-6 {width: 32%;} .oes-block p {margin: 1em 0;} .oes-block p.oes-download {line-height: 2.5; margin-bottom: 0;} div.statewide-metro-oes {margin-bottom: 2em;} div.statewide-metro-oes .oes-block {height: 20em;} div.non-metro-oes .oes-block {height: 24.5em;} .dnnSearchResultAdvancedTip {float: none; margin: 0 0 10px 10px;} .dnnSearchBoxPanel .dnnSearchBox {width: 95%;} } @media (max-width: 600px) { .lmi-pub-box {width: 50%;} .survey.lmi-pub-box {width: 100%; margin-top: 3em;} .lmi-pub-box.survey p {padding-left: 3%;} .lmi-pub-box.survey p a {font-size: 0.9em; padding: 1em;} .lmi-pub-box.survey a span {height: auto; width: 100%; padding: 0.5em 1em;} #contact-pg .sidebar {clear:both; width: 100%; padding-top: 0;} #contact-pg .contact-info {width: 100%;} .ces-reports p.ces-rep1, .ces-reports p.ces-rep2 {padding: 1em 0; width: 100%; float: none;} .census-group div.box-img, .ui-rates-group div.box-img {width: 100px; height: 200px;} .ui-rates-group h3.orphan {width: 100%;} .ui-rates-group p.btn-update {margin-right: 10%;} .sidebar-pic img.ag-employ {float: none; margin-right: 0;} .region-pg h2 {font-size: 1.75em; padding-top: 0.5em; width: 100%; float: none; margin-top: 0;} .region-map img {width: 60px; margin: 0; float: none; padding: 0;} .navbar-header h1.mobile-title {width: 270px;} article#southeast p.pub span {display: none;} .region-top-box p {width: 20em;} #projections-pg li.occ {margin-bottom: 2em;} #projections-pg li {width: 60%; margin-right: 0;} #projections-pg ul {margin-left: 0;} .tableau-key div.col-xs-2 {width: 45%; margin-bottom: 1em;} .tableau-key div.col-xs-5, .tableau-key div.col-xs-3 {width: 45%;} div.graph-img.col-xs-4 {width: 45%;} div.graph-img.col-xs-7, div.graph-img.col-xs-6 {width: 70%;} } @media (max-width: 500px) { .navbar-header h1.visible-xs-inline-block {display: none !important;} h1.mobile-title-phone {display: inline-block; font-size: 1.4em; padding: 0 0 20px 15px; margin: 0; font-weight: 400; } h1 {font-size: 2em;} #indicators-subnav {font-size: 1.2rem;} .economist-contact p.economist-name {font-size: 1em;} .economist-contact {margin-right: 5%;} #home-social img {display: none;} .economist img {margin: 0 auto 1em; float: none; width: 120px;} article.region-pg aside {margin-top: 0;} .region-pg p.backtotop {text-align: center; padding: 0;} .economist-contact {width: 70%; margin: 0 auto; float: none; text-align: center;} .economist p.title {width: 100%;} .carousel-caption.cap2 h2, .carousel-caption.cap1 h2 {font-size: 1.2em;} div.footer-lnks {clear: both;} div.footer-mid {margin-top: 1em;} h4.panel-title {font-size: 1em;} .panel-title a {padding-right: 5%;} .big-download {line-height: 2.5;} .economist p.backtotop {margin-top: 0; margin-bottom: 3em;} .indicator-box img {width: 30%;} #indicators-subnav.subnav li {font-size: 1.2em;} article.region-pg, article.indicators-pg {margin-bottom: 3em;} .region-top-box {padding-top: 1em;} .region-top-box p {font-size: 0.9em; width: 65%;} .region-top-box img {margin-right: 20px;} .region-pg h1 {margin-bottom: 1em;} .top-footer div.col-xs-5, .top-footer div.col-xs-6 {width: 100%;} #glossary-pg div div {font-size: 0.8em;} h2.orphan {width: 100%;} .oes-block.col-xs-6 {width: 45%;} ..program-contact table tr td.td-1 {padding-right: 3%; width: 300px;} .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {white-space:normal; } } @media (max-width: 380px) { .economist-pic {float: none;} .economist-contact {width: 100%; float: none;} .carousel-caption h2 {font-size: 1.2em;} .census-group div.box-img, .ui-rates-group div.box-img {width: 200px; height: 150px; margin-bottom: 20px;} .ui-rates-group p.btn-update {width: 50%;} .ui-rates-group p.btn-update a {padding: 10px 40px;} .ui-rates-group div.col-xs-7 {width: 80%;} .sidebar.indicators h4 {font-size: 3em; line-height: 0.4;} h1.mobile-title-phone {font-size: 1.2em;} .cap3 p span {display: none;} .census-group div.col-xs-8 {width: 100%;} .region-top-box p {width: 100%;} .dnnSearchBox > a.dnnSearchBoxClearText {right: 52% !important;} table#private-biz, table#public-biz {font-size: 0.9em;} .lmi-pub-box {height: 11em;} } @media (max-width: 480px) { body { text-rendering: optimizeSpeed; } .ui-rates-group p.btn-update {margin-right: 15%;} #projections-pg li {width: 80%;} div.graph-img.col-xs-4 {width: 70%;} div.graph-img.col-xs-7, div.graph-img.col-xs-6 {width: 100%;} } @media (max-width: 410px) { div.statewide-metro-oes .oes-block, div.non-metro-oes .oes-block {height: auto; float: none; margin-bottom: 2em;} .oes-block.col-xs-6 {width: 280px; float: none;} .oes-block img {width: 110px;} .oes-block p {margin: 0.5em 0;} } @media only screen and (min-device-width : 768px) and (max-device-width : 785px){ .footer .container {width: 740px !important;} } @media print { h1, h2 { font-family: Arial, Helvetica, sans-serif; font-weight: 700; } } /* .livehtmlwrapper *, .livehtmlwrapper *:before, .livehtmlwrapper *:after { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box!important; } */ .livehtmlwrapper .ddl { border: 1px solid #aaaaaa !important; } .livehtmlwrapper .lnkbtn1 { font-family: Helvetica,Arial,sans-serif; padding: 5px 10px; background: #818181; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#818181, endColorstr=#656565)"; background: -webkit-gradient(linear, left top, left bottom, from(#818181), to(#656565)); background: -moz-linear-gradient(center top , #818181 0%, #656565 100%) repeat scroll 0 0 transparent; border-color: #aaaaaa; color: #FFFFFF !important; font-weight: bold; text-decoration: none; text-shadow: 0 1px 1px #000000; border-radius: 3px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#818181, endColorstr=#656565); } .livehtmlwrapper .lnkbtn1:hover { background: #4E4E4E; color: #ffffff; text-decoration: none; } .livehtmlwrapper .lnkbtn2 { font-weight: bold; padding: 8px; text-decoration: none; color: #003366; } .livehtmlwrapper .lnkbtn2:hover { text-decoration: underline; color: #000; } .livehtmlwrapper .caption { font-size: 11px; background-color: InactiveBorder; border-radius: 5px; -moz-border-radius: 5px; webkit-border-radius: 5px; border: 1px solid #999999; padding: 5px; } .livehtmlwrapper ins { background-color: #cfc; text-decoration: inherit; } .livehtmlwrapper del { color: #999; background-color: #FEC8C8; } .livehtmlwrapper ins.mod { background-color: #FFE1AC; } .livehtmlwrapper .previewPanel { border: 1px solid #A9A9A9; overflow: auto; padding: 10px; min-height: 25px; } .livehtmlwrapper .previewPanelContainer { border: 5px solid #E6EBEA; margin-top: 5px; } .livehtmlwrapper .comparisonButtons { background-color: #E6EBEA; float: left; margin: 0; padding-bottom: 5px; padding-right: 20px; } .livehtmlwrapper .comparisonButtons li { display: inline; margin: 5px; } .livehtmlwrapper .comparisonButtons a { color: #A2A1A1; margin-left: 15px; text-decoration: none; } .comparisonButtons .selected { color: #000000; font-weight: bold; } .livehtmlwrapper .cursor { cursor: pointer; } .livehtmlwrapper .disable { background: none repeat scroll 0 0 #CCCCCC !important; border: medium none !important; box-shadow: none !important; color: #AAAAAA !important; text-shadow: none !important; cursor: not-allowed !important; } /* .livehtmlwrapper a.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 4px 10px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .livehtmlwrapper a.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .livehtmlwrapper a.btn:hover, .livehtmlwrapper a.btn:focus { color: #000; text-decoration: none; } .livehtmlwrapper a.btn-danger:hover, .livehtmlwrapper a.btn-danger:focus, .livehtmlwrapper a.btn-danger:active { color: #ffffff; background-color: #d2322d; border-color: #ac2925; } .livehtmlwrapper a.btn-success:hover, .livehtmlwrapper a.btn-success:focus, .livehtmlwrapper a.btn-success:active { color: #ffffff; background-color: #47a447; border-color: #398439; } .livehtmlwrapper a.btn-info:hover, .livehtmlwrapper a.btn-info:focus, .livehtmlwrapper a.btn-info:active { color: #ffffff; background-color: #39b3d7; border-color: #269abc; } .livehtmlwrapper a.btn:active, .livehtmlwrapper a.btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .livehtmlwrapper a.btn-danger { background-color: #B73D3D; color: #FFFFFF; width: 60px; } .livehtmlwrapper a.btn-success { background-color: #5BAE43; color: #FFFFFF; width: 60px; } .livehtmlwrapper a.btn-info { background-color: #4F99D3; color: #FFFFFF; width: 60px; float: right; } */ .livehtmlwrapper .toggle { background: url(../Images/slide-down.png) no-repeat scroll right center rgba(0, 0, 0, 0); height: 14px; float: right; width: 38px; bottom: -22px; position: absolute; right: -1px; padding: 4px 0 4px 6px; border-color: #cccccc; border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: 0 1px 1px; -moz-border-radius: 0 0 5px 5px; webkit-border-radius: 0 0 5px 5px; z-index: 99; } .livehtmlwrapper .toggle-wrapper { } .livehtmlwrapper .ReviewComment { display: none; position: relative; width: 885px; overflow: auto; } .livehtmlwrapper .toggle.close { background-image: url(../Images/slide-up.png); opacity: 1; } .livehtmlwrapper .admin-panel { width: 4000px; } #divFooter { width: 100%; width: calc(100% - 18px); font-size: 12px; padding: 1em 0em 1em 0em; margin: 0 18px !important; } #divFooter .map-graphic img { display:block; margin: 0 auto 20px; } #divFooter ul { margin-left: 0; } #divFooter ul img.ajc-logo { width: 315px; } /* Site-specific CSS */ #contentWrapper { background-color:whitesmoke; min-height: 250px; padding-left:15px;padding-bottom:10px; } .action-button { font-family: "Open Sans", Arial, sans-serif; transition: 1s ease; font-weight: 700; cursor: pointer; text-transform: uppercase; margin-right: 20px; font-size: 14px; float: left; background: #0099ff; border: 0px; color: #fff !important; display: inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .action-button#donotunderstand, .action-button#exit8 { background: #be3b2e; } .action-button#yesStep7, .action-button#cashStep7 { margin-right: 0px; } .well p { clear: left; } .well input[type="submit"] { margin: 15px 10px 10px 0 !important } .well input[type="button"] { margin-bottom: 10px !important } .well input[type="checkbox"] { height: 15px; width: 15px; } .well .lblIAccept { left: 20px; bottom: 5px; } .well .ABP_IAccept { margin-top: 10px; } div.well { padding-bottom: 20px !important; } .ABP_Note{ display: block; } .ABPContact { padding: 0px 20px 0px 20px; width: 99%; } .ABPContact input { margin-top: 20px; } .input-group { margin: 15px 0 0; } input[type="text"], select, textarea, input[type="email"], input[type="search"], input[type="password"] { height: 40px; } .form-horizontal .control-label.tall-label { padding-top: 0; margin-top: -5px; } .input-group-btn span { height: 40px; padding: 9px 12px; } .padding-mod { padding-left: 0; padding-right: 7%; } #tblAmounts td.date, #tblAmounts td.amount { width: 45%; } #tblAmounts td.date input, #tblAmounts td.amount input { width: 100%; } #tblAmounts td.remove { width: 10%; vertical-align: unset; padding-top: 4px; text-align: right; } #tblAmounts td.total { vertical-align: unset; padding-top: 10px; text-align: right; } /*** Datepicker **/ #ui-datepicker-div { background: #fff; padding: 15px 20px; webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); } .ui-datepicker-next { position: absolute; right: 20px; } .ui-datepicker-month, .ui-datepicker-year { margin-top: 20px; } .ui-datepicker-month { margin-right: 5px; }